@font-face{font-family:"ASICS 3";src:url("assets/fonts/ASICSFont3.0-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"ASICS 3";src:url("assets/fonts/ASICSFont3.0-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"ASICS 3";src:url("assets/fonts/ASICSFont3.0-Italic.otf") format("opentype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"ASICS 3";src:url("assets/fonts/ASICSFont3.0-BoldItalic.otf") format("opentype");font-style:italic;font-weight:700;font-display:swap}
@font-face{font-family:"ASICS 3 RS";src:url("assets/fonts/ASICSFont3.0-RS.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
/* ASICS-inspired white surfaces, navy type and rounded actions. */
:root{--ink:#001e62;--muted:#59616f;--line:#d7dbe2;--bg:#fff;--surface:#f5f5f5}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"ASICS 3 RS","ASICS 3",Arial,sans-serif;font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #4779c4;outline-offset:4px}h1:focus{outline:none}header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;gap:24px;border-bottom:1px solid #eee;background:white}.brand{display:flex;align-items:center;gap:30px;text-decoration:none;color:var(--ink)}.brand-logo{display:block;width:148px;height:auto}.brand-divider{height:30px;width:1px;background:var(--line)}.brand-label{font-size:16px;font-weight:700;letter-spacing:0}.header-note{font-size:14px;color:var(--muted)}.reset{border:1px solid var(--ink);border-radius:999px;background:white;padding:11px 20px;min-height:44px;font-size:14px}.reset:hover{background:#f0f3f8}.reset span{display:none}main{max-width:1240px;margin:auto;padding:30px 48px 64px;min-height:calc(100vh - 102px)}.topline{display:flex;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}.topline>span:first-child{font-weight:700;color:var(--ink)}.time{font-size:14px}.steps{display:flex;padding:0;list-style:none;gap:0;margin:28px 0 58px}.steps li{flex:1;position:relative;border-top:3px solid #e5e7eb;padding:14px 12px 0;color:#757b86;font-size:14px}.steps li:first-child{padding-left:0}.steps li span{margin-right:7px}.steps li.active,.steps li.done{border-color:var(--ink);color:var(--ink)}.steps li.active{font-weight:700}.intro{text-align:center;margin:0 auto 38px;max-width:850px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1px;line-height:1.4;margin:0 0 16px}h1{font-size:clamp(32px,3.6vw,48px);font-weight:700;letter-spacing:-.5px;line-height:1.13;margin:0;text-transform:none}.intro>p{font-size:18px;line-height:1.55;color:var(--muted);max-width:640px;margin:20px auto 0}.choices{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:18px}.choice{position:relative;text-align:left;border:1px solid #bfc7d4;border-radius:8px;min-height:154px;padding:24px;background:white;transition:background .18s,border-color .18s,box-shadow .18s}.choice:hover{background:#f6f8fc;border-color:var(--ink)}.choice.selected{background:#edf2f9;border:2px solid var(--ink);padding:23px}.choice-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.radio{width:24px;height:24px;border:1px solid #919aa9;border-radius:50%;display:grid;place-items:center;color:white}.selected .radio{background:var(--ink);border-color:var(--ink)}.choice h2{font-size:28px;line-height:1.2;font-weight:700;margin:24px 0 0;text-transform:none}.controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px}.hint{font-size:14px;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;min-width:190px;padding:14px 25px;border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:white;font:700 16px "ASICS 3 RS","ASICS 3",Arial,sans-serif;text-decoration:none;line-height:1.3;transition:background .18s}.primary:hover{background:#183875}.primary:disabled{background:#e6e8ed;border-color:#e6e8ed;color:#727987;cursor:not-allowed}.primary>span{display:none}.back{border:0;background:none;min-height:44px;padding:10px 0;font-size:16px;text-decoration:underline;text-underline-offset:4px}.result-top{display:flex;justify-content:space-between;align-items:end;gap:24px}.result-top h1{font-size:44px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}.product-card{min-width:0;display:flex;flex-direction:column;background:white}.product-photo{height:310px;display:flex;align-items:center;justify-content:center;background:var(--surface);padding:22px;overflow:hidden}.product-photo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-copy{display:flex;flex-direction:column;align-items:start;flex:1;padding:24px 0 0}.product-copy h2{font-size:28px;line-height:1.2;margin:0 0 9px;overflow-wrap:anywhere}.product-version{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 22px}.product-copy .primary{margin-top:auto;min-width:0}.stock-notice{font-size:16px;color:var(--muted);line-height:1.5;margin:0}.unavailable .product-photo{opacity:.65}.availability-note{font-size:14px;line-height:1.6;color:var(--muted);margin:36px 0 0}.trail-extra{border-top:1px solid var(--line);margin-top:42px;padding-top:28px}.trail-extra>h2{font-size:26px;margin:0}.trail-extra .product-grid{margin-top:20px}.fade{animation:appear .2s ease}@keyframes appear{from{opacity:0}to{opacity:1}}
@media(max-width:800px){header{height:86px;padding:0 24px}.brand-logo{width:130px}.brand{gap:20px}.header-note{display:none}main{padding:26px 24px 48px}.steps{margin-bottom:40px}.intro>p{font-size:17px}.choice{padding:20px}.choice.selected{padding:19px}.choice h2{font-size:25px}.product-photo{height:250px}}
@media(max-width:560px){header{height:80px;padding:0 20px;gap:16px}.brand-logo{width:120px}.brand-divider,.brand-label{display:none}.reset{font-size:14px;padding:10px 16px}main{padding:24px 20px 40px;min-height:calc(100vh - 80px)}.topline{font-size:13px;gap:10px}.time{font-size:13px}.steps{margin:23px 0 32px}.steps li{font-size:13px;padding:12px 5px 0}.steps li span{margin-right:3px}.intro{text-align:left;margin-bottom:26px}.eyebrow{font-size:12px;margin-bottom:12px}h1{font-size:32px;letter-spacing:-.4px;line-height:1.15}.intro>p{font-size:16px;margin-top:16px;line-height:1.5}.choices{grid-template-columns:1fr;gap:12px}.choice{min-height:88px;padding:22px 54px 22px 20px;display:flex;align-items:center;gap:17px;border-radius:6px}.choice.selected{padding:21px 53px 21px 19px}.choice-top{font-size:12px}.radio{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:23px;height:23px}.choice h2{font-size:24px;margin:0;line-height:1.2}.controls{position:sticky;bottom:0;z-index:2;background:white;padding:16px 0 max(16px,env(safe-area-inset-bottom));margin-top:12px;gap:14px}.hint{font-size:13px;max-width:100px}.primary{font-size:15px;min-width:170px;padding:14px 20px;min-height:50px}.controls .back{font-size:14px;text-align:left;max-width:110px}.result-top{display:block}.result-top h1{font-size:36px}.result-top .back{margin-top:14px}.product-grid{grid-template-columns:1fr;gap:34px;margin-top:20px}.product-photo{height:auto;aspect-ratio:1.25;padding:16px}.product-copy{padding-top:20px}.product-copy h2{font-size:27px}.product-copy .primary{width:100%}.product-version{font-size:15px;margin-bottom:18px}.availability-note{font-size:13px;margin-top:28px}.trail-extra{margin-top:32px}.trail-extra>h2{font-size:24px}}
@media(max-width:360px){header{padding:0 16px}.brand-logo{width:112px}main{padding-left:16px;padding-right:16px}.topline,.time{font-size:12px}.steps li{font-size:12px}h1{font-size:28px}.choice h2{font-size:22px}.primary{min-width:155px;padding:14px 16px;font-size:14px}.choice{min-height:82px}.controls{gap:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Three plain-language questions, with text-only choices. */
.choice-copy,.choice-title,.choice-description{display:block}.choice-title{font-size:28px;line-height:1.2;font-weight:700;margin-top:24px}.choice-description{font-size:16px;line-height:1.5;color:var(--muted);margin-top:10px;max-width:38ch}.choice{min-height:205px}.selected .radio:after{content:"";width:8px;height:8px;border-radius:50%;background:white}.result-top>div{min-width:0;flex:1}.result-top h1{font-size:38px;max-width:800px}.result-top .back{flex-shrink:0}.result-reason{font-size:17px;color:var(--muted);line-height:1.5;margin:20px 0 14px}.answer-summary{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.answer-summary li{font-size:14px;line-height:1.4;padding:8px 12px;border:1px solid var(--line);border-radius:4px}
@media(max-width:560px){.steps li{display:flex;flex-direction:column;gap:5px;font-size:13px}.steps li span{font-size:12px}.choice{min-height:130px;align-items:flex-start}.choice-top{padding-top:4px}.choice-copy{min-width:0}.choice-title{font-size:23px;margin-top:0;line-height:1.2}.choice-description{font-size:16px;margin-top:8px;line-height:1.4}.radio{top:25px;transform:none}.result-top h1{font-size:32px}.result-reason{font-size:16px}.answer-summary{gap:6px}.answer-summary li{font-size:13px}.question-screen .intro{margin-bottom:22px}}
@media(max-width:360px){.choice{padding-left:16px;padding-right:44px;gap:12px}.choice.selected{padding-left:15px;padding-right:43px}.radio{right:14px}.choice-title{font-size:22px}.steps li{font-size:12px}}
.gender-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:28px}.gender-filter>span{font-size:15px;margin-right:6px}.gender-filter button{border:1px solid var(--line);border-radius:24px;background:white;padding:11px 22px;min-height:44px;font-size:16px}.gender-filter button.active{background:var(--ink);border-color:var(--ink);color:white}.variant-hint{font-size:15px;line-height:1.5;color:var(--muted);margin:14px 0 0}.variant-group{width:100%;margin:0 0 16px}.variant-group-label{font-size:15px;font-weight:700;margin:0 0 8px}.variant-options{display:flex;flex-wrap:wrap;gap:8px}.variant-option{width:82px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:5px;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2}.variant-option.selected{border:2px solid var(--ink);padding:4px;background:#f2f5fa}.variant-option:hover{border-color:var(--ink)}.variant-option img{display:block;width:70px;height:54px;object-fit:contain;mix-blend-mode:multiply}.variant-option>span{font-size:13px}.variant-option small{font-size:12px;color:var(--muted)}.selected-variant{font-size:15px;line-height:1.5;margin:0 0 18px}.selected-variant>span{display:block;font-size:13px;color:var(--muted)}.product-copy .product-version{margin-bottom:18px}.product-grid:has(>.product-card:only-child){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:560px){.gender-filter{gap:7px}.gender-filter button{padding:10px 17px;font-size:15px}.variant-hint{font-size:14px}.product-grid:has(>.product-card:only-child){grid-template-columns:minmax(0,1fr)}.variant-option{width:78px}.variant-option img{width:66px}.variant-options{gap:7px}}