:root{
  --cc-bg:#f6f8fc;
  --cc-surface:#ffffff;
  --cc-surface-2:#f9fbff;
  --cc-text:#0b1220;
  --cc-muted:#5b677a;
  --cc-line:#e6ebf3;

  --cc-blue:#1e6bff;
  --cc-blue-600:#1558d6;
  --cc-blue-50:rgba(30,107,255,.08);

  --cc-radius:14px;
  --cc-radius-sm:12px;
  --cc-shadow:0 10px 30px rgba(15,23,42,.08);
  --cc-shadow-soft:0 6px 18px rgba(15,23,42,.06);

  --cc-container:1220px;
  --cc-gap:16px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif;
  color:var(--cc-text);
  background:var(--cc-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{color:inherit}
img{max-width:100%;height:auto}

.cc-container{
  width:min(var(--cc-container), calc(100% - 32px));
  margin:0 auto;
}

.cc-topbar{
  background:var(--cc-surface);
  border-bottom:1px solid var(--cc-line);
  position:sticky;
  top:0;
  z-index:50;
}

.cc-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 0;
}

.cc-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
}
.cc-logo{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(135deg, var(--cc-blue), #57a2ff);
  box-shadow:0 10px 20px rgba(30,107,255,.25);
}
.cc-brand strong{font-size:15px;letter-spacing:.2px}
.cc-brand span{display:block;font-size:12px;color:var(--cc-muted);margin-top:2px}

.cc-nav{
  display:flex;
  gap:14px;
  align-items:center;
}
.cc-nav a{
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  padding:9px 10px;
  border-radius:12px;
  color:rgba(11,18,32,.86);
}
.cc-nav a:hover{background:var(--cc-blue-50); color:var(--cc-blue-600)}

.cc-cta{
  display:flex;
  gap:10px;
  align-items:center;
}
.cc-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:12px;
  padding:10px 12px;
  font-weight:700;
  font-size:13px;
  text-decoration:none;
  border:1px solid var(--cc-line);
  background:rgba(255,255,255,0.9);
}
.cc-btn:hover{box-shadow:var(--cc-shadow-soft)}
.cc-btn--primary{
  background:var(--cc-blue);
  border-color:transparent;
  color:#fff;
}
.cc-btn--primary:hover{background:var(--cc-blue-600)}

.cc-burger{
  display:none;
  border:1px solid var(--cc-line);
  background:var(--cc-surface);
  border-radius:12px;
  padding:10px 12px;
  cursor:pointer;
}
.cc-burger:active{transform:translateY(1px)}

@media (max-width: 920px){
  .cc-nav, .cc-cta{display:none}
  .cc-burger{display:inline-flex}
  .cc-mobile{display:block}
}

.cc-mobile{
  display:none;
  border-top:1px solid var(--cc-line);
  padding:10px 0 14px;
}
.cc-mobile a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  text-decoration:none;
  font-weight:700;
  color:rgba(11,18,32,.86);
}
.cc-mobile a:hover{background:var(--cc-blue-50); color:var(--cc-blue-600)}

.cc-hero{padding:28px 0 10px;}
.cc-hero-card{
  background:var(--cc-surface);
  border:1px solid var(--cc-line);
  border-radius:22px;
  box-shadow:var(--cc-shadow-soft);
  overflow:hidden;
}
.cc-hero-inner{
  padding:22px 18px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:18px;
}


/* Home hero: stack content on desktop for premium look */
.ccp3-hero-home .cc-hero-inner{display:block}
.ccp3-hero-home .cc-search{margin-top:14px}

@media (max-width: 920px){ .cc-hero-inner{grid-template-columns:1fr} }
.cc-hero h1{margin:0 0 8px;font-size:30px;letter-spacing:-.6px}
.cc-hero p{margin:0;color:var(--cc-muted);line-height:1.45}

.cc-search{display:block}
.cc-search-row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}
.cc-search-row .cc-input{flex:1 1 260px;min-width:220px}
.cc-search-row .cc-select{flex:0 0 160px;min-width:140px}
.cc-search-row .cc-search-btn{flex:0 0 120px;min-width:120px}
@media (max-width: 920px){
  .cc-search-row .cc-select{flex:1 1 160px}
  .cc-search-row .cc-search-btn{flex:1 1 100%}
}
.cc-input,.cc-select{
  width:100%;
  border:1px solid var(--cc-line);
  background:var(--cc-surface-2);
  border-radius:12px;
  padding:12px 12px;
  font-size:14px;
  outline:none;
}
.cc-input:focus,.cc-select:focus{
  border-color:rgba(30,107,255,.55);
  box-shadow:0 0 0 4px rgba(30,107,255,.10);
  background:#fff;
}
.cc-search-btn{
  border:none;
  border-radius:12px;
  background:var(--cc-blue);
  color:#fff;
  font-weight:800;
  padding:12px 14px;
  cursor:pointer;
}
.cc-search-btn:hover{background:var(--cc-blue-600)}

