.belly-colour-gallery-section{max-width:1320px;margin:0 auto;padding:48px 32px;color:var(--belly-ink);font-family:var(--belly-body-font);box-sizing:border-box}
.belly-colour-gallery{display:block;position:relative;min-width:0}
.belly-colour-gallery h2{margin:0 0 16px;font:300 clamp(32px,3.6vw,48px)/1.12 var(--belly-heading-font);letter-spacing:-.035em;text-align:left}
.belly-colour-gallery .belly-colour-gallery__intro{max-width:640px;margin:0 0 24px;font-size:16px;line-height:1.65}
.belly-colour-gallery__layout{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,.38fr);gap:24px;align-items:center}
.belly-colour-gallery__selectors{min-width:0;padding:8px 0 8px 12px}
.belly-colour-gallery__selectors[hidden],.belly-colour-gallery__chips[hidden],.belly-colour-gallery__arrows[hidden]{display:none}
.belly-colour-gallery__control-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:14px;line-height:1.5}
.belly-colour-gallery__control-label strong{font-weight:500}
.belly-colour-gallery__models{display:flex;gap:8px;margin-bottom:24px}
.belly-colour-gallery__model{display:inline-flex;align-items:center;justify-content:center;min-width:108px;min-height:44px;padding:10px 20px;border:1px solid var(--belly-ink);border-radius:999px;background:var(--belly-cotton);color:var(--belly-ink);font:400 14px/1.2 var(--belly-body-font);white-space:nowrap;cursor:pointer}
.belly-colour-gallery__model[aria-pressed=true]{background:var(--belly-lilac);outline:1px solid var(--belly-ink);outline-offset:2px}
.belly-colour-gallery__model:not(:disabled):hover{background:var(--belly-lilac)}
.belly-colour-gallery__chips{display:flex;flex-wrap:wrap;gap:4px;list-style:none;min-width:0;margin:0;padding:0}
.belly-colour-gallery__chips>li{flex:0 0 auto;margin:0;padding:0}
.belly-colour-gallery__chip{display:grid;place-items:center;position:relative;box-sizing:border-box;width:44px;height:44px;padding:6px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--belly-ink);cursor:pointer}
.belly-colour-gallery__swatch{display:block;width:30px;height:30px;border:1px solid var(--belly-ink);border-radius:50%;box-sizing:border-box}
.belly-colour-gallery__chip[aria-pressed=true]{border-color:var(--belly-ink);border-width:2px}
.belly-colour-gallery__chip[aria-pressed=true]::after{content:'✓';position:absolute;right:0;bottom:0;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--belly-cotton);color:var(--belly-ink);font:500 10px/1 var(--belly-body-font);border:1px solid currentColor}
.belly-colour-gallery__chip:not(:disabled):hover{border-color:var(--belly-ink)}
.belly-colour-gallery :is(.belly-colour-gallery__model,.belly-colour-gallery__chip):disabled{opacity:.4;cursor:default}
.belly-colour-gallery__hint{margin:12px 0 0;font-size:12px;line-height:1.5}
.belly-colour-gallery__stage{min-width:0;touch-action:pan-y pinch-zoom}
.belly-colour-gallery__scene{margin:0;min-width:0}
.belly-colour-gallery__image-box{aspect-ratio:3/2;overflow:hidden;border:1px solid var(--belly-ink);border-radius:26px;background:var(--belly-cotton)}
.belly-colour-gallery__image{display:block;width:100%;height:100%;object-fit:contain}
.belly-colour-gallery__scene figcaption{padding:10px 0 0;font-size:13px;line-height:1.5;min-height:30px}
.belly-colour-gallery__scene figcaption>span{font-weight:500}
.belly-colour-gallery__footer{display:flex;justify-content:flex-end;margin-top:8px}
.belly-colour-gallery__arrows{display:flex;gap:8px}
.belly-colour-gallery__arrows button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--belly-ink);border-radius:50%;background:var(--belly-lilac);color:var(--belly-ink);cursor:pointer}
.belly-colour-gallery__arrows button:not(:disabled):hover{background:var(--belly-orange)}
.belly-colour-gallery__arrows button:disabled{opacity:.4;cursor:default}
.belly-colour-gallery__arrows svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.belly-colour-gallery :is(button,a):focus-visible{outline:3px solid var(--belly-ink);outline-offset:3px}
.belly-colour-gallery__status,.belly-colour-gallery__sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:767px){.belly-colour-gallery-section{padding:32px 20px}.belly-colour-gallery__layout{grid-template-columns:1fr;gap:18px}.belly-colour-gallery__selectors{padding:0}.belly-colour-gallery__models{margin-bottom:18px}.belly-colour-gallery__footer{margin-top:8px}.belly-colour-gallery__hint{margin-top:8px}.belly-colour-gallery__intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.belly-colour-gallery *{scroll-behavior:auto;transition:none}}
