/* One source-backed photo rail; no autoplay, clones or global theme overrides. */
.hc-page-product .hc-product-parts { --parts-gap: 16px; --parts-card-height: 15.625rem; }
.hc-page-product .hc-product-parts-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 20px; }
.hc-page-product .hc-product-parts-head h2 { margin: 0 0 8px; text-wrap: balance; }
.hc-page-product .hc-product-parts-head p { max-width: 68ch; margin: 0; color: var(--c-ink-2); font-size: 16px; line-height: 25px; }
.hc-page-product .hc-product-parts-catalogue { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--c-ink); font-size: 14px; font-weight: 550; text-decoration: underline; text-underline-offset: 5px; white-space: nowrap; touch-action: manipulation; }
.hc-page-product .hc-product-parts-list { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * var(--parts-gap)) / 4); gap: var(--parts-gap); margin: 0; padding: 4px 2px 12px; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 2px; scrollbar-width: thin; scrollbar-color: var(--c-ink-3) var(--c-bg-soft); }
.hc-page-product .hc-product-parts-list::-webkit-scrollbar { height: 6px; }
.hc-page-product .hc-product-parts-list::-webkit-scrollbar-track { background: var(--c-bg-soft); }
.hc-page-product .hc-product-parts-list::-webkit-scrollbar-thumb { background: var(--c-ink-3); border-radius: 6px; }
.hc-page-product .hc-product-parts-list > li { min-width: 0; scroll-snap-align: start; }
.hc-page-product .hc-product-part-card { display: grid; grid-template-rows: minmax(0, 1fr) 3.75rem 2.75rem; gap: 4px; height: var(--parts-card-height); padding: 12px; border: 1px solid var(--c-line); border-radius: 10px; color: var(--c-ink); background: var(--c-bg); text-decoration: none; box-sizing: border-box; touch-action: manipulation; transition: border-color 160ms ease-out; }
.hc-page-product .hc-product-part-media { min-height: 0; display: flex; justify-content: center; align-items: center; }
.hc-page-product .hc-product-part-media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.hc-page-product .hc-product-part-copy { min-width: 0; }
.hc-page-product .hc-product-part-copy h3 { margin: 0 0 4px; min-height: 2.5rem; color: var(--c-ink); font-size: 1rem; line-height: 1.25; font-weight: 600; text-wrap: balance; }
.hc-page-product .hc-product-part-copy p { margin: 0; color: var(--c-ink-2); font-size: .75rem; line-height: 1rem; overflow-wrap: anywhere; }
.hc-page-product .hc-product-part-cost { display: flex; align-items: center; justify-content: space-between; gap: 8px; border-top: 1px solid var(--c-line); }
.hc-page-product .hc-product-part-price { color: var(--c-ink); font-size: 1.125rem; line-height: 1.5rem; font-weight: 650; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hc-page-product .hc-product-part-price--request { color: var(--c-ink-2); font-size: .875rem; font-weight: 400; }
.hc-page-product .hc-product-part-action { display: inline-flex; align-items: center; gap: 6px; color: var(--c-ink-2); font-size: .8125rem; font-weight: 550; white-space: nowrap; text-decoration: underline; text-underline-offset: 4px; }
.hc-page-product .hc-product-parts-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-top: 8px; }
.hc-page-product .hc-product-parts-note { max-width: 90ch; margin: 0; color: var(--c-ink-2); font-size: 13px; line-height: 21px; }
.hc-page-product .hc-product-parts-controls { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; }
.hc-page-product .hc-product-parts-controls[hidden] { display: none; }
.hc-page-product .hc-product-parts-controls span { margin-right: 8px; color: var(--c-ink-2); font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.hc-page-product .hc-product-parts-controls button { display: inline-flex; justify-content: center; align-items: center; width: 44px; height: 44px; padding: 0; border: 1px solid var(--c-line); border-radius: 6px; color: var(--c-ink); background: var(--c-bg); cursor: pointer; touch-action: manipulation; transition: background-color 160ms ease-out, border-color 160ms ease-out; }
.hc-page-product .hc-product-parts-controls button:disabled { color: var(--c-ink-3); background: var(--c-bg-soft); opacity: .55; cursor: default; }
.hc-page-product .hc-product-part-card:active { border-color: var(--c-accent); }
.hc-page-product .hc-product-parts-controls button:not(:disabled):active { background: var(--c-bg-soft); }
.hc-page-product .hc-product-parts a:focus-visible, .hc-page-product .hc-product-parts button:focus-visible, .hc-page-product .hc-product-parts-list:focus-visible { outline: 2px solid var(--c-focus); outline-offset: 2px; }
@media (hover: hover) {
  .hc-page-product .hc-product-part-card:hover { border-color: var(--c-ink-2); }
  .hc-page-product .hc-product-part-card:hover .hc-product-part-action, .hc-page-product .hc-product-parts-catalogue:hover { color: var(--c-accent); }
  .hc-page-product .hc-product-parts-controls button:not(:disabled):hover { background: var(--c-bg-soft); border-color: var(--c-ink-2); }
}
@media (max-width: 1100px) { .hc-page-product .hc-product-parts-list { grid-auto-columns: calc((100% - 2 * var(--parts-gap)) / 3); } }
@media (max-width: 800px) { .hc-page-product .hc-product-parts-list { grid-auto-columns: calc((100% - var(--parts-gap)) / 2); } }
@media (max-width: 600px) {
  .hc-page-product .hc-product-parts-head { flex-direction: column; gap: 4px; margin-bottom: 12px; }
  .hc-page-product .hc-product-parts-list { grid-auto-columns: 84%; }
  .hc-page-product .hc-product-parts-footer { flex-direction: column-reverse; gap: 12px; }
  .hc-page-product .hc-product-parts-controls { align-self: flex-end; }
}
@media (prefers-reduced-motion: reduce) { .hc-page-product .hc-product-part-card, .hc-page-product .hc-product-parts-controls button { transition: none; } }