
/* Product detail layout, using the shared WANG palette and components. */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#bdcbd9;font-size:13px;margin-bottom:38px}.breadcrumbs a:hover{text-decoration:underline}.copper-hero .eyebrow{color:var(--gold)}.copper-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:68px;align-items:center}.copper-hero h1{font-size:clamp(34px,4.5vw,54px)}.intro-note{color:#b9c8d7;max-width:570px;margin-bottom:28px}.grade-panel{background:rgba(255,255,255,.06);border:1px solid #516478;border-radius:8px;padding:30px}.grade-panel h2{color:white;font-size:25px}.grade-panel>div{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #516478;padding:16px 0}.grade-panel strong{font-size:32px;color:var(--gold);line-height:1.2}.grade-panel span{color:#e3e9ef}.grade-panel>p:last-child{font-size:12px;color:#bdcbd9;margin:10px 0 0}.grade-card{border-top:4px solid var(--copper)}.grade-card h3{font-size:28px;margin-top:14px}.supply-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px}.supply-facts{margin:0;background:white;border:1px solid var(--line);border-radius:8px;padding:8px 26px}.supply-facts>div{display:grid;grid-template-columns:145px 1fr;gap:22px;padding:17px 0;border-bottom:1px solid var(--line)}.supply-facts>div:last-child{border:0}.supply-facts dt{font-weight:700;color:var(--forest)}.supply-facts dd{margin:0;color:var(--muted)}.contact-email{display:inline-block;margin-top:20px;color:var(--gold);overflow-wrap:anywhere}.cta-band>div{max-width:720px}.cta-band>.button{flex-shrink:0}.copper-page section[id]{scroll-margin-top:135px}.copper-page a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}.copper-page .proof-grid strong{font-size:20px}
@media(max-width:900px){.copper-intro,.supply-layout{grid-template-columns:1fr;gap:32px}.copper-intro{max-width:720px}.grade-panel{max-width:600px}.copper-page .product-grid,.copper-page .steps{grid-template-columns:1fr}.copper-page .proof-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.grade-panel{padding:22px}.supply-facts{padding:6px 18px}.supply-facts>div{grid-template-columns:1fr;gap:5px}.copper-page .proof-grid div{padding:16px 10px}.copper-page .proof-grid strong{font-size:16px}.copper-page .cta-band{padding:24px}.breadcrumbs{font-size:12px}.copper-page section[id]{scroll-margin-top:190px}}
