.product-brand{color:var(--clr-navy);font-family:var(--font-display);font-size:clamp(1.2rem,1.6vw,1.55rem);font-weight:var(--weight-black);letter-spacing:-.02em;text-transform:uppercase}#navbar.product-navbar,#navbar.product-navbar.scrolled{background:#fffffff2;max-width:var(--container-max);width:calc(100% - var(--space-8))}#navbar.product-navbar.scrolled .navbar__inner{gap:var(--space-8)}.skip-link{position:fixed;top:0;left:var(--space-6);z-index:var(--z-toast);width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.skip-link:focus-visible{width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;padding:var(--space-3) var(--space-5);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--clr-orange);color:#fff}.product-page{padding-top:calc(72px + var(--space-10));padding-bottom:var(--space-20)}.product-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--clr-text-dim);font-size:var(--text-sm);margin-bottom:var(--space-8)}.product-breadcrumb a,.product-category a,.product-aside a{color:var(--clr-blue);font-weight:var(--weight-semibold)}.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:clamp(var(--space-8),7vw,var(--space-20))}.product-media{--image-backdrop-x: 0px;--image-backdrop-y: 0px;--image-rotate-x: 0deg;--image-rotate-y: 0deg;--image-scale: 1;--image-shadow-x: 0px;--image-shadow-y: 12px;--image-translate-x: 0px;--image-translate-y: 0px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#fff;border:1px solid var(--clr-surface-3);border-radius:var(--radius-xl);isolation:isolate;perspective:1100px;transform-style:preserve-3d}.product-media:before{background:radial-gradient(circle at 50% 50%,oklch(71% .15 205 / .18),transparent 65%);border-radius:50%;content:"";inset:18%;opacity:0;pointer-events:none;position:absolute;transform:translateZ(-36px) scale(.82);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-normal) var(--ease-out);z-index:0}.product-media img{display:block;width:100%;height:100%;object-fit:contain;padding:clamp(var(--space-5),6vw,var(--space-12));position:relative;filter:drop-shadow(var(--image-shadow-x) var(--image-shadow-y) 18px oklch(22% .05 250 / .22));transform:translate3d(var(--image-translate-x),var(--image-translate-y),28px) rotateX(var(--image-rotate-x)) rotateY(var(--image-rotate-y)) scale(var(--image-scale));transform-origin:center;transition:filter var(--dur-normal) var(--ease-out),transform var(--dur-normal) var(--ease-out);will-change:filter,transform;z-index:1}.product-media__orbit{position:absolute;inset:12%;border:1px dashed oklch(57% .2 220 / .28);border-radius:50%;opacity:0;transform:translateZ(-16px) scale(.9);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-normal) var(--ease-out)}.product-media__hint{align-items:center;backdrop-filter:blur(8px);background:#ffffffd9;border:1px solid oklch(0% 0 0 / .08);border-radius:var(--radius-pill);bottom:var(--space-4);color:var(--clr-text-mid);display:inline-flex;font-size:var(--text-xs);font-weight:var(--weight-semibold);gap:var(--space-2);left:50%;opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;position:absolute;transform:translate(-50%,8px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-normal) var(--ease-out);white-space:nowrap;z-index:2}.product-media__hint-icon{color:var(--clr-blue);font-size:var(--text-lg);line-height:.8}@media (hover: hover) and (pointer: fine){.product-media--interactive.is-exploring:before{opacity:1;transform:translate3d(var(--image-backdrop-x),var(--image-backdrop-y),-36px) scale(1)}.product-media--interactive.is-exploring img{transition-duration:90ms;transition-timing-function:linear}.product-media--interactive:hover .product-media__orbit,.product-media--interactive:focus-within .product-media__orbit{opacity:1;transform:scale(1)}.product-media--interactive:hover .product-media__hint,.product-media--interactive:focus-within .product-media__hint{opacity:1;transform:translate(-50%)}}.product-category{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}.product-details h1{color:var(--clr-navy);font-family:var(--font-display);font-size:clamp(2.45rem,5vw,4.5rem);font-weight:var(--weight-black);letter-spacing:-.035em;line-height:.94;text-transform:uppercase;text-wrap:balance}.product-reference{color:var(--clr-text-mid);font-family:var(--font-mono);font-size:var(--text-sm);margin-top:var(--space-5)}.product-summary{color:var(--clr-text-mid);font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-top:var(--space-5)}.product-price,.product-quote-note{margin-top:var(--space-8)}.product-price{display:grid;gap:var(--space-2)}.product-price__value{color:var(--clr-navy);font-size:var(--text-3xl);font-weight:var(--weight-bold)}.product-price__availability{color:var(--clr-text-mid);font-size:var(--text-sm)}.product-quote-note{border-left:3px solid var(--clr-orange);color:var(--clr-text-mid);font-size:var(--text-base);padding:var(--space-3) var(--space-4);background:var(--clr-surface-2)}.product-actions,.product-related__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.product-actions .btn{flex:0 1 auto;justify-content:center}.product-action-button{min-height:44px;padding:var(--space-3) var(--space-5)}.product-actions .btn--outline{background:#fff;border-color:var(--clr-surface-3);color:var(--clr-navy)}.product-actions .btn--outline:hover{background:var(--clr-surface-2);border-color:var(--clr-blue);transform:translateY(-2px)}.product-purchase-note,.product-source{color:var(--clr-text-dim);font-size:var(--text-sm);line-height:var(--leading-relaxed);margin-top:var(--space-5)}.product-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.36fr);align-items:start;gap:var(--space-10);border-top:1px solid var(--clr-surface-3);margin-top:var(--space-16);padding-top:var(--space-14)}.product-content h2,.product-related h2,.product-aside h2{color:var(--clr-navy);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:-.025em;line-height:1;text-transform:uppercase;scroll-margin-top:calc(72px + var(--space-6))}.product-content__main>p:not(.product-source),.product-related>p:not(.product-category){color:var(--clr-text-mid);line-height:var(--leading-relaxed);margin-top:var(--space-5);white-space:pre-line}.product-aside{border:1px solid var(--clr-surface-3);border-radius:var(--radius-lg);background:var(--clr-surface-2);padding:var(--space-6)}.product-aside h2{font-size:var(--text-2xl)}.product-aside ul{color:var(--clr-text-mid);display:grid;gap:var(--space-3);line-height:var(--leading-relaxed);margin:var(--space-5) 0;padding-left:var(--space-5)}.product-related{background:var(--clr-navy);border-radius:var(--radius-xl);color:var(--clr-text-invert);margin-top:var(--space-16);overflow:hidden;padding:clamp(28px,5vw,var(--space-12));position:relative}.product-related:after{background:radial-gradient(circle,oklch(57% .2 220 / .32),transparent 68%);content:"";height:320px;pointer-events:none;position:absolute;right:-130px;top:-180px;width:320px}.product-related__content{max-width:760px;position:relative;z-index:1}.product-related__eyebrow{color:var(--clr-orange);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.1em;margin-bottom:var(--space-3);text-transform:uppercase}.product-related h2,.product-related>p:not(.product-category){color:var(--clr-text-invert)}.product-related .btn--outline{border-color:var(--clr-text-invert-dim);color:var(--clr-text-invert)}.product-card__details{margin-bottom:var(--space-2)}@media (max-width: 800px){.product-layout,.product-content{grid-template-columns:1fr}.product-page{padding-top:calc(64px + var(--space-8))}}@media (max-width: 520px){.product-actions .btn,.product-related__actions .btn{width:100%}.product-action-button{min-height:48px}.product-media img{padding:var(--space-5)}}@media (prefers-reduced-motion: reduce){.product-media img,.product-media:before,.product-media__orbit,.product-media__hint{transition:none}}
