.ah__gear-guide{padding-bottom:8px}
.ah__gear-layout{display:grid;gap:14px}
.ah__gear-options{display:grid;gap:8px}
.ah__gear-option{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:12px;min-height:72px;padding:16px;border:1px solid var(--ah-line);border-radius:14px;background:#fff;color:var(--ah-charcoal);font:inherit;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.ah__gear-option:hover{transform:translateX(3px);border-color:var(--ah-sage)}
.ah__gear-option.is-active{border-color:var(--ah-charcoal);background:#e8e8e0}
.ah__gear-option>span{color:var(--ah-muted);font-size:10px;font-weight:800}
.ah__gear-option strong{font-size:15px;font-weight:700}
.ah__gear-option>b{font-size:18px;font-weight:500}
.ah__gear-option:focus-visible,.ah__gear-result a:focus-visible{outline:3px solid var(--ah-sage);outline-offset:3px}
.ah__gear-result{display:flex;min-height:238px;flex-direction:column;align-items:flex-start;padding:26px;border-radius:18px;background:#2c2c2e;color:#fff}
.ah__gear-result .ah__eyebrow{color:#d2d2c8}
.ah__gear-result h3{max-width:16ch;margin-bottom:12px;font-size:clamp(28px,5vw,42px);line-height:1}
.ah__gear-result>p:not(.ah__eyebrow){max-width:42ch;color:rgba(255,255,255,.76);line-height:1.5}
.ah__gear-result a{margin-top:auto}
.ah__gear-result.is-changing h3,.ah__gear-result.is-changing>p:not(.ah__eyebrow){opacity:.25;transform:translateY(4px)}
.ah__gear-result h3,.ah__gear-result>p:not(.ah__eyebrow){transition:opacity .16s ease,transform .16s ease}
@media(min-width:750px){.ah__gear-layout{grid-template-columns:1.1fr .9fr;align-items:stretch}.ah__gear-options{align-content:start}.ah__gear-result{min-height:100%}}
@media(prefers-reduced-motion:reduce){.ah__gear-option,.ah__gear-result h3,.ah__gear-result>p:not(.ah__eyebrow){transition:none}}

.ah__gear-result{display:grid;grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr);gap:22px;align-items:center}
.ah__gear-result-image{display:block;width:100%;height:100%;min-height:250px;max-height:380px;object-fit:cover;border-radius:16px}
.ah__gear-result-copy-wrap h3{margin-bottom:10px}
.ah__gear-result-copy-wrap [data-gear-result-copy]{margin-bottom:12px}
.ah__gear-result-price{margin:0 0 16px;font-size:18px;font-weight:700}
@media(max-width:749px){.ah__gear-result{grid-template-columns:1fr;gap:14px}.ah__gear-result-image{height:220px;min-height:0}.ah__gear-result-copy-wrap{padding:0 2px}}
@media(prefers-reduced-motion:reduce){.ah__gear-result{transition:none}}