.product-photo{position:relative;flex-shrink:0;padding:0;border:0;background:transparent;border-radius:8px;cursor:zoom-in}
.product-photo img{display:block}
.product-photo span{position:absolute;right:4px;bottom:4px;padding:3px 6px;border-radius:4px;background:#fff;color:#344054;font-size:10px}
.product-photo:focus-visible{outline:3px solid #ee1529;outline-offset:3px}
#product-photos{box-sizing:border-box;width:min(780px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:20px;border:0;border-radius:12px;background:#fff;color:#182230;overflow:auto}
#product-photos::backdrop{background:rgba(18,24,35,.75)}
.photo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.photo-toolbar h2{font-size:20px;margin:0}
.photo-toolbar button,.photo-navigation button{min-width:44px;min-height:44px;border:1px solid #e4e7ec;border-radius:7px;background:#fff;color:#182230;font-size:24px;cursor:pointer}
#photo-large{display:block;width:100%;height:min(60dvh,520px);object-fit:contain}
.photo-navigation{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:14px}
.photo-navigation button:disabled{opacity:.35;cursor:default}
.photo-navigation button[hidden]{display:none}
#photo-counter{font-size:14px;color:#667085}
@media(max-width:720px){#product-photos{padding:14px}.photo-toolbar h2{font-size:17px}#photo-large{height:55dvh}}