
.v2-note{padding:12px 14px;background:#f4f8ff;border:1px solid #d9e6f8;border-radius:9px;color:#3d587a;font-size:12px;line-height:1.55}.v2-policy{padding:12px 14px;background:#fff8e8;border:1px solid #f0dfaf;border-radius:9px;color:#705415;font-size:12px;line-height:1.55}.v2-source{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf4ff;color:#1d5798;font-size:10px;font-weight:800}.v2-image-note{font-size:10px;color:#6d788a;margin-top:8px;line-height:1.45}.v2-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v2-choice{border:1px solid #e1e7ef;border-radius:10px;padding:14px;background:#fff}.v2-choice h4{margin:3px 0 7px;font-size:14px}.v2-choice .price{font-size:20px;font-weight:800;color:#0b2a5b}.v2-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.v2-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.v2-kpi{background:#fff;border:1px solid #e0e6ee;border-radius:10px;padding:15px}.v2-kpi span{display:block;font-size:10px;color:#758196}.v2-kpi strong{font-size:22px;color:#0c2b5d}.vendor-shell{min-height:100vh;background:#f4f6fa}.vendor-top{background:#0a214b;color:#fff;padding:15px 0}.vendor-top .container{display:flex;align-items:center;justify-content:space-between;gap:18px}.vendor-top img{width:160px}.vendor-nav{display:flex;gap:8px;flex-wrap:wrap}.vendor-nav a{color:#dce8f8;padding:7px 9px;border-radius:6px;font-size:11px;font-weight:800}.vendor-nav a:hover,.vendor-nav a.active{background:#173d78;color:#fff}.vendor-content{padding:30px 0 60px}.vendor-login{max-width:520px;margin:48px auto}.media-thumb{width:72px;height:72px;object-fit:contain;background:#f5f7fa;border:1px solid #e1e6ee;border-radius:7px}.vehicle-card-image{height:185px!important;object-fit:contain!important;padding:10px}
.vm-ac-wrap{position:relative}.vm-ac-menu{position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 5px);background:#fff;border:1px solid #dbe2ec;border-radius:9px;box-shadow:0 16px 40px rgba(7,27,60,.18);max-height:390px;overflow:auto;display:none}.vm-ac-menu.open{display:block}.vm-ac-item{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border-bottom:1px solid #eef1f5;cursor:pointer}.vm-ac-item:last-child{border-bottom:0}.vm-ac-item.active,.vm-ac-item:hover{background:#f2f7ff}.vm-ac-img{width:46px;height:38px;object-fit:contain;border-radius:5px;background:#f4f6f9}.vm-ac-noimg{width:46px;height:38px;border-radius:5px;background:#edf1f6;display:grid;place-items:center;font-size:9px;color:#8793a5}.vm-ac-label{font-size:12px;font-weight:800;color:#132b50}.vm-ac-sub{font-size:10px;color:#718096;margin-top:2px}.vm-ac-kind{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#1b65bf;font-weight:800}.vm-ac-loading{padding:10px 12px;font-size:11px;color:#7b8798}
@media(max-width:900px){.v2-choice-grid,.v2-kpi-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.v2-choice-grid,.v2-kpi-grid{grid-template-columns:1fr}.vendor-top .container{display:block}.vendor-nav{margin-top:10px}.vm-ac-item{grid-template-columns:38px 1fr}.vm-ac-img,.vm-ac-noimg{width:38px;height:34px}.vm-ac-kind{display:none}}

.vehicle-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.vehicle-catalog-card{background:#fff;border:1px solid #e2e7ef;border-radius:10px;overflow:hidden;min-width:0}
.vehicle-catalog-image{height:145px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}
.vehicle-catalog-image img{width:100%;height:100%;object-fit:contain}
.vehicle-catalog-body{padding:12px}.vehicle-catalog-body h3{font-size:15px;margin:4px 0}.vehicle-generation{font-size:11px;font-weight:800;color:#285d9f;margin:0 0 4px}
.vehicle-catalog-body .app-actions{gap:5px}.vehicle-catalog-body .app-btn{padding:7px 8px;font-size:9px}
@media(max-width:1250px){.vehicle-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:960px){.vehicle-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.vehicle-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-catalog-image{height:120px}}
@media(max-width:420px){.vehicle-catalog-grid{grid-template-columns:1fr}}

.selected-vehicle-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #dce6f3;border-radius:10px;background:#f7faff;margin-bottom:14px}.selected-vehicle-preview img{width:150px;height:85px;object-fit:contain;background:#fff;border-radius:7px}
.saved-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-vehicle-card{display:grid;grid-template-columns:150px 1fr;gap:12px;background:#fff;border:1px solid #e1e7ef;border-radius:10px;padding:12px}.saved-vehicle-img{height:100px;display:flex;align-items:center;justify-content:center}.saved-vehicle-img img{width:100%;height:100%;object-fit:contain}
@media(max-width:760px){.saved-vehicle-grid{grid-template-columns:1fr}.saved-vehicle-card{grid-template-columns:110px 1fr}.selected-vehicle-preview img{width:110px;height:70px}}

/* V2.4 HEADER SEARCH REPAIR */
.v8-search-zone{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:stretch;min-width:0}
.v8-search{min-width:0;overflow:visible!important}
.v8-search .vm-ac-wrap{display:block;position:relative;flex:1 1 auto;min-width:0}
.v8-search .vm-ac-wrap>input{width:100%;height:100%;min-width:0}
.v8-search>button{flex:0 0 auto;white-space:nowrap;border-radius:0 7px 7px 0}
.v8-search .vm-ac-menu{min-width:min(680px,82vw);left:0;right:auto}
.v8-ask-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid #b9cff0;border-radius:8px;background:#f5f9ff;color:#0d4f9c;font-size:11px;font-weight:800;white-space:nowrap}
.v8-ask-button:hover{background:#e9f3ff}.vm-dot{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0b3169;color:#fff;font-size:8px;font-weight:900}
@media(max-width:1050px){.v8-search-zone{grid-column:2}.v8-ask-button{padding:0 10px}.v8-head{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:700px){.v8-search-zone{grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;order:3}.v8-search .vm-ac-menu{min-width:calc(100vw - 36px)}.v8-ask-button>span+*{display:none}}
@media(max-width:480px){.v8-search-zone{grid-template-columns:1fr}.v8-ask-button{height:40px}.v8-search .vm-ac-menu{min-width:calc(100vw - 36px)}}

/* SMART SEARCH */
.smart-search-page{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;max-width:920px;margin-top:16px}
.smart-search-page .vm-ac-wrap{min-width:0}.smart-search-page input{width:100%;height:48px;border:1px solid #cfd9e7;border-radius:8px;padding:0 14px;font:inherit}.smart-search-page button,.ask-vagmate-search-btn{height:48px;border:0;border-radius:8px;padding:0 18px;display:flex;align-items:center;justify-content:center;font-weight:800}.smart-search-page button{background:#0b2b5d;color:#fff}.ask-vagmate-search-btn{background:#e9f3ff;color:#0c56a4;border:1px solid #c4d9f4}
.smart-result-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:#f6f9fd;border:1px solid #dde7f2;border-radius:10px;margin-bottom:22px}.smart-result-section{margin:28px 0}
@media(max-width:700px){.smart-search-page{grid-template-columns:1fr 1fr}.smart-search-page .vm-ac-wrap{grid-column:1/-1}}

/* ASK VAGMATE */
.ask-vagmate-fab{position:fixed;right:22px;bottom:22px;z-index:950;display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#0a2d62;color:#fff;padding:10px 16px 10px 10px;font-weight:800;box-shadow:0 14px 35px rgba(2,27,65,.28);cursor:pointer}.ask-vagmate-fab.hidden{display:none}.ask-fab-icon{width:34px;height:34px;border-radius:50%;background:#fff;color:#0a2d62;display:grid;place-items:center;font-size:10px;font-weight:900}
.ask-vagmate-widget{position:fixed;right:20px;bottom:20px;z-index:960;width:min(410px,calc(100vw - 24px));height:min(650px,calc(100vh - 40px));background:#fff;border:1px solid #dbe3ed;border-radius:18px;box-shadow:0 24px 65px rgba(4,28,64,.30);display:none;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.ask-vagmate-widget.open{display:grid}.ask-vagmate-close{position:absolute;right:11px;top:10px;border:0;background:transparent;color:#c9d7e8;font-size:24px;cursor:pointer;z-index:2}
.ask-vagmate-head{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#071e45,#0e4b91);color:#fff;padding:15px 48px 15px 15px}.ask-vagmate-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0b3975;font-size:11px;font-weight:900}.ask-vagmate-head strong{display:block}.ask-vagmate-head span{display:block;font-size:10px;color:#c6d7ed;margin-top:1px}
.ask-vagmate-body{padding:14px;overflow:auto;background:#f5f8fc}.ask-msg{display:flex;margin:8px 0}.ask-msg>div{max-width:88%;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.5}.ask-msg.assistant>div{background:#fff;border:1px solid #e0e7ef;color:#253b58;border-top-left-radius:4px}.ask-msg.user{justify-content:flex-end}.ask-msg.user>div{background:#0d4f99;color:#fff;border-top-right-radius:4px}
.ask-quick,.ask-actions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}.ask-quick button,.ask-actions a{border:1px solid #cbdcf0;background:#fff;color:#14589d;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;cursor:pointer}
.ask-cards{display:grid;gap:7px;margin:8px 0}.ask-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px;background:#fff;border:1px solid #dfe6ef;border-radius:10px}.ask-card img{width:54px;height:45px;object-fit:contain;background:#f6f7f9;border-radius:6px}.ask-card strong{display:block;font-size:11px;color:#183b67}.ask-card span{display:block;font-size:9px;color:#788697;margin-top:2px}.ask-card em{font-style:normal;font-size:9px;font-weight:800;color:#0a579f;white-space:nowrap}
.ask-vagmate-form{display:flex;border-top:1px solid #e0e6ee;padding:10px;background:#fff}.ask-vagmate-form input{flex:1;min-width:0;border:1px solid #ccd7e4;border-radius:9px 0 0 9px;padding:10px 11px;outline:0;font:inherit}.ask-vagmate-form button{border:0;background:#0b326c;color:#fff;border-radius:0 9px 9px 0;padding:0 15px;font-weight:800}.ask-loading i{display:inline-block;width:5px;height:5px;background:#8291a5;border-radius:50%;margin:0 2px;animation:askdot 1s infinite alternate}.ask-loading i:nth-child(2){animation-delay:.15s}.ask-loading i:nth-child(3){animation-delay:.3s}@keyframes askdot{to{opacity:.25;transform:translateY(-2px)}}
.ask-page-hero{background:linear-gradient(135deg,#071b3c,#0e4b91);color:#fff;padding:52px 0}.ask-page-hero .container{display:grid;grid-template-columns:1.2fr .8fr;gap:34px;align-items:center}.ask-page-copy h1{font-size:48px;margin:5px 0}.ask-page-copy p{max-width:720px;color:#d6e3f4}.ask-page-pills{display:flex;gap:7px;flex-wrap:wrap}.ask-page-pills button{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:7px 10px;cursor:pointer}.ask-page-box{background:#fff;color:#1d3048;border-radius:16px;padding:20px;box-shadow:0 18px 45px rgba(0,0,0,.18)}.ask-page-box textarea{width:100%;min-height:125px;border:1px solid #ccd8e7;border-radius:9px;padding:12px;resize:vertical;font:inherit;margin:10px 0}.ask-vagmate-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0b3773;color:#fff;font-size:12px;font-weight:900}
@media(max-width:800px){.ask-page-hero .container{grid-template-columns:1fr}.ask-page-copy h1{font-size:38px}.ask-vagmate-widget{right:12px;bottom:12px;height:min(650px,calc(100vh - 24px))}.ask-vagmate-fab{right:14px;bottom:14px}}

/* V2.5 GARAGE HERO — IMAGE AND TEXT ARE SEPARATE */
.garage-hero-v2{
  position:relative;
  min-height:520px;
  background-size:cover;
  background-position:center center;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.garage-hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(4,24,53,.91) 0%,rgba(5,30,63,.78) 28%,rgba(5,30,63,.22) 58%,rgba(5,30,63,.05) 100%);
}
.garage-hero-content{
  position:relative;
  z-index:2;
  width:100%;
}
.garage-hero-copy{
  max-width:590px;
  color:#fff;
  padding:64px 0 86px;
}
.garage-hero-eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#b9d6ff;
  margin-bottom:12px;
}
.garage-hero-copy h1{
  color:#fff;
  font-size:48px;
  line-height:1.02;
  letter-spacing:-.035em;
  margin:0 0 16px;
}
.garage-hero-copy p{
  max-width:560px;
  color:#d8e5f5;
  font-size:16px;
  line-height:1.65;
  margin:0 0 18px;
}
.garage-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 22px;
}
.garage-hero-points span{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:10px;
  font-weight:700;
}
.garage-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.garage-hero-outline{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.52)!important;
  color:#fff!important;
}
.garage-hero-outline:hover{
  background:rgba(255,255,255,.15)!important;
}
.garage-search-floating{
  position:relative;
  z-index:3;
  margin-top:-42px;
}
.garage-search-floating .app-form{
  box-shadow:0 18px 45px rgba(10,38,78,.16);
}
@media(max-width:1000px){
  .garage-hero-v2{min-height:470px;background-position:58% center}
  .garage-hero-copy{max-width:520px;padding:52px 0 78px}
  .garage-hero-copy h1{font-size:42px}
}
@media(max-width:760px){
  .garage-hero-v2{min-height:500px;background-position:64% center}
  .garage-hero-shade{background:linear-gradient(90deg,rgba(4,24,53,.94) 0%,rgba(5,30,63,.84) 55%,rgba(5,30,63,.45) 100%)}
  .garage-hero-copy{max-width:94%;padding:44px 0 72px}
  .garage-hero-copy h1{font-size:36px}
  .garage-hero-copy p{font-size:14px}
  .garage-search-floating{margin-top:-24px}
}
@media(max-width:480px){
  .garage-hero-v2{min-height:520px;background-position:68% center}
  .garage-hero-copy{padding:38px 0 64px}
  .garage-hero-copy h1{font-size:32px}
  .garage-hero-points span{font-size:9px}
  .garage-hero-actions .app-btn{width:100%;text-align:center;justify-content:center}
}


/* V2.6 COMMERCE / GENUINE OE / TOOLS / DTC */
.catalogue-hero{background:linear-gradient(135deg,#071e46,#0f4c8f);color:#fff}.catalogue-hero h1,.catalogue-hero p{color:#fff}.catalogue-switch{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.catalogue-switch a{padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.28);color:#fff;font-size:11px;font-weight:800}.catalogue-switch a.active{background:#fff;color:#0b3d79}.catalogue-count{margin:16px 0;color:#52657d}.commerce-card{position:relative}.commerce-card img{height:190px;object-fit:contain;background:#fff}.product-class-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.product-class,.price-state{display:inline-flex;padding:5px 7px;border-radius:6px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.product-class.oe{background:#e5f5ec;color:#10623a}.product-class.alt{background:#edf3fb;color:#205a98}.price-state{background:#fff4d8;color:#886000}.price-state.live{background:#e4f7ec;color:#137443}.price-note{font-size:10px;color:#6e7d8f;margin:4px 0 8px}.oe-trust{background:#eef8f2;border:1px solid #cae9d5;border-radius:8px;padding:10px;color:#24583a;font-size:11px}.tools-hero-v26{position:relative;min-height:460px;background-size:cover;background-position:center;display:flex;align-items:center}.tools-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,55,.94),rgba(4,24,55,.70) 42%,rgba(4,24,55,.04) 72%)}.tools-hero-v26 .container{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto}.tools-hero-copy{max-width:590px;color:#fff}.tools-hero-copy h1{font-size:48px;line-height:1.05;color:#fff;margin:8px 0 13px}.tools-hero-copy p{color:#d8e8fa;font-size:16px;line-height:1.6}.tools-outline{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.5)!important;color:#fff!important}.tool-name-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tool-name-card{border:1px solid #dde5ef;border-radius:10px;padding:15px;background:#fff;min-height:130px;display:flex;flex-direction:column}.tool-name-card strong{font-size:15px;color:#0b2f61}.tool-name-card span{font-size:9px;font-weight:900;text-transform:uppercase;color:#176bc1;margin:5px 0}.tool-name-card small{color:#6d7d90;line-height:1.45}.tool-name-card em{font-style:normal;font-size:10px;font-weight:800;color:#0d63ce;margin-top:auto;padding-top:12px}.tool-detail-top{display:grid;grid-template-columns:1.12fr .88fr;gap:28px}.tool-gallery,.tool-buybox{border:1px solid #dde5ee;border-radius:13px;background:#fff;padding:20px}.tool-gallery img{width:100%;height:440px;object-fit:contain}.tool-buybox h1{font-size:34px;line-height:1.08}.tool-price{font-size:34px;font-weight:900;color:#0a4f9a;margin:14px 0}.tool-buy-actions{display:flex;gap:8px;flex-wrap:wrap}.tool-trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tool-trust-row span{font-size:10px;background:#f3f7fb;border-radius:999px;padding:6px 9px}.tool-content-section{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;margin:32px 0}.tool-content-section>div,.tool-content-section>aside{background:#fff;border:1px solid #e0e7ef;border-radius:12px;padding:20px}.feature-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature-tile{display:flex;gap:9px;padding:13px;border:1px solid #e1e8f0;border-radius:9px;background:#fff}.feature-tile strong{color:#0d6bd1}.clean-list{padding-left:18px;color:#40556f}.faq-section details{border:1px solid #e0e6ee;border-radius:9px;background:#fff;margin:7px 0;padding:11px 13px}.faq-section summary{font-weight:800;cursor:pointer}.dtc-hub-hero{background:radial-gradient(circle at 85% 20%,#1b5ba2 0,#0c376f 25%,#071e45 65%);color:#fff;padding:58px 0}.dtc-hub-hero h1{font-size:48px;line-height:1.02;color:#fff;margin:9px 0}.dtc-hub-hero p{max-width:700px;color:#d6e4f5}.dtc-big-search{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;max-width:930px;margin-top:20px}.dtc-big-search .vm-ac-wrap{min-width:0}.dtc-big-search input{width:100%;height:52px;border:0;border-radius:9px;padding:0 14px}.dtc-big-search button,.dtc-big-search>a{height:52px;border:0;border-radius:9px;padding:0 17px;display:flex;align-items:center;justify-content:center;font-weight:900}.dtc-big-search button{background:#1477e7;color:#fff}.dtc-big-search>a{background:#fff;color:#0c4c91}.dtc-example-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.dtc-example-row a{color:#d7e7fb;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 8px;font-size:10px}.dtc-home-section{margin:32px 0}.dtc-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dtc-popular-grid a{border:1px solid #dce5ef;border-radius:10px;background:#fff;padding:15px}.dtc-popular-grid span{display:block;font-size:20px;font-weight:900;color:#0c5cae}.dtc-popular-grid strong{display:block;color:#183452;margin:6px 0}.dtc-popular-grid small{color:#758398}.dtc-system-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dtc-system-grid a{padding:16px;border-radius:10px;background:#f5f8fc;border:1px solid #e0e8f1}.dtc-system-grid strong{display:block;color:#173f6c}.dtc-system-grid span{font-size:10px;color:#738399}.dtc-explain{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:linear-gradient(135deg,#071e45,#0d4c92);border-radius:14px;padding:28px;color:#fff}.dtc-explain h2{color:#fff}.dtc-explain p{color:#d8e6f7}.dtc-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.dtc-flow span{text-align:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:13px;font-size:16px}.dtc-flow b{font-size:9px}.dtc-result-list{display:grid;gap:8px}.dtc-result-card{display:grid;grid-template-columns:155px 1fr auto;gap:15px;align-items:center;border:1px solid #dfe7f0;border-radius:10px;padding:12px;background:#fff}.dtc-result-card small{display:block;color:#7b8a9b;margin-top:5px}.dtc-result-card strong{font-size:14px;color:#183b66}.dtc-result-card p{margin:4px 0;color:#697b91}.dtc-result-card em{font-style:normal;color:#0e61b7;font-weight:800;font-size:10px}.dtc-code-chip{display:inline-block;font-size:16px;font-weight:900;color:#0a5dab;background:#e9f3ff;border-radius:7px;padding:6px 8px}.dtc-detail-hero{background:linear-gradient(135deg,#071e45,#114f90);color:#fff;padding:42px 0}.dtc-detail-hero h1{color:#fff;margin:6px 0}.dtc-detail-hero p{color:#d9e7f8;max-width:800px;font-size:15px}.dtc-detail-code{display:inline-flex;padding:8px 11px;border-radius:8px;background:#fff;color:#0c55a4;font-size:22px;font-weight:900}.dtc-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.dtc-meta span{font-size:10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 9px}.back-link{color:#d8e6f7;font-size:10px}.dtc-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.dtc-detail-block{background:#fff;border:1px solid #e0e7ef;border-radius:11px;padding:20px;margin-bottom:14px}.dtc-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dtc-component-grid>div{border:1px solid #e2e8ef;border-radius:9px;padding:12px}.dtc-component-grid span{display:block;font-size:8px;font-weight:900;color:#1a6dbc}.dtc-component-grid strong{display:block;margin:5px 0}.dtc-component-grid p{font-size:10px;color:#6e7e91}.dtc-next-card{position:sticky;top:20px}.dtc-next-card .app-btn{display:flex;margin:7px 0;justify-content:center}
@media(max-width:1000px){.tool-name-grid,.dtc-popular-grid,.dtc-system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-hero-copy h1,.dtc-hub-hero h1{font-size:40px}}
@media(max-width:760px){.tool-name-grid,.dtc-popular-grid,.dtc-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-detail-top,.tool-content-section,.dtc-detail-layout,.dtc-explain{grid-template-columns:1fr}.tool-gallery img{height:300px}.dtc-big-search{grid-template-columns:1fr 1fr}.dtc-big-search .vm-ac-wrap{grid-column:1/-1}.dtc-result-card{grid-template-columns:1fr}.dtc-flow{grid-template-columns:repeat(2,1fr)}.dtc-component-grid{grid-template-columns:1fr}}
@media(max-width:460px){.tool-name-grid,.dtc-popular-grid,.dtc-system-grid{grid-template-columns:1fr}.tools-hero-copy h1,.dtc-hub-hero h1{font-size:33px}}

.vin-inline{display:flex;gap:6px}.vin-inline input{flex:1}.vin-ok{color:#147342!important}.vin-review{color:#8a6500!important}

/* V2.7 STOREFRONT */
.tool-name-card{min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.tool-name-card strong{font-size:15px}.tool-name-card span,.tool-name-card small{display:none}.tool-name-card em{font-style:normal;color:#0b5fc1;font-size:10px;font-weight:800}.commerce-card .app-price,.product-info .app-price{font-variant-numeric:tabular-nums}.oe-trust{border:1px solid #cde4ff;background:#f1f7ff;padding:11px 12px;border-radius:9px;color:#143f72}.catalogue-switch a{white-space:nowrap}

/* V2.8 REAL GARAGE DIRECTORY */
.garage-placeholder{display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf4fc,#f9fbfe);color:#173e72;gap:6px}.garage-placeholder span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#0c356d;color:#fff;font-weight:900;font-size:18px}.garage-placeholder small{font-size:10px;color:#718197}.garage-type{font-size:11px;font-weight:750;color:#345d8d;margin:5px 0 8px}.garage-unverified-note{background:#fff8e7;border:1px solid #f0dba6;border-radius:7px;padding:8px 9px;font-size:10px;line-height:1.45;color:#755718;margin:10px 0}.garage-detail-placeholder{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#edf4fc,#f8fafc);border-radius:12px;color:#66798f}.garage-detail-placeholder span{width:90px;height:90px;border-radius:50%;display:grid;place-items:center;background:#0b346e;color:#fff;font-size:28px;font-weight:900;margin-bottom:12px}.garage-warning{border-color:#ead497;background:#fff8e7;color:#6f5516}

/* V2.9 NATIONAL GARAGE DIRECTORY */
.garage-result-count{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#eef5ff;color:#0b4f96;font-size:12px;white-space:nowrap}.garage-region-label{font-size:10px;font-weight:700;color:#285d9f;margin:3px 0 8px}.garage-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.garage-pagination{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:28px 0 5px}.garage-pagination a{min-width:34px;height:34px;display:grid;place-items:center;border:1px solid #d5e0ed;border-radius:7px;background:#fff;color:#164f8c;font-size:11px;font-weight:800}.garage-pagination a.active{background:#0b326c;color:#fff;border-color:#0b326c}.garage-location-form select:disabled{background:#f1f4f8;color:#9aa6b5}
@media(max-width:1100px){.garage-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.garage-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-result-count{margin-top:8px}}@media(max-width:480px){.garage-directory-grid{grid-template-columns:1fr}}

/* V2.9.3 vehicle-first homepage finder */
.vehicle-search-panel{max-width:980px;margin:0 auto}
.vehicle-search-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 10px}
.vehicle-search-tabs button{border:1px solid #d8e1ee;background:#fff;color:#172b48;border-radius:9px;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}
.vehicle-search-tabs button.active{background:#082d4a;color:#fff;border-color:#082d4a}
.vehicle-search-pane{display:none}.vehicle-search-pane.active{display:block}
.vehicle-search-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.45fr;gap:10px;margin-bottom:10px}
.vehicle-search-grid select,.vehicle-search-single input,.home-garage-form select{width:100%;min-height:46px;border:1px solid #d4ddea;border-radius:8px;background:#fff;padding:0 12px;color:#15243b}
.vehicle-search-submit{width:100%;min-height:44px}.vehicle-search-single{display:grid;grid-template-columns:1fr 190px;gap:10px}
.home-garage-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:390px}.home-garage-form .wide{width:100%}
@media(max-width:900px){.vehicle-search-grid{grid-template-columns:1fr 1fr}.home-garage-form{min-width:0;width:100%}}
@media(max-width:620px){.vehicle-search-tabs{grid-template-columns:1fr}.vehicle-search-grid,.vehicle-search-single,.home-garage-form{grid-template-columns:1fr}.v9-finder-heading{display:block}.v9-finder-heading>a{display:inline-block;margin-top:8px}}

/* DTC detailed guide */
.dtc-detail-block ul{margin:10px 0 0 20px;padding:0}.dtc-detail-block li{margin:7px 0;line-height:1.55}.dtc-result-card small{display:block;margin-top:8px;color:#65758c}.dtc-code-pill{display:inline-block;background:#082d4a;color:#fff;border-radius:999px;padding:4px 9px;font-weight:800;margin-right:5px}
.selected-vehicle-strip{background:#eef4fb;border-bottom:1px solid #dce6f2}.selected-vehicle-strip .container{padding-top:11px;padding-bottom:11px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.selected-vehicle-strip a{font-weight:800}.selected-vehicle-strip span{color:#66768b}
/* V2.9.3 garage directory */
.garage-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.garage-list-cards{display:grid;gap:12px}.garage-directory-card{display:grid;grid-template-columns:54px minmax(0,1fr) 140px;gap:14px;align-items:center;background:#fff;border:1px solid #e0e7f0;border-radius:12px;padding:15px}.garage-logo-mini{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:#edf3fb;color:#123f78;font-weight:900}.garage-directory-main h3{margin:4px 0 3px}.garage-location-line{margin:0 0 7px;color:#66768b}.garage-badge-row{display:flex;gap:6px}.garage-trust{font-size:10px;font-weight:900;letter-spacing:.04em;border-radius:999px;padding:4px 7px}.garage-trust.verified{background:#e9f7ef;color:#157343}.garage-trust.candidate{background:#f2f4f7;color:#5c6878}.garage-tool-line{font-size:12px;margin:7px 0;color:#30445e}.garage-directory-actions{display:grid;gap:7px}.garage-directory-actions .app-btn{justify-content:center}.garage-help-sidebar{position:sticky;top:90px;display:grid;gap:14px}.garage-road-card{background:#123b75;color:#fff;padding:20px;border-radius:13px}.garage-road-card h3{font-size:22px;margin:5px 0 10px}.garage-road-card p{line-height:1.55;color:#dbe7f6}.garage-road-card .app-kicker{color:#a9cffd}.garage-road-card .app-btn{margin-top:8px}.garage-guide-card h3{margin-top:0}.garage-guide-row{padding:11px 0;border-bottom:1px solid #e5e9ef}.garage-guide-row:last-child{border-bottom:0}.garage-guide-row b,.garage-guide-row span{display:block}.garage-guide-row span{font-size:12px;color:#6a788a;margin-top:3px}
@media(max-width:900px){.garage-page-layout{grid-template-columns:1fr}.garage-help-sidebar{position:static}.garage-directory-card{grid-template-columns:48px 1fr}.garage-directory-actions{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.garage-directory-card{grid-template-columns:1fr}.garage-logo-mini{display:none}.garage-directory-actions{grid-template-columns:1fr}}
