.cs-size-picker,.cs-sizes-unavailable{margin:14px 0 10px;width:100%;}
.cs-size-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:10px 0;max-width:460px}
.cs-size-button{min-height:54px;border:1px solid #d8d1cf!important;background:#fff!important;border-radius:9px!important;padding:8px 3px!important;text-align:center!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#272022!important;font-size:13px!important;line-height:1.15!important;box-shadow:none!important;transition:border-color .15s ease,background .15s ease;cursor:pointer}
.cs-size-button b{font-weight:650;font-size:13px}.cs-size-button small{font-size:9px;line-height:1.1;color:#9a5e60;white-space:nowrap;letter-spacing:0}
.cs-size-button:not(.cs-out):hover{border-color:#9a5b5e!important;background:#fcf7f6!important}
.cs-size-button.cs-selected{border:2px solid #713d41!important;background:#fcf1f0!important;color:#713d41!important}
.cs-size-button.cs-out{border-color:#ece7e4!important;color:#a4a0a0!important;background:#f7f5f4!important;cursor:not-allowed;opacity:1}
.cs-size-button.cs-out b{color:#a4a0a0}.cs-size-hint{font-size:12px;line-height:1.5;color:#716466;margin:7px 0 0}
.cs-native-size-select{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important;border:0!important;padding:0!important;margin:0!important}
.cs-sizes-unavailable>strong{font-size:14px;font-weight:650}
@media(max-width:390px){.cs-size-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cs-size-server{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}
.cs-picker-label{font-size:14px;font-weight:650;margin:8px 0 3px;line-height:1.4;color:#372c31}

form.variations_form tr.cs-original-size-row-hidden{display:none!important}
@supports selector(:has(*)){form.variations_form:has(.cs-size-server) tr:has(select[name="attribute_pa_size"]){display:none!important}}

/* Keep only the stock-aware Choose your size grid. Do not hide colour rows. */
form.variations_form:has(.cs-size-server) table.variations tr.cs-original-size-row-hidden,
form.variations_form:has(.cs-size-server) table.variations tr:has(select[name="attribute_pa_size"]),
form.variations_form:has(.cs-size-server) table.variations tr:has(#pa_size) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Read-only colour label. Native variation select remains in DOM but cannot be chosen by shoppers. */
.cs-colour-static{margin:12px 0 10px;color:#6d6468;font-size:14px;line-height:1.5}
.cs-colour-static .cs-colour-key{font-weight:400;color:#74696b}
.cs-colour-static strong{font-weight:650;color:#30262a}
form.variations_form.cs-colour-ui-active tr.cs-original-colour-row-hidden{display:none!important;visibility:hidden!important}