/* BDCarz marketplace (bdcarz.com): additions on top of the CarsBD dealer-site styles */

/* logo: light / dark versions */
.m-brand{flex:none}
.m-logo{display:block;width:auto;height:44px;max-width:170px;object-fit:contain}
.m-logo-dark{display:none}
:root[data-mode="dark"] .m-logo-light{display:none}
:root[data-mode="dark"] .m-logo-dark{display:block}
.nav a.on{background:var(--primary-soft);color:var(--heading)}
.topbar a{font-weight:700}
.m-hsearch label{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted)}
.m-hsearch label:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}
.m-hsearch svg{width:16px;height:16px}
.m-hsearch input{width:150px;border:0;outline:0;background:transparent;color:var(--heading);font-size:14px}

.button-wa{background:#25D366;color:#06260f}
.button-wa:hover{background:#1fbd5a}

/* home hero */
.m-search{display:flex;gap:10px;max-width:560px;margin-top:4px}
.m-search label{flex:1;display:flex;align-items:center;gap:10px;min-height:54px;padding:0 16px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm)}
.m-search label:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}
.m-search svg{width:19px;height:19px}
.m-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--heading);font-size:16px}
.m-search .button{min-height:54px}
.m-stats{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.m-stats li{display:flex;align-items:baseline;gap:7px;padding:10px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}
.m-stats strong{color:var(--heading);font:800 20px var(--font-display)}
.m-stats span{color:var(--muted);font-size:13px;font-weight:600}
.m-hero-car{display:block;text-decoration:none}
.m-hero-car .hs-slide{opacity:1;visibility:visible}

/* browse strip */
.m-browse{display:grid;gap:16px;padding-top:28px}
.bodypick a.bp{text-decoration:none}
.m-makes{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.m-makes>span{margin-right:4px;color:var(--muted);font-size:13px;font-weight:700}
.m-makes .chip{text-decoration:none;border:1px solid var(--border);background:var(--surface)}
.m-makes .chip:hover{border-color:var(--primary)}
.m-makes .chip em,.m-selects em{font-style:normal;color:var(--muted);font-weight:600}

/* cards: dealer line + 4-up grids */
.m-grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
.m-dealer{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid var(--border-soft);color:var(--text);font-size:13px;font-weight:600;min-width:0}
.m-dealer img{width:26px;height:26px;border-radius:7px;object-fit:contain;background:var(--surface-alt);flex:none}
.m-dealer svg{width:18px;height:18px;color:var(--accent)}
.m-dealer span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.m-dealer em{flex:none;font-style:normal;font-size:11.5px;font-weight:700;color:#18794e}
:root[data-mode="dark"] .m-dealer em{color:#6EE7A0}
.car-card .car-photo.has-stamp .stamp{--stamp-size:15cqw}

/* filters */
.m-filters .toolbar .button{min-height:48px}
.m-selects{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.m-selects .filter-select span{font-weight:600}
.m-clear{margin-left:auto;color:var(--accent);font-size:14px;font-weight:700;text-decoration:none}
.m-clear:hover{text-decoration:underline}
.m-note{margin:-6px 0 18px;padding:10px 14px;border-radius:var(--r-md);background:var(--primary-soft);color:var(--heading);font-size:14px}
.m-note a{color:var(--accent);font-weight:700}
.m-bodypick{margin-bottom:14px}
.m-inline-sort{display:flex;align-items:center;gap:10px}

/* pager */
.m-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:30px}
.m-pager a,.m-pager span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--heading);font-weight:700;text-decoration:none}
.m-pager a:hover{border-color:var(--primary)}
.m-pager .cur{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}
.m-pager .gap{border:0;background:none;min-width:20px;padding:0}

/* dealer tiles */
.m-dgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.m-dtile{display:flex;align-items:center;gap:14px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--background);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}
.section:not(.trust) .m-dtile,main .m-dtile{background:var(--surface)}
.m-dtile:hover{border-color:color-mix(in srgb,var(--primary) 50%,var(--border));transform:translateY(-2px)}
.m-dlogo{display:grid;place-items:center;width:64px;height:64px;padding:6px;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--accent);flex:none;overflow:hidden}
.m-dlogo img{max-width:100%;max-height:100%;object-fit:contain}
.m-dlogo svg{width:28px;height:28px}
.m-dlogo.lg{width:96px;height:96px;border-radius:20px}
.m-dtext{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.3}
.m-dtext strong{color:var(--heading);font:700 17px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-dtext small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-dtext em{margin-top:3px;color:var(--accent);font-style:normal;font-size:12.5px;font-weight:700}

/* dealer page header */
.m-dhead{display:flex;align-items:center;gap:22px;padding:22px;border:1px solid var(--border);border-radius:22px;background:linear-gradient(135deg,var(--primary-soft),var(--surface))}
.m-dinfo{flex:1;min-width:0}
.m-dinfo h1{margin:0;color:var(--heading);font:800 clamp(26px,3.2vw,38px)/1.1 var(--font-display);letter-spacing:var(--display-tracking)}
.m-dinfo p{display:flex;align-items:center;gap:7px;margin:6px 0 0;color:var(--muted);font-size:14px}
.m-dinfo p svg{width:16px;height:16px;color:var(--accent)}
.m-dactions{display:flex;flex-direction:column;gap:8px;flex:none}
.m-dstock{padding-top:36px}

/* car page */
.m-crumb-dealer{color:var(--heading)}
.m-crumb-dealer svg{display:none}
.m-price{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--primary) 45%,var(--border));border-radius:var(--r-md);background:var(--primary-soft)}
.m-price>svg{width:22px;height:22px;color:var(--accent)}
.m-price span{display:flex;flex-direction:column;line-height:1.3}
.m-price b{color:var(--heading);font-size:16px}
.m-price small{color:var(--muted);font-size:13px}
.m-seller{flex-direction:row!important;align-items:center;gap:12px}
.m-seller img{width:46px;height:46px;padding:4px;border-radius:12px;background:#fff;object-fit:contain;flex:none}
.m-seller span{display:flex;flex-direction:column}
.m-more{padding-bottom:48px}
.m-h3{font-size:clamp(22px,2.6vw,30px)}

/* join band, steps */
.m-join-wrap{padding-top:0}
.m-join .m-join-actions{display:grid;gap:10px;justify-items:stretch}
.m-join small{color:var(--muted);font-size:12px;text-align:center}
.m-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.m-perks{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:14px 0 0;padding:0;list-style:none}
.m-perks li{display:flex;gap:8px;color:var(--text);font-size:14px}
.m-perks svg{width:17px;height:17px;margin-top:2px;color:#18794e}
.m-small{margin:12px 0 0;color:var(--muted);font-size:13px}

/* footer */
.m-foot{display:grid;grid-template-columns:1.4fr 1fr auto;align-items:center;gap:24px;padding-top:30px;padding-bottom:30px;font-size:13px}
.m-foot-brand img{height:40px;width:auto}
.m-foot-brand p{max-width:52ch;margin:10px 0 0;opacity:.72}
.m-foot-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.m-foot-links a{text-decoration:none;font-weight:600;opacity:.85}
.m-foot-links a:hover{opacity:1;text-decoration:underline}
.m-copy{opacity:.65}
a.pitch-btn{text-decoration:none}

@media(max-width:1060px){
  .m-grid4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .m-hsearch{display:none}
  .m-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:960px){
  .m-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .m-dhead{flex-wrap:wrap}
  .m-dactions{flex-direction:row;flex-wrap:wrap;width:100%}
  .m-foot{grid-template-columns:1fr}
}
@media(max-width:700px){
  .m-logo{height:36px;max-width:130px}
  .header-actions .mode-btn{display:grid}
  .m-search{flex-direction:column}
  .m-search .button{min-height:48px}
  .m-stats li{padding:8px 12px}
  .m-stats strong{font-size:17px}
  .hero-text .hero-actions{display:flex;flex-direction:column}
  .m-grid4,.m-dgrid{grid-template-columns:1fr}
  .m-dhead{padding:16px;gap:14px}
  .m-dlogo.lg{width:72px;height:72px}
  .m-dactions .button{flex:1 1 auto}
  .m-selects .filter-select{flex:1 1 calc(50% - 8px)}
  .m-selects .filter-select select{width:100%;max-width:none}
  .m-clear{margin:4px 0 0}
  .m-steps,.m-perks{grid-template-columns:1fr}
  .m-inline-sort .count-pill{display:none}
  .wa-float{display:flex!important;bottom:calc(var(--tabbar-h) + 14px + env(safe-area-inset-bottom));right:14px;height:50px}
}