.size-composer-body{padding:6px 26px 28px}
.size-color-hint{display:flex;align-items:flex-start;gap:10px;color:#72665c;font-size:12px;background:#f7f3ee;border:1px solid #e9e0d5;padding:13px 16px;border-radius:13px;margin-bottom:20px}
.size-color-hint svg{flex-shrink:0;color:#a88b74;width:18px}
.size-picker-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}
.size-picker{border:1px solid #e8ded3;background:#fdfcfb;border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:8px;transition:border-color .18s,background .18s,transform .18s}
.size-picker:not(.is-existing):hover{border-color:#a58c77;transform:translateY(-2px)}
.size-picker.is-selected{background:#f2ebe3;border-color:#aa8e78}
.size-picker.is-existing{background:#ece9e4;border-color:#e2d9d0;opacity:.78}
.size-picker-switch{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer}
.size-picker-switch input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
.size-picker-switch span{font:800 24px Manrope,'Segoe UI',sans-serif;color:#25211d;line-height:1.35}
.size-picker-switch input:focus-visible+span{outline:3px solid #a88b74;outline-offset:4px;border-radius:4px}
.size-picker.is-selected .size-picker-switch span{color:#6b4e38}
.size-quantity-label{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em;color:#8e8174;text-align:center}
.size-picker input[data-size-stock]{width:100%;border:1px solid #e5dbd0;border-radius:10px;background:#fff;padding:9px 3px;text-align:center;font-size:13px;color:#211e1a;min-width:0}
.size-picker input[data-size-stock]:disabled{background:#ece9e5;color:#a79e93}
.size-existing-label{font-size:9px;color:#766a5d;text-align:center}
.size-legend{font-size:12px;color:#7b7065;margin:18px 0 0}
@media(max-width:1250px){.size-picker-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:780px){.size-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.size-composer-body{padding:5px 17px 22px}}
@media(max-width:390px){.size-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}