:root {
    --wear-blue:#29477f;
    --wear-cobalt:#365ea7;
    --wear-ice:#edf3fb;
    --wear-coral:#e06d59;
    --wear-ink:#1f2b43;
}
.wearable-parts-page { --parts-navy:var(--wear-blue); --parts-blue:var(--wear-cobalt); --parts-amber:#b9503f; --parts-paper:#fafbfc; --parts-panel:var(--wear-ice); --parts-ink:var(--wear-ink); }
.wearable-hero { color:#fff; background:linear-gradient(122deg,#203866 0 60%,#365ea7 60%); }
.wearable-parts-page .parts-kicker { color:#ffc1b5; }
.wearable-parts-page .parts-search button,.wearable-parts-page .parts-button { color:#fff; background:var(--wear-coral); border-color:#a94534; }
.wearable-parts-page .parts-search button:hover,.wearable-parts-page .parts-button:hover { background:#ea7e6b; }
.strap-rail { position:relative; min-height:470px; overflow:hidden; background:#dce7f8; border-radius:34px; box-shadow:0 22px 50px rgba(13,28,58,.28); }
.strap-rail::before { content:""; position:absolute; width:150px; top:-14%; bottom:-14%; left:50%; transform:translateX(-50%); background:#f5f7fa; border:2px solid #172b55; border-radius:75px; }
.watch-face { position:absolute; z-index:2; display:grid; width:232px; height:232px; place-content:center; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-4deg); color:#fff; background:#172b55; border:12px solid #e06d59; border-radius:34%; box-shadow:0 14px 28px rgba(23,43,85,.3); text-align:center; }
.watch-face span { font:700 4.8rem/.8 "Barlow Condensed","Arial Narrow",sans-serif; }
.watch-face small { margin-top:.6rem; font-weight:800; letter-spacing:.2em; }
.strap-hole { position:absolute; z-index:1; width:18px; height:18px; left:50%; transform:translateX(-50%); background:#9fb2d0; border-radius:50%; }
.strap-hole.h1 { top:7%; }.strap-hole.h2 { top:13%; }.strap-hole.h3 { bottom:13%; }.strap-hole.h4 { bottom:7%; }
.strap-label { position:absolute; right:1rem; bottom:1rem; padding:.45rem .65rem; color:#fff; background:#29477f; font-size:.67rem; font-weight:800; letter-spacing:.1em; }
.wearable-route-note { background:#fff5f2; border-color:#efc4ba; }
.wearable-route-note .parts-safety-mark { background:var(--wear-coral); }
.wearable-section-blue { background:var(--wear-ice); }
.wearable-parts-page .parts-card { border-radius:10px; }
.wearable-parts-page .parts-card-image { border-radius:9px 9px 0 0; }
.parts-missing-grid { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; width:100%; }
.parts-missing-actions { display:grid; gap:.65rem; min-width:15rem; }
.parts-missing-actions>a:not(.parts-button) { color:#fff; font-weight:700; text-align:center; text-underline-offset:3px; }
@media (max-width:980px) { .wearable-hero { background:#29477f; } .strap-rail { min-height:390px; max-width:600px; width:100%; justify-self:center; } }
@media (max-width:700px) { .strap-rail { min-height:340px; border-radius:24px; } .watch-face { width:190px; height:190px; } .watch-face span { font-size:4rem; } .parts-missing-grid { grid-template-columns:1fr; } .parts-missing-actions { min-width:0; } }