/* HORIZON HAWK 1.8.0 — product-image presentation and category buyer-focus refinement. */

/* Product catalog: make 24 mixed-source product images read as one catalogue
   system without changing vehicle pixels. */
.hh-vcard-image{
  background:#f8faf8!important;
  border-bottom:1px solid rgba(12,70,48,.06);
}
.hh-vcard-image img{
  transform-origin:center!important;
  filter:none!important;
}

/* Several approved source images contain a smaller vehicle within the square.
   Increase only the presentation scale; do not crop or modify the source file. */
.hh-vcard-model-hh-sv-002 .hh-vcard-image img{transform:scale(1.18)!important}
.hh-vcard-model-hh-pt-003 .hh-vcard-image img{transform:scale(1.18)!important}
.hh-vcard-model-hh-sv-003 .hh-vcard-image img{transform:scale(1.13)!important}
.hh-vcard-model-hh-ct-004 .hh-vcard-image img{transform:scale(1.10)!important}
.hh-vcard-model-hh-ec-004 .hh-vcard-image img{transform:scale(1.08)!important}
.hh-vcard-model-hh-sv-004 .hh-vcard-image img{transform:scale(1.08)!important}

/* Intentionally photographic/studio-background assets are framed rather than
   pretending they are the same white-background cutout. This makes the
   difference look deliberate until a cleaner source image is approved. */
.hh-vcard-model-hh-sv-001 .hh-vcard-image,
.hh-vcard-model-hh-es-002 .hh-vcard-image,
.hh-vcard-model-hh-es-003 .hh-vcard-image{padding:10px}
.hh-vcard-model-hh-sv-001 .hh-vcard-image img,
.hh-vcard-model-hh-es-002 .hh-vcard-image img,
.hh-vcard-model-hh-es-003 .hh-vcard-image img{
  width:100%;height:100%;padding:0!important;object-fit:cover!important;
  border-radius:13px;transform:none!important;
}

/* Single vehicle hero: consistent neutral product presentation. */
.hh-single-vehicle .hh-gallery-main{
  min-height:0!important;
  aspect-ratio:4/3;
  background:#f8faf8!important;
}
.hh-single-vehicle .hh-gallery-main img{
  padding:clamp(12px,2vw,24px)!important;
  object-fit:contain!important;
  object-position:center!important;
}
.hh-single-model-hh-sv-002 .hh-gallery-main img{transform:scale(1.10)}
.hh-single-model-hh-pt-003 .hh-gallery-main img{transform:scale(1.10)}
.hh-single-model-hh-sv-003 .hh-gallery-main img{transform:scale(1.06)}

/* Keep real/studio photos visibly framed instead of stretching the background
   edge-to-edge in the product hero. */
.hh-single-model-hh-sv-001 .hh-gallery-main,
.hh-single-model-hh-es-002 .hh-gallery-main,
.hh-single-model-hh-es-003 .hh-gallery-main{padding:clamp(12px,2vw,22px)}
.hh-single-model-hh-sv-001 .hh-gallery-main img,
.hh-single-model-hh-es-002 .hh-gallery-main img,
.hh-single-model-hh-es-003 .hh-gallery-main img{
  width:100%;height:100%;padding:0!important;object-fit:cover!important;
  border-radius:16px;transform:none!important;
}

/* Category-specific buyer focus keeps the same maintainable template while
   answering different questions for cargo, passenger, golf, shuttle and
   scooter buyers. */
.hh-buyer-focus{margin-top:24px;padding-top:22px;border-top:1px solid var(--hh-line)}
.hh-buyer-focus h4{margin:0 0 14px;font-size:16px;letter-spacing:.01em}
.hh-buyer-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hh-buyer-focus-grid article{display:grid;gap:6px;padding:14px;border:1px solid var(--hh-line);border-radius:14px;background:#f8faf8}
.hh-buyer-focus-grid strong{font-size:13px;color:var(--hh-ink)}
.hh-buyer-focus-grid span{font-size:12.5px;line-height:1.55;color:var(--hh-muted)}

@media(max-width:767px){
  .hh-single-vehicle .hh-gallery-main{aspect-ratio:1/1}
  .hh-single-vehicle .hh-gallery-main img{padding:8px!important}
  .hh-buyer-focus-grid{grid-template-columns:1fr}
  .hh-vcard-model-hh-sv-001 .hh-vcard-image,
  .hh-vcard-model-hh-es-002 .hh-vcard-image,
  .hh-vcard-model-hh-es-003 .hh-vcard-image{padding:5px}
}