.cc-grid{
  display:grid;
  grid-template-columns: 340px 1fr;
  gap:18px;
  padding:18px 0 34px;
}
@media (max-width: 1040px){ .cc-grid{grid-template-columns:1fr} }

.cc-card{
  background:var(--cc-surface);
  border:1px solid var(--cc-line);
  border-radius:18px;
  box-shadow:var(--cc-shadow-soft);
}
.cc-card__hd{
  padding:14px 14px 10px;
  border-bottom:1px solid var(--cc-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cc-card__hd h2{margin:0;font-size:14px;letter-spacing:.2px}
.cc-card__bd{padding:14px}

/* --- Pack3 Ad Page Refinements (A.2) --- */
.ccp3-ad-layout{
  display:grid;
  grid-template-columns: 1.35fr .65fr;
  gap:18px;
  padding:18px 0 34px;
}
@media (max-width: 1040px){
  .ccp3-ad-layout{grid-template-columns:1fr}
  .ccp3-ad-aside{order:2}
}

.ccp3-ad-top{margin-bottom:12px}
.ccp3-ad-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.ccp3-ad-title{margin:0 0 8px;font-size:26px;letter-spacing:-.4px}
.ccp3-ad-price{font-size:22px;font-weight:900;white-space:nowrap}

.ccp3-badges{display:flex;flex-wrap:wrap;gap:8px}
.ccp3-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--cc-line);
  background:var(--cc-surface-2);
  font-size:12px;
  font-weight:800;
}
.ccp3-badge.is-featured{background:rgba(30,107,255,.10); border-color:rgba(30,107,255,.25); color:var(--cc-blue-600)}

.ccp3-facts{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap:10px;
}
@media (max-width: 720px){ .ccp3-facts{grid-template-columns: repeat(2, minmax(0, 1fr));} }
.ccp3-fact{
  border:1px solid var(--cc-line);
  background:var(--cc-surface-2);
  border-radius:14px;
  padding:10px 12px;
}
.ccp3-fact-k{margin:0;color:var(--cc-muted);font-size:12px;font-weight:800}
.ccp3-fact-v{margin:4px 0 0;font-size:14px;font-weight:900}

.ccp3-form-grid{display:grid;gap:12px}
.ccp3-form-grid--2{grid-template-columns:1fr 1fr}
@media (max-width: 720px){ .ccp3-form-grid--2{grid-template-columns:1fr} }
.ccp3-form-grid--1{grid-template-columns:1fr}

.ccp3-lead-form label{display:block;font-weight:800;font-size:13px;margin:0 0 6px;color:rgba(11,18,32,.86)}
.ccp3-lead-form input,
.ccp3-lead-form textarea{
  width:100%;
  border:1px solid var(--cc-line);
  background:var(--cc-surface-2);
  border-radius:12px;
  padding:12px 12px;
  font-size:14px;
  outline:none;
}
.ccp3-lead-form textarea{resize:vertical;min-height:120px}
.ccp3-lead-form input:focus,
.ccp3-lead-form textarea:focus{
  border-color:rgba(30,107,255,.55);
  box-shadow:0 0 0 4px rgba(30,107,255,.10);
  background:#fff;
}

.ccp3-sticky-cta{display:none}
@media (max-width: 920px){
  .ccp3-sticky-cta{
    display:flex;
    position:fixed;
    bottom:14px;
    left:0;
    right:0;
    justify-content:center;
    z-index:60;
    pointer-events:none;
  }
  .ccp3-sticky-cta .ccp3-btn{
    pointer-events:auto;
    text-decoration:none;
    background:var(--cc-blue);
    color:#fff;
    font-weight:900;
    padding:12px 16px;
    border-radius:14px;
    box-shadow:var(--cc-shadow);
  }
}

.cc-filters .cc-filter{margin-bottom:12px}
.cc-label{display:block;font-size:12px;font-weight:800;color:rgba(11,18,32,.82);margin:0 0 7px}
.cc-help{font-size:12px;color:var(--cc-muted);line-height:1.35;margin-top:10px}
.cc-results{min-height:240px}

