.shgear{--shg-ink:#151719;--shg-muted:#5f656c;--shg-line:#dde1e5;--shg-paper:#f3f4f6;display:flow-root;background:#fff;color:var(--shg-ink);font-family:var(--font-body-family);font-size:1.6rem;line-height:1.65}
.shgear *{box-sizing:border-box}
.shgear-wrap{max-width:128rem;margin:0 auto;padding:0 3.2rem}
.shgear h1,.shgear h2,.shgear h3{color:inherit;font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.035em}
.shgear p{margin:0}
.shgear a{color:inherit;text-decoration:none}
.shgear-hero{padding:5.6rem 0 3.2rem}
.shgear-eyebrow{font-size:1.1rem;letter-spacing:.13em;text-transform:uppercase;font-weight:600}
.shgear h1{max-width:95rem;margin:1.6rem 0 2rem;font-size:clamp(4rem,4.7vw,6.4rem);line-height:1.05;text-wrap:balance}
.shgear-intro{max-width:66rem;color:var(--shg-muted);font-size:1.8rem;line-height:1.75}
.shgear-families{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;padding:0 0 4rem;border-bottom:1px solid var(--shg-line)}
.shgear-family{display:flex;align-items:center;gap:1.4rem;min-height:8rem;padding:1.8rem 2rem;border:1px solid var(--shg-line);border-radius:1.8rem;transition:background .15s}
.shgear-family:hover{background:var(--shg-paper)}
.shgear-family-icon{display:flex;align-items:center;justify-content:center;flex:0 0 4.4rem;width:4.4rem;height:4.4rem;border-radius:1.2rem;background:var(--shg-paper)}
.shgear-family-label{flex:1;font-size:1.5rem;font-weight:500}
.shgear-family>svg{flex:0 0 2rem}
.shgear-selection{padding:4.4rem 0 5.6rem}
.shgear-head{display:flex;align-items:end;justify-content:space-between;gap:3.2rem;margin-bottom:2.8rem}
.shgear-head h2{max-width:54rem;margin:0;font-size:clamp(2.8rem,3vw,4rem);line-height:1.12;text-wrap:balance}
.shgear-head p{max-width:32rem;color:var(--shg-muted);font-size:1.4rem;line-height:1.7;text-align:right;text-wrap:balance}
.shgear-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}
.shgear-product{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--shg-line);border-radius:2.4rem;background:#fff}
.shgear-photo{position:relative;display:block;aspect-ratio:1;background:var(--shg-paper);overflow:hidden}
.shgear-photo img{display:block;width:100%;height:100%;padding:3rem;object-fit:contain;mix-blend-mode:multiply}
.shgear-stock{position:absolute;left:1.6rem;bottom:1.6rem;padding:.5rem 1rem;border-radius:99rem;background:#fff;font-size:1.2rem}
.shgear-product-body{display:flex;flex:1;flex-direction:column;padding:2.4rem}
.shgear-product-family{margin-bottom:1rem!important;font-size:1rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--shg-muted)}
.shgear-product h3{margin:0 0 1.2rem;font-size:2rem;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
.shgear-product h3 a:hover{text-decoration:underline;text-underline-offset:.2em}
.shgear-teaser{color:var(--shg-muted);font-size:1.4rem;line-height:1.7}
.shgear-product-bottom{margin-top:auto;padding-top:2.4rem}
.shgear .price{font-size:1.9rem;line-height:1.4;color:var(--shg-ink)}
.shgear .price__container{margin-bottom:0}
.shgear-button{display:inline-flex;align-items:center;justify-content:center;gap:1.6rem;min-height:5rem;padding:1.2rem 2rem;border:1px solid var(--shg-ink);border-radius:99rem;background:var(--shg-ink);color:#fff!important;font-size:1.4rem;font-weight:500;line-height:1.5;text-align:center}
.shgear-button:hover{background:#34373a}
.shgear-button svg{flex:0 0 2rem}
.shgear-product .shgear-button{width:100%;margin-top:1.6rem}
.shgear-help{display:flex;align-items:center;justify-content:space-between;gap:3.2rem;margin-bottom:5.6rem;padding:3.2rem;border-radius:2.4rem;background:var(--shg-paper)}
.shgear-help h2{margin:0;font-size:2.8rem;line-height:1.15;text-wrap:balance}
.shgear-help p{max-width:62rem;margin-top:1.2rem;color:var(--shg-muted);font-size:1.4rem;line-height:1.75}
.shgear-button--light{flex-shrink:0;border-color:var(--shg-line);background:#fff;color:var(--shg-ink)!important}
.shgear-button--light:hover{background:#fff;border-color:var(--shg-ink)}
.shgear a:focus-visible{outline:2px solid var(--shg-ink);outline-offset:5px}
@media(max-width:989px){.shgear-family{padding:1.4rem;gap:1rem}.shgear-family-label{font-size:1.3rem}.shgear-grid{gap:1.6rem}.shgear-product-body{padding:2rem}.shgear-product h3{font-size:1.8rem}.shgear-help{align-items:flex-start;flex-direction:column}}
@media(max-width:749px){.shgear-wrap{padding:0 2rem}.shgear-hero{padding:3.6rem 0 2.4rem}.shgear-eyebrow{font-size:1rem}.shgear h1{font-size:4rem;margin:1.6rem 0 2rem}.shgear-intro{font-size:1.6rem}.shgear-families{grid-template-columns:1fr;gap:1rem;padding-bottom:3.2rem}.shgear-family{min-height:6.4rem;padding:1rem 1.6rem}.shgear-family-label{font-size:1.4rem}.shgear-family-icon{flex-basis:3.6rem;width:3.6rem;height:3.6rem}.shgear-family-icon svg{width:2.2rem;height:2.2rem}.shgear-selection{padding:3.2rem 0 4rem}.shgear-head{display:block;margin-bottom:2.4rem}.shgear-head h2{font-size:3rem}.shgear-head p{text-align:left;margin-top:1.2rem}.shgear-grid{grid-template-columns:minmax(0,1fr);gap:2rem;max-width:48rem;margin:0 auto}.shgear-photo{aspect-ratio:4/3}.shgear-photo img{padding:2.4rem}.shgear-product-body{padding:2.4rem}.shgear-product h3{font-size:2rem}.shgear-product-bottom{padding-top:2rem}.shgear-help{gap:2.4rem;margin-bottom:4rem;padding:2.4rem}.shgear-help h2{font-size:2.6rem}.shgear-help .shgear-button{width:100%}}
@media(prefers-reduced-motion:reduce){.shgear-family{transition:none}}

@media(min-width:750px){.shgear-head h2{max-width:none;flex-shrink:0;white-space:nowrap;text-wrap:nowrap}}
