.kl-size-banner{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:0 0 32px;padding:30px 36px;background:#f5efe6;border:1px solid #e5d8c9;border-radius:3px;color:#352e29}
.kl-size-banner__eyebrow{margin:0 0 7px;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#91634c}
.kl-size-banner h2{margin:0 0 7px;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.025em;text-transform:none}
.kl-size-banner__copy{margin:0;font-size:13px;line-height:1.5;color:#6b625b}
.kl-size-banner__sizes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.kl-size-banner__size{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:10px 14px;background:#fffaf4;border:1px solid #cdbbac;border-radius:2px;font-size:13px;font-weight:600;line-height:1.2;color:#352e29;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.kl-size-banner__size:hover,.kl-size-banner__size[aria-current=true]{background:#9b4d36;border-color:#9b4d36;color:#fff}
.kl-size-banner__size:focus-visible{outline:2px solid #352e29;outline-offset:3px}
.kl-size-banner__all{min-width:88px}
@media(max-width:1000px){.kl-size-banner{align-items:flex-start;flex-direction:column;gap:20px}.kl-size-banner__sizes{justify-content:flex-start}}
@media(max-width:480px){.kl-size-banner{padding:24px 18px;margin-bottom:24px;gap:18px}.kl-size-banner__sizes{gap:7px}.kl-size-banner__size{min-width:44px;min-height:44px;padding:10px 12px}.kl-size-banner__all{min-width:83px}}
@media(prefers-reduced-motion:reduce){.kl-size-banner__size{transition:none}}