/* Product pages share the storefront's typography, colors and controls. */
.related-features{padding:0 0 3rem}.related-features .detail-links{margin-top:.75rem}
.landing-nav{justify-content:space-between;position:relative}
.product-nav{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.product-nav a,.breadcrumbs,.contents a{font:.75rem/1.7 var(--mono)}
.product-nav a{min-height:2.75rem;display:inline-flex;align-items:center;color:var(--muted);text-decoration:none}
.product-nav a[aria-current=page]{color:var(--cyan);box-shadow:inset 0 -2px var(--cyan)}
.landing-page a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
.skip-link{position:absolute;top:-5rem;left:1rem;z-index:100;padding:1rem;background:var(--cyan);color:var(--bg)}
.skip-link:focus{top:1rem}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--muted);margin-top:2rem}
.breadcrumbs a,.detail-links a,.contents a{color:var(--cyan);text-underline-offset:.25em}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem;align-items:center;padding:3rem 0 4.5rem}
.detail-hero h1{font:700 clamp(2rem,3.8vw,3.3rem)/1.18 var(--display);letter-spacing:-.055em;margin:1rem 0 1.5rem;overflow-wrap:break-word}
.detail-shot{margin:0;border:1px solid #7ac8dc66;background:var(--panel);box-shadow:12px 16px 0 #fb4ab613}
.detail-shot img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;background:var(--bg)}
.detail-shot figcaption{padding:1rem;color:var(--cyan);font:.6rem/1.7 var(--mono);letter-spacing:.08em}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:4rem;border-top:1px solid var(--line);padding:3rem 0 4rem}
.contents{align-self:start;position:sticky;top:2rem;display:grid;gap:1rem}.contents .eyebrow{margin-bottom:.5rem}
.contents a{color:var(--muted);text-decoration:none}
.detail-section{scroll-margin-top:2rem;padding:0 0 2.5rem;margin:0 0 2.5rem;border-bottom:1px solid var(--line)}
.detail-section:last-child{margin-bottom:0;padding-bottom:0;border:0}
.detail-section h2,.detail-cta h2{font-size:clamp(1.25rem,2.4vw,1.8rem);line-height:1.4;letter-spacing:-.04em}
.detail-section p,.detail-cta p{color:var(--muted);font-size:.95rem;line-height:1.9}
.detail-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem}
.detail-links a{font:.75rem/1.8 var(--mono)}
.detail-links a.button-primary{color:#061019}
.detail-cta{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);margin-bottom:4rem;border:1px solid #62cad36b;background:linear-gradient(135deg,#0d2a37,#121426 58%,#28122e)}
.detail-cta .detail-links{margin:0;flex-direction:column;align-items:start}
.product-nav a:hover,.contents a:hover,.detail-links a:not(.button):hover{color:var(--ink)}
#details,#access,#compatibility{scroll-margin-top:2rem}
@media(max-width:900px){.landing-nav{display:flex;gap:1rem}.landing-nav .nav-action{display:inline-flex}.detail-hero{grid-template-columns:1fr;gap:2rem;padding:2rem 0 3rem}.detail-shot{max-width:650px;width:100%}.detail-layout{grid-template-columns:1fr;gap:2.5rem}.contents{position:static}.detail-cta{grid-template-columns:1fr}.detail-cta .detail-links{align-items:stretch}.detail-hero .buttons .button{flex:1 1 auto}}
@media(max-width:400px){.landing-nav .logo{font-size:.68rem}.landing-nav .nav-action{font-size:.58rem}.product-nav{gap:.2rem 1rem}.product-nav a{font-size:.7rem}.detail-hero h1{font-size:1.85rem}.detail-links{flex-direction:column}}