.size-chart{flex:0 0 auto;order:10;margin-left:auto;width:auto}
.size-chart__link{display:inline-flex;align-items:center;gap:5px;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-size:14px;line-height:1.5;white-space:nowrap;cursor:pointer}
.size-chart__link span{text-decoration:underline;text-underline-offset:2px}
.size-chart__link svg{width:20px;height:20px;transform:rotate(45deg)}
.variant-picker .radio__legend__label:has(.size-chart){flex-wrap:wrap;row-gap:4px}
.size-chart__dialog{position:fixed;inset:0;width:calc(100% - 28px);max-width:480px;max-height:calc(100dvh - 32px);height:fit-content;margin:auto;padding:0;overflow:hidden;border:0;border-radius:16px;background:#fff;color:#212121;box-shadow:0 24px 60px #00000047;font-family:var(--FONT-STACK-BODY,sans-serif);font-size:15px;line-height:1.3;text-align:left;letter-spacing:normal}
.size-chart__dialog[open]{display:flex;flex-direction:column}
.size-chart__dialog::backdrop{background:#000b}
.size-chart__header{display:flex;flex-shrink:0;align-items:center;gap:14px;min-height:64px;padding:14px 20px;background:#0b3d2e;color:#fff}
.size-chart__header h2{flex:1;min-width:0;margin:0;overflow:hidden;color:inherit;font:inherit;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.size-chart__units{display:flex;flex-shrink:0;gap:2px;padding:3px;border-radius:8px;background:#285548}
.size-chart__units button{min-width:38px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.size-chart__units button[aria-pressed=true]{background:#d0dcd8;color:#0b3d2e}
.size-chart__close{flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:6px;background:#285548;color:#fff;font:inherit;font-size:18px;cursor:pointer}
.size-chart__body{min-height:0;padding:20px 24px 28px;overflow:auto;overscroll-behavior:contain}
.size-chart__body h3{margin:0 0 6px;padding:0 10px;color:inherit;font:inherit;font-weight:600}
.size-chart__body table{width:100%;margin:0;border:0;border-collapse:collapse}
.size-chart__body th,.size-chart__body td{padding:16px 10px;border:0;border-bottom:1px solid #ebebeb;background:none;color:inherit;font:inherit;text-align:left;text-transform:none}
.size-chart__body th{font-size:14px;font-weight:600;border-bottom-color:#d9d9d9}
.size-chart__body tr:last-child td{border-bottom:0}
.size-chart__dialog .size-chart__note{margin:28px 0 0;color:#666;opacity:1;font-size:13px;font-style:italic;line-height:1.5}
.size-chart button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
html:has(.size-chart__dialog[open]){overflow:hidden}
@media(max-width:749px){.size-chart__dialog{inset:0;max-width:480px;max-height:calc(100dvh - 32px);margin:auto;border-radius:16px}.size-chart__header{gap:10px;padding:14px 16px}.size-chart__body{padding:20px 16px max(24px,env(safe-area-inset-bottom))}.size-chart__body th,.size-chart__body td{padding:14px 8px}}