.bike-page {
    --parts-navy:#173a34;
    --parts-blue:#315950;
    --parts-amber:#b96835;
    --parts-ink:#232829;
    --parts-muted:#5e6865;
    --parts-paper:#f3f1eb;
    --parts-panel:#e5e3dc;
    --parts-line:#c9ccc6;
    background:#f3f1eb;
}

.bike-page .parts-hero {
    position:relative;
    background:#173a34;
}
.bike-page .parts-hero::before {
    position:absolute;
    inset:0 auto 0 max(1.25rem,calc((100vw - 1200px)/2));
    width:8px;
    content:"";
    background:linear-gradient(90deg,#f3f1eb 0 25%,#b96835 25% 75%,#f3f1eb 75%);
    opacity:.9;
}
.bike-page .parts-hero-grid { padding-left:clamp(1.3rem,3vw,2.5rem); }
.bike-page .parts-kicker { color:#efad7d; }
.bike-page .parts-hero-copy { color:#d8e1dc; }
.bike-page .parts-search:focus-within { outline-color:rgba(239,173,125,.72); }
.bike-page .parts-search button,
.bike-page .parts-button { color:#fff; background:#b96835; border-color:#8f4824; }
.bike-page .parts-search button:hover,
.bike-page .parts-button:hover { background:#ca7843; }
.bike-page .parts-hero-photo { background:#0d211e; border:1px solid rgba(243,241,235,.22); }
.bike-page .parts-hero-photo img { object-position:50% 54%; }

.bike-page .parts-safety-mark { background:#173a34; border-radius:2px; }
.bike-page .parts-safety-link,
.bike-page .parts-card-action,
.bike-page .parts-grid-state a { color:#315950; }
.bike-page .parts-index,
.bike-page .parts-step span { color:#985127; }
.bike-page .parts-card { background:#faf9f5; }
.bike-page .parts-card-image { background:#d9dbd5; }
.bike-page .parts-card-badge { background:rgba(23,58,52,.94); }

.bike-page .makes-strip { background:#232829; }
.bike-page .make-chip { border-color:#78827f; }
.bike-page .make-chip:hover { color:#fff; background:#b96835; border-color:#b96835; }
.bike-page .parts-process { background:#e7e5de; }
.bike-page .parts-process-photo { border-left:8px solid #b96835; }
.bike-page .parts-missing { background:#315950; }
.bike-page .parts-missing .parts-button { color:#173a34; background:#f3f1eb; border-color:#d7d3c8; }
.bike-page .parts-missing .parts-button:hover { color:#fff; background:#173a34; border-color:#173a34; }

.bike-page .bike-boundary {
    margin-top:1rem;
    padding:.9rem 1rem;
    color:#38413e;
    background:#e7e5de;
    border-left:4px solid #b96835;
    font-size:.9rem;
    line-height:1.55;
}

@media (max-width:700px) {
    .bike-page .parts-hero::before { left:0; width:6px; }
    .bike-page .parts-hero-grid { padding-left:1rem; }
}