/* A2SHELL-MOPUP: centralized polish for the verified Vehicles-class public module shell.
   Architecture remains Database -> Laravel -> approved UI -> JS enhancement only. */
.a2mod-hero{background:#0d2f24;color:#fff}
.a2mod-hero .veh1-hero-copy>span{color:#c9f227}
.a2mod-hero .veh1-hero-copy h1 em{color:var(--a2-accent,#c9f227);font-style:normal}
.a2mod-hero .hero-trust span{color:#e8f0ec}
.a2mod-hero-car{min-width:0;overflow:hidden}
.a2mod-hero-car img{width:min(100%,520px);max-height:300px;object-fit:contain;object-position:center bottom}
.a2mod-search .search-tabs a.active{border-color:var(--a2-accent,#c9f227)}

/* Module identity: same global shell, restrained text/accent variation only. */
.a2-parts{--a2-accent:#e8c15a}
.a2-services{--a2-accent:#9fd6c1}
.a2-dealers{--a2-accent:#d9b46d}
.a2-forum{--a2-accent:#b7d7ff}
.a2-rides{--a2-accent:#f1b6cf}
.a2-rentals{--a2-accent:#b8e6d2}

/* The old commercial grid expected a removed intro card and left a large blank column.
   On verified A2 module pages the sponsor area is now one full-width presentation block. */
body.veh1[class*="a2-"] .nan-module-commercial-top{
  width:min(1440px,calc(100% - 32px));
  margin:18px auto 22px;
  display:block;
}
body.veh1[class*="a2-"] .nan-module-commercial-top>.nan-network-sponsor-wrap{
  width:100%!important;
  margin:0!important;
  display:block!important;
}
body.veh1[class*="a2-"] .nan-module-commercial-top .nan-network-sponsor-card{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
}
body.veh1[class*="a2-"] .nan-module-commercial-top .nan-ad-stage{
  width:100%;
}

/* Keep transitions compact and visually intentional without changing content authority. */
body.veh1[class*="a2-"] .module-toolbar{margin-top:0!important}
body.veh1[class*="a2-"] .module-results-layout{padding-top:24px}

@media(max-width:980px){
  .a2mod-hero-car img{max-height:230px}
}
@media(max-width:760px){
  body.veh1[class*="a2-"] .nan-module-commercial-top{width:min(100% - 20px,1440px);margin:12px auto 16px}
  .a2mod-hero .veh1-hero-car{display:block}
  .a2mod-hero .veh1-hero-car img{max-height:190px;margin-inline:auto}
  body.veh1[class*="a2-"] .module-results-layout{padding-top:18px}
}