/* AutoMart Popular Makes V10.0 — approved premium reference integration */
.premium-makes-v10{
  position:relative;
  overflow:hidden;
  padding:78px 0 84px;
  background:
    radial-gradient(850px 320px at 5% 100%, rgba(15,143,85,.055), transparent 68%),
    radial-gradient(900px 360px at 96% -5%, rgba(15,143,85,.045), transparent 70%),
    #fff;
}
.premium-makes-v10:before,
.premium-makes-v10:after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:4px solid rgba(15,143,85,.085);
  border-left-color:transparent;
  border-bottom-color:transparent;
  border-radius:50%;
  width:920px;
  height:460px;
  opacity:.58;
}
.premium-makes-v10:before{right:-335px;top:-300px;transform:rotate(-9deg)}
.premium-makes-v10:after{left:-480px;bottom:-390px;transform:rotate(24deg)}
.premium-makes-shell-v10{position:relative;z-index:1}
.premium-makes-header-v10{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  margin-bottom:48px;
}
.premium-makes-kicker-v10{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:10px;
  color:#087445;
  font-size:12px;
  font-weight:800;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.premium-makes-kicker-v10 i{width:30px;height:2px;background:#0F8F55;border-radius:999px}
.premium-makes-copy-v10 h2{
  margin:0;
  color:#0b1220;
  font-size:44px;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:800;
}
.premium-makes-view-v10{
  min-width:138px;
  height:54px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(15,143,85,.12);
  border-radius:999px;
  background:linear-gradient(180deg,#f9fffb,#edf8f2);
  color:#087445;
  font-size:15px;
  font-weight:800;
  box-shadow:0 14px 30px rgba(8,116,69,.10), inset 0 1px 0 #fff;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.premium-makes-view-v10:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(8,116,69,.16);background:#f2fbf6}
.premium-makes-view-v10 span{font-size:20px;line-height:1}
.premium-makes-grid-v10{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  align-items:start;
  gap:22px;
}
.premium-make-item-v10{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  color:#182230;
  text-decoration:none;
  transition:transform .24s ease;
}
.premium-make-item-v10:hover{transform:translateY(-5px)}
.premium-make-medallion-v10{
  width:142px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  position:relative;
  border:1px solid rgba(15,143,85,.12);
  border-radius:50%;
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,1) 0 23%,rgba(255,255,255,.68) 24% 35%,transparent 36%),
    linear-gradient(145deg,#ffffff 10%,#f6f8f7 56%,#eef2f0 100%);
  box-shadow:
    0 23px 42px rgba(20,36,29,.10),
    0 5px 12px rgba(20,36,29,.05),
    inset 0 2px 0 rgba(255,255,255,1),
    inset 0 -10px 20px rgba(14,45,31,.04);
  overflow:hidden;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.premium-make-medallion-v10:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 0 24px rgba(255,255,255,.82);
}
.premium-make-medallion-v10:after{
  content:"";
  position:absolute;
  left:21%;
  right:21%;
  bottom:13px;
  height:8px;
  border-radius:50%;
  background:rgba(12,28,21,.11);
  filter:blur(7px);
}
.premium-make-item-v10:hover .premium-make-medallion-v10{
  border-color:rgba(15,143,85,.28);
  transform:scale(1.035);
  box-shadow:0 28px 52px rgba(8,116,69,.15),0 8px 18px rgba(20,36,29,.07),inset 0 2px 0 #fff;
}
.premium-make-logo-v10{width:86px;height:60px;display:grid;place-items:center;position:relative;z-index:2}
.premium-make-logo-v10 svg{width:82px;height:54px;fill:none;stroke:#33413b;stroke-width:2.15;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.08))}
.premium-make-logo-v10 svg .fillmark{fill:#26352f;stroke:none}
.premium-make-logo-v10 svg .whitefill{fill:#fff;stroke:#33413b}
.premium-make-item-v10 strong{margin-top:18px;font-size:15px;line-height:1.2;font-weight:750;color:#253041}
/* Brand-specific premium accents while preserving the source-code SVG marks */
.premium-make-item-v10.make-toyota .premium-make-logo-v10 svg{stroke:#6e7773}
.premium-make-item-v10.make-honda .premium-make-logo-v10 svg{stroke:#5f6965}
.premium-make-item-v10.make-mercedesbenz .premium-make-logo-v10 svg{stroke:#4f5955}
.premium-make-item-v10.make-bmw .premium-make-logo-v10 svg{stroke:#18231f}
.premium-make-item-v10.make-bmw .premium-make-logo-v10 svg .fillmark{fill:#1f4f79}
.premium-make-item-v10.make-hyundai .premium-make-logo-v10 svg{stroke:#174f7b}
.premium-make-item-v10.make-kia .premium-make-logo-v10 svg{stroke:#8c1420}
.premium-make-item-v10.make-nissan .premium-make-logo-v10 svg{stroke:#646c68}
.premium-make-item-v10.make-ford .premium-make-logo-v10 svg{stroke:#155b9b}
.premium-make-item-v10.make-chevrolet .premium-make-logo-v10 svg{stroke:#c89620}
@media (max-width:1180px){
  .premium-makes-v10{padding:64px 0 70px}
  .premium-makes-grid-v10{display:flex;overflow-x:auto;gap:18px;padding:0 3px 18px;scroll-snap-type:x proximity;scrollbar-width:none}
  .premium-makes-grid-v10::-webkit-scrollbar{display:none}
  .premium-make-item-v10{min-width:128px;scroll-snap-align:start}
  .premium-make-medallion-v10{width:122px}
  .premium-make-logo-v10{width:74px;height:54px}
  .premium-make-logo-v10 svg{width:70px;height:48px}
}
@media (max-width:720px){
  .premium-makes-v10{padding:42px 0 48px}
  .premium-makes-header-v10{align-items:center;margin-bottom:30px}
  .premium-makes-kicker-v10{font-size:12px;letter-spacing:.18em;margin-bottom:7px}
  .premium-makes-kicker-v10 i{width:22px}
  .premium-makes-copy-v10 h2{font-size:28px}
  .premium-makes-view-v10{min-width:auto;height:42px;padding:0 15px;font-size:12px}
  .premium-makes-grid-v10{gap:14px;margin-right:-11px}
  .premium-make-item-v10{min-width:104px}
  .premium-make-medallion-v10{width:98px}
  .premium-make-logo-v10{width:62px;height:44px}
  .premium-make-logo-v10 svg{width:59px;height:41px}
  .premium-make-item-v10 strong{font-size:12px;margin-top:12px}
}