.product-photo{display:block;position:relative;width:100%;aspect-ratio:4/3;border:0;border-bottom:1px solid var(--line);background:#f3f3f3;cursor:pointer;font-family:inherit;color:var(--muted);overflow:hidden}
.product-photo:disabled{cursor:default}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:12px}
.photo-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px}
.photo-count{position:absolute;bottom:10px;right:10px;background:#ffffffed;border:1px solid var(--line);padding:3px 10px;border-radius:20px;font-size:11px}
.product-inquiry{display:block;margin-top:14px;padding:9px;text-align:center;background:var(--accent);color:#fff;border-radius:7px;font-size:13px;text-decoration:none}
.product-dialog{width:min(800px,94vw);max-height:90vh;border:1px solid #ddd;border-radius:14px;margin:auto;padding:24px;font-family:inherit;color:var(--text);overflow:auto}
.product-dialog::backdrop{background:#0009}
.product-dialog h2{font-size:17px;margin:16px 0}
.gallery-close{border:1px solid #ddd;border-radius:6px;padding:7px 14px;background:#fff;font-family:inherit;cursor:pointer}
.gallery-main{width:100%;height:min(50vh,450px);object-fit:contain}
.gallery-thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.gallery-thumb{width:84px;height:70px;padding:3px;border:1px solid #ddd;border-radius:6px;background:#fff;cursor:pointer}
.gallery-thumb[aria-pressed=true]{border:2px solid #333}
.gallery-thumb img{width:100%;height:100%;object-fit:contain}
button:focus-visible,a:focus-visible{outline:3px solid #3987ca;outline-offset:3px}
@media(max-width:360px){.grid{grid-template-columns:1fr}}