/* OEM & Customization — page-local layout variant.
   Enqueued by functions.php only on /customization/oem/
   Class prefix: .oem-: colours, type and radii come from assets/css/tokens.css
   and the shared pattern vocabulary in style.css; nothing here restates either. */

/* ---------- 01 · Decision rail, detail strip and the sample route ------------
   The six decisions are the shared process-rows component at compact size and one
   column; only the label's gap above the rail is local. The three detail views and
   the sample-route strip run the full width under the rail instead of stacking in
   its narrow column, where they would overrun the photograph beside it.          */
.oem-rail-label{margin:0 0 16px}
.oem-detail{margin-top:clamp(30px,4vw,54px)}
.oem-sample{margin-top:clamp(26px,3vw,42px)}
.oem-sample__in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:clamp(20px,3vw,44px);align-items:center}
.oem-sample__in .note{max-width:62ch}
@media (max-width:820px){.oem-sample__in{grid-template-columns:1fr}}

/* ---------- 05 · Request a Quote: the form beside its rail -------------------
   Each column of a split holds its own height, so the form is kept to the height of
   the rail beside it: less padding on the card, a shorter requirements box and a
   tighter field rhythm than the same component uses where it stands alone (§4.8
   full form). The form takes the wider share of the band so its two-column field
   grid still fits; between 861 and 1024px the two columns are dropped instead,
   which is the honest layout once the form cannot stand beside the copy without
   either of them being squeezed.                                              */
.oem-enquiry .enquiry-form{padding:clamp(18px,1.8vw,22px)}
.oem-enquiry .enquiry-form label{margin-bottom:5px}
.oem-enquiry .enquiry-form .field-grid{gap:16px 20px;margin-bottom:16px}
.oem-enquiry .enquiry-form textarea{min-height:92px}
.oem-enquiry .enquiry-form .form-foot{margin-top:20px;padding-top:18px;gap:12px}
@media (min-width:861px){
  .oem-rfq{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
}
@media (min-width:861px) and (max-width:1024px){
  .oem-rfq{grid-template-columns:1fr}
}