/* Products and bases are independent layers; no stand is baked into these WebPs. */
img[src*="/multibox-studio295/"] {
 background-color:#f7f7f7 !important;
 background-image:url('/releases/294/base-platform.svg') !important;
 background-size:contain !important;
 background-position:center !important;
 background-repeat:no-repeat !important;
}
img[src*="/multibox-studio295/"][src$="-top.webp"],
img[src*="/multibox-studio295/"][src$="-inside-open.webp"] {
 background-image:url('/releases/294/base-circle.svg') !important;
}

/* Eight studio views: four readable thumbnails per row, including mobile. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) {
 display:grid !important;
 grid-auto-flow:row !important;
 grid-auto-columns:auto !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 gap:8px !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) button {
 min-width:0 !important;
 padding:10px 4px !important;
 word-break:normal !important;
 overflow-wrap:normal !important;
}
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) button span {
 word-break:normal !important;
 overflow-wrap:normal !important;
}

/* Larger previews inside the existing four-column cards. */
:is(#generic-gallery,#gallery-tabs,.gallery-tabs):has(img[src*="/multibox-studio295/"]) img {
 height:clamp(76px,8vw,120px) !important;
 width:100% !important;max-width:100% !important;max-height:none !important;
 margin-bottom:8px;
}
.multibox-page #size-options button {font-size:20px !important;line-height:1.4;padding:16px 10px !important;}
.multibox-page #size-options button span {font-size:23px !important;}
.multibox-page #colour-options button {font-size:15px !important;padding:12px 6px !important;gap:8px;}
.multibox-page #colour-options button i {width:36px !important;height:36px !important;}
.multibox-page #colour-options button[aria-pressed="true"] i::after {line-height:36px !important;font-size:22px;}
/* Image zoom is not a raised action button. */
.multibox-page #zoom-art,.multibox-page #zoom-art:active,.multibox-page #zoom-art:hover {
 box-shadow:none !important;scale:1 !important;transform:none !important;
}
.multibox-page #zoom-art:focus:not(:focus-visible) {outline:none;}
.multibox-page #zoom-art:focus-visible {outline:2px solid #e41b2a;outline-offset:5px;border-radius:6px;}
@media(max-width:500px){
 .multibox-page #size-options button {font-size:18px !important;}
 .multibox-page #size-options button span {font-size:20px !important;}
 .multibox-page #colour-options {display:grid !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
 .multibox-page #colour-options button {font-size:14px !important;}
}

img[src*="/multibox-studio295/"][data-show-stand="false"],img[src*="/multibox-studio295/"][src$="#no-stand"] {background-image:none !important;}