.cc-section-title{
  display:flex;align-items:flex-end;justify-content:space-between;gap:12px;
  padding:22px 0 10px;
}
.cc-section-title h2{margin:0;font-size:18px;letter-spacing:-.2px}
.cc-badges{display:flex;gap:8px;flex-wrap:wrap}
.cc-badge{
  font-size:11px;font-weight:900;padding:6px 10px;border-radius:999px;
  background:var(--cc-blue-50);
  color:var(--cc-blue-600);
  border:1px solid rgba(30,107,255,.18);
}

.cc-footer{
  border-top:1px solid var(--cc-line);
  background:var(--cc-surface);
  padding:18px 0 28px;
  color:var(--cc-muted);
  font-size:13px;
}

.cc-shell{padding:18px 0 34px}

/* Make common shortcode outputs look premium without relying on their exact markup */
.cc-shell :where(button, input[type="submit"], .button, .btn){ border-radius:12px !important; }
.cc-shell :where(input, select, textarea){
  border-radius:12px;
  border:1px solid var(--cc-line);
}




/* --- Auth (Product Login) --- */
.cc-auth{
  min-height:60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 0;
}
.cc-auth-card{
  width:100%;
  max-width:520px;
  border:1px solid var(--cc-line);
  border-radius:18px;
  padding:26px;
  background:var(--cc-surface);
  box-shadow:var(--cc-shadow);
}
.cc-auth-head h1{
  margin:0 0 6px;
  font-size:24px;
  line-height:1.2;
}
.cc-auth-head p{
  margin:0 0 18px;
  color:var(--cc-muted);
}
.cc-auth-form .cc-label{
  display:block;
  margin:12px 0 6px;
  font-size:13px;
  font-weight:700;
  color:var(--cc-text);
}
.cc-auth-form .cc-input{
  width:100%;
  border-radius:12px;
  padding:12px 12px;
  border:1px solid var(--cc-line);
  background:var(--cc-surface-2);
  color:var(--cc-text);
}
.cc-auth-form .cc-input:focus{
  outline:none;
  border-color:rgba(30,107,255,.55);
  box-shadow:0 0 0 4px rgba(30,107,255,.10);
  background:#fff;
}
.cc-check{
  display:flex;
  gap:10px;
  align-items:center;
  margin:12px 0;
  color:var(--cc-text);
}
.cc-btn--block{width:100%;}
.cc-auth-links{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  margin:14px 0 0;
  font-size:13px;
  color:var(--cc-muted);
  flex-wrap:wrap;
}
.cc-auth-links a{color:var(--cc-text);}
.cc-auth-alt{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid var(--cc-line);
  font-size:13px;
}
.cc-auth-alt__title{
  font-weight:700;
  margin:0 0 8px;
  color:var(--cc-text);
}
.cc-auth-alt__links{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.cc-dot{opacity:.45;}
.cc-auth-note{
  margin:14px 0 0;
  font-size:12px;
  color:var(--cc-muted);
  line-height:1.4;
}


/* ===== INVENTORY CARD V4 (Enterprise) ===== */
.ccp3-listing-card{
  border:1px solid #e9ecef;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  transition: box-shadow .18s ease, transform .18s ease, border-color .18s ease;
}
.ccp3-listing-card:hover{
  transform: translateY(-2px);
  border-color:#dde2e7;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
}
.ccp3-cardmedia{
  position:relative;
  background:#f3f4f6;
}
.ccp3-cardmedia__link{
  display:block;
}
.ccp3-cardimg{
  width:100%;
  height:180px;
  object-fit:cover;
  display:block;
}
@media (max-width: 1100px){
  .ccp3-cardimg{ height:190px; }
}
@media (max-width: 760px){
  .ccp3-cardimg{ height:210px; }
}
.ccp3-cardbadges{
  position:absolute;
  top:12px;
  left:12px;
  display:flex;
  gap:8px;
  z-index:2;
}
.ccp3-badge--featured{
  background: rgba(15, 23, 42, .78);
  color:#fff;
  border:0;
  backdrop-filter: blur(6px);
}
.ccp3-cardactions{
  position:absolute;
  top:12px;
  right:12px;
  display:flex;
  gap:8px;
  z-index:2;
}
.ccp3-iconbtn{
  width:38px;
  height:38px;
  border-radius:12px;
  background: rgba(255,255,255,.92);
  border:1px solid rgba(233,236,239,.9);
  box-shadow: 0 6px 18px rgba(15, 23, 42, .08);
}
.ccp3-iconbtn:hover{
  background:#fff;
}

.ccp3-cardbd{
  padding:14px 14px 12px;
}
.ccp3-cardprice{
  font-size:20px;
  line-height:1.1;
  font-weight:800;
  letter-spacing:-.02em;
}
.ccp3-cardtitle{
  margin-top:6px;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
  color:#0f172a;
}
.ccp3-cardmeta{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  color:#475569;
  font-size:12px;
}
.ccp3-cardmeta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 8px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid #eef2f7;
}
.ccp3-carddivider{
  margin:12px 0;
  height:1px;
  background:#eef2f7;
}
.ccp3-carddealerrow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ccp3-carddealername{
  font-size:12px;
  font-weight:600;
  color:#334155;
}
/* keep links clean */
.ccp3-cardlink, .ccp3-cardmedia__link{
  text-decoration:none;
  color:inherit;
}




