/* Shared D22 detail-media geometry. Illustrations never stand in for SKU evidence. */
.media-gallery {margin:0;min-width:0;display:grid;gap:var(--space-detail)}
.media-gallery-stage {position:relative;min-width:0;overflow:hidden;aspect-ratio:400/260;border:var(--border-width) solid var(--line);border-radius:var(--radius-3);background:var(--surface-soft);display:flex;align-items:center;justify-content:center}
.media-gallery .media-gallery-art {display:block;width:100%;height:auto;aspect-ratio:400/260}
.media-gallery-stage > .media-gallery-art {height:100%;aspect-ratio:auto}
.media-gallery figcaption {font-family:var(--font-ui);font-size:var(--type-xs);line-height:var(--line-body);color:var(--ink-secondary)}
.media-gallery-thumbnails {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-detail)}
.media-gallery-thumbnails button {position:relative;min-width:var(--target-min);min-height:var(--target-min);padding:var(--space-micro);border:var(--border-width) solid var(--line-strong);border-radius:var(--radius-2);background:var(--surface);color:var(--ink);display:grid;gap:var(--space-micro);font:var(--weight-medium) var(--type-xs)/var(--line-body) var(--font-ui);transition:border-color var(--motion-fast),background var(--motion-fast)}
.media-gallery-thumbnails button[aria-pressed=true] {border-color:var(--primary);box-shadow:inset 0 0 0 var(--border-width) var(--primary);background:var(--surface-soft);color:var(--ink)}
.media-gallery-thumbnails .media-gallery-art {border-radius:var(--radius-1);background:var(--surface-soft);pointer-events:none}
.media-gallery-thumbnails button:focus-visible {outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}
.gallery-layout {display:grid;grid-template-columns:7fr 5fr;gap:var(--space-3);align-items:start}
.gallery-layout .media-gallery-copy {padding:var(--space-2);border:var(--border-width) solid var(--line);border-radius:var(--radius-3);background:var(--surface-soft);color:var(--ink-secondary);font-size:var(--type-sm);line-height:var(--line-body)}
.media-gallery-copy h4 {font-family:var(--font-ui);font-size:var(--type-md);color:var(--ink);margin:0 0 var(--space-2)}
.media-gallery-copy p+p {margin-top:var(--space-2)}
.detail-identity {grid-template-columns:5fr 7fr;align-items:start}
.detail-identity .media-gallery .product-art {display:flex;position:relative;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto;border:0;border-radius:0;background:none}
.detail-identity .media-gallery .product-art::before {display:none}
.detail-identity .media-gallery .art-caption {display:none}
.detail-identity .media-gallery .category-art {width:100%;height:100%;aspect-ratio:auto}
@media (max-width:760px) {
  .detail-identity,.gallery-layout {display:grid;grid-template-columns:1fr;gap:var(--space-2)}
  .detail-media-gallery .media-gallery-stage {max-height:220px;aspect-ratio:400/260}
  .detail-media-gallery .media-gallery-art {max-height:220px;object-fit:contain}
  .media-gallery-thumbnails {gap:var(--space-1)}
}
@media (prefers-reduced-motion:reduce) {.media-gallery-thumbnails button {transition:none}}