.product-detail{color:var(--black);padding-top:0}.hero-detail{min-height:calc(100svh - 104px);display:grid;align-items:center;padding:60px 0;position:relative;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.02'/%3E%3C/svg%3E");color:var(--text-dark)}.hero-detail h1,.hero-detail .short-desc{color:var(--text-dark)}.hero-detail .desc{color:var(--text-muted-dark)}.detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.detail-copy h1{font-family:var(--font-display);font-size:clamp(38px,6vw,84px);line-height:.95;text-transform:uppercase;letter-spacing:.01em;margin:12px 0 24px}.short-desc{font-size:clamp(20px,2.5vw,28px);color:var(--black);line-height:1.3;margin-bottom:24px;max-width:500px}.desc{font-size:clamp(16px,1.8vw,20px);color:var(--muted);line-height:1.6;margin-bottom:40px;max-width:500px}.detail-visual{position:relative;aspect-ratio:4/5;background:radial-gradient(circle at 100% 0%,rgba(255,255,255,.12),transparent 30%),linear-gradient(160deg,var(--red),var(--red-dark));border:1px solid rgba(229,9,20,.2);display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 100px #0000001a}.product-sys-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(80px,12vw,160px);color:#ffffff05;white-space:nowrap;pointer-events:none;z-index:0}.visual-panel{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.visual-panel img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.svg-fallback{width:60%;height:auto;max-height:80%}.svg-fallback svg{width:100%;height:100%}.variant-section{padding:60px 0;border-top:1px solid var(--line-dark)}.variant-group{margin-bottom:40px}.variant-group:last-child{margin-bottom:0}.swatch-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.product-variant-detail{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.variant-detail-block{display:flex;flex-direction:column;gap:4px}.variant-detail-block.full-width{flex-basis:100%}.variant-detail-block .detail-value{font-size:16px}.variant-detail-block .detail-note{font-size:14px;color:var(--muted);text-transform:none;font-family:var(--font-body);font-weight:400}.swatch-btn,.edition-block{display:flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(3,3,3,.15);background:#03030308;color:#555;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-radius:4px}.swatch-btn:hover{border-color:#03030366;color:var(--black)}.swatch-btn.active{border-color:var(--red);color:var(--red);background:#e509140d}.link-swatch{text-decoration:none}.swatch-dot{width:16px;height:16px;border-radius:50%;border:1px solid rgba(3,3,3,.1)}.system-details{color:var(--black);padding:80px 0}.details-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.detail-block{border:1px solid rgba(3,3,3,.15);padding:32px;display:flex;flex-direction:column;gap:16px}.detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#555}.detail-value{font-family:var(--font-display);font-size:24px;font-weight:700;text-transform:uppercase}.compatibility-section{padding:100px 0;border-top:1px solid var(--line-dark)}.compat-group{margin-bottom:60px}.compat-group h2{font-family:var(--font-display);font-size:40px;text-transform:uppercase;margin-bottom:32px}.compat-grid,.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.compat-card,.related-card{display:block;border:1px solid var(--black);padding:32px;text-decoration:none;color:var(--text-light);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,background .4s ease;background:var(--black);position:relative;overflow:hidden}.compat-card:before,.related-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(229,9,20,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease;pointer-events:none}.compat-card:hover,.related-card:hover{border-color:var(--red);background:#080808;transform:translateY(-4px)}.compat-card:hover:before,.related-card:hover:before{opacity:1}.compat-card.disabled{pointer-events:none;opacity:.5}.compat-card h3,.related-card h3{font-family:var(--font-display);font-size:24px;text-transform:uppercase;margin-bottom:8px;color:var(--text-light)}.compat-label{font-size:12px;color:var(--text-muted-light);text-transform:uppercase;letter-spacing:.05em}.related-section{padding:100px 0}.related-section h2{font-family:var(--font-display);font-size:40px;text-transform:uppercase;margin-bottom:40px}.related-info h3{font-family:var(--font-display);font-size:32px;text-transform:uppercase;margin:12px 0 16px}.related-info p,.compat-card p,.related-card p{color:var(--text-muted-light);line-height:1.5;font-size:15px}.cta-section{padding:120px 0;text-align:center;border-top:1px solid var(--line-dark)}.cta-section h2{font-family:var(--font-display);font-size:clamp(40px,6vw,80px);text-transform:uppercase;margin-bottom:40px}.cta-section .hero-actions{justify-content:center}@media(max-width:760px){.detail-copy h1{font-size:clamp(34px,11vw,54px);letter-spacing:0}.detail-wrap{grid-template-columns:1fr;gap:40px}.detail-visual{aspect-ratio:1;grid-row:2}.details-bento,.compat-grid,.related-grid{grid-template-columns:1fr}.cta-section .hero-actions{flex-direction:column;align-items:stretch}}