.wook-why{width:96%;margin:0 auto 250px;padding:1rem 4rem;border-top-left-radius:30px;border-top-right-radius:30px;background:transparent url(wook-why-bg-pink.png) center top no-repeat;background-size:contain;max-width:1440px}.wook-why svg.why-bg-mask{position:absolute;width:100%;height:100%}.wook-why .section-container .section .text h2{color:var(--brand-black);font-size:5vw;line-height:100%;margin-top:0;letter-spacing:5.309px;text-align:center;text-transform:uppercase;display:inline-block;width:100%}.wook-why .section-container .section .text .split-word{display:inline-block;overflow:hidden;margin-right:.2em}.wook-why .section-container .section .text .split-char{display:inline-block;transform-origin:center bottom}.wook-why .section-container .section .icon-grid{margin:0 auto;text-align:center}.wook-why .section-container .section .icon-grid li .icon{margin:0 auto 1rem;width:80px;height:50px}.wook-why .section-container .section .icon-grid li .text{color:var(--brand-black);font-size:1.5rem}.wook-why .section-container .section .why-product-grid{height:600px}.wook-why .section-container .section .why-product-grid .col-1,.wook-why .section-container .section .why-product-grid .col-3{width:20%;max-width:calc(20% - var(--grid-desktop-horizontal-spacing))}:is(.wook-why .section-container .section .why-product-grid .col-1,.wook-why .section-container .section .why-product-grid .col-3) .btn{display:none}.wook-why .section-container .section .why-product-grid .col-2{width:60%;max-width:calc(60% - var(--grid-desktop-horizontal-spacing))}.wook-why .section-container .section .why-product-grid li{position:relative}.wook-why .section-container .section .why-product-grid li .btn-1{position:absolute;top:50%;left:0%}.wook-why .section-container .section .why-product-grid li .btn-2{position:absolute;top:50%;right:0%}.wook-why .section-container .section .why-product-grid li .products{position:relative;width:100%;height:100%}.wook-why .section-container .section .why-product-grid li .products .lime{position:absolute;width:100%;height:auto;left:0%;max-width:45%;z-index:2}.wook-why .section-container .section .why-product-grid li .products .berry{position:absolute;width:100%;height:auto;left:50%;transform:translate(-50%);max-width:50%;z-index:3}.wook-why .section-container .section .why-product-grid li .products .pineapple{position:absolute;width:100%;height:auto;right:0%;max-width:45%;z-index:2}@media screen and (max-width: 767px){.wook-why{margin-bottom:40rem;padding:1rem 2rem;background-size:cover}.wook-why .section-container .section{display:flex;flex-direction:column;position:relative}.wook-why .section-container .section .text h2{font-size:48px;letter-spacing:1.44px;margin:0}.wook-why .section-container .section .icon-grid{order:100;position:absolute;top:130%;width:100%}.wook-why .section-container .section .icon-grid li{width:auto;max-width:40vw;min-width:35vw}.wook-why .section-container .section .icon-grid li .icon svg path{fill:#fff}.wook-why .section-container .section .icon-grid li .text{color:#fff}.wook-why .section-container .section .why-product-grid{width:100%;justify-content:center;margin-top:0;height:70vw}.wook-why .section-container .section .why-product-grid .col-1,.wook-why .section-container .section .why-product-grid .col-3{display:none}.wook-why .section-container .section .why-product-grid .col-2{width:100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wook-why-wook.css.map */