.trek-fit{display:block;background:#f7f5f0;color:#242624;padding:8rem 2.4rem;font:inherit;counter-reset:trek-step}
.trek-fit [hidden]{display:none!important}
.trek-fit *{box-sizing:border-box}
.trek-fit__wrap{max-width:96rem;margin:0 auto}
.trek-fit__intro{max-width:64rem;margin:0 auto 4.8rem;text-align:center}
.trek-fit__eyebrow{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#62645f;margin:0 0 1.2rem}
.trek-fit h2{font-family:var(--font-heading-family);font-size:clamp(3rem,3.5vw,4.6rem);font-weight:700;line-height:1.12;letter-spacing:-.035em;margin:0 0 1.6rem;color:inherit}
.trek-fit p{line-height:1.65}
.trek-fit__intro>p:not(.trek-fit__eyebrow){font-size:1.7rem;color:#555853;margin:0 auto 2rem;max-width:52ch}
.trek-fit__intro .trek-fit__included{display:inline-block;font-size:1.3rem;font-weight:700;color:#58320d;background:#fff1e1;border:1px solid #e8c9a9;border-radius:3px;padding:.5rem 1rem;margin:0 0 2rem}
.trek-fit__guide{display:block;width:fit-content;margin:0 auto;font-size:1.4rem;font-weight:600}
.trek-fit a{color:inherit;text-underline-offset:.4rem}
.trek-fit fieldset{border:0;padding:0;margin:0 0 4rem;min-width:0;counter-increment:trek-step}
.trek-fit legend{font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;padding:0;margin:0 0 1.6rem}
.trek-fit legend:before{content:'Step ' counter(trek-step);display:block;font-size:1.2rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#62645f;margin-bottom:.6rem}
.trek-fit__choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.2rem}
.trek-fit__choice{position:relative;display:block;cursor:pointer;background:#fff;border:1px solid #deddd8;border-radius:4px;padding:2rem 5.2rem 2rem 2.2rem;transition:border-color .15s,box-shadow .15s}
.trek-fit__choice input{-webkit-appearance:none;appearance:none;position:absolute;top:2rem;right:2rem;width:1.8rem;height:1.8rem;margin:0;border-radius:50%;border:1px solid #8a8c85;background:#fff;cursor:pointer;transition:background .15s,border-color .15s}
.trek-fit__choice input:checked{background:#f6983a;border-color:#8c470c;box-shadow:inset 0 0 0 4px #fff}
.trek-fit__choice strong{display:block;font-family:var(--font-heading-family);font-size:1.7rem;font-weight:600;line-height:1.35}
.trek-fit__choice small{display:block;font-size:1.4rem;line-height:1.5;color:#555853;margin-top:.6rem}
.trek-fit__choice:hover{border-color:#242624}
.trek-fit__choice:has(input:checked){border-color:#242624;box-shadow:inset 0 0 0 1px #242624}
.trek-fit__choice:focus-within{outline:3px solid #f6983a;outline-offset:3px;box-shadow:0 0 0 2px #242624}
.trek-fit__choice:has(input:checked):focus-within{box-shadow:inset 0 0 0 1px #242624,0 0 0 2px #242624}
.trek-fit__choice input:focus-visible{outline:none}
.trek-fit a:focus-visible,.trek-fit button:focus-visible{outline:3px solid #f6983a;outline-offset:3px;box-shadow:0 0 0 2px #242624}
.trek-fit__result{background:#fff;border:1px solid #deddd8;border-radius:4px;padding:3.2rem;margin:0 0 2rem}
.trek-fit__result h3{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0 0 1.2rem;color:inherit}
.trek-fit__result>p{font-size:1.5rem;color:#555853}
.trek-fit__product{display:grid;grid-template-columns:22rem minmax(0,1fr);gap:3.2rem;align-items:center}
.trek-fit__image{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:4px;background:#eeede8}
.trek-fit__variant{font-size:1.4rem;color:#555853;margin:0 0 1rem}
.trek-fit__price{font-family:var(--font-heading-family);font-size:2.2rem;font-weight:700;margin:0}
.trek-fit__availability{font-size:1.3rem;color:#555853;margin:.4rem 0 2rem}
.trek-fit .trek-fit__cta{display:inline-flex;align-items:center;justify-content:center;gap:1.2rem;background:#f6983a;color:#242624;border-radius:4px;padding:1.3rem 2.6rem;min-height:5rem;text-decoration:none;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:600;letter-spacing:.02em;transition:filter .2s}
.trek-fit .trek-fit__cta:hover{filter:brightness(.95)}
.trek-fit__addon{border-top:1px solid #deddd8;margin-top:2.8rem;padding-top:2.4rem}
.trek-fit__addon h4{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;margin:0;color:inherit}
.trek-fit__addon p{font-size:1.4rem;color:#555853}
.trek-fit__addon a{font-size:1.4rem;font-weight:600}
.trek-fit__result .trek-fit__fine{font-size:1.2rem;color:#62645f;margin:2.4rem 0 0}
.trek-fit__reset{display:block;margin:0 auto;font:inherit;font-size:1.4rem;color:inherit;border:0;background:none;padding:1rem 0;text-decoration:underline;text-underline-offset:.4rem;cursor:pointer;min-height:4.4rem}
.trek-fit__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:749px){.trek-fit{padding:5.6rem 2rem}.trek-fit__intro{margin-bottom:3.6rem}.trek-fit__intro>p:not(.trek-fit__eyebrow){font-size:1.6rem}.trek-fit fieldset{margin-bottom:3.2rem}.trek-fit legend{font-size:2rem}.trek-fit__choices{grid-template-columns:1fr}.trek-fit__result{padding:2.4rem}.trek-fit__product{grid-template-columns:1fr;gap:2rem}.trek-fit__image{max-height:26rem}.trek-fit .trek-fit__cta{width:100%}.trek-fit__result h3{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.trek-fit__choice,.trek-fit__choice input{transition:none}}
@media(forced-colors:active){.trek-fit__choice input{-webkit-appearance:auto;appearance:auto;box-shadow:none}.trek-fit__choice:has(input:checked){outline:2px solid Highlight}}