:root{--overlay-opacity:.6;--overlay-green:rgba(21,63,59,var(--overlay-opacity));--overlay-dark:rgba(14,36,40,var(--overlay-opacity))}.hero.hero-layout{display:grid;grid-template-columns:minmax(0,3.1fr) minmax(290px,1fr);gap:26px;background:transparent;min-height:0;align-items:stretch}.hero-swiper{width:100%;min-width:0;height:480px;background:#edf0e9;border-radius:3px}.hero-swiper .swiper-slide{overflow:hidden;background:#edf0e9}.banner-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-swiper .swiper-slide:nth-child(2) .banner-image{object-position:50% 45%}.banner-caption{position:absolute;left:30px;bottom:68px;max-width:calc(100% - 60px);padding:24px 28px;background:var(--overlay-green);color:#fff;border-radius:3px}.banner-caption .eyebrow{color:#f4ca7a;font-size:14px;line-height:20px}.hero .banner-caption h1,.hero .banner-caption h2{font-size:42px;line-height:46px;font-weight:900;margin:12px 0 14px;letter-spacing:normal;color:#fff}.banner-caption>p:not(.eyebrow){color:#edf3ed;font-size:14px;line-height:20px;margin-bottom:20px}.banner-caption .button{font-size:14px;line-height:20px;min-height:44px}.banner-arrow{position:absolute;top:50%;translate:0 -50%;z-index:6;width:44px;height:52px;display:grid;place-items:center;background:var(--overlay-green);border-radius:3px;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease}.banner-prev{left:12px}.banner-next{right:12px}.banner-arrow img{width:23px;height:23px;filter:brightness(0) invert(1)}.banner-prev img{transform:scaleX(-1)}.hero-swiper:hover .banner-arrow,.hero-swiper:focus-within .banner-arrow{opacity:1;pointer-events:auto}.banner-arrow:hover{background:var(--overlay-green)}.banner-controls{position:absolute;bottom:14px;right:20px;z-index:5;display:flex;align-items:center;padding:0;background:transparent;color:#fff}.banner-pagination{display:flex;align-items:center;width:auto!important;gap:8px}.banner-pagination .swiper-pagination-bullet{display:grid;place-items:center;margin:0!important;width:44px;height:36px;background:transparent;opacity:1;border-radius:0}.banner-pagination .swiper-pagination-bullet:after{content:"";width:36px;height:4px;background:#ffffff70;border-radius:2px;transition:background-color .2s ease}.banner-pagination .swiper-pagination-bullet-active:after{background:#fffffff2}.banner-pagination .swiper-pagination-bullet:hover:after{background:#ffffffc7}@media(hover:none){.banner-arrow{opacity:1;pointer-events:auto;width:40px;height:44px}.banner-prev{left:6px}.banner-next{right:6px}}.hero-reasons{padding:30px 25px;background:var(--green);color:#fff;border-radius:3px;display:flex;flex-direction:column}.hero-reasons>.eyebrow{color:#dfc58e;font-size:14px;line-height:20px}.hero-reasons h2{font-size:25px;line-height:30px;font-weight:700;margin:10px 0 13px}.hero-reasons .reasons-intro{font-size:14px;line-height:20px;color:#d9e4df}.hero-reasons ul{list-style:none;padding:0;margin:25px 0 20px;display:flex;flex-direction:column;gap:23px}.hero-reasons li{display:flex;align-items:flex-start;gap:13px}.reason-icon{width:38px;height:38px;background:#ffffff12;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.reason-icon img{width:22px;height:22px;filter:brightness(0) invert(1)}.hero-reasons h3{font-size:16px;line-height:20px;font-weight:700;margin:0 0 5px}.hero-reasons li p{font-size:14px;line-height:20px;color:#d9e4df}.reasons-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:20px;padding:14px 0 0;margin-top:auto;border-top:1px solid #ffffff30;color:var(--yellow);text-align:left}.reasons-link img{width:19px;filter:brightness(0) invert(1)}.button,.category,.product-card,.filter-tabs button,.icon-button{transition:background-color .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease}.button:active,.icon-button:active{opacity:.76}.button img,.text-link img,.category-arrow{transition:translate .2s ease}@media(hover:hover){.button:hover img,.text-link:hover img,.category:hover .category-arrow{translate:3px 0}.product-card:hover{border-color:#aabbb0}}.faq-list details{overflow:hidden}.faq-list summary span{font-size:20px!important;line-height:20px;position:relative;flex-shrink:0;width:20px;height:20px;color:transparent}.faq-list summary span:before,.faq-list summary span:after{content:""!important;position:absolute;top:9px;left:4px;width:12px;height:1.5px;background:var(--green);transition:opacity .2s ease}.faq-list summary span:after{width:1.5px;height:12px;top:4px;left:9px}.faq-list details[data-expanded=true] summary span:after{opacity:0}.faq-list details p{margin:0}@media(max-width:1200px){.hero.hero-layout{grid-template-columns:minmax(0,2.4fr) minmax(280px,1fr);gap:20px}.banner-caption{left:22px;padding:23px;max-width:calc(100% - 44px)}.hero-reasons{padding:26px 22px}}@media(max-width:960px){.hero.hero-layout{grid-template-columns:minmax(0,1fr)}.hero-swiper{height:440px}.hero-reasons{padding:26px}.hero-reasons ul{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0}.hero-reasons .reasons-intro br{display:none}.reasons-link{align-self:flex-start;gap:25px}.hero-reasons li{gap:10px}}@media(max-width:600px){.hero.hero-layout{gap:16px}.hero-swiper{height:470px}.banner-caption{left:16px;bottom:73px;padding:21px 19px;max-width:calc(100% - 32px)}.hero .banner-caption h1,.hero .banner-caption h2{font-size:42px;line-height:46px;overflow-wrap:anywhere}.banner-caption>p:not(.eyebrow){line-height:20px}.banner-controls{right:16px;bottom:15px}.hero-reasons{padding:26px 23px}.hero-reasons ul{display:flex;gap:21px}.hero-reasons li{gap:14px}.reasons-link{align-self:stretch}.hero-reasons h3{font-size:16px;line-height:20px}.hero-reasons li p{font-size:14px;line-height:20px}}@media(prefers-reduced-motion:reduce){.button img,.text-link img,.category-arrow{translate:none!important}.hero-swiper .swiper-wrapper,.hero-swiper .swiper-slide{transition-duration:0ms!important}}.category-grid .category{padding:12px 12px 20px;min-height:0;text-align:left;align-items:stretch;overflow:hidden}.category-photo{display:block;width:100%;height:160px;object-fit:cover;border-radius:2px;margin-bottom:18px;background:#f4f4ef}.category[data-category=boxes] .category-photo{object-position:center 72%}.category-grid .category strong{font-size:14px;line-height:20px;margin:0 4px}.category-grid .category>span{font-size:14px;line-height:20px;margin:7px 4px 0}.category-grid .category[data-category=protection] .category-photo{object-position:80% center}dialog::backdrop{background:var(--overlay-dark)}.photo-label{background:var(--overlay-green)}@media(max-width:1200px){.category-photo{height:140px}}@media(max-width:960px){.category-photo{height:180px}}@media(max-width:600px){.category-grid .category{padding:10px 10px 17px}.category-photo{height:145px;margin-bottom:14px}}.mobile-card-carousel{min-width:0}@media(max-width:767px){.mobile-card-carousel.swiper{width:100%;overflow:hidden;padding:2px 0 5px}.mobile-card-carousel .swiper-wrapper{display:flex;gap:0;align-items:stretch}.mobile-card-carousel .swiper-slide{height:auto;flex-shrink:0;box-sizing:border-box}.mobile-card-carousel .category{padding:12px 12px 20px}.mobile-card-carousel .category-photo{height:auto;aspect-ratio:4/3;margin-bottom:18px;object-fit:cover}.mobile-card-carousel .product-image{height:auto;aspect-ratio:4/3;object-fit:cover}.mobile-card-carousel .product-content{padding:20px 18px}.mobile-card-carousel .product-title,.mobile-card-carousel .product-spec{min-height:0}.mobile-card-carousel .product-price{min-height:0;margin:18px 0}.mobile-card-carousel .product-content>.button{margin-top:auto}.feature-grid{grid-template-columns:1fr;gap:24px}.feature-grid .feature{display:flex;flex-direction:column;min-height:0}.feature-grid .feature-photo{display:block;position:static;order:-1;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.feature-grid .feature-content{width:100%;padding:28px 24px 30px}.feature-grid .feature p:not(.eyebrow){max-width:none}.feature-grid .feature .button{justify-content:center;flex-wrap:nowrap}.feature-grid .custom-photo{object-position:50% 40%}}.button.choose-options:hover img{translate:none}.hero-swiper .banner-caption{left:72px;max-width:calc(100% - 144px)}@media(max-width:600px){.hero-swiper .banner-caption{left:16px;max-width:calc(100% - 32px)}.hero-swiper .banner-arrow{top:30px;translate:0 0}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/interactions.css.map */