/* ===== AD v2.2.3 Minimal (Cars.com feel) ===== */

/* Gallery: ensure overlays anchor correctly */
.car-cc-gallery-main{position:relative;overflow:hidden;}

/* Remove any inherited heavy overlays */
.car-cc-gallery-main::before,
.car-cc-gallery-main::after{content:none !important;}
.ccp3-ad-gallery::before,
.ccp3-ad-gallery::after{content:none !important;}

/* Minimal "View all photos" pill */
.ccp3-gallery-viewall{
  position:absolute;
  left:14px;
  top:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
  font-size:12px;
  font-weight:650;
  color:#0f172a;
  text-decoration:none;
}
.ccp3-gallery-viewall:hover{background:rgba(255,255,255,.98);}

/* Minimal photo count pill */
.ccp3-gallery-count{
  position:absolute;
  right:14px;
  top:14px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 24px rgba(16,24,40,.10);
  font-size:12px;
  font-weight:650;
  color:#0f172a;
}


/* Price intelligence (minimal) */
.car-cc-price-intel{
  margin-top:10px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.car-cc-price-intel .cc-badge{
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  font-weight:750;
}
.car-cc-price-intel-sub{
  font-size:12px;
  color:#64748b;
}


/* Contact card: tighten hierarchy (minimal) */
.ccp3-leadhead h3{margin:0 0 6px;}
.ccp3-leadsub{margin:0 0 10px;color:#64748b;}
.ccp3-leadbadges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px;}
.ccp3-leadbtn{width:100%;border-radius:12px;padding:12px 14px;font-weight:800;}

/* ===== FIX DEFINITIVO BOTÕES CARD ACTIONS ===== */

.ccp3-cardactions .ccp3-iconbtn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 38px !important;
  height: 38px !important;

  background: #ffffff !important;
  border: 1px solid rgba(16,24,40,.15) !important;
  border-radius: 12px !important;

  box-shadow: 0 8px 20px rgba(16,24,40,.12) !important;

  color: #111 !important;
}

/* Hover */
.ccp3-cardactions .ccp3-iconbtn:hover{
  background: #ffffff !important;
  transform: translateY(-1px);
}

/* Favorito ativo */
.ccp3-cardactions button.ccp3-iconbtn.is-active{
  background: rgba(30,107,255,.12) !important;
  border-color: rgba(30,107,255,.35) !important;
  color: rgb(30,107,255) !important;
}
/* ===== Card actions: always visible (no hover dependency) ===== */

/* 1) Força o container a ficar visível sempre */
.ccp3-listing-card .ccp3-cardactions{
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* 2) Se existir regra que esconde os botões individualmente */
.ccp3-listing-card .ccp3-cardactions .ccp3-iconbtn{
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3) Mantém o fundo sempre (pra não sumir em fotos claras) */
.ccp3-listing-card .ccp3-cardactions .ccp3-iconbtn{
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(16,24,40,.15) !important;
  box-shadow: 0 8px 20px rgba(16,24,40,.12) !important;
  color: #111 !important;
}

/* 4) Hover continua com micro efeito (opcional) */
.ccp3-listing-card:hover .ccp3-cardactions .ccp3-iconbtn{
  transform: translateY(-1px);
}

/* =========================
   MOBILE WIDTH / GUTTERS
   ========================= */
@media (max-width: 720px){

  /* reduz padding do shell geral */
  .cc-shell{ padding: 10px 0 18px !important; }

  /* containers comuns (deixa o conteúdo mais "wide") */
  .cc-container,
  .cc-wrap,
  .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* cards e blocos principais com padding um pouco menor */
  .ccp3-listing-card .ccp3-cardbd{
    padding: 12px 12px 10px !important;
  }
}

/* =========================
   MOBILE: Sticky bar overlap fix
   (compensa a altura do toolbar)
   ========================= */
