.lot-photo-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 18px}
.lot-photo-strip button,.lot-photo-navigation button{padding:0;overflow:hidden;border:1px solid rgba(0,63,87,.18);background:#e1e8e5;cursor:zoom-in}
.lot-photo-strip img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .2s}
.lot-photo-strip button:hover img{transform:scale(1.07)}
.lot-photo-strip button:focus-visible,.lot-photo-dialog button:focus-visible{outline:3px solid #ffdc70;outline-offset:3px}
.lot-photo-dialog{box-sizing:border-box;width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid #6b827f;background:#f6f3ec;color:#003f57;box-shadow:0 20px 90px #001a26aa}
.lot-photo-dialog::backdrop{background:rgba(0,25,35,.85)}
.lot-photo-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #003f571a}
.lot-photo-heading h2{margin:0;font:inherit;font-size:1rem;font-weight:500}
.lot-photo-close{flex:none;width:40px;height:40px;border:1px solid #003f5730;border-radius:50%;background:transparent;color:inherit;font-size:25px;cursor:pointer}
.lot-photo-viewport{position:relative;display:flex;align-items:center;justify-content:center;background:#0b252c;touch-action:pan-y;overflow:hidden}
.lot-photo-viewport>img{display:block;width:100%;height:min(66dvh,690px);object-fit:contain}
.lot-photo-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:54px;border:1px solid #ffffff66;background:#00313dde;color:white;font-size:36px;line-height:1;cursor:pointer}
.lot-photo-arrow[hidden]{display:none}
.lot-photo-arrow.is-previous{left:14px}.lot-photo-arrow.is-next{right:14px}
.lot-photo-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px}
.lot-photo-navigation{display:flex;gap:8px}
.lot-photo-navigation button{width:64px;cursor:pointer;opacity:.55}
.lot-photo-navigation button[aria-current=true]{opacity:1;border:2px solid #008d87}
.lot-photo-navigation img{display:block;width:100%;height:44px;object-fit:cover}
.lot-photo-counter{margin:0;font-size:.85rem;white-space:nowrap}
@media(max-width:600px){
 .lot-photo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}
 .lot-photo-heading,.lot-photo-footer{padding:10px 12px;gap:10px}
 .lot-photo-heading h2{font-size:.85rem}
 .lot-photo-viewport>img{height:auto;max-height:70dvh}
 .lot-photo-arrow.is-previous{left:8px}.lot-photo-arrow.is-next{right:8px}
 .lot-photo-navigation{gap:5px}.lot-photo-navigation button{width:48px}
 .lot-photo-navigation img{height:36px}
}
@media(prefers-reduced-motion:reduce){.lot-photo-strip img{transition:none}}