.variant-image-picker{border:0;padding:0;margin:24px 0;min-width:0}.variant-image-picker legend{font-size:19px;font-weight:600;padding:0}.variant-scroll-hint{font-size:14px!important;line-height:1.6;color:#637164;margin:8px 0 12px}.variant-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:490px;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:5px 10px 5px 5px;scrollbar-color:#9aab92 #edf0e7;scrollbar-width:thin}.variant-image-option{position:relative;display:block;cursor:pointer;margin:0!important}.variant-image-option input{position:absolute;top:12px;right:12px;width:18px;height:18px;opacity:0}.variant-image-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #d3dbca;border-radius:14px;background:#fffdf7;transition:border-color .18s,box-shadow .18s;overflow:hidden}.variant-image-card img,.variant-image-missing{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#f2eee5;display:block}.variant-image-missing{display:grid;place-items:center;color:#6b786b;font-size:14px}.variant-image-card strong{font-size:16px;line-height:1.4}.variant-image-card small{font-size:14px;color:#64725e}.variant-check{position:absolute;top:16px;right:16px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#254b3d;color:white;opacity:0}.variant-image-option input:checked+.variant-image-card{border-color:#315d46;box-shadow:0 0 0 2px #315d46;background:#edf2e7}.variant-image-option input:checked+.variant-image-card .variant-check{opacity:1}.variant-image-option input:focus-visible+.variant-image-card{outline:3px solid #ab8749;outline-offset:2px}.variant-image-option input:disabled+.variant-image-card{opacity:.48;cursor:not-allowed}.variant-image-option:hover input:not(:disabled)+.variant-image-card{border-color:#77926c}.variant-image-grid:focus-visible{outline:2px solid #77926c;outline-offset:3px}@media(max-width:600px){.variant-image-grid{max-height:420px;gap:10px}.variant-image-card{padding:8px}}@media(prefers-reduced-motion:reduce){.variant-image-card{transition:none}}
.variant-size-panel{border:0;padding:18px 0 0;margin:0;min-width:0}.variant-size-panel[hidden],.variant-size-prompt[hidden]{display:none}.variant-size-panel legend{font-size:17px}.variant-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:10px;margin-top:12px}.variant-size-option{position:relative;cursor:pointer;margin:0}.variant-size-option input{position:absolute;opacity:0;width:18px;height:18px;top:8px;left:8px}.variant-size-option>span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:13px 6px;border:1px solid #cbd5c2;border-radius:10px;background:#fffdf7;transition:background .18s,border-color .18s}.variant-size-option strong{font-size:18px}.variant-size-option small{font-size:13px;color:#637164}.variant-size-option input:checked+span{background:#e8efdf;border-color:#315d46;box-shadow:0 0 0 1px #315d46}.variant-size-option input:focus-visible+span{outline:3px solid #ab8749;outline-offset:2px}.variant-size-option input:disabled+span{opacity:.45;cursor:not-allowed}.variant-size-prompt{font-size:15px;color:#637164;padding:14px 0;margin:0}@media(prefers-reduced-motion:reduce){.variant-size-option>span{transition:none}}

.gallery-colours{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.gallery-colours button{padding:9px 18px;border:1px solid currentColor;border-radius:24px;background:transparent;color:inherit;cursor:pointer;font:inherit}.gallery-colours button[aria-pressed="true"]{background:#272522;color:#fff}.gallery-colours button:focus-visible{outline:3px solid #977344;outline-offset:3px}