.collection-hero__banner{height:100vh;height:calc(var(--vh, 1vh) * 100);width:100vw}.collection-hero__product-grid{width:100%;height:100%;display:flex;justify-content:space-around;flex-wrap:wrap;background-color:var(--color-green);border-radius:var(--border-radius);color:var(--color-white);padding:75px 0;overflow:hidden}.collection-hero__product-grid--item{width:18%;text-align:center;position:relative;padding:12px;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}.collection-hero__product-grid--item img{display:inline-block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;position:relative;object-fit:contain;object-position:center top;max-height:15vh}.collection-hero__product-grid--item .product-grid__image{position:relative;width:100%;height:100%;padding-bottom:0;transform:scale(1) translateZ(0);transition:transform .5s cubic-bezier(.29,.63,.44,1);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);background:transparent;will-change:auto}.collection-hero__product-grid--item:nth-child(1),.collection-hero__product-grid--item:nth-child(4){top:12px}.collection-hero__product-grid--item:nth-child(1){left:60px;padding:18px}.collection-hero__product-grid--item:nth-child(11){position:relative;top:-10px;left:30px}.collection-hero__product-grid--item:nth-child(4){right:60px;padding:18px}.collection-hero__product-grid--item:nth-child(-n+4){width:23%}.collection-hero__count{position:relative;display:inline-block;padding-left:4px;top:-30px}.collection-hero__menu{color:var(--color-black)}.collection-hero__menu-list{padding-top:32px}.collection-hero__menu-list li{display:inline-block;margin:6px}.collection-hero__menu-list li a{display:inline-block;line-height:20px;color:var(--color-black);background-color:var(--color-sage-green);padding:14px 24px;border-radius:100px;transition:background-color .5s cubic-bezier(.29,.63,.44,1),color .5s cubic-bezier(.29,.63,.44,1);font-weight:400}.collection-hero__menu-list li.active a,.collection-hero__menu-list li:not(.active):hover a,.collection-hero__menu-list li:not(.active):active a{background-color:var(--color-black);color:var(--color-white);transition:background-color .5s cubic-bezier(.29,.63,.44,1),color .5s cubic-bezier(.29,.63,.44,1)}.collection-hero__menu-list li.active:hover a,.collection-hero__menu-list li.active:active a{color:var(--color-black);background-color:var(--color-sage-green);transition:background-color .5s cubic-bezier(.29,.63,.44,1),color .5s cubic-bezier(.29,.63,.44,1)}.collection-hero .product-grid__overlay{background:#d7d7c9bd;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius);color:var(--color-black);position:absolute;z-index:10;top:90%;left:50%;transform:translate(-50%,10px);opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.29,.63,.44,1),transform .5s cubic-bezier(.29,.63,.44,1),visibility .5s cubic-bezier(.29,.63,.44,1);pointer-events:none}.collection-hero__product-grid--item:hover .product-grid__image,.collection-hero__product-grid--item:active .product-grid__image{transform:scale(1.05) translateZ(0);transition:transform .5s cubic-bezier(.29,.63,.44,1)}.collection-hero__product-grid--item:hover .product-grid__overlay,.collection-hero__product-grid--item:active .product-grid__overlay{transform:translate(-50%);opacity:1;visibility:visible;transition:opacity .5s cubic-bezier(.29,.63,.44,1),transform .5s cubic-bezier(.29,.63,.44,1),visibility .5s cubic-bezier(.29,.63,.44,1)}.collection-hero .product-grid__overlay .overlay__title{font-weight:500;border-bottom:1px solid rgba(0,0,0,.2)}.collection-hero__product-grid--item:nth-child(n+10) .product-grid__overlay{top:0;transform:translate(-50%,-85%)}.collection-hero__product-grid--item:nth-child(n+10):hover .product-grid__overlay{top:0;transform:translate(-50%,-95%)}@media screen and (min-width:1440px){.collection-hero__product-grid--item:nth-child(1){padding:24px}.collection-hero__product-grid--item:nth-child(4){padding:24px}.collection-hero__product-grid--item{padding:20px}.collection-hero__product-grid--item img{max-height:18vh}}@media screen and (max-width:1439px){.collection-hero__product-grid--item:nth-child(5) .product-grid__overlay{top:50%;left:100%;transform:translate(-20%,-50%)}.collection-hero__product-grid--item:nth-child(5):hover .product-grid__overlay{top:50%;left:100%;transform:translate(-10%,-50%)}.collection-hero__product-grid--item:nth-child(10) .product-grid__overlay{top:50%;left:100%;transform:translate(-20%,-50%)}.collection-hero__product-grid--item:nth-child(10):hover .product-grid__overlay{top:50%;left:100%;transform:translate(-10%,-50%)}.collection-hero__product-grid--item:nth-child(9) .product-grid__overlay{top:50%;left:0;transform:translate(-100%,-50%)}.collection-hero__product-grid--item:nth-child(9):hover .product-grid__overlay{top:50%;left:0;transform:translate(-90%,-50%)}.collection-hero__product-grid--item:nth-child(14) .product-grid__overlay{top:50%;left:0;transform:translate(-100%,-50%)}.collection-hero__product-grid--item:nth-child(14):hover .product-grid__overlay{top:50%;left:0;transform:translate(-90%,-50%)}}@media only screen and (max-width:768px){.collection-hero__product-grid--item:nth-child(n+11){display:none}.collection-hero__product-grid--item:nth-child(4){right:10px}.collection-hero__product-grid{padding:50px 0}.collection-hero .product-grid__overlay .overlay__title{font-size:13px}.collection-hero__menu-list li a{padding:12px 20px}.collection-hero__product-grid--item img{max-height:15vh}.collection-hero__product-grid--item,.collection-hero__product-grid--item:nth-child(-n+4){width:32%;padding:4px;margin-bottom:0}.collection-hero__product-grid--item:nth-child(1),.collection-hero__product-grid--item:nth-child(9){left:20px;padding:8px;top:0}.collection-hero__product-grid--item:nth-child(2),.collection-hero__product-grid--item:nth-child(10){right:20px;padding:8px}.collection-hero__product-grid--item:nth-child(-n+2){margin-top:8px}.collection-hero__product-grid--item:nth-child(-n+2),.collection-hero__product-grid--item:nth-child(n+9){width:35%}.collection-hero__product-grid--item:nth-child(3){width:32%;right:0;padding:8px;margin-bottom:4px}.collection-hero__product-grid--item:nth-child(n+9) .product-grid__overlay{top:0;transform:translate(-50%,-90%)}.collection-hero__product-grid--item:nth-child(n+9):hover .product-grid__overlay{top:0;transform:translate(-50%,-100%)}.collection-hero__product-grid--item:nth-child(3) .product-grid__overlay{top:50%;left:100%;transform:translate(-20%,-50%)}.collection-hero__product-grid--item:nth-child(3):hover .product-grid__overlay{top:50%;left:100%;transform:translate(-10%,-50%)}.collection-hero__product-grid--item:nth-child(6) .product-grid__overlay{top:50%;left:100%;transform:translate(-20%,-50%)}.collection-hero__product-grid--item:nth-child(6):hover .product-grid__overlay{top:50%;left:100%;transform:translate(-10%,-50%)}.collection-hero__product-grid--item:nth-child(5) .product-grid__overlay{top:50%;left:0;transform:translate(-100%,-50%)}.collection-hero__product-grid--item:nth-child(5):hover .product-grid__overlay{top:50%;left:0;transform:translate(-90%,-50%)}.collection-hero__product-grid--item:nth-child(8) .product-grid__overlay{top:50%;left:0;transform:translate(-100%,-50%)}.collection-hero__product-grid--item:nth-child(8):hover .product-grid__overlay{top:50%;left:0;transform:translate(-90%,-50%)}.collection-hero__product-grid--item:nth-child(9):hover .product-grid__overlay{left:50%}.collection-hero__product-grid--item:nth-child(10):hover .product-grid__overlay{left:50%}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/component-collection-hero.css.map */