.product-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:5vw;align-items:center}.product-panel{min-width:0;border:1px solid var(--line);background:#f6f5f1;border-radius:8px;overflow:hidden}.product-viewport{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f6f5f1;isolation:isolate}.product-scene{position:absolute;inset:0;transform-origin:50% 50%;transition:transform 900ms cubic-bezier(.22,.68,.12,1)}.product-scene>img{width:100%;height:100%;object-fit:contain;display:block;max-width:none}.product-hotspot{position:absolute;width:44px;height:44px;border-radius:50%;background:#4e6076;color:white;border:3px solid #ffffffd9;box-shadow:0 3px 15px #263b5033;transform:translate(-50%,-50%) scale(var(--inverse-zoom,1));font-size:.7rem;z-index:2;transition:opacity .25s,background .25s}.product-hotspot:hover{background:#cf641f}.product-hotspot[hidden]{display:none}.product-view-label{position:absolute;top:20px;left:22px;font-size:.625rem;letter-spacing:.16em;color:var(--blue);background:#f6f5f1dd;padding:7px 9px;z-index:3;pointer-events:none}.product-reset{position:absolute;bottom:16px;right:16px;border:1px solid var(--line);background:#f6f5f1ef;color:var(--ink);border-radius:30px;min-height:44px;padding:9px 18px;font-size:.75rem;z-index:3}.product-reset[hidden]{display:none}.product-hint{padding:15px 20px;font-size:.75rem;color:var(--muted);border-top:1px solid var(--line);margin:0}.product-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0 30px}.product-controls button{border:1px solid var(--line);min-height:48px;text-align:left;padding:12px 15px;background:transparent;color:var(--ink);border-radius:4px;font-size:.8125rem;transition:background .2s,color .2s,border-color .2s}.product-controls button:hover{border-color:var(--blue)}.product-controls button[aria-pressed=true]{background:var(--blue);color:white;border-color:var(--blue)}.product-detail-kicker{font-size:.625rem;letter-spacing:.13em;color:var(--muted)}.product-details{min-height:250px}.product-details h3{font-size:clamp(1.65rem,2.3vw,2.5rem);font-weight:400;line-height:1.15;margin:16px 0 18px}.product-details>p{font-size:.9375rem;color:var(--muted);line-height:1.7}.product-details .product-detail-note{font-size:.8125rem;margin-top:17px;border-left:2px solid var(--orange);padding-left:12px;color:var(--ink)}.product-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px}.product-benefits span{font-size:.625rem;padding:7px 9px;background:#e8e9e7;color:var(--ink);border-radius:3px}.installation-note{display:flex;gap:20px;padding:27px 30px;background:#edece7;border-left:2px solid var(--orange);margin-top:34px;border-radius:0 5px 5px 0}.installation-note>span{font-size:1.5rem;color:var(--blue)}.installation-note h3{font-size:1.125rem;margin:0 0 10px}.installation-note p{font-size:.9375rem;color:var(--muted);max-width:850px;line-height:1.7;margin:0}.trust{padding-top:75px;padding-bottom:75px}.motion-reduced .product-scene{transition:none}.product-controls button:focus-visible,.product-hotspot:focus-visible,.product-reset:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:900px){.product-layout{grid-template-columns:1fr;gap:34px}.product-viewport{aspect-ratio:4/3;max-height:580px}.product-controls{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:24px}.product-details{min-height:0}.product-details h3{font-size:2rem}.product-explorer>.eyebrow{margin-top:0}}
@media(max-width:560px){.product-controls{grid-template-columns:1fr 1fr}.product-viewport{aspect-ratio:1}.product-view-label{left:12px;top:12px;font-size:.5625rem}.product-reset{right:12px;bottom:12px}.product-hint{padding:13px;font-size:.6875rem}.installation-note{padding:23px 20px;gap:14px}.installation-note p{font-size:.875rem}.trust{padding-top:50px;padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.product-scene{transition:none}}