.smart-features-section{position:relative;overflow:hidden}.product-image-wrapper{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1}.smart-features-section_container{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease;display:block}.smart-features-section_container.active{opacity:1;transform:translateY(0)}.smart-features-section .section-container{display:flex;align-items:center;justify-content:space-between;gap:40px;position:absolute;z-index:2;top:50%;left:50%;width:100%;transform:translate(-50%,-50%)}.smart-features-section .content-left{flex:0 0 486px;max-width:486px;display:flex;flex-direction:column;gap:80px}.smart-features-section .content-header{display:flex;flex-direction:column;gap:20px}.smart-features-section .section-title{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:58px;line-height:58px;letter-spacing:-1.16px;background:linear-gradient(0deg,#1c2a11 10.45%,#637953 94.86%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.smart-features-section .section-title-desktop{display:block}.smart-features-section .section-title-mobile{display:none}.smart-features-section .section-description{font-family:Plus Jakarta Sans,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#4b4c4d;margin:0}.smart-features-section .feature-tags{display:flex;flex-wrap:wrap;gap:8px;max-width:389px}.smart-features-section .feature-tag{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e6e4e4;border-radius:3px;background:transparent}.smart-features-section .feature-tag-dot{width:4px;height:4px;background:#475a39;flex-shrink:0}.smart-features-section .feature-tag-text{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:16px;line-height:22px;color:#475a39;margin:0}.smart-features-section .content-right{flex:1;position:relative}.smart-features-section .product-image{width:100%;height:auto;display:block;position:absolute;top:0}.smart-features-section .product-image-mobile{width:100%;height:auto;display:block}.product-image-wrapper-inner-desktop{display:block}.product-image-wrapper-inner-mobile,.product-image-wrapper-inner-pad{display:none}.smart-features-section .product-image-pad{width:100%;height:auto;display:block;position:absolute;top:0}.product-image-wrapper-inner{position:relative}.smart-features-section .annotation-box{position:absolute;display:flex;flex-direction:column;align-items:flex-start;top:29%;left:69%;width:18.0556%;height:40.1515%}.smart-features-section .annotation-border{width:100%}.smart-features-section .annotation-label{background:#fff;padding:8px 10px;margin-top:-3px;width:72%}.smart-features-section .annotation-text{font-family:Space Grotesk,sans-serif;font-weight:400;font-size:20px;line-height:normal;color:#000;margin:0}.smart-features-section .footer-note-wrapper{position:absolute;height:58px;z-index:2;bottom:0;width:100%;left:50%;transform:translate(-50%)}.smart-features-section .footer-note{font-weight:400;font-size:12px;line-height:18px;color:#fff;max-width:340px;text-align:right;margin:0 0 0 auto}@media screen and (min-width:1600px){.smart-features-section .annotation-label{margin-top:-5px}}@media screen and (min-width:1200px)and (max-width:1400px){.smart-features-section .annotation-text{font-size:18px}}@media screen and (min-width:1010px)and (max-width:1280px){.smart-features-section .content-left{gap:80px}.smart-features-section .annotation-text{font-size:14px}}@media screen and (min-width:751px)and (max-width:1009px){.product-image-wrapper-inner-desktop{display:none}.product-image-wrapper-inner-pad{display:block}.product-image-wrapper-inner-mobile{display:none}}@media screen and (max-width:900px){.smart-features-section .section-title-desktop{display:none}.smart-features-section .section-title-mobile{display:block}.smart-features-section .product-image-mobile{display:block;position:absolute}.smart-features-section .product-image{display:none}.smart-features-section .section-container{flex-direction:column;align-items:flex-start;gap:30px;top:70px;left:unset;transform:none}.smart-features-section .annotation-box{width:42.6667%;height:20%;left:50%;top:58.5%}.smart-features-section .annotation-label{padding:4px 6px;margin-top:-2px;width:80%}.smart-features-section .content-left{flex:none;max-width:100%;gap:40px}.smart-features-section .section-title{font-size:32px;font-style:normal;font-weight:700;line-height:28px}.smart-features-section .section-description{font-size:14px;line-height:20px;gap:6px}.smart-features-section .feature-tags{flex-direction:column;max-width:100%;gap:0}.smart-features-section .feature-tag{width:fit-content;padding:6px 0;border:none}.smart-features-section .feature-tag-text{font-size:14px;line-height:normal}.smart-features-section .content-right{width:100%;min-height:auto}.smart-features-section .annotation-border{width:100%}.smart-features-section .annotation-text{font-size:14px}.smart-features-section .footer-note-wrapper{margin-top:20px;height:auto;padding:0 20px 23px}.smart-features-section .footer-note{position:static;transform:none;white-space:normal;text-align:left;color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:normal}}@media screen and (min-width:768px)and (max-width:1000px)and (min-height:1000px){.smart-features-section .content-header{max-width:480px}.smart-features-section .section-container{padding:0 54px}.smart-features-section .section-title{font-family:Space Grotesk;font-size:36px;font-style:normal;font-weight:700;line-height:36px;letter-spacing:-.72px}.smart-features-section .section-description{font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.smart-features-section .feature-tag-text{color:#475a39;font-family:Space Grotesk;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.smart-features-section .feature-tags{gap:12px}.smart-features-section .annotation-text{font-size:20px}.smart-features-section .annotation-box{width:33.81014%;height:25%;left:59%;top:51.5%}.smart-features-section .footer-note{margin:0 0 0 34px}.smart-features-section .annotation-label{padding:4px 6px;margin-top:-4px;width:65%}}@media screen and (min-width:768px)and (max-width:799px){.smart-features-section .annotation-text{font-size:18px}.smart-features-section .annotation-label{padding:4px 6px;margin-top:-3px;width:65%}}@media screen and (max-width:750px){.product-image-wrapper-inner-desktop,.product-image-wrapper-inner-pad{display:none}.product-image-wrapper-inner-mobile{display:block}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/component-smart-features.css.map */