/* Supplied product details: natural proportions, no upscaling of small sources. */
.image-slot.filled.supplement-photo-slot{width:100%;max-width:var(--photo-width);aspect-ratio:var(--photo-ratio)!important;height:auto;min-height:0;margin-inline:auto;background:#fff;padding:0}
.image-slot.filled.supplement-photo-slot>img{object-fit:contain!important;object-position:center!important}
.supplement-gallery{margin-block:32px;clear:both}
.supplement-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
.supplement-photo-grid figure{margin:0;min-width:0}
.supplement-image-frame{aspect-ratio:1;background:#fafafa;display:flex;justify-content:center;align-items:center;border:1px solid #eee}
.supplement-image-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.supplement-photo-grid figcaption{font-size:13px;line-height:1.65;color:#555;padding-top:10px}
.supplement-single{display:block;max-width:720px;margin-inline:auto}
.supplement-single .supplement-image-frame{aspect-ratio:auto;border:0;background:white}
.supplement-single img{width:auto;max-width:100%;height:auto;max-height:440px}
@media(max-width:640px){.supplement-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.supplement-photo-grid figcaption{font-size:12px}.supplement-gallery{margin-block:24px}.supplement-single{display:block}}
@media(max-width:360px){.supplement-photo-grid{grid-template-columns:minmax(0,1fr)}.supplement-image-frame{max-height:300px}.supplement-single .supplement-image-frame{max-height:none}}