.media-gallery { min-width:0; width:100%; align-self:start; padding:16px; border:1px solid #d5e3eb; border-radius:16px; background:#f5f9fb; }
.media-gallery figure { margin:0; }
.media-gallery [hidden] { display:none !important; }
.media-gallery-frame { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:3/2; overflow:hidden; border-radius:10px; background:#f5f9fb; }
.media-gallery-frame picture { display:contents; }
.media-gallery-frame img { display:block; width:100%; height:100%; max-height:none; object-fit:contain; }
.media-gallery-slide[data-kind="product"] img { padding:20px; box-sizing:border-box; }
.media-gallery figcaption { min-height:6em; margin:12px 0 0; color:#526d7c; font-size:13px; line-height:1.5; }
.media-gallery-controls { display:flex; gap:12px; margin-top:12px; }
.media-gallery-controls button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:112px; min-height:86px; padding:7px; border:2px solid #bacdd7; border-radius:8px; color:#173b56; background:#fff; font:inherit; font-size:12px; cursor:pointer; }
.media-gallery-controls button[aria-pressed="true"] { border-color:#006a96; background:#e8f5fb; }
.media-gallery-controls img { width:82px; height:46px; object-fit:contain; }
.media-gallery-controls button:focus-visible { outline:3px solid #007dba; outline-offset:3px; }
.media-gallery-status { display:block; margin-top:9px; color:#526d7c; font-size:12px; }
.media-gallery-single figcaption { min-height:0; }
@media(max-width:600px) { .media-gallery { padding:12px; } .media-gallery-slide[data-kind="product"] img { padding:12px; } }