@media (max-width: 720px){

  /* barra/toolbar (vários nomes comuns) */
  .cc-resultsbar,
  .ccp3-resultsbar,
  .cc-toolbar,
  .ccp3-toolbar,
  .ccp3-results-toolbar{
    top: 64px !important;              /* abaixo do header (ajuste se precisar) */
    z-index: 50 !important;
    border-radius: 14px !important;
  }

  /* dá “respiro” no conteúdo para não ficar embaixo da barra */
  .cc-results,
  .ccp3-results,
  .cc-results-list,
  .ccp3-results-list{
    padding-top: 10px !important;
  }

  /* se a barra estiver ABSOLUTA/FLUTUANTE, compensamos com margem */
  .cc-results + .cc-results-list,
  .ccp3-resultsbar + .ccp3-results,
  .ccp3-results-toolbar + .ccp3-results{
    margin-top: 12px !important;
  }
}
/* Fix RGBA inválido (mantém comportamento previsível) */
.ccp3-iconbtn{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(233,236,239,.9);
}

/* =========================================
   AD Mobile: bigger content, less side gutters
   ========================================= */
@media (max-width: 520px){

  /* 1) Container do AD: ocupa a tela de verdade */
  .car-cc-adp,
  .car-cc-adp .cc-container,
  .car-cc-adp .cc-wrap,
  .car-cc-adp .cc-container{
    max-width: 100% !important;
    width: 100% !important;
  }

  /* 2) Menos “borda cinza” (padding lateral) */
  .car-cc-adp .cc-container,
  .car-cc-adp .cc-wrap,
  .car-cc-adp .container{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* 3) Tipografia base: deixa tudo mais legível */
  .car-cc-adp{
    font-size: 16px !important;
  }

  /* 4) Título e preço um pouco maiores (sem exagero) */
  .car-cc-adp .car-cc-hero-h1{
    font-size: 26px !important;
    line-height: 1.15 !important;
  }

  .car-cc-adp .car-cc-price-main{
    font-size: 38px !important;
    line-height: 1.05 !important;
  }

  /* 5) Cards: padding ligeiramente maior pra “respirar” */
  .car-cc-adp .car-cc-box,
  .car-cc-adp .car-cc-card{
    padding: 16px !important;
  }

  /* 6) Botões e inputs: altura confortável no toque */
  .car-cc-adp input,
  .car-cc-adp select,
  .car-cc-adp textarea{
    font-size: 16px !important;
  }

  .car-cc-adp button,
  .car-cc-adp .cc-btn,
  .car-cc-adp .car-cc-btn{
    min-height: 46px !important;
    font-size: 15px !important;
  }

  /* 7) Galeria: garante largura total */
  .car-cc-adp .car-cc-gallery,
  .car-cc-adp .car-cc-gallery-main{
    width: 100% !important;
  }
}

/* =========================================
   MOBILE GRID STRUCTURE FIX (FINAL)
   Forces single column layout on AD
   ========================================= */
@media (max-width: 768px){

  /* Kill any desktop grid */
  .ccp3-ad-layout,
  .car-cc-ad-layout,
  .car-cc-adp-grid,
  .cc-ad-grid{
    display:block !important;
    grid-template-columns: 1fr !important;
  }

  /* Main content full width */
  .ccp3-ad-layout > *,
  .car-cc-ad-layout > *{
    width:100% !important;
  }

  /* Sidebar moves below content */
  .ccp3-ad-sidebar,
  .car-cc-sidebar{
    width:100% !important;
    margin-top:20px !important;
  }

  /* Remove leftover max-width restrictions */
  .cc-container,
  .cc-wrap,
  .cc-shell,
  .cc-main,
  main{
    max-width:none !important;
    width:100% !important;
  }

  /* Slightly increase content scale */
  body{ font-size:16px !important; }

  .car-cc-hero-h1{ font-size:28px !important; }
  .car-cc-price-main{ font-size:40px !important; }
}


/* =========================================
   MOBILE: Results bar should be FIXED (not cover cards)
   Keeps toolbar fixed under header and pushes list down
   ========================================= */
@media (max-width: 520px){

  /* Fix the toolbar under header */
  .ccp3-resultsbar--sticky{
    position: fixed !important;
    top: 64px !important;        /* below header */
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 60 !important;
  }

  /* Push cards grid below fixed toolbar height */
  .ccp3-cards-grid{
    padding-top: clamp(190px, 28vh, 260px) !important;
  }
}


/* =========================================
   MOBILE: Fixed results bar must NOT hide content
   - Add bottom padding so footer/content never sits behind the bar
   - Keep bar fixed under header
   ========================================= */
