/* Shared size chart, fit dialog and size guide. */
.size-chart{min-width:0;max-width:100%;margin:0 0 24px;color:var(--ink);font-variant-numeric:tabular-nums}
.size-chart-units{display:inline-flex;gap:3px;max-width:100%;padding:4px;border:1px solid var(--line);border-radius:999px;margin-bottom:18px;background:var(--paper)}
.size-chart-units label{position:relative;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;cursor:pointer}
.size-chart-units input{position:absolute;width:1px;height:1px;opacity:0}
.size-chart-units label:has(input:checked){background:var(--ink);color:var(--paper)}
.size-chart-units label:has(input:focus-visible),.size-chart-scroll:focus-visible,.size-finder input:focus-visible,.size-finder button:focus-visible{outline:2px solid var(--red,#ce2921);outline-offset:3px}
.size-chart-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior:contain;scrollbar-color:var(--muted) #ebe6dc;scrollbar-width:thin;border-top:1px solid var(--ink)}
.size-chart table{width:100%;min-width:430px;margin:0;border-collapse:collapse;background:transparent;font-variant-numeric:tabular-nums}
.size-chart th,.size-chart td{padding:15px 14px;text-align:left;border:0;border-bottom:1px solid var(--line);font-size:15px;vertical-align:middle;background:transparent}
.size-chart thead th{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.075em;text-transform:uppercase;color:var(--muted);padding-top:18px;padding-bottom:18px}
.size-chart thead b{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--red,#ce2921);color:#fff;margin-right:4px;font-size:10px;letter-spacing:0}
.size-chart-approx{display:block;font-weight:400;letter-spacing:0}
.size-pill{display:inline-block;min-width:42px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font:20px/1.2 var(--display);text-transform:uppercase;text-align:center}
.size-chart tbody tr{background:transparent}
.size-chart tbody tr:hover{background:#ebe6dc66}
.size-chart tbody tr.is-picked,.size-chart tbody tr.is-match{background:#ce29210c}
.size-chart tbody tr.is-picked th,.size-chart tbody tr.is-match th{box-shadow:inset 3px 0 0 var(--red,#ce2921)}
.size-chart tbody tr.is-picked .size-pill,.size-chart tbody tr.is-match .size-pill{border-color:var(--red,#ce2921);color:var(--red,#ce2921)}
.size-width-track{display:block;width:76px;max-width:100%;height:3px;margin-top:7px;overflow:hidden;background:#ebe6dc;border-radius:3px}
.size-width-track>span{display:block;width:var(--width);height:100%;background:var(--red,#ce2921);transform-origin:left}
@media(prefers-reduced-motion:no-preference){.is-viewed .size-width-track>span{animation:size-width-reveal .65s cubic-bezier(.16,1,.3,1) both}}
@keyframes size-width-reveal{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.size-chart .cm,.size-chart:has(.size-chart-units input[value=cm]:checked) .in{display:none}
.size-chart:has(.size-chart-units input[value=cm]:checked) .cm{display:inline}
.size-chart .size-chart-note{font-size:12px;line-height:1.65;color:var(--muted);margin:14px 0 20px;max-width:72ch}
.size-finder{padding:20px;background:#efe9df;border-radius:12px}
.size-finder>label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}
.size-finder-controls{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}
.size-finder-input{display:flex;flex:1 1 130px;align-items:center;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--paper)}
.size-finder .size-finder-input input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px 12px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;font-size:16px;caret-color:var(--red)}
.size-finder-input>span{padding-right:12px;font-size:12px;color:var(--muted)}
.size-finder button{min-height:46px;flex:0 0 auto;padding:12px 18px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;cursor:pointer}
.size-finder button:hover{background:var(--red,#ce2921);border-color:var(--red,#ce2921)}
.size-finder input[aria-invalid=true]{outline:2px solid var(--red);outline-offset:-2px}
.size-finder .size-finder-result{font-size:13px;line-height:1.6;margin:12px 0 0}
.size-finder-result:empty{display:none}
.size-chart ::selection{background:var(--ink);color:var(--paper)}
.fit-dialog{box-sizing:border-box;width:min(880px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;background:var(--paper);color:var(--ink)}
.fit-dialog .fit-chart-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;align-items:start}
.tee-diagram{display:block;width:100%;height:auto;color:var(--ink)}
.fit-dialog .fit-chart-layout>.tee-diagram{margin-top:48px}
.fit-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:20px 0;margin:20px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fit-facts li,.fit-dialog .fit-facts li{display:flex;align-items:flex-start;gap:8px;padding:0;font-size:12px;line-height:1.5;min-width:0}
.fit-facts svg{width:20px;height:20px;flex:0 0 20px;color:var(--red,#ce2921)}
.size-guide{min-width:0;max-width:1120px;margin:0 auto}
.size-guide .lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:65ch;margin:0 0 36px}
.size-guide h2{font:30px/1.15 var(--display);text-transform:uppercase;margin:0 0 20px}
.size-guide-measure{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:40px;padding:28px 0 36px;margin-bottom:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.size-guide-measure .tee-diagram{max-width:320px;margin:auto}
.size-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0;counter-reset:measure}
.size-guide-steps li{counter-increment:measure;font-size:14px;line-height:1.6}
.size-guide-steps li::before{content:counter(measure);display:grid;place-items:center;width:28px;height:28px;margin-bottom:14px;border-radius:50%;background:var(--red,#ce2921);color:#fff;font-weight:700}
.size-guide-tips{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 36px}
.size-guide-tips strong{display:block;font:20px/1.2 var(--display);text-transform:uppercase;margin-bottom:8px}
.size-guide-tips p{font-size:14px;line-height:1.65;margin:0;color:var(--muted)}
.size-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.size-guide-cards section{min-width:0;background:#efe9df;border-radius:12px;padding:26px}
.size-guide-cards h2{font-size:26px;margin-bottom:16px}
.size-guide-cards ul{padding-left:18px;margin:0}.size-guide-cards li+li{margin-top:6px}
.size-guide-cards li,.size-guide-cards p{font-size:14px;line-height:1.75;color:var(--muted)}
.size-guide-cards p{margin:0}
@media(max-width:760px){.fit-dialog .fit-chart-layout{grid-template-columns:minmax(0,1fr);gap:16px}.fit-dialog .fit-chart-layout>.tee-diagram{max-width:140px;margin:0 auto}.fit-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.size-guide-measure{grid-template-columns:minmax(0,1fr);gap:24px}.size-guide-measure .tee-diagram{max-width:240px}.size-guide-cards{grid-template-columns:minmax(0,1fr)}.size-chart th,.size-chart td{padding:13px 10px}.size-width-track{display:none}.size-guide-steps{gap:16px}.size-finder{padding:16px}}
@media(max-width:480px){.fit-dialog{padding:20px}.size-guide-steps{grid-template-columns:minmax(0,1fr)}.size-guide-steps li{display:flex;align-items:center;gap:12px}.size-guide-steps li::before{flex:0 0 28px;margin:0}.size-guide-tips{grid-template-columns:minmax(0,1fr)}.size-chart-units label{padding:10px 13px}.size-finder-controls{gap:8px}.size-finder button{padding:12px}.size-finder-input{flex-basis:90px}}

/* Charts inside sanitized content (product "Size & fit" panel) lose their inputs: hide the dead controls. */
.size-chart-units:not(:has(input)),.size-finder:not(:has(input)){display:none}