.products-page{--hex-w: clamp(86px, 10vw, 150px);--hex-h: calc(var(--hex-w) * 1.1547)}.products-hero{position:relative;background:hsl(var(--primary-deep));color:#fff;padding:96px 6vw 80px;overflow:hidden;isolation:isolate}@media (min-width: 640px){.products-hero{padding:120px 6vw 110px}}.products-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(var(--accent) / .18) 1.5px,transparent 1.6px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse at 80% 50%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at 80% 50%,black 0%,transparent 70%);opacity:.6;z-index:-1}.products-hero:after{content:"";position:absolute;width:700px;height:700px;right:-180px;top:-180px;background:hsl(var(--accent) / .06);clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);z-index:-1}[dir=rtl] .products-hero:after{right:auto;left:-180px}.eyebrow-hex{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--primary))}.eyebrow-hex--accent{color:hsl(var(--accent))}.eyebrow-hex:before{content:"";width:12px;height:12px;background:currentColor;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.honeycomb{display:flex;flex-direction:column;margin-inline:auto;width:100%;max-width:calc((var(--hex-w) + 12px) * 3)}.hex-row{display:flex;gap:12px;justify-content:center;width:100%}.hex-row+.hex-row{margin-top:calc(var(--hex-h) * -.25 + 6px)}.hex{width:var(--hex-w);height:var(--hex-h);position:relative;cursor:pointer;flex:0 0 auto;background:transparent;border:none;padding:0;transition:transform .35s cubic-bezier(.16,1,.3,1)}.hex-inner{position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:hsl(var(--muted));overflow:hidden}.hex-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .55s cubic-bezier(.16,1,.3,1)}.hex-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,hsl(var(--primary-deep) / .82) 100%)}.hex-label{position:absolute;left:0;right:0;bottom:14%;text-align:center;color:#fff;padding:0 12%;pointer-events:none;font-size:clamp(.7rem,.85vw + .2rem,1rem);font-weight:700;line-height:1.15;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.4)}.hex-num{position:absolute;top:18%;left:50%;transform:translate(-50%);width:26px;height:26px;background:hsl(var(--accent));color:hsl(var(--accent-foreground, 30 30% 15%));font-size:11px;font-weight:800;display:grid;place-items:center;clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%);opacity:0;transition:opacity .25s,transform .25s}.hex:hover{transform:translateY(-4px) scale(1.02);z-index:2}.hex:hover .hex-inner img{transform:scale(1.08)}.hex:hover .hex-num{opacity:1;transform:translate(-50%) translateY(-3px)}.hex.is-active{transform:translateY(-4px) scale(1.04);z-index:3}.hex.is-active .hex-inner{outline:4px solid hsl(var(--accent));outline-offset:-4px}.hex.is-active .hex-inner:after{background:linear-gradient(180deg,hsl(var(--primary-deep) / .25),hsl(var(--primary-deep) / .9))}.hex.is-active .hex-num{opacity:1}.featured-card{position:relative;border-radius:24px;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--card));display:grid;grid-template-columns:2fr 3fr;box-shadow:0 30px 60px -30px hsl(var(--primary-deep) / .25)}.featured-banner{position:relative;overflow:hidden;background:hsl(var(--muted))}.featured-banner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@media (max-width: 900px){.featured-banner{aspect-ratio:16 / 9}}.featured-card:before{content:"";position:absolute;top:-40px;right:40px;width:110px;height:127px;background:hsl(var(--accent));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:1}[dir=rtl] .featured-card:before{right:auto;left:40px}.featured-tag{position:absolute;top:22px;left:22px;display:inline-flex;align-items:center;gap:8px;background:hsl(var(--primary-deep));color:#fff;padding:8px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}[dir=rtl] .featured-tag{left:auto;right:22px}.featured-tag:before{content:"";width:10px;height:10px;background:hsl(var(--accent));clip-path:polygon(25% 5%,75% 5%,100% 50%,75% 95%,25% 95%,0 50%)}.featured-strip{display:flex;gap:10px;flex-wrap:wrap}.featured-strip-item{flex:1 1 calc(50% - 6px);min-width:0;aspect-ratio:1/1;background:hsl(var(--muted));border-radius:12px;overflow:hidden;border:1px solid hsl(var(--border));position:relative;cursor:pointer;transition:transform .3s,box-shadow .3s}.featured-strip-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px -10px hsl(var(--primary-deep) / .3)}.featured-strip-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s}.featured-strip-item:hover img{transform:scale(1.06)}.featured-strip-item.has-desc:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:10px;background:hsl(var(--accent));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}[dir=rtl] .featured-strip-item.has-desc:after{right:auto;left:6px}@media (min-width: 640px){.featured-strip-item{flex:1 1 calc(33.333% - 7px)}}@media (min-width: 900px){.featured-strip-item{flex:1 1 calc(25% - 8px)}}@media (max-width: 900px){.featured-card{grid-template-columns:1fr;min-height:auto}.featured-banner{aspect-ratio:16/9}}.fullrange-grid{--mini-w: clamp(86px, 9vw, 140px);--mini-h: calc(var(--mini-w) * 1.1547);display:flex;flex-direction:column}.fullrange-row{display:flex;gap:10px;justify-content:center}.fullrange-row+.fullrange-row{margin-top:calc(var(--mini-h) * -.25 + 6px)}.fullrange-row.offset{margin-inline-start:calc((var(--mini-w) + 10px) / 2)}.mini-hex{width:var(--mini-w);height:var(--mini-h);position:relative;cursor:pointer;flex:0 0 auto;background:transparent;border:none;padding:0;transition:transform .3s}.mini-hex-inner{position:absolute;inset:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:hsl(var(--muted));overflow:hidden}.mini-hex-inner img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.mini-hex-inner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,hsl(var(--primary-deep) / .8) 100%)}.mini-hex-label{position:absolute;left:0;right:0;bottom:14%;text-align:center;color:#fff;font-size:12px;font-weight:700;line-height:1.2;padding:0 12%;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}.mini-hex:hover{transform:translateY(-3px)}.mini-hex:hover .mini-hex-inner img{transform:scale(1.07)}.mini-hex.is-active .mini-hex-inner{outline:3px solid hsl(var(--accent));outline-offset:-3px}.usps-section{background:hsl(var(--primary-deep));color:#fff;position:relative}.usps-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(hsl(var(--accent) / .1) 1px,transparent 1.4px);background-size:22px 22px;opacity:.5;pointer-events:none}.usp-icon{width:46px;height:53px;background:hsl(var(--accent));color:hsl(var(--accent-foreground, 30 30% 15%));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:grid;place-items:center;font-size:18px;font-weight:800}.cta-card{position:relative;overflow:hidden;border-radius:28px;background:hsl(var(--card));border:1px solid hsl(var(--border))}.cta-card:after{content:"";position:absolute;width:280px;height:323px;right:-90px;bottom:-90px;background:hsl(var(--primary) / .07);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);pointer-events:none}[dir=rtl] .cta-card:after{right:auto;left:-90px}.lightbox-content{width:100%;max-width:980px!important;padding:0!important;overflow:hidden;border-radius:22px!important}.lightbox-grid{display:grid;grid-template-columns:1.2fr 1fr;min-height:420px}.lightbox-image{background:hsl(var(--muted));position:relative;display:grid;place-items:center;min-height:360px}.lightbox-image img{width:100%;height:100%;max-height:80vh;-o-object-fit:contain;object-fit:contain}.lightbox-image-decor{position:absolute;top:-20px;left:-20px;width:80px;height:92px;background:hsl(var(--accent));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0 75%,0 25%);z-index:1}[dir=rtl] .lightbox-image-decor{left:auto;right:-20px}.lightbox-counter{position:absolute;bottom:14px;left:14px;background:#0f2e29d9;color:#fff;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;z-index:5}[dir=rtl] .lightbox-counter{left:auto;right:14px}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#ffffffe6;border:1px solid hsl(var(--border));display:grid;place-items:center;font-size:16px;z-index:4;cursor:pointer;transition:background .2s}.lightbox-nav:hover{background:#fff}.lightbox-nav.prev{left:14px}.lightbox-nav.next{right:calc(40% + 14px)}[dir=rtl] .lightbox-nav.prev{left:auto;right:14px}[dir=rtl] .lightbox-nav.next{right:auto;left:calc(40% + 14px)}@media (max-width: 760px){.lightbox-grid{grid-template-columns:1fr}.lightbox-image{min-height:240px;max-height:50vh}.lightbox-nav.next{right:14px}[dir=rtl] .lightbox-nav.next{right:auto;left:14px}}.fade-up{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s cubic-bezier(.16,1,.3,1)}.fade-up.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.07s}.delay-2{transition-delay:.14s}@media (prefers-reduced-motion: reduce){.fade-up,.fade-up.is-visible{opacity:1;transform:none;transition:none}}