@media (max-width: 520px){

  :root{ --ccp3-mbar-h: 220px; } /* approximate height of the fixed bar */

  .ccp3-resultsbar--sticky{
    position: fixed !important;
    top: 64px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 60 !important;
  }

  /* Push the main scrolling content down AND allow extra scroll past the footer */
  body{
    padding-bottom: calc(var(--ccp3-mbar-h) + 28px) !important;
  }

  .cc-shell,
  .site-content,
  main{
    padding-bottom: calc(var(--ccp3-mbar-h) + 28px) !important;
  }

  /* Cards grid needs space at the top (so cards don't start under the bar) */
  .ccp3-cards-grid{
    padding-top: var(--ccp3-mbar-h) !important;
  }
}


/* =========================================
   MOBILE: Results bar should be STICKY (in-flow), not FIXED
   This prevents it from floating over content while still staying visible.
   ========================================= */
@media (max-width: 520px){

  /* Reset any previous fixed/overlay behavior */
  body{ padding-bottom: 0 !important; }
  .cc-shell, .site-content, main{ padding-bottom: 0 !important; }

  /* Keep bar in normal flow + sticky under header */
  .ccp3-resultsbar--sticky{
    position: sticky !important;
    top: 64px !important;              /* below header */
    left: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 0 12px 12px !important;    /* spacing below bar */
    z-index: 50 !important;
  }

  /* Ensure it is opaque (so text doesn't blend) */
  .ccp3-resultsbar--sticky{
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(16,24,40,.10) !important;
    box-shadow: 0 10px 22px rgba(16,24,40,.10) !important;
    backdrop-filter: saturate(160%) blur(12px);
  }

  /* Since bar is in-flow, no need to push cards down artificially */
  .ccp3-cards-grid{ padding-top: 0 !important; }
}


/* =========================================
   REMOVE STICKY COMPLETELY (Inventory toolbar)
   No sticky. No fixed. Normal flow only.
   ========================================= */

/* Remove sticky on all devices */
.ccp3-resultsbar--sticky,
.ccp3-resultsbar,
.cc-resultsbar,
.ccp3-toolbar,
.cc-toolbar{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: auto !important;
}

/* Remove any artificial spacing */
.ccp3-cards-grid{
  padding-top: 0 !important;
}

body,
.cc-shell,
.site-content,
main{
  padding-bottom: 0 !important;
}



/* =========================================
   CLEAN RESULTS TOOLBAR: remove repeated trust bullets
   ========================================= */
.ccp3-resultsbar .cc-badge,
.ccp3-resultsbar .ccp3-badge,
.ccp3-resultsbar .cc-feature-badge,
.ccp3-resultsbar .ccp3-trust,
.ccp3-resultsbar .ccp3-trustlist{
  display:none !important;
}


/* =========================================
   AD MOBILE: wider content + bigger hero photo
   Also removes any debug badge if present.
   ========================================= */
