/* Shared colour selector: one row for both product templates and future items. */
.multibox-page .colour-options {
 display:grid;
 grid-template-columns:none;
 grid-auto-flow:column;
 grid-auto-columns:minmax(0,1fr);
 gap:8px;
 max-width:100%;
 padding:2px 2px 7px;
}
.multibox-page .colour-options button {
 min-width:0;
 min-height:76px;
 padding:10px 3px;
 font-size:clamp(10px,2.6cqw,13px);
 line-height:1.4;
 overflow-wrap:anywhere;
}
.multibox-page .colour-options button i {
 width:24px;
 height:24px;
 margin:0 auto 7px;
}
.multibox-page .colour-options button small {display:block;font-size:11px;}
.multibox-page .colour-options button:focus-visible {outline:2px solid #21282e;outline-offset:-4px;}
@media(max-width:600px) {
 .multibox-page .colour-options {gap:4px;padding:2px 1px 5px;}
 .multibox-page .colour-options button {font-size:clamp(9px,2.9vw,11px);min-height:68px;padding:8px 2px;gap:4px;}
 .multibox-page .colour-options button i {width:22px;height:22px;margin-bottom:3px;}
 .multibox-page .colour-options button[aria-pressed=true] i:after {line-height:22px;}
}

/* Keep every current product view visible without a scrolling thumbnail strip. */
.multibox-page .gallery-tabs,.multibox-page #generic-gallery {
 display:grid;
 grid-template-columns:none;
 grid-auto-flow:column;
 grid-auto-columns:minmax(0,1fr);
 gap:8px;
}
.multibox-page .gallery-tabs button,.multibox-page #generic-gallery button {
 min-width:0;
 padding:10px 4px;
 font-size:12px;
 line-height:1.4;
 overflow-wrap:anywhere;
}
.multibox-page .gallery-tabs img,.multibox-page #generic-gallery img {
 width:100%;
 height:48px;
 object-fit:contain;
 margin-bottom:6px;
}
.multibox-page .gallery-tabs button > span {min-height:34px;}
@media(max-width:600px) {
 .multibox-page .gallery-tabs,.multibox-page #generic-gallery {gap:4px;}
 .multibox-page .gallery-tabs button,.multibox-page #generic-gallery button {font-size:10px;padding:8px 2px;}
 .multibox-page .gallery-tabs img,.multibox-page #generic-gallery img {height:36px;margin-bottom:4px;}
 .multibox-page .gallery-tabs button > span {min-height:28px;}
}
