/* Browsing follows the approved Mach product template and leaves filter UI separate. */
.browse-hero .wrap{padding-block:24px 32px}
.browse-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:11px}
.browse-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.browse-breadcrumb a:hover{color:var(--red)}
.browse-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:64px}
.browse-hero-grid>div{max-width:820px}
.browse-hero h1{font:600 clamp(56px,5.5vw,80px)/1.02 var(--display);text-transform:uppercase;margin:12px 0 20px;overflow-wrap:anywhere}
.browse-summary{font-size:20px;line-height:29px;max-width:700px;color:var(--light-muted)}
.browse-hero figure{display:flex;flex-direction:column;align-items:center}
.browse-hero figure img{width:280px;height:280px;object-fit:contain}
.browse-hero figcaption{font-size:11px;line-height:18px;color:var(--light-muted)}
.browse-categories{padding-block:52px 64px}
.browse-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}
.browse-section-heading .eyebrow{font-size:11px;margin-bottom:12px}
.browse-section-heading h2{font:600 44px/1.08 var(--display)}
.browse-section-heading>a{max-width:240px;min-height:44px}
.browse-section-heading>a span,.browse-category-action span,.browse-mobile-arrow{color:var(--red)}
.browse-category-row{display:grid;grid-template-columns:180px minmax(0,1fr) 172px;gap:44px;align-items:center;border-top:1px solid var(--line);padding:32px 0}
.browse-category-row:last-child{border-bottom:1px solid var(--line)}
.browse-category-row figure{background:transparent;padding:0}
.browse-category-row figure img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.browse-category-copy>.eyebrow{font-size:10px;line-height:17px;color:var(--muted);margin-bottom:8px}
.browse-category-copy h3{font:600 38px/1.08 var(--display);margin-bottom:12px}
.browse-category-copy h3 a:hover{color:var(--red)}
.browse-category-copy>p:not(.eyebrow){font-size:17px;line-height:25px;color:var(--muted);max-width:680px}
.browse-category-copy .browse-category-detail{margin-top:14px;font-size:14px!important;color:var(--ink)!important}
.browse-category-action{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}
.browse-category-action span{font-size:28px;font-weight:400}
.browse-mobile-arrow{display:none}
.browse-category-content{padding-bottom:40px}
.browse-help{background:var(--media);padding-block:48px}
.browse-help>.wrap{display:flex;align-items:center;justify-content:space-between;gap:48px}
.browse-help .eyebrow{font-size:11px;margin-bottom:12px}
.browse-help h2{font:600 44px/1.08 var(--display);margin-bottom:16px}
.browse-help p:not(.eyebrow){font-size:18px;line-height:27px;color:var(--muted);max-width:720px}
.browse-help .mach-button{flex-shrink:0}
.gearbox-browse a:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:1000px){.browse-hero-grid{grid-template-columns:minmax(0,1fr) 220px;gap:32px}.browse-hero figure img{width:220px;height:220px}.browse-category-row{grid-template-columns:140px minmax(0,1fr);gap:28px}.browse-category-action{grid-column:2;justify-content:flex-start;margin-top:-16px}.browse-section-heading{align-items:flex-start}.browse-section-heading>a{flex:0 0 220px}.browse-help>.wrap{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:767px){.browse-hero .wrap{padding-block:16px 28px}.browse-breadcrumb{gap:4px 10px;font-size:10px}.browse-hero-grid{grid-template-columns:minmax(0,1fr) 112px;gap:16px;margin-top:12px}.browse-hero-grid>div{display:contents}.browse-hero-grid>div>.eyebrow,.browse-hero h1{grid-column:1/-1}.browse-hero-grid>div>.eyebrow{font-size:10px}.browse-hero h1{font-size:48px;margin:0}.browse-summary{font-size:17px;line-height:25px}.browse-hero figure{align-self:start;padding-top:2px}.browse-hero figure img{width:112px;height:112px}.browse-hero figcaption{font-size:9px;line-height:14px;text-align:center}.browse-categories{padding-block:36px 40px}.browse-section-heading{display:block;margin-bottom:24px}.browse-section-heading h2{font-size:36px}.browse-section-heading>a{display:block;max-width:300px;margin-top:20px}.browse-category-row{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:24px 0;align-items:start}.browse-category-row figure{padding:4px;margin-top:4px}.browse-category-copy h3{font-size:30px;line-height:34px}.browse-category-copy>.eyebrow{font-size:9px;line-height:15px}.browse-category-copy>p:not(.eyebrow){font-size:16px;line-height:24px}.browse-category-copy .browse-category-detail{font-size:13px!important;line-height:20px!important}.browse-category-action{display:none}.browse-mobile-arrow{display:inline}.browse-help{padding-block:36px}.browse-help h2{font-size:36px}.browse-help .mach-button{width:100%}.browse-help p:not(.eyebrow){font-size:17px;line-height:25px}}
@media(max-width:767px){
  .browse-category-row{gap:8px 16px}
  .browse-category-row figure{grid-column:1;grid-row:1/3;align-self:center;margin:0}
  .browse-category-copy{display:contents}
  .browse-category-copy>.eyebrow{grid-column:2;grid-row:1;align-self:end;margin:0}
  .browse-category-copy h3{grid-column:2;grid-row:2;margin:0 0 8px}
  .browse-category-copy h3 a{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
  .browse-mobile-arrow{flex:none}
  .browse-category-copy>p:not(.eyebrow){grid-column:1/-1;margin-top:8px}
  .browse-category-copy .browse-category-detail{margin-top:4px!important}
}
@media(max-width:359px){.browse-hero h1{font-size:42px}.browse-hero-grid{grid-template-columns:minmax(0,1fr) 88px;gap:12px}.browse-hero figure img{width:88px;height:88px}.browse-category-row{grid-template-columns:68px minmax(0,1fr);column-gap:14px}.browse-category-copy h3{font-size:28px;line-height:32px}}