.size-advisor-inline,.size-advisor-drawer{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--status-fit:#397965}
.size-advisor-inline{display:flex;align-items:center;flex-wrap:wrap;column-gap:var(--space-5);row-gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}
.size-advisor-open{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 0 var(--space-1);border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.size-advisor-open svg{width:var(--space-4);height:var(--space-4);flex:none}
.size-advisor-inline-result{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.size-advisor-inline-result[hidden]{display:none}
.size-advisor-inline-result strong{font:inherit}
.size-advisor-inline-dot{width:var(--space-2);height:var(--space-2);flex:none;border-radius:50%;background:var(--status-fit)}
.size-advisor-inline-estimate,.size-advisor-inline-separator{color:color-mix(in srgb,var(--ink) 55%,transparent)}
.size-advisor-open:focus-visible,.size-advisor-drawer button:focus-visible,.size-advisor-drawer input:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
.size-advisor-backdrop{position:fixed;inset:0;z-index:80;background:color-mix(in srgb,var(--ink) 42%,transparent);backdrop-filter:blur(3px)}
.size-advisor-drawer{position:fixed;inset:0 0 0 auto;z-index:81;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,460px);height:100dvh;background:var(--paper);color:var(--ink);box-shadow:-12px 0 36px color-mix(in srgb,var(--ink) 12%,transparent)}
.size-advisor-drawer[hidden],.size-advisor-backdrop[hidden],.size-advisor-drawer [hidden]{display:none!important}
.size-advisor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:60px;margin:0 var(--space-6);border-bottom:1px solid var(--line);font:500 11px/1.4 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.size-advisor-header button{display:grid;place-items:center;width:36px;height:36px;border:0;background:transparent;color:var(--ink);font:24px/1 var(--body);cursor:pointer}
.size-advisor-body{min-height:0;overflow:auto;padding:var(--space-5) var(--space-6) var(--space-8);overscroll-behavior:contain}
.size-advisor-product{display:flex;align-items:center;gap:var(--space-3);min-height:78px;margin-bottom:var(--space-5);padding:var(--space-3);background:var(--soft)}
.size-advisor-product img{width:54px;height:58px;object-fit:cover}
.size-advisor-product div{display:grid;gap:var(--space-1)}
.size-advisor-product strong{font:600 15px/1.1 var(--display);text-transform:uppercase}
.size-advisor-product span{font:400 11px/1.4 var(--mono)}
.size-advisor-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-1)}
.size-advisor-progress span{height:2px;background:var(--line)}
.size-advisor-progress span.is-active{background:var(--ink)}
.size-advisor-count,.size-advisor-label{margin:var(--space-3) 0 var(--space-5);color:color-mix(in srgb,var(--ink) 65%,transparent);font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.size-advisor-drawer h2{margin:0 0 var(--space-2);font:600 32px/1 var(--display);text-transform:uppercase;letter-spacing:-.025em}
.size-advisor-intro{margin:0 0 var(--space-6);color:color-mix(in srgb,var(--ink) 70%,transparent);font:400 13px/1.5 var(--body)}
.size-advisor-measurements{display:grid;grid-template-columns:96px minmax(0,1fr);gap:var(--space-5);align-items:stretch}
.size-advisor-figure{position:relative;min-height:240px;background:var(--soft);cursor:grab;touch-action:none;user-select:none}
.size-advisor-figure:active{cursor:grabbing}
.size-advisor-figure:focus-visible{outline:2px solid var(--clay);outline-offset:3px}
.size-advisor-figure svg{display:block;width:100%;height:100%;min-height:240px;color:var(--ink)}
.size-advisor-figure-hint{position:absolute;inset:var(--space-2) 0 auto;font:500 9px/1.2 var(--mono);text-align:center;text-transform:uppercase;letter-spacing:.08em}
.size-advisor-ruler{stroke:color-mix(in srgb,var(--ink) 30%,transparent);stroke-width:.8}
.size-advisor-height-guide{stroke:color-mix(in srgb,var(--ink) 50%,transparent);stroke-width:1;stroke-dasharray:2 3}
.size-advisor-height-point{fill:var(--ink)}
.size-advisor-person{stroke:var(--ink);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.size-advisor-measure-fields{display:grid;grid-template-rows:1fr 1fr;min-width:0}
.size-advisor-measure-fields .size-advisor-measure{display:flex;flex-direction:column;justify-content:center;padding:var(--space-2) 0;border:0}
.size-advisor-measure-fields .size-advisor-measure+.size-advisor-measure{border-top:1px solid var(--line)}
.size-advisor-measure{padding:var(--space-4) 0 var(--space-5);border-top:1px solid var(--line)}
.size-advisor-measure-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}
.size-advisor-measure-head label,.size-advisor-options legend{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.size-advisor-units{display:flex;gap:var(--space-2)}
.size-advisor-units button{padding:var(--space-1);border:0;border-bottom:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--ink) 60%,transparent);font:500 10px/1.4 var(--mono);cursor:pointer}
.size-advisor-units button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.size-advisor-measure output{display:block;margin:var(--space-2) 0;font:600 30px/1 var(--display);font-variant-numeric:tabular-nums}
.size-advisor-slider{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:var(--space-3)}
.size-advisor-slider button{width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer}
.size-advisor-slider input{width:100%;accent-color:var(--ink)}
.size-advisor-live{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:64px;margin-top:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid var(--line)}
.size-advisor-live div{display:grid;gap:var(--space-1)}
.size-advisor-live span{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.size-advisor-live small{color:color-mix(in srgb,var(--ink) 60%,transparent);font:400 11px/1.4 var(--body)}
.size-advisor-live strong{font:600 32px/1 var(--display)}
.size-advisor-privacy{margin:var(--space-5) 0;color:color-mix(in srgb,var(--ink) 70%,transparent);font:400 11px/1.5 var(--body)}
.size-advisor-privacy button,.size-advisor-edit{padding:0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);font:500 11px/1.4 var(--mono);cursor:pointer}
.size-advisor-options{margin:0;padding:0 0 var(--space-5);border:0}
.size-advisor-options legend{float:left;width:100%;padding:0 0 var(--space-3)}
.size-advisor-options>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);clear:both}
.size-advisor-options button{display:grid;justify-items:center;align-content:center;gap:var(--space-3);min-height:96px;padding:var(--space-2);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.size-advisor-options button svg{display:block;width:40px;height:36px;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}
.size-advisor-options button[aria-pressed=true]{background:var(--soft);color:var(--ink);border-color:var(--ink)}
.size-advisor-fits{display:grid;border-top:1px solid var(--line)}
.size-advisor-fits button{display:grid;gap:var(--space-1);width:100%;padding:var(--space-4);border:0;border-bottom:1px solid var(--line);background:var(--paper);color:var(--ink);text-align:start;cursor:pointer}
.size-advisor-fits button[aria-pressed=true]{background:var(--soft);box-shadow:inset 3px 0 var(--ink)}
.size-advisor-fits strong{font:600 16px/1.1 var(--display);text-transform:uppercase}
.size-advisor-fits span{font:400 12px/1.4 var(--body)}
.size-advisor-result-hero{display:grid;justify-items:center;padding:var(--space-4) 0 var(--space-5);text-align:center}
.size-advisor-result-hero .size-advisor-label{margin:0 0 var(--space-4)}
.size-advisor-result-ring{display:grid;place-items:center;width:144px;height:144px;border:2px solid var(--ink);border-radius:50%}
.size-advisor-result-size{font:600 64px/1 var(--display)}
.size-advisor-result-caption{margin:var(--space-4) 0 var(--space-2);font:500 10px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.size-advisor-result-disclaimer{max-width:280px;margin:0;color:color-mix(in srgb,var(--ink) 60%,transparent);font:400 12px/1.5 var(--body)}
.size-advisor-compare-title{margin:var(--space-5) 0 var(--space-3)!important;font:500 10px/1.4 var(--mono)!important;letter-spacing:.12em!important;text-transform:uppercase}
.size-advisor-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:var(--space-1)}
.size-advisor-size-choice{position:relative;display:grid;place-items:center;gap:var(--space-1);min-height:68px;padding:var(--space-3) var(--space-1) var(--space-2);border:0;border-top:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.size-advisor-size-choice.is-recommended:before{position:absolute;top:-5px;left:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--ink);content:""}
.size-advisor-size-choice[aria-pressed=true]{border-bottom:1px solid var(--ink)}
.size-advisor-size-choice strong{font:600 20px/1 var(--display)}
.size-advisor-size-choice span{font:500 9px/1.2 var(--mono);text-align:center}
.size-advisor-compare-help{margin:var(--space-2) 0 var(--space-1);color:color-mix(in srgb,var(--ink) 60%,transparent);font:400 11px/1.4 var(--body);text-align:center}
.size-advisor-compare-status{display:inline;margin:0;color:color-mix(in srgb,var(--ink) 65%,transparent);font:400 10px/1.4 var(--body)}
.size-advisor-reset-size{margin-left:var(--space-1);padding:0;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:400 10px/1.4 var(--body);cursor:pointer}
.size-advisor-fit-chart{margin-top:var(--space-6);border-top:1px solid var(--line)}
.size-advisor-fit-chart h3{margin:var(--space-3) 0;font:500 10px/1.4 var(--mono);letter-spacing:.1em;text-align:center;text-transform:uppercase}
.size-advisor-chart-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 86px 0 78px;color:color-mix(in srgb,var(--ink) 55%,transparent);font:500 8px/1.4 var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase}
.size-advisor-chart-row{display:grid;grid-template-columns:70px minmax(0,1fr) 74px;align-items:center;gap:var(--space-2);min-height:42px;border-bottom:1px solid var(--line)}
.size-advisor-chart-row>span{font:500 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}
.size-advisor-chart-row strong{font:500 10px/1.4 var(--body);text-align:end}
.size-advisor-chart-track{position:relative;height:7px;background:linear-gradient(var(--line),var(--line)) center/100% 1px no-repeat,linear-gradient(var(--line),var(--line)) 25% center/1px 7px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1px 7px no-repeat,linear-gradient(var(--line),var(--line)) 75% center/1px 7px no-repeat}
.size-advisor-chart-track i{position:absolute;top:-4px;left:var(--advisor-fit-position,50%);width:9px;height:9px;border-radius:50%;background:var(--ink);transform:translateX(-50%);transition:left .2s ease}
.size-advisor-note{margin-top:var(--space-5);padding:var(--space-4);background:var(--soft)}
.size-advisor-note span{font:500 10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.size-advisor-note p{margin:var(--space-2) 0 0;font:400 12px/1.5 var(--body)}
.size-advisor-selection{min-height:1.5em;margin:var(--space-4) 0;color:color-mix(in srgb,var(--ink) 70%,transparent);font:500 11px/1.4 var(--mono)}
.size-advisor-footer{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--line);background:var(--paper)}
.size-advisor-primary{flex:1;min-height:50px;padding:0 var(--space-4);border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.size-advisor-primary:disabled{opacity:.4;cursor:not-allowed}
.size-advisor-secondary{min-height:50px;padding:0 var(--space-4);border:1px solid var(--line);background:var(--paper);color:var(--ink);font:500 11px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.size-advisor-secondary:disabled{opacity:.4;cursor:not-allowed}
.size-advisor-back{width:50px;font:20px/1 var(--body)}
.size-advisor-footer .size-advisor-primary[data-advisor-next]{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}
.size-advisor-footer.is-result{justify-content:center}
.size-advisor-footer.is-result [data-advisor-add]{flex-basis:100%}
.size-advisor-footer.is-result [data-advisor-select]{min-height:28px;padding:0 var(--space-2);border:0}
.size-advisor-footer.is-result .size-advisor-edit{flex-basis:auto;min-height:28px;margin:0 var(--space-2);border:0}
.size-advisor-edit{flex-basis:100%;justify-self:start;width:max-content;min-height:26px;margin:var(--space-1) auto 0;text-align:center}
@media(max-width:600px){.size-advisor-drawer{width:100%}.size-advisor-header{margin-inline:var(--space-4)}.size-advisor-body{padding-inline:var(--space-4)}.size-advisor-footer{padding-inline:var(--space-4)}}
@media(max-width:380px){.size-advisor-measurements{grid-template-columns:76px minmax(0,1fr);gap:var(--space-3)}.size-advisor-slider{grid-template-columns:30px minmax(0,1fr) 30px;gap:var(--space-2)}.size-advisor-slider button{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.size-advisor-backdrop{backdrop-filter:none}}