.hexagon-categories-section{padding:40px 0 90px;background:#dedede;overflow:hidden;-webkit-font-smoothing:antialiased}.hex-title{margin:10px;text-align:center;font-size:clamp(20px,5vw,35px);font-weight:200;color:#fff}.hex-slider{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:40px;padding:15px max(20px,calc((100vw - 1280px)/2)) 40px;scrollbar-width:thin}.hex-slider::-webkit-scrollbar{height:8px}.hex-slider::-webkit-scrollbar-track{background:#00000014}.hex-slider::-webkit-scrollbar-thumb{background:#00000059;border-radius:999px}.hex-slide{flex:0 0 min(1180px,calc(100vw - 40px));scroll-snap-align:center}.hex-grid{--hex-size: clamp(260px, 24vw, 420px);--hex-height: calc(var(--hex-size) * 1.12);--hex-gap: clamp(4px, .9vw, 10px);width:100%;min-height:calc(var(--hex-height) * 2.15);display:grid;grid-template-columns:repeat(6,calc(var(--hex-size) / 2));grid-auto-rows:calc(var(--hex-height) * .8);justify-content:center;align-content:center;column-gap:var(--hex-gap);row-gap:0;padding:30px 0 50px}.hex-grid .hex-item,.hex-grid .hex-item:nth-child(n){width:var(--hex-size);height:var(--hex-height);margin:0;grid-column:auto;grid-row:auto}.hex-item{position:relative;display:block;color:inherit;text-decoration:none;overflow:hidden;transition:transform .5s ease;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-item:before{display:none}.hex-count-4{min-height:calc(var(--hex-size) * 1.65)}.hex-count-4 .hex-item:nth-child(1){grid-column:2 / span 2;grid-row:1}.hex-count-4 .hex-item:nth-child(2){grid-column:4 / span 2;grid-row:1}.hex-count-4 .hex-item:nth-child(3){grid-column:1 / span 2;grid-row:2}.hex-count-4 .hex-item:nth-child(4){grid-column:3 / span 2;grid-row:2}.hex-count-5{min-height:calc(var(--hex-size) * 1.75)}.hex-count-5 .hex-item:nth-child(1){grid-column:2 / span 2;grid-row:1}.hex-count-5 .hex-item:nth-child(2){grid-column:4 / span 2;grid-row:1}.hex-count-5 .hex-item:nth-child(3){grid-column:1 / span 2;grid-row:2}.hex-count-5 .hex-item:nth-child(4){grid-column:3 / span 2;grid-row:2}.hex-count-5 .hex-item:nth-child(5){grid-column:5 / span 2;grid-row:2}.hex-count-6{grid-template-columns:repeat(7,calc(var(--hex-size) / 2));min-height:calc(var(--hex-size) * 1.75)}.hex-count-6 .hex-item:nth-child(1){grid-column:1 / span 2;grid-row:1}.hex-count-6 .hex-item:nth-child(2){grid-column:3 / span 2;grid-row:1}.hex-count-6 .hex-item:nth-child(3){grid-column:5 / span 2;grid-row:1}.hex-count-6 .hex-item:nth-child(4){grid-column:2 / span 2;grid-row:2}.hex-count-6 .hex-item:nth-child(5){grid-column:4 / span 2;grid-row:2}.hex-count-6 .hex-item:nth-child(6){grid-column:6 / span 2;grid-row:2}.hex-count-7{grid-template-columns:repeat(8,calc(var(--hex-size) / 2));min-height:calc(var(--hex-size) * 1.75)}.hex-count-7 .hex-item:nth-child(1){grid-column:2 / span 2;grid-row:1}.hex-count-7 .hex-item:nth-child(2){grid-column:4 / span 2;grid-row:1}.hex-count-7 .hex-item:nth-child(3){grid-column:6 / span 2;grid-row:1}.hex-count-7 .hex-item:nth-child(4){grid-column:1 / span 2;grid-row:2}.hex-count-7 .hex-item:nth-child(5){grid-column:3 / span 2;grid-row:2}.hex-count-7 .hex-item:nth-child(6){grid-column:5 / span 2;grid-row:2}.hex-count-7 .hex-item:nth-child(7){grid-column:7 / span 2;grid-row:2}.hex-count-8{--hex-size: clamp(220px, 20vw, 300px);grid-template-columns:repeat(9,calc(var(--hex-size) / 2));min-height:calc(var(--hex-size) * 1.75)}.hex-count-8 .hex-item:nth-child(1){grid-column:2 / span 2;grid-row:1}.hex-count-8 .hex-item:nth-child(2){grid-column:4 / span 2;grid-row:1}.hex-count-8 .hex-item:nth-child(3){grid-column:6 / span 2;grid-row:1}.hex-count-8 .hex-item:nth-child(4){grid-column:8 / span 2;grid-row:1}.hex-count-8 .hex-item:nth-child(5){grid-column:1 / span 2;grid-row:2}.hex-count-8 .hex-item:nth-child(6){grid-column:3 / span 2;grid-row:2}.hex-count-8 .hex-item:nth-child(7){grid-column:5 / span 2;grid-row:2}.hex-count-8 .hex-item:nth-child(8){grid-column:7 / span 2;grid-row:2}.hex-count-9{grid-template-columns:repeat(7,calc(var(--hex-size) / 2));min-height:calc(var(--hex-size) * 2.35)}.hex-count-9 .hex-item:nth-child(1){grid-column:1 / span 2;grid-row:1}.hex-count-9 .hex-item:nth-child(2){grid-column:3 / span 2;grid-row:1}.hex-count-9 .hex-item:nth-child(3){grid-column:5 / span 2;grid-row:1}.hex-count-9 .hex-item:nth-child(4){grid-column:2 / span 2;grid-row:2}.hex-count-9 .hex-item:nth-child(5){grid-column:4 / span 2;grid-row:2}.hex-count-9 .hex-item:nth-child(6){grid-column:6 / span 2;grid-row:2}.hex-count-9 .hex-item:nth-child(7){grid-column:1 / span 2;grid-row:3}.hex-count-9 .hex-item:nth-child(8){grid-column:3 / span 2;grid-row:3}.hex-count-9 .hex-item:nth-child(9){grid-column:5 / span 2;grid-row:3}.hex-count-10{grid-template-columns:repeat(8,calc(var(--hex-size) / 2));min-height:calc(var(--hex-size) * 2.35)}.hex-count-10 .hex-item:nth-child(1){grid-column:2 / span 2;grid-row:1}.hex-count-10 .hex-item:nth-child(2){grid-column:4 / span 2;grid-row:1}.hex-count-10 .hex-item:nth-child(3){grid-column:6 / span 2;grid-row:1}.hex-count-10 .hex-item:nth-child(4){grid-column:1 / span 2;grid-row:2}.hex-count-10 .hex-item:nth-child(5){grid-column:3 / span 2;grid-row:2}.hex-count-10 .hex-item:nth-child(6){grid-column:5 / span 2;grid-row:2}.hex-count-10 .hex-item:nth-child(7){grid-column:7 / span 2;grid-row:2}.hex-count-10 .hex-item:nth-child(8){grid-column:2 / span 2;grid-row:3}.hex-count-10 .hex-item:nth-child(9){grid-column:4 / span 2;grid-row:3}.hex-count-10 .hex-item:nth-child(10){grid-column:6 / span 2;grid-row:3}.hex-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.hex-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.hex-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#cfcfcf}.hex-image:before,.hex-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;z-index:2;pointer-events:none}.hex-image:before{background:#00668040}.hex-image:after{background:linear-gradient(to top,transparent,rgba(0,0,0,.5),transparent)}.hex-content{position:absolute;top:50%;left:50%;z-index:3;width:90%;text-align:center;color:#fff;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .5s ease,transform .5s ease;backface-visibility:hidden;will-change:transform,opacity}.hex-content h2{margin:0;font-size:clamp(22px,2.4vw,34px);font-weight:400;line-height:1.15;color:#fff}.hex-content h2:before,.hex-content h2:after{content:"";display:inline-block;width:.75em;height:.04em;margin:0 .5em;background:#40e0d0;vertical-align:middle}.hex-content p{margin:1em auto 0;max-width:80%;font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#40e0d0}.hex-item:hover img{transform:scale(1.08)}.hex-item:hover .hex-image:before,.hex-item:hover .hex-image:after,.hex-item:hover .hex-content{opacity:1}.hex-item:hover .hex-content{transform:translate(-50%,-50%) scale(1)}@media screen and (max-width:989px){.hex-slider{gap:24px;padding-top:30px}.hex-slide{flex-basis:calc(100vw - 40px)}.hex-grid{--hex-size: clamp(140px, 30vw, 220px);padding:20px 0 40px}}@media screen and (max-width:640px){.hexagon-categories-section{padding:6px 0 10px}.hex-title{margin:30px 16px}.hex-slider{gap:18px;padding:20px 16px 30px}.hex-slide{flex-basis:calc(100vw - 32px)}.hex-grid{display:block;max-width:340px;min-height:auto;padding:0;margin:0 auto}.hex-grid .hex-item,.hex-grid .hex-item:nth-child(n){width:100%;margin:0 0 20px}.hex-content{opacity:1;transform:translate(-50%,-50%) scale(1)}.hex-image:before,.hex-image:after{opacity:1}}.hex-content h3{margin:0;font-size:clamp(15px,2.4vw,28px);font-weight:200;line-height:1;color:#fff}.hex-content h3:before,.hex-content h3:after{content:"";display:inline-block;width:.75em;height:.04em;margin:0 .5em;background:#40e0d0;vertical-align:middle}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hexagon-categories.css.map */