/* Shared overview for selector families, models and exact stocked products. */
.mach-product .product-overview{padding:0}
.stocked-product-intro{display:flex;flex-direction:column;gap:14px;padding-block:24px}
.stocked-product-intro .product-breadcrumb{margin:0;min-height:24px}
.stocked-product-intro h1{font-size:64px;line-height:1.05;overflow-wrap:anywhere}
.stocked-product-intro>p{font-size:18px;line-height:26px;color:var(--muted)}
.mach-product .product-media,.mach-product .product-summary{grid-area:auto;min-width:0}
.mach-product .model-detail-photo img{aspect-ratio:1}
.mach-product .model-detail-photo figcaption{display:block;margin:0;color:var(--muted);font-size:12px;line-height:18px}
.mach-product .product-short-description{display:block;font-size:18px;line-height:26px}
.mach-product .purchase-details,.mach-product .product-inquiry{width:100%}
.mach-product .product-inquiry{flex-wrap:wrap}
.mach-product .product-inquiry>label{flex:1 1 120px}
.mach-product .product-inquiry .mach-button{flex:1 1 160px;min-width:0}
.gearbox-options{flex:1 1 100%;min-width:0;margin:0 0 8px;padding:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.gearbox-options legend{padding:0;margin-bottom:12px;font-weight:500}
.gearbox-options label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px}
.gearbox-options select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--paper);border-radius:4px;background:var(--paper);color:var(--ink);font:inherit}
.gearbox-ordering-code{grid-column:1 / -1;overflow-wrap:anywhere;font-size:14px;line-height:22px}
.mach-product .model-detail-summary .purchase-note{font-size:14px;line-height:22px}
.mach-product .model-detail-summary .product-shipping{font-size:18px;line-height:26px;font-weight:500;color:var(--paper)}
.model-detail-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:48px;padding:36px}
.model-detail-photo{background:var(--paper);padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}
.model-detail-photo img{width:100%;max-width:340px;height:auto;aspect-ratio:1;object-fit:contain}
.model-detail-photo img[src*="/photos/dmm/cutouts-"]{max-width:420px;height:360px;aspect-ratio:auto;object-fit:contain}
.model-detail-photo figcaption{color:var(--muted);font-size:12px;line-height:18px;text-align:center}
.model-detail-summary{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-block:6px}
.model-detail-summary h2{font-size:52px;line-height:56px}
.model-detail-summary>p:not(.eyebrow){font-size:18px;line-height:26px}
.model-detail-summary .key-specs{width:100%;gap:24px}
.model-detail-summary .key-specs dd{font-size:29px;line-height:36px}
.model-detail-summary .actions{flex-wrap:wrap;gap:24px}
.model-detail-summary .model-pin{font-size:16px;color:var(--paper)}
.model-detail-summary .model-pin input{accent-color:var(--paper)}
.model-detail-summary .model-ordering-note{font-size:14px!important;line-height:22px!important}
.model-detail-summary>.text-link{color:var(--paper);min-height:32px}
.model-detail-summary{min-width:0}
.model-detail-summary .key-specs dd{overflow-wrap:anywhere}
.model-detail-summary .actions>.text-link{color:var(--paper)}
.model-detail-summary .actions>.text-link:hover{color:var(--red)}
.model-detail-summary .key-specs{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-detail-summary .key-specs>div{min-width:0}
.model-detail-summary .key-specs dd{white-space:normal;overflow-wrap:anywhere}
.model-detail-summary .model-stock-link{gap:14px;text-decoration:none}
@media(max-width:1100px){
  .model-detail-overview{gap:28px;padding:28px}
  .model-detail-summary h2{font-size:44px;line-height:48px}
  .model-detail-summary .key-specs{gap:12px}
  .model-detail-summary .key-specs dd{font-size:24px;line-height:30px}
  .model-detail-photo{padding:20px}
}
@media(max-width:767px){
  .stocked-product-intro{padding-block:24px 20px;gap:12px}
  .stocked-product-intro h1{font-size:42px;line-height:46px}
  .stocked-product-intro>p{font-size:17px;line-height:24px}
  .mach-product .model-detail-photo figcaption{font-size:11px;line-height:16px}
  .mach-product .product-short-description{font-size:16px;line-height:24px}
  .mach-product .product-inquiry>label,.mach-product .product-inquiry .mach-button{flex:auto}
  .model-detail-overview{display:flex;flex-direction:column;gap:24px;padding:20px}
  .model-detail-photo{padding:16px;gap:8px}
  .model-detail-photo img{max-width:210px;max-height:210px}
  .model-detail-photo img[src*="/photos/dmm/cutouts-"]{max-width:100%;height:240px;max-height:240px}
  .model-detail-photo figcaption{font-size:11px;line-height:16px}
  .model-detail-summary{gap:16px;padding:0}
  .model-detail-summary h2{font-size:40px;line-height:44px}
  .model-detail-summary>p:not(.eyebrow){font-size:16px;line-height:24px}
  .model-detail-summary .key-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:0}
  .model-detail-summary .key-specs>div:nth-child(2){grid-column:1 / -1;grid-row:2}
  .model-detail-summary .key-specs dd{font-size:28px;line-height:34px}
  .model-detail-summary .actions{width:100%;gap:12px;align-items:flex-start;flex-direction:column}
  .model-detail-summary .mach-button{width:100%}
}

/* Catalog exports already include edge clearance. Fit every catalog family,
   including later photo batches, instead of limiting this to dated folders. */
.model-detail-photo:has(img[src*="/assets/selector/"]){padding:16px}
.model-detail-photo img[src*="/assets/selector/"]{
  width:100%;
  max-width:100%;
  height:auto;
  max-height:560px;
  aspect-ratio:auto;
}
@media(max-width:767px){
  .model-detail-photo img[src*="/assets/selector/"]{max-height:360px}
}