.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#0006}.modal-content{background-color:#fefefe;margin:60px auto;padding:20px;border:1px solid #888;width:80%;display:grid;grid-template-columns:auto 1px}.close{color:#aaa;font-size:28px;font-weight:700;transform:translate(3px,-13px)}.video-wrapper{justify-self:center}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.cfp-pdp-video{max-width:100%;max-height:80vh}.cfpv2-hero{background-image:url(../img/pdp/hero-lifestyle.jpg);height:536px;background-position:center;background-size:1920px}.cfpv2-hero-container{max-width:1240px;padding-right:15px;padding-left:15px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:468px 1fr;height:100%;align-items:center}.cfpv2-hero-container .text-box{background-color:#ffffff90;padding:15px 10px;border-radius:5px}.cfpv2-hero-container .text-box h1{color:#003744;font-family:brandon text,sans-serif;font-size:20px;font-weight:700;line-height:28px}.cfpv2-hero-container .text-box h2{color:#003744;font-family:brandon text,sans-serif;font-size:46px;font-weight:700;line-height:57px;text-transform:capitalize}.cfpv2-hero-container .text-box h3{color:#003744;font-family:brandon text,sans-serif;font-size:20px;font-weight:700;line-height:28px;text-transform:capitalize}.comfy-dogs-wrapper{color:#003744;font-family:brandon text,sans-serif;font-size:16px;font-weight:700;line-height:28px;text-transform:capitalize;display:flex;gap:5px;align-items:center}@media only screen and (max-width:1180px){.cfpv2-hero{background-image:url(../img/pdp/hero-lifestyle.jpg);height:382px;background-size:1180px}.cfpv2-hero-container .text-box h1{font-size:20px;line-height:28px}.cfpv2-hero-container .text-box h2{font-size:35px;line-height:43px}.cfpv2-hero-container .text-box h3{font-size:20px;line-height:28px}.cfpv2-hero-container{grid-template-columns:400px 1fr}}.cta-wrapper{display:grid;align-items:stretch;justify-content:start;gap:5px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.cta-wrapper>div{box-sizing:border-box;color:#fff;display:flex;align-items:center;box-shadow:0 0 0 2px #fc0 inset;gap:5px;border-radius:5px;padding:15px 10px;justify-content:center;min-width:0;overflow:visible;white-space:normal}.cta-wrapper>div:hover{background-color:#fc0;cursor:pointer}.cta-wrapper a,.cta-wrapper div{font-size:14px;font-weight:700;font-family:brandon text,sans-serif;padding-top:10px;padding-bottom:10px;white-space:normal;overflow:visible;text-overflow:unset;min-width:0;height:auto;line-height:1.2;text-align:center}@media only screen and (min-width:442px)and (max-width:768px){.narrow-h2{width:72%;margin-left:auto;margin-right:auto}}@media only screen and (max-width:768px){.cfpv2-hero{background-image:url(../img/pdp/hero-lifestyle-mob.jpg);height:auto;min-height:436px;background-size:cover;background-position:center bottom;overflow:visible}.cfpv2-hero-container{grid-template-columns:minmax(0,1fr);align-items:unset}.cfpv2-hero-container .text-box{background-color:unset;padding-left:unset;padding-right:unset;padding-top:unset;padding-bottom:unset;max-width:425px;margin-left:auto;margin-right:auto;overflow:visible}.cfpv2-hero-container .text-box h1{font-size:16px;line-height:16px;text-align:center;margin-top:10px}.cfpv2-hero-container .text-box h2{font-size:26px;line-height:34px;text-align:center;margin-bottom:240px}.cfpv2-hero-container .text-box h3{display:none}.cfpv2-hero .cta-wrapper{grid-template-columns:minmax(0,.95fr) minmax(0,1.7fr);align-items:stretch}.cfpv2-hero-container .cta-btn,.cfpv2-hero .cta-wrapper a.cta-btn{padding:8px 6px;font-size:11px;line-height:1.2;white-space:normal;overflow:visible;text-overflow:unset;height:auto;min-width:0;max-width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.comfy-dogs-wrapper{color:#fff;fill:#fff;justify-content:center}.comfy-dogs-wrapper svg path{fill:#fff}}.cfpv2-hero{overflow:visible}.cfp-pdp-video{background:#000 url(../img/pdp/hero-lifestyle.jpg) center/cover no-repeat}.cfpv2-hero .cta-wrapper a.cta-btn,.cfpv2-hero .cta-wrapper .cta-btn,.cfpv2-hero .cta-wrapper>div{white-space:normal;overflow:visible;text-overflow:unset;height:auto;min-width:0;max-width:100%;box-sizing:border-box;line-height:1.2;font-size:13px;padding:10px 8px}@media only screen and (max-width:1180px){.cfpv2-hero .cta-wrapper a.cta-btn,.cfpv2-hero .cta-wrapper .cta-btn,.cfpv2-hero .cta-wrapper>div{font-size:12px;padding:8px 6px}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/component-cfpv2-hero-wvideo.css.map?v=24775902502291436651709813019 */