@media (max-width: 520px){

  /* Remove any leftover debug badge from previous builds */
  .car-cc-adp::before{ content:none !important; display:none !important; }

  /* Make AD feel less "boxed" */
  .car-cc.car-cc-adp{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Gallery should go edge-to-edge (full-bleed) */
  .car-cc-adp .car-cc-gallery.car-cc-box{
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-radius: 0 !important;
  }

  /* Bigger main photo on mobile (less flat than 16/9) */
  .car-cc-adp .car-cc-gallery-main{
    aspect-ratio: 4 / 3 !important;
    border-radius: 0 !important;
  }

  /* Keep thumbs area comfortable */
  .car-cc-adp .car-cc-gallery-thumbs{
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* Make main content blocks a bit wider/roomier */
  .car-cc-adp .car-cc-ad-layout{
    width: 100% !important;
    max-width: none !important;
  }

  /* Slightly reduce internal card padding so content doesn't feel tight */
  .car-cc-adp .car-cc-box{
    padding: 14px !important;
  }
}


/* =========================================
   AD MOBILE: reduce side gutters (content wider)
   + remove any debug badge leftovers
   ========================================= */
@media (max-width: 520px){

  /* Remove any debug badge that might have been injected */
  body::before,
  .car-cc-adp::before{
    content: none !important;
    display: none !important;
  }

  /* Kill any narrow container constraints inside AD */
  .car-cc-adp .cc-container,
  .car-cc-adp .container,
  .car-cc-adp .cc-wrap,
  .car-cc-adp .cc-shell,
  .car-cc-adp .cc-main,
  .car-cc-adp main{
    max-width: none !important;
    width: 100% !important;
  }

  /* Reduce outer page padding on AD to make blocks wider */
  .car-cc.car-cc-adp{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* Make main content cards span wider (less inner gutter) */
  .car-cc-adp .car-cc-box{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* If layout wrapper adds padding, neutralize */
  .car-cc-adp .car-cc-ad-layout{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* =========================================
   AD MOBILE: center gallery full-bleed gutters
   Fix: gallery box shifted left (uneven side space)
   ========================================= */
@media (max-width: 520px){

  /* Ensure outer AD padding and gallery negative margins match */
  .car-cc.car-cc-adp{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .car-cc-adp .car-cc-gallery.car-cc-box{
    width: calc(100% + 16px) !important;
    margin-left: -8px !important;
    margin-right: -8px !important;
    box-sizing: border-box !important;
  }

  /* Keep thumbs aligned with same gutters */
  .car-cc-adp .car-cc-gallery-thumbs{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}


/* Header Save next to Share (desktop + mobile) */
.ccp3-favbtn-header{
  width:38px;
  height:38px;
  border-radius:12px;
  background:#ffffff;
  border:1px solid rgba(16,24,40,.14);
  box-shadow:0 8px 20px rgba(16,24,40,.12);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:8px;
}



/* PRICE DROP BADGE FIX */
.car-cc-badge--price-drop-hot{
  background: #ffe8e8 !important;
  color: #b42318 !important;
  border: 1px solid #f5c2c2 !important;
  font-weight: 600;
}


/* Boosted placements */
.car-cc-badge--boost{
  background:#fff1f3;
  color:#9f1239;
  border:1px solid rgba(159,18,57,.18);
  font-weight:700;
}
.ccp3-card.is-boosted{
  box-shadow:0 14px 34px rgba(16,24,40,.14);
}
.ccp3-listing-card.is-sponsored{
  border:1px solid rgba(79,70,229,.18);
  box-shadow:0 18px 44px rgba(16,24,40,.16);
}
.ccp3-boostbox .ccp3-boosthead{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}



/* Sponsored horizontal zone (Boost Enterprise) */
.ccp3-sponsored-zone{
  /* keep zone as a layout wrapper; visual box lives on .ccp3-sponsored-inner */
  background:transparent;
  border:0;
  box-shadow:none;
  border-radius:0;
  padding:0;
  margin:18px 0 22px;
}
.ccp3-sponsored-inner{
  width:100%;
  max-width: 760px;
  margin:0 auto;
  background:#f6f9ff;
  border:1px solid rgba(79,70,229,.12);
  box-shadow:0 10px 26px rgba(16,24,40,.08);
  border-radius:16px;
  padding: 28px;
}
.ccp3-sponsored-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}
.ccp3-sponsored-kicker{
  font-size: 16px;
  font-weight:700;
  letter-spacing:.2px;
  color:rgba(16,24,40,.92);
  line-height:1.2;
}
.ccp3-sponsored-sub{
  font-size: 13px;
  color:rgba(16,24,40,.62);
  margin-top:3px;
}
.ccp3-sponsored-track{
  display:flex;
  gap:16px;
  justify-content:center;
  overflow-x:auto;
  overflow-y:hidden;
  padding-bottom:6px;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
}
.ccp3-sponsored-item{
  flex:0 0 auto;
  width:320px;
  scroll-snap-align:start;
}
.ccp3-sponsored-zone .ccp3-listing-card{
  border-color:rgba(79,70,229,.18);
}
.ccp3-sponsored-zone .ccp3-cardmedia{
  border-bottom-color:rgba(79,70,229,.10);
}
.ccp3-sponsored-zone .ccp3-cardprice{
  font-weight:800;
}
.ccp3-badge--sponsored{
  background:rgba(79,70,229,.10);
  border:1px solid rgba(79,70,229,.20);
  color:rgba(49,46,129,.95);
}
.ccp3-sponsored-track::-webkit-scrollbar{ height:10px; }
.ccp3-sponsored-track::-webkit-scrollbar-track{ background:transparent; }
.ccp3-sponsored-track::-webkit-scrollbar-thumb{
  background:rgba(16,24,40,.12);
  border-radius:20px;
}
@media (max-width: 520px){
  .ccp3-sponsored-item{ width:288px; }
}

/* Dashboard metrics */
.ccp3-metrics{
  display:grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap:12px;
}

/* Dealer Dashboard (Clean SaaS) */
.ccp3-dd__head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:12px;}
.ccp3-dd__sub{font-size:13px;color:rgba(16,24,40,.65);}
.ccp3-dd__actions{display:flex;gap:8px;flex-wrap:wrap;}
.ccp3-dd__stack{display:flex;flex-direction:column;gap:12px;margin-top:12px;}
.ccp3-dd__grid{display:grid;grid-template-columns: 1fr;gap:12px;margin-top:12px;}
.ccp3-dd__card{padding:14px 14px;}
.ccp3-dd__card--chart{width:100%;}
.ccp3-dd__card--boost{max-width:420px;}

.ccp3-dd__cardhead{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap;margin-bottom:10px;}
.ccp3-dd__cardtitle{font-size:14px;font-weight:700;color:rgba(16,24,40,.92);}
.ccp3-dd__cardmeta{font-size:12px;color:rgba(16,24,40,.6);}
.ccp3-dd__chart{height:260px;}
.ccp3-dd__bars{height:100%;display:flex;align-items:flex-end;gap:4px;}
.ccp3-dd__bar{flex:1 1 0;border-radius:8px 8px 0 0;background:rgba(37,99,235,.36);}
.ccp3-dd__chartfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(16,24,40,.08);}
.ccp3-dd__small{font-size:12px;color:rgba(16,24,40,.62);}
.ccp3-dd__smallv{font-size:14px;font-weight:700;color:rgba(16,24,40,.92);}
.ccp3-dd__boostrows{display:flex;flex-direction:column;gap:10px;}
.ccp3-dd__boostrow{display:flex;justify-content:space-between;align-items:center;}
.ccp3-dd__primary{background:#2563eb;border-color:#2563eb;color:#fff;}
.ccp3-dd__primary:hover{filter:brightness(.95);}

/* Dashboard KPI hierarchy (Stripe-like) */
.ccp3-dd .ccp3-metric__k{font-size:12px;color:rgba(16,24,40,.62);}
.ccp3-dd .ccp3-metric__v{font-size:32px;font-weight:800;letter-spacing:-.02em;}

/* Leads box: remove extra top spacing from shortcode headings */
.ccp3-dd__leads h2:first-child,.ccp3-dd__leads h3:first-child{margin-top:0;}
@media (max-width: 980px){
  .ccp3-dd__grid{grid-template-columns: 1fr;}
}
.ccp3-metric{
  border:1px solid rgba(16,24,40,.12);
  border-radius:14px;
  padding:12px 12px;
  background:#fff;
}
.ccp3-metric__k{
  font-size:12px;
  color:rgba(16,24,40,.65);
  margin-bottom:6px;
}
.ccp3-metric__v{
  font-size:18px;
  font-weight:700;
  color:rgba(16,24,40,.92);
  line-height:1.2;
}
@media (max-width: 980px){
  .ccp3-metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px){
  .ccp3-metrics{ grid-template-columns: 1fr; }
}



/* Sponsored zone CTA — primary conversion */
.ccp3-sponsored-head__link{
  background: var(--cc-blue) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 4px 12px rgba(37,99,235,.25) !important;
}
.ccp3-sponsored-head__link:hover{
  filter: brightness(.92);
}


/* ===== Dealer Dashboard Polish v4 (Enterprise Stable) ===== */
.ccp3-dd .ccp3-metric{
  background:#ffffff;
  box-shadow: 0 1px 2px rgba(16,24,40,.05);
}
.ccp3-dd .ccp3-metric__k{font-size:11.5px;color:rgba(16,24,40,.60);margin-bottom:6px;}
.ccp3-dd .ccp3-metric__v{font-size:34px;font-weight:850;letter-spacing:-.02em;line-height:1.05;}

.ccp3-dd__card{background:#ffffff;}
.ccp3-dd__card--chart{
  background:#ffffff;
}
.ccp3-dd__chart{
  height:280px;
  background: linear-gradient(180deg, rgba(37,99,235,.10) 0%, rgba(241,243,246,.55) 55%, rgba(255,255,255,0) 100%);
  border:1px solid rgba(16,24,40,.06);
  border-radius:16px;
  padding:14px;
}
.ccp3-dd__bars{gap:5px;}
.ccp3-dd__bar{
  background: rgba(37,99,235,.44);
  border-radius:10px 10px 0 0;
}
.ccp3-dd__cardhead{margin-bottom:12px;}
.ccp3-dd__cardtitle{font-size:14px;font-weight:800;letter-spacing:-.01em;}
.ccp3-dd__cardmeta{font-size:12px;color:rgba(16,24,40,.58);}

.ccp3-dd__card--boost{max-width:460px;}
.ccp3-dd__card--boost .ccp3-dd__boostrows{gap:12px;}
.ccp3-dd__card--boost{padding:18px 18px;}
.ccp3-dd__card--boost .ccp3-dd__primary{width:100%; padding:13px 16px; border-radius:12px; font-weight:850;}