/* A single mobile canvas is shared by every device. */
:root { --app-canvas-width:min(100vw,480px); }
.app { width:100%; max-width:480px; }
.hd-in,.cta-in,.sheet { max-width:480px; }
.cta { width:100%; max-width:480px; left:50%; right:auto; transform:translateX(-50%); }
.vehicle-review { max-width:100%; }

.vehicle-photo-preview .vehicle-list-copy { flex:1; min-width:0; }
.vehicle-list-photo { display:block; flex:none; width:calc(var(--space-6) * 6); aspect-ratio: 3 / 2; margin-left:var(--space-3); background:#fff; border-radius:var(--radius-small); }
.vehicle-photo-preview > .chev { flex:none; }

img.vehicle-list-photo { object-fit:contain; }
.vehicle-photo-preview img.vehicle-list-photo[src*="genesis-gv60-magma-menu800.webp"],
.vehicle-photo-preview img.vehicle-list-photo[src*="genesis-gv80-coupe.webp"],
.vehicle-photo-preview img.vehicle-list-photo[src*="genesis-g70-shooting-brake-menu800.webp"] { object-fit:cover; }

/* Trial adaptation of audited photo presentation, scoped to Casper. */
.vehicle-photo-preview { --vehicle-photo-stage:transparent; }
.vehicle-photo-preview img.vehicle-list-photo { height:auto; aspect-ratio:4 / 3; background:var(--vehicle-photo-stage); border-radius:var(--radius-lg); padding:var(--space-1); }

.option-photo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-3); margin-bottom:var(--space-4); }
.option-photo-grid figure { margin:0; min-width:0; }
.option-photo-grid img { display:block; width:100%; aspect-ratio:4 / 3; object-fit:contain; object-position:center; border-radius:var(--radius-md); background:var(--ds-surface); }
.option-photo-grid figcaption { margin-top:var(--space-1); font-size:var(--type-caption-size); line-height:var(--type-body-line); color:var(--ds-text-secondary); overflow-wrap:anywhere; }
.option-photo-grid.genesis-color-photo { grid-template-columns:minmax(0,1fr); }
.option-photo-grid.genesis-color-photo img { object-fit:contain; background:transparent; }
.review-total { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:12px; border-top:1px solid var(--ds-border); margin-top:var(--space-5); padding-block:var(--space-6); font-size:var(--type-headline-size); }
.review-total strong { font-size:24px; font-weight:700; font-variant-numeric:tabular-nums; }

/* GT photos: slightly larger visual size, retaining the list layout. */
.vehicle-photo-preview img.vehicle-list-photo[src*="-gt.webp"] { transform:none; }

/* Slight enlargement requested for the three initial GT photos. */
.vehicle-photo-preview img.vehicle-list-photo[src*="kia-ev3-gt.webp"],
.vehicle-photo-preview img.vehicle-list-photo[src*="kia-ev5-gt.webp"],
.vehicle-photo-preview img.vehicle-list-photo[src*="kia-ev6-gt.webp"] { transform:scale(1.08); transform-origin:center; }

.vehicle-photo-preview img.vehicle-list-photo[src*="kia-ev9-gt.webp"] { transform:scale(1.08); transform-origin:center; }

#main > h1.big { border-bottom:1px solid var(--ds-border); padding-bottom:var(--space-6); margin-bottom:var(--space-6); }