/* Material navigation is scoped to the four explicitly selected categories. */
#tm-category .hero.hero-gravel-choice{grid-template-columns:60% 40%;min-height:390px;overflow:hidden;margin-bottom:34px}
#tm-category .hero-gravel-choice .hero-copy{padding:26px 28px;align-self:center}
#tm-category .hero-gravel-choice h1{font-size:38px;line-height:1.1;letter-spacing:-1.3px;max-width:none}
#tm-category .hero-gravel-choice .hero-eyebrow{margin-bottom:10px;font-size:9px}
#tm-category .material-intro{font-size:13px;line-height:1.7;color:#587252;margin:14px 0 20px}
#tm-category .material-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#tm-category .material-choice{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #dbe5d6;border-radius:10px;overflow:hidden;color:var(--green);text-decoration:none;transition:border-color .15s,box-shadow .15s}
#tm-category .material-choice:hover{border-color:var(--green);box-shadow:0 3px 13px #245a3410}
#tm-category .material-choice.is-current{border:2px solid var(--green)}
#tm-category .material-choice:focus-visible,#tm-category .family-cta:focus-visible{outline:3px solid var(--green);outline-offset:3px}
#tm-category .material-choice-photo{display:block;height:110px;position:relative;overflow:hidden;background:#e2e7dc}
#tm-category .material-choice-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;display:block}
#tm-category .material-choice-check{position:absolute;right:8px;top:8px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:white;border:2px solid white}
#tm-category .material-choice-check svg{width:13px;height:13px;stroke-width:2.5}
#tm-category .material-choice-copy{display:flex;flex-direction:column;gap:4px;padding:12px 12px 14px}
#tm-category .material-choice-copy strong{font-size:15px;font-weight:700;line-height:1.25;max-width:130px;min-height:38px}
#tm-category .material-choice-copy>span{font-size:10px;line-height:1.5;color:#72806b}
#tm-category .material-choice>svg{position:absolute;right:10px;bottom:15px;width:13px;height:13px;display:none}
#tm-category .hero-gravel-choice .gravel-campaign{min-height:390px}
#tm-category .hero-gravel-choice .gravel-campaign-copy{padding:29px 0 0 27px;max-width:66%}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2{font-size:34px;letter-spacing:-1.3px}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2 span{font-size:23px;letter-spacing:-.7px}
#tm-category .hero-gravel-choice .gravel-campaign-condition{font-size:14px;margin-top:15px}
#tm-category .hero-gravel-choice .gravel-campaign-range{font-size:9px}
#tm-category .hero-gravel-choice .gravel-campaign-link{font-size:10px}
#tm-category .hero-gravel-choice .gravel-campaign-colleague{height:360px;bottom:-35px;right:-28px}
#tm-category .hero-gravel-choice .gravel-campaign-products{transform:scale(.71);transform-origin:left bottom;left:16px;bottom:8px}
#tm-category .family-card .product-photo{aspect-ratio:4/3}
#tm-category .family-card .product-photo img{object-fit:cover;object-position:center 57%}
#tm-category .family-card .product-title{font-size:18px;min-height:44px;line-height:1.25;margin-bottom:7px}
#tm-category .family-card .family-options{font-size:12px;line-height:1.65;min-height:40px;color:#61735a;margin-bottom:11px}
#tm-category .family-card .family-price-context{font-size:11px;line-height:1.5;color:#60745b;margin:6px 0 0}
#tm-category .family-card .card-bottom{align-items:stretch;gap:13px}
#tm-category .family-card .family-cta{justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-weight:600;font-size:12px;width:100%}
#tm-category .family-card .card-bottom .stock{font-size:10px}
@media(min-width:901px) and (max-width:1100px){
#tm-category .hero.hero-gravel-choice{grid-template-columns:58% 42%}
#tm-category .hero-gravel-choice .hero-copy{padding:24px 22px}
#tm-category .material-choices{gap:8px}
#tm-category .material-choice-copy{padding:10px 9px 12px}
#tm-category .material-choice-copy strong{font-size:13px;min-height:34px}
#tm-category .material-choice-copy>span{font-size:9px}
#tm-category .hero-gravel-choice .gravel-campaign-copy{padding-left:22px}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2{font-size:30px}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2 span{font-size:20px}
#tm-category .hero-gravel-choice .gravel-campaign-colleague{right:-40px;height:330px;bottom:-28px}
#tm-category .hero-gravel-choice .gravel-campaign-products{transform:scale(.63)}
}
@media(max-width:900px){
#tm-category .hero.hero-gravel-choice{grid-template-columns:1fr;min-height:0;margin-bottom:25px}
#tm-category .hero-gravel-choice .hero-copy{padding:23px 22px}
#tm-category .hero-gravel-choice h1{font-size:31px}
#tm-category .material-choice-photo{height:120px}
#tm-category .material-choice-copy strong{min-height:0}
#tm-category .hero-gravel-choice .gravel-campaign{min-height:235px;clip-path:none;border-top:1px solid #dfe8d9}
#tm-category .hero-gravel-choice .gravel-campaign-copy{padding:22px 0 24px 24px;max-width:54%}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2{font-size:30px}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2 span{font-size:21px}
#tm-category .hero-gravel-choice .gravel-campaign-condition{margin-top:10px;font-size:13px}
#tm-category .hero-gravel-choice .gravel-campaign-condition br{display:none}
#tm-category .hero-gravel-choice .gravel-campaign-colleague{height:282px;bottom:-38px;right:18px}
#tm-category .hero-gravel-choice .gravel-campaign-products{left:auto;right:25px;bottom:4px;transform:scale(.63);transform-origin:right bottom}
#tm-category .hero-gravel-choice .gravel-campaign-range{margin-top:8px}
#tm-category .hero-gravel-choice .gravel-campaign-link{margin-top:9px}
}
@media(max-width:600px){
#tm-category .hero-gravel-choice .hero-copy{padding:21px 15px 20px}
#tm-category .hero-gravel-choice h1{font-size:29px}
#tm-category .hero-gravel-choice .hero-eyebrow{font-size:8px;max-width:none;letter-spacing:1px;margin-bottom:9px}
#tm-category .material-intro{font-size:12px;line-height:1.6;margin:12px 0 16px}
#tm-category .desktop-break{display:none}
#tm-category .material-choices{gap:7px}
#tm-category .material-choice-photo{height:85px}
#tm-category .material-choice-copy{padding:10px 7px 10px}
#tm-category .material-choice-copy strong{font-size:12px;min-height:30px;line-height:1.25}
#tm-category .material-choice-copy>span{display:none}
#tm-category .material-choice-check{width:19px;height:19px;top:5px;right:5px}
#tm-category .material-choice-check svg{width:11px;height:11px}
#tm-category .hero-gravel-choice .gravel-campaign{min-height:210px}
#tm-category .hero-gravel-choice .gravel-campaign-copy{padding:20px 0 19px 18px;max-width:65%}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2{font-size:26px;letter-spacing:-.8px}
#tm-category .hero-gravel-choice .gravel-campaign-copy h2 span{font-size:18px}
#tm-category .hero-gravel-choice .gravel-campaign-condition{font-size:11px;max-width:140px;line-height:1.5}
#tm-category .hero-gravel-choice .gravel-campaign-range{font-size:8px;max-width:145px}
#tm-category .hero-gravel-choice .gravel-campaign-link{font-size:9px}
#tm-category .hero-gravel-choice .gravel-campaign-colleague{height:240px;bottom:-24px;right:-29px}
#tm-category .hero-gravel-choice .gravel-campaign-products{right:0;bottom:0;transform:scale(.4)}
#tm-category .hero-gravel-choice .gravel-campaign-bag{left:28px;top:17px}
#tm-category .hero-gravel-choice .gravel-campaign-bag span{display:none}
#tm-category .family-card .product-body{padding:13px 10px 12px}
#tm-category .family-card .product-title{font-size:15px;line-height:1.35;min-height:41px}
#tm-category .family-card .family-options{font-size:10px;min-height:34px;line-height:1.6;margin-bottom:8px}
#tm-category .family-card .family-price-context{font-size:10px}
#tm-category .family-card .family-cta{font-size:10px;line-height:1.5;gap:7px;padding-top:10px}
#tm-category .family-card .family-cta svg{width:13px;min-width:13px}
#tm-category .family-card .card-bottom{gap:10px}
}
@media(prefers-reduced-motion:reduce){#tm-category .material-choice{transition:none}}
#tm-category .family-card .card-bottom{flex-direction:column;border-top:0;padding-top:0}
#tm-category .family-card .card-bottom .stock{white-space:nowrap}
#tm-category .family-card .price-area{padding-top:4px}
#tm-category .family-card .family-options{min-height:34px;margin-bottom:3px}
/* The legacy theme hides all nav elements on mobile, including content navs. */
#tm-category nav.material-choices{display:grid!important}
@media(max-width:600px){
#tm-category .hero-gravel-choice .gravel-campaign{min-height:248px}
#tm-category .hero-gravel-choice .gravel-campaign-products{left:16px;right:auto;bottom:0;transform-origin:left bottom}
#tm-category .hero-gravel-choice .gravel-campaign-colleague{height:270px;bottom:-26px;right:-27px}
}
#tm-category nav.pagination:not([hidden]):not(:empty){display:flex!important}