/* Additional shop controls; the reference layout remains in style.css unchanged. */
.detail-production{font-size:15px;line-height:1.5;margin:18px 0;color:#333}.quick-add:disabled,.button:disabled{opacity:.55;cursor:not-allowed}
.mini-colors{flex-wrap:wrap}.mini-color{position:relative;width:12px;height:12px;padding:0;border-radius:50%;display:block;flex-shrink:0}.mini-colors .mini-color span{width:12px;height:12px;display:block}.mini-color::before{content:'';position:absolute;inset:-3px}.mini-color.selected{outline:1px solid var(--ink);outline-offset:2px}.mini-color:hover{outline:1px solid #999;outline-offset:2px}.color-options{flex-wrap:wrap}.image-unavailable{font:14px/1.4 Arial,sans-serif;color:#555;background:#f1f1f1}

.gallery-track{animation-duration:var(--gallery-duration,120s)}

/* Complete product photo and compact information in one dialog. */
#product-dialog{width:1000px;max-width:calc(100% - 24px);max-height:92svh}
#product-dialog .detail-layout{width:100%;grid-template-columns:1fr 1.2fr;max-height:92svh}
#product-dialog .detail-media{position:relative;min-width:0;background:var(--soft)}
#product-dialog .detail-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;min-height:0}
#product-dialog .detail-copy{min-width:0;max-height:92svh;overflow-y:auto;padding:28px 30px 24px;scrollbar-gutter:stable}
#product-dialog .eyebrow{margin:0 35px 8px 0}
#product-dialog .detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 12px}
#product-dialog .detail-heading h2{font-size:32px;margin:0;overflow-wrap:anywhere}
#product-dialog .detail-price{font-size:22px;white-space:nowrap;margin:0}
#product-dialog .detail-description{font-size:15px;line-height:1.45;margin:0 0 12px;overflow-wrap:anywhere}
#product-dialog .color-label{margin-bottom:6px}
#product-dialog .color-options{gap:8px;margin-bottom:12px}
#product-dialog .purchase-controls{margin-bottom:12px}
#product-dialog .detail-spec{font-size:14px;line-height:1.4;padding:10px 0 0;margin:0 0 10px}
#product-dialog .detail-production{font-size:14px;line-height:1.4;margin:0 0 10px}
#product-dialog .detail-note{font-size:14px;line-height:1.4;margin:0}
@media(max-width:650px){
 #product-dialog .detail-layout{display:block;max-height:none}
 #product-dialog .detail-media{height:clamp(150px,28svh,260px)}
 #product-dialog .detail-copy{max-height:none;overflow:visible;padding:18px 20px 22px}
 #product-dialog .detail-heading h2{font-size:28px}
}

/* Keep the original row geometry before JavaScript or the catalogue is ready. */
.five-grid{display:flex;gap:18px}
.five-grid>.photo-tile{flex:0 0 auto;width:calc((96vw - 72px)/5)}
.five-grid>.gallery-track{flex:0 0 auto}
.catalog-unavailable{grid-column:1/-1;padding:24px 0;font-size:15px;line-height:1.5}
@media(max-width:650px){.five-grid{gap:12px}.five-grid>.photo-tile{width:37vw}}