/* Premium two-level navigation shared across the site */
header{background:#101216f2!important;backdrop-filter:blur(18px)!important}
header > .nav.wrap{width:min(1440px,calc(100% - 40px));max-width:none;height:auto;min-height:82px;padding:12px 0;display:flex;align-items:center;gap:34px}
header .brand{flex:0 0 auto;white-space:nowrap}
header .navlinks{min-width:0;flex:1;display:flex;align-items:center;justify-content:flex-end;gap:9px}
header .navlinks>a:not(.catalog-trigger):not(.garage-nav-link){padding:10px 9px;white-space:nowrap;color:#d0d2d8;font-size:13px;transition:color .2s}
header .navlinks>a:not(.catalog-trigger):not(.garage-nav-link):hover{color:#fff}
header .catalog-trigger,header .garage-nav-link{min-height:44px;height:44px;padding:0 15px;border-radius:7px;justify-content:center}
header .garage-nav-link{background:#191c22;border-color:#3f434c}
header .social-nav{display:flex;align-items:center;gap:6px;margin-left:2px}
header .social-icon{width:42px!important;height:42px!important;border-color:#40444d;border-radius:7px}
header .header-menu-toggle{display:none}
header .rc-search-shell{width:min(900px,calc(100% - 40px));margin:0 auto 14px}
header .rc-search-form{min-height:48px;padding-left:17px;border-radius:9px;background:#181b21}
header .rc-search-form button{min-width:90px}
.hero .buttons .hero-tool{
  position:relative;background:#1d2027;border-color:#59606c;color:#fff;
  box-shadow:inset 0 0 0 1px #ffffff08,0 8px 24px #0003
}
.hero .buttons .hero-tool[href*="quiz"]{
  border-color:#ff5267;background:linear-gradient(135deg,#351820,#211b22);
  color:#fff;box-shadow:inset 0 0 0 1px #ff87941f,0 10px 28px #ff30481c
}
.hero .buttons .hero-tool[href*="quiz"]::before{content:'✦';margin-right:9px;color:#ff5267}
.hero .buttons .hero-tool[href*="compare"]::before{content:'Ⅱ';margin-right:9px;color:#ff6072;font-weight:900}
.hero .buttons .hero-tool:hover{border-color:#ff3048;color:#fff;background:#2a2025;box-shadow:0 12px 34px #ff304824}

/* Service cards: image-first editorial composition */
.extras-grid .extra-card{padding:24px;min-height:520px;background:linear-gradient(155deg,#2b1c23 0,#1b1e24 58%)}
.extras-grid .service-photo{
  order:-1;width:calc(100% + 48px);margin:-24px -24px 23px;
  aspect-ratio:16/9;background-position-y:65.5%;
  border-bottom:1px solid #ffffff14;
  box-shadow:inset 0 -45px 50px -45px #ff30484a
}
.extras-grid .extra-kicker{margin-top:0}
.extras-grid .extra-card h3{margin:12px 0 14px}
.extras-grid .extra-card p{line-height:1.75;margin-bottom:24px}
.extras-grid .extra-action{padding-bottom:5px}
.extras-grid .extra-card:hover .service-photo{box-shadow:inset 0 -45px 50px -45px #ff304875}

@media(max-width:1180px){
  header > .nav.wrap{gap:18px}
  header .navlinks>a:not(.catalog-trigger):not(.garage-nav-link){display:none}
}
@media(max-width:760px){
  header > .nav.wrap{width:min(100% - 28px,700px);min-height:68px;padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:10px 14px}
  header .brand{font-size:20px}
  header .brand img{width:39px;height:39px}
  header .header-menu-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid #484c55;border-radius:8px;background:#191c22;color:#fff;cursor:pointer}
  header .header-menu-toggle svg{width:22px;height:22px}
  header .navlinks{grid-column:1/-1;display:none;width:100%;padding:10px 0 4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  header .navlinks.is-open{display:grid}
  header .navlinks>a:not(.catalog-trigger):not(.garage-nav-link){display:flex!important;justify-content:center;align-items:center;min-height:42px;padding:8px;border:1px solid #343841;border-radius:7px;background:#17191f;font-size:12px}
  header .catalog-trigger,header .garage-nav-link{display:flex!important;width:100%;min-width:0;height:44px;padding:7px 9px;font-size:12px;text-align:center}
  header .social-nav{grid-column:1/-1;justify-content:center;padding-top:4px;margin:0}
  header .social-icon{width:42px!important;height:42px!important}
  header .rc-search-shell{width:calc(100% - 28px);margin-bottom:10px}
  header .garage-nav-link span{display:inline}
  .hero .buttons{display:grid;grid-template-columns:1fr 1fr}
  .hero .buttons .btn{padding:0 12px;text-align:center}
  .extras-grid .extra-card{min-height:0}
  .extras-grid .service-photo{aspect-ratio:16/10}
}
@media(max-width:430px){
  .hero .buttons{grid-template-columns:1fr}
  header .navlinks{grid-template-columns:1fr 1fr}
  header .navlinks>a:not(.catalog-trigger):not(.garage-nav-link){font-size:11px}
}

/* My Garage car/parts collections */
.garage-collection{padding-top:22px}
.garage-collection[hidden]{display:none}
.garage-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:18px 0 8px;border-bottom:1px solid #343840;margin-bottom:18px}
.garage-section-head .eyebrow{margin:0}
.garage-section-head h2{font-size:clamp(27px,4vw,42px);margin:0}
.garage-part-card .garage-actions{grid-template-columns:1fr auto}
.garage-part-card .remove{grid-column:auto}
.garage-part-card img{background:#f5f5f6}
@media(max-width:560px){.garage-section-head{align-items:flex-start;flex-direction:column;gap:3px}.garage-part-card .garage-actions{grid-template-columns:1fr}.garage-part-card .remove{grid-column:1}}