
:root{
  --primary:#0F4C81;
  --primary-dark:#0B3B64;
  --accent:#FF5B2E;
  --accent-soft:#FFE6DE;
  --bg:#F5F7FB;
  --surface:#FFFFFF;
  --text:#152238;
  --muted:#64748B;
  --line:#E2E8F0;
  --success:#1F9D55;
  --error:#DC2626;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 10px 30px rgba(15,76,129,.08);
  --shadow-soft:0 6px 20px rgba(2,12,27,.05);
  --container:1180px;
  /* Tipografía — comerciales primero, fallback Google Fonts */
  --font-heading:"Avenir Next","Avenir","Plus Jakarta Sans",system-ui,sans-serif;
  --font-body:"Frutiger","Frutiger Linotype","Source Sans 3","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
[x-cloak]{display:none !important}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  font-family:var(--font-body);
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
  overflow-x:hidden;
  position:relative;
}
body[data-theme-preset="dealer_premium"]{
  --shadow:0 12px 32px rgba(15,23,42,.12);
}
body[data-theme-preset="balanced"]{
  --accent-soft:color-mix(in srgb, var(--accent) 12%, white);
}
body[data-theme-preset="balanced"] .btn-primary{
  background:#C62839;
  box-shadow:0 10px 24px rgba(198,40,57,.22);
}
body[data-theme-preset="balanced"] .btn-primary:hover{
  background:#A52837;
  box-shadow:0 12px 28px rgba(165,40,55,.28);
}
body[data-theme-preset="balanced"] .pmenu-grid a:hover,
body[data-theme-preset="balanced"] .profile-menu-dropdown>a:hover,
body[data-theme-preset="balanced"] .profile-menu-dropdown>form button:hover{
  background:color-mix(in srgb, #C62839 8%, white);
  color:color-mix(in srgb, #C62839 82%, #334155);
}
body[data-theme-preset="balanced"] .nav-inner a:hover,
body[data-theme-preset="balanced"] .menu-mega-links a:hover,
body[data-theme-preset="balanced"] .menu-mega-links-links a:hover,
body[data-theme-preset="balanced"] .garaje-breadcrumb a:hover{
  color:color-mix(in srgb, var(--accent) 78%, #7A1F2A);
}
body[data-theme-preset="dealer_premium"] .home-hero{
  background-image:
    radial-gradient(540px 280px at 85% 8%, color-mix(in srgb, var(--identity-dealers-primary) 24%, white) 0, transparent 62%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-dealers-primary) 90%, black) 0%,
      color-mix(in srgb, var(--identity-dealers-primary) 82%, black) 52%,
      var(--identity-dealers-primary) 100%));
}
body[data-theme-preset="dealer_premium"] .home-featured-section,
body[data-theme-preset="dealer_premium"] .home-cta-publish{
  background:linear-gradient(180deg,#fff 0%, color-mix(in srgb, var(--identity-dealers-soft) 76%, white) 100%);
}
body[data-theme-preset="dealer_premium"] .home-featured-card{
  border-radius:24px;
  box-shadow:0 18px 42px color-mix(in srgb, var(--identity-dealers-primary) 12%, transparent);
}
body[data-theme-preset="parts_promo"]{
  --accent-soft:color-mix(in srgb, var(--identity-parts-soft) 72%, white);
}
body[data-theme-preset="parts_promo"] .home-hero{
  background-image:
    radial-gradient(420px 260px at 10% 0%, color-mix(in srgb, var(--identity-parts-soft) 42%, transparent) 0, transparent 60%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-parts-primary) 84%, black) 0%,
      color-mix(in srgb, var(--identity-parts-primary) 92%, black) 45%,
      var(--identity-parts-primary) 100%));
}
body[data-theme-preset="parts_promo"] .home-qbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--identity-parts-soft) 88%, white) 0%,
    color-mix(in srgb, var(--identity-parts-soft) 68%, var(--identity-parts-primary)) 100%);
}
body[data-theme-preset="parts_promo"] .home-featured-card{
  border-width:3px;
  border-color:color-mix(in srgb, var(--identity-parts-primary) 18%, white);
  transform:rotate(-.3deg);
  box-shadow:0 18px 40px color-mix(in srgb, var(--identity-parts-primary) 16%, transparent);
}
body[data-theme-preset="parts_promo"] .home-featured-card:nth-child(even){
  transform:rotate(.35deg);
}
body[data-theme-preset="bikes_adrenaline"] .home-hero{
  background-image:
    radial-gradient(560px 260px at 84% 4%, color-mix(in srgb, var(--identity-bikes-primary) 28%, transparent) 0, transparent 60%),
    radial-gradient(480px 240px at 18% 0%, color-mix(in srgb, var(--identity-bikes-soft) 34%, transparent) 0, transparent 62%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-bikes-primary) 88%, black) 0%,
      color-mix(in srgb, var(--identity-bikes-primary) 76%, black) 42%,
      var(--identity-bikes-primary) 100%));
}
body[data-theme-preset="bikes_adrenaline"] .home-qbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--identity-bikes-soft) 84%, white) 0%,
    color-mix(in srgb, var(--identity-bikes-soft) 56%, var(--identity-bikes-primary)) 100%);
}
body[data-theme-preset="bikes_adrenaline"] .home-featured-card{
  box-shadow:0 18px 40px color-mix(in srgb, var(--identity-bikes-primary) 18%, transparent);
}
body[data-theme-preset="vehicles_showcase"]{
  --accent-soft:color-mix(in srgb, var(--identity-vehicles-soft) 76%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-hero{
  background-image:
    radial-gradient(520px 260px at 82% 8%, color-mix(in srgb, var(--identity-vehicles-soft) 42%, transparent) 0, transparent 62%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-vehicles-primary) 90%, black) 0%,
      color-mix(in srgb, var(--identity-vehicles-primary) 82%, black) 48%,
      var(--identity-vehicles-primary) 100%));
}
body[data-theme-preset="vehicles_showcase"] .home-qbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--identity-vehicles-soft) 90%, white) 0%,
    color-mix(in srgb, var(--identity-vehicles-soft) 74%, var(--identity-vehicles-primary)) 100%);
}
body[data-theme-preset="vehicles_showcase"] .home-featured-section,
body[data-theme-preset="vehicles_showcase"] .home-cta-publish{
  background:linear-gradient(180deg,#fff 0%, color-mix(in srgb, var(--identity-vehicles-soft) 82%, white) 100%);
}
body[data-theme-preset="vehicles_showcase"] .home-featured-card,
body[data-theme-preset="vehicles_showcase"] .home-recent-card{
  border-color:color-mix(in srgb, var(--identity-vehicles-primary) 16%, white);
  box-shadow:0 18px 42px color-mix(in srgb, var(--identity-vehicles-primary) 14%, transparent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-card{
  padding:12px;
  border-radius:24px;
  background:color-mix(in srgb, var(--identity-vehicles-soft) 78%, white);
  border:1px solid color-mix(in srgb, var(--identity-vehicles-primary) 14%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-recent-card{
  padding:12px;
  border-radius:24px;
  background:color-mix(in srgb, var(--identity-products-soft) 78%, white);
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 14%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-media{
  border-radius:18px 18px 0 0;
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-recent-media{
  border-radius:18px 18px 0 0;
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-body{
  padding:0 4px 2px;
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-recent-body{
  padding:0 4px 2px;
}
body[data-theme-preset="junkers_showcase"]{
  --accent-soft:color-mix(in srgb, var(--identity-junkers-soft) 74%, white);
}
body[data-theme-preset="junkers_showcase"] .home-hero{
  background-image:
    radial-gradient(520px 260px at 82% 8%, color-mix(in srgb, var(--identity-junkers-soft) 42%, transparent) 0, transparent 62%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-junkers-primary) 90%, black) 0%,
      color-mix(in srgb, var(--identity-junkers-accent) 82%, black) 48%,
      var(--identity-junkers-primary) 100%));
}
body[data-theme-preset="junkers_showcase"] .home-qbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--identity-junkers-soft) 90%, white) 0%,
    color-mix(in srgb, var(--identity-junkers-soft) 74%, var(--identity-junkers-primary)) 100%);
}
body[data-theme-preset="junkers_showcase"] .home-featured-section,
body[data-theme-preset="junkers_showcase"] .home-cta-publish{
  background:linear-gradient(180deg,#fff 0%, color-mix(in srgb, var(--identity-junkers-soft) 82%, white) 100%);
}
body[data-theme-preset="junkers_showcase"] .home-featured-card,
body[data-theme-preset="junkers_showcase"] .home-recent-card{
  border-color:color-mix(in srgb, var(--identity-junkers-primary) 16%, white);
  box-shadow:0 18px 42px color-mix(in srgb, var(--identity-junkers-primary) 14%, transparent);
}
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-card{
  padding:12px;
  border-radius:24px;
  background:color-mix(in srgb, var(--identity-junkers-soft) 78%, white);
  border:1px solid color-mix(in srgb, var(--identity-junkers-primary) 14%, white);
}
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-media{
  border-radius:18px 18px 0 0;
}
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-body{
  padding:0 4px 2px;
}
body[data-theme-preset="products_showcase"]{
  --accent-soft:color-mix(in srgb, var(--identity-products-soft) 74%, white);
}
body[data-theme-preset="products_showcase"] .home-hero{
  background-image:
    radial-gradient(460px 240px at 16% 0%, color-mix(in srgb, var(--identity-products-soft) 46%, transparent) 0, transparent 60%),
    var(--home-hero-photo, linear-gradient(118deg,
      color-mix(in srgb, var(--identity-products-primary) 88%, black) 0%,
      color-mix(in srgb, var(--identity-products-primary) 76%, black) 46%,
      var(--identity-products-primary) 100%));
}
body[data-theme-preset="products_showcase"] .home-qbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--identity-products-soft) 92%, white) 0%,
    color-mix(in srgb, var(--identity-products-soft) 72%, var(--identity-products-primary)) 100%);
}
body[data-theme-preset="products_showcase"] .home-qbar-kicker{
  background:color-mix(in srgb, var(--identity-products-soft) 86%, white);
  border-color:color-mix(in srgb, var(--identity-products-primary) 22%, white);
  color:var(--identity-products-primary);
}
body[data-theme-preset="products_showcase"] .home-qbar-slogan{
  color:color-mix(in srgb, var(--identity-products-accent) 38%, #1f2937);
}
body[data-theme-preset="products_showcase"] .home-qbar-copy-note{
  color:color-mix(in srgb, var(--identity-products-primary) 52%, #475569);
}
body[data-theme-preset="products_showcase"] .home-qitem{
  background:color-mix(in srgb, var(--identity-products-soft) 30%, #fff);
  border-color:color-mix(in srgb, var(--identity-products-primary) 12%, #e8edf3);
  box-shadow:0 8px 20px color-mix(in srgb, var(--identity-products-primary) 8%, transparent);
}
body[data-theme-preset="products_showcase"] .home-qitem:hover{
  box-shadow:0 14px 28px color-mix(in srgb, var(--identity-products-primary) 16%, transparent);
}
body[data-theme-preset="products_showcase"] .home-featured-card,
body[data-theme-preset="products_showcase"] .product-card{
  border-color:color-mix(in srgb, var(--identity-products-primary) 16%, white);
  box-shadow:0 18px 42px color-mix(in srgb, var(--identity-products-primary) 16%, transparent);
}
body[data-theme-preset="products_showcase"] .home-block--products .home-recent-card{
  padding:12px;
  border-radius:24px;
  background:color-mix(in srgb, var(--identity-products-soft) 78%, white);
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 14%, white);
}
body[data-theme-preset="products_showcase"] .home-block--products .home-recent-media{
  border-radius:18px 18px 0 0;
}
body[data-theme-preset="products_showcase"] .home-block--products .home-recent-body{
  padding:0 4px 2px;
}
body[data-home-title-style="uppercase"] .section-head h2,
body[data-home-title-style="uppercase"] .listings-section-head h2,
body[data-home-title-style="uppercase"] .mun-section-head__title,
body[data-home-title-style="uppercase"] .home-hero h1,
body[data-home-title-style="uppercase"] .home-cta-publish h2,
body[data-home-title-style="uppercase"] .detail-title,
body[data-home-title-style="uppercase"] .contact-card h1,
body[data-home-title-style="uppercase"] .contact-card h2,
body[data-home-title-style="uppercase"] .contact-card h3,
body[data-home-title-style="uppercase"] .detail-card h2,
body[data-home-title-style="uppercase"] .home-popular-product-card__title,
body[data-home-title-style="uppercase"] .vehicle-body h3,
body[data-home-title-style="uppercase"] .market-card__title,
body[data-home-title-style="uppercase"] .market-card__title a{
  text-transform:uppercase;
  letter-spacing:.04em;
}
body[data-home-title-style="uppercase"] .section-head h2,
body[data-home-title-style="uppercase"] .listings-section-head h2,
body[data-home-title-style="uppercase"] .mun-section-head__title,
body[data-home-title-style="uppercase"] .home-cta-publish h2,
body[data-home-title-style="uppercase"] .detail-title,
body[data-home-title-style="uppercase"] .contact-card h1,
body[data-home-title-style="uppercase"] .detail-card h2{
  font-size:30px;
}
body[data-home-title-style="editorial"] .home-featured-section .section-head h2,
body[data-home-title-style="editorial"] .home-spotlights-block .section-head h2{
  font-size:38px;
  letter-spacing:-.03em;
}
body[data-home-module-emphasis="parts"] .home-qitem--parts,
body[data-home-module-emphasis="parts"] .home-quick-card--parts,
body[data-home-module-emphasis="parts"] .home-featured-badge--part{
  box-shadow:0 0 0 2px var(--identity-parts-primary), 0 0 0 7px color-mix(in srgb, var(--identity-parts-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-parts-primary) 20%, transparent);
  border-color:var(--identity-parts-primary);
  background-color:color-mix(in srgb, var(--identity-parts-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="vehicles"] .home-qitem--vehicles,
body[data-home-module-emphasis="vehicles"] .home-quick-card--vehicles{
  box-shadow:0 0 0 2px var(--identity-vehicles-primary), 0 0 0 7px color-mix(in srgb, var(--identity-vehicles-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-vehicles-primary) 20%, transparent);
  border-color:var(--identity-vehicles-primary);
  background-color:color-mix(in srgb, var(--identity-vehicles-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="bikes"] .home-qitem--bikes,
body[data-home-module-emphasis="bikes"] .home-quick-card--bikes{
  box-shadow:0 0 0 2px var(--identity-bikes-primary), 0 0 0 7px color-mix(in srgb, var(--identity-bikes-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-bikes-primary) 20%, transparent);
  border-color:var(--identity-bikes-primary);
  background-color:color-mix(in srgb, var(--identity-bikes-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="products"] .home-qitem--products{
  box-shadow:0 0 0 2px var(--identity-products-primary), 0 0 0 7px color-mix(in srgb, var(--identity-products-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-products-primary) 20%, transparent);
  border-color:var(--identity-products-primary);
  background-color:color-mix(in srgb, var(--identity-products-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="junkers"] .home-qitem--junkers{
  box-shadow:0 0 0 2px var(--identity-junkers-primary), 0 0 0 7px color-mix(in srgb, var(--identity-junkers-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-junkers-primary) 20%, transparent);
  border-color:var(--identity-junkers-primary);
  background-color:color-mix(in srgb, var(--identity-junkers-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="dealers"] .home-qitem--dealers{
  box-shadow:0 0 0 2px var(--identity-dealers-primary), 0 0 0 7px color-mix(in srgb, var(--identity-dealers-primary) 18%, transparent), 0 14px 28px color-mix(in srgb, var(--identity-dealers-primary) 20%, transparent);
  border-color:var(--identity-dealers-primary);
  background-color:color-mix(in srgb, var(--identity-dealers-soft) 72%, white);
  transform:translateY(-2px);
}
body[data-home-module-emphasis="bikes"] .home-featured-badge--bike{
  box-shadow:0 0 0 2px var(--identity-bikes-primary), 0 0 0 7px color-mix(in srgb, var(--identity-bikes-primary) 18%, transparent), 0 10px 20px color-mix(in srgb, var(--identity-bikes-primary) 20%, transparent);
}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
main{min-height:60vh}
.topbar{
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--primary-dark) 90%, black) 0%,
    color-mix(in srgb, var(--primary) 82%, black) 100%);
  color:color-mix(in srgb, var(--bg) 30%, white);
  font-size:14px;
}
.topbar-inner,.header-main,.nav-inner,.footer-bottom{display:flex;align-items:center;justify-content:space-between}
.topbar-inner{padding:10px 0;gap:12px}
.topbar-right{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.site-header{
  position:sticky;top:0;z-index:50;
  background:color-mix(in srgb, var(--bg) 86%, white);
  border-bottom:1px solid color-mix(in srgb, var(--primary) 12%, var(--line))
}
.header-main{
  gap:20px;padding:18px 0;position:relative
}
.brand{
  display:flex;align-items:center;gap:12px;min-width:180px
}
.brand--has-logo{
  min-width:0;
  flex:0 1 auto;
  /* Un poco más de ancho para logos con texto / slogan integrado */
  max-width:min(360px,44vw);
}
.brand-logo{
  display:block;
  height:auto;
  /* ~58px: alineado con la altura visual de búsqueda/botones (~50px) para leer mejor el slogan */
  max-height:58px;
  width:auto;
  max-width:100%;
  object-fit:contain;
  object-position:left center;
  border-radius:8px;
}
.brand-mark{
  width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--accent));
  display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;
  flex-shrink:0;
  box-shadow:var(--shadow-soft)
}
.brand-text strong{display:block;font-size:20px}
.brand-text small{display:block;color:var(--muted)}
.header-search{
  flex:1;display:flex;align-items:center;background:transparent;border:0;
  border-radius:0;padding:0;gap:10px;box-shadow:none;position:relative
}
.header-search input{
  flex:1;border:0;background:transparent;padding:10px 0;outline:none;box-shadow:none
}
.header-search button{
  border:0;background:var(--primary);color:#fff;padding:12px 18px;border-radius:999px;cursor:pointer
}
.mobile-global-search{display:none}
.search-suggest{
  position:absolute;left:0;right:86px;top:calc(100% + 8px);
  background:#fff;border:1px solid #d7e1ec;border-radius:14px;
  box-shadow:0 12px 26px rgba(2,12,27,.12);z-index:70;max-height:360px;overflow:auto
}
.search-suggest-list{
  list-style:none;
  margin:0;
  padding:10px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.search-suggest-heading{
  padding:8px 12px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;
  color:#64748b;font-weight:800
}
.search-suggest-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:8px 12px;border-radius:10px;color:#1f2d3d;cursor:pointer;
  border:1px solid transparent
}
.search-suggest-thumb{
  width:40px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0
}
.search-suggest-item:hover,
.search-suggest-item.active{background:#f3f8fd}
.search-suggest-item--featured{
  background:#fef9c3;
  border:1px solid #fde68a;
  box-shadow:0 1px 2px rgba(146,64,14,.05);
}
.search-suggest-item--featured:hover,
.search-suggest-item--featured.active{
  background:#fef08a;
  border-color:#fbbf24;
}
.search-suggest-item-label{font-weight:700}
.search-suggest-item-label mark{
  background:#fff0c9;color:#7c2d12;padding:0 2px;border-radius:4px
}
.search-suggest-item-meta{font-size:12px;color:#64748b}
.search-suggest-featured-badge{
  font-size:10px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,white);
  border-radius:999px;padding:3px 8px;white-space:nowrap;flex-shrink:0
}
.search-suggest-tag{
  font-size:11px;font-weight:800;color:#0f4c81;background:#e7f0f8;border-radius:999px;padding:4px 8px
}
.search-suggest-empty{
  padding:10px 12px;color:#64748b;font-size:13px
}
.header-actions{display:flex;gap:10px}
.header-actions .btn,
.header-actions .profile-menu-btn{
  height:50px;
}
.header-actions .btn{
  border-color:transparent !important;
}
.mobile-menu-toggle,
.mobile-publish-toggle{
  display:none;
  align-items:center;
  justify-content:center;
  width:50px;
  height:50px;
  border:1px solid var(--line);
  background:#fff;
  padding:0;
  border-radius:12px;
  cursor:pointer;
  color:#0f172a;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.mobile-publish-toggle{
  border-color:#C62839;
  background:#C62839;
  color:#fff;
  box-shadow:0 10px 24px rgba(198,40,57,.22);
}
.mobile-publish-toggle:hover,
.mobile-menu-toggle:hover{
  border-color:color-mix(in srgb, var(--primary) 26%, var(--line));
  box-shadow:0 10px 22px rgba(15,76,129,.1);
}
.mobile-publish-toggle:hover{
  border-color:#A52837;
  background:#A52837;
  color:#fff;
  box-shadow:0 12px 28px rgba(165,40,55,.28);
}
.main-nav{
  border-top:1px solid color-mix(in srgb, var(--primary) 10%, var(--line));
  background:color-mix(in srgb, var(--bg) 92%, white);
  position:relative;
  z-index:20;
}
.nav-inner{gap:20px;justify-content:flex-start;padding:12px 0}
.nav-inner a{color:#334155;font-weight:600}
.nav-inner a:hover{color:var(--primary)}
.menu-link-btn{
  background:transparent;border:0;color:#334155;font-weight:600;cursor:pointer;padding:0
}
.menu-link-btn:hover{color:var(--primary)}
.menu-link-btn.is-active{color:var(--primary-dark)}
.menu-mega{
  background:transparent;
  opacity:0;
  transform:translateY(-8px);
  transition:opacity .22s ease, transform .22s ease;
}
.menu-mega[hidden]{display:none !important}
.menu-mega.is-open{
  opacity:1;
  transform:translateY(0);
}
.menu-mega-shell{padding:12px 0 20px}
.menu-mega-card{
  display:grid;
  grid-template-columns:320px 1fr;
  background-color:var(--menu-accent, #0b1220);
  background-image:linear-gradient(135deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.05) 48%, rgba(0,0,0,.08) 100%);
  border:1px solid var(--line);
  border-top:3px solid #d8e3f0;
  border-radius:18px;
  box-shadow:0 20px 42px rgba(15,23,42,.12);
  overflow:hidden;
  position:relative;
}
.menu-mega-regular .menu-mega-shell{
  padding:8px 0 0;
}
.menu-mega-shell-regular{
  display:flex;
  justify-content:flex-start;
}
.menu-mega-regular .menu-mega-card{
  grid-template-columns:1fr;
  width:340px;
  min-height:290px;
}
.menu-mega-mega .menu-mega-card{min-height:320px}
.menu-mega-regular{
  position:absolute;
  top:100%;
  left:var(--regular-left, 0px);
  width:340px;
  z-index:60;
}
.menu-mega-sidebar{
  background:transparent;
  border-right:1px solid rgba(255,255,255,.26);
  padding:16px 14px;
  color:var(--menu-text, #ffffff);
}
.menu-mega-sidebar-head{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.24);
  padding:12px;
  margin-bottom:10px;
}
.menu-mega-sidebar-head p{
  margin:0;
  font-size:11px;
  opacity:.82;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--menu-text, #ffffff);
}
.menu-mega-sidebar-head strong{
  display:block;
  margin-top:4px;
  font-size:16px;
  line-height:1.2;
  color:var(--menu-heading, #ffffff);
}
.menu-mega-links{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.menu-mega-links a{
  color:var(--menu-links, #0f172a);
  font-weight:600;
  text-decoration:none;
  padding:8px 10px;
  border-radius:10px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.45);
}
.menu-mega-links a:hover{
  border-color:rgba(255,255,255,.75);
  background:#fff;
}
.menu-mega-links-links{
  gap:2px;
}
.menu-mega-links-links a{
  background:transparent;
  border:0;
  border-radius:0;
  padding:8px 4px;
  border-bottom:1px solid #e4ebf5;
}
.menu-mega-links-links a:hover{
  background:transparent;
  border-color:rgba(255,255,255,.4);
  color:var(--menu-links, #0f172a);
}
.menu-mega-feature{
  padding:14px;
  display:flex;
  align-items:stretch;
  background:rgba(255,255,255,.08);
}
.menu-mega-media-link{
  display:block;
  width:100%;
  height:100%;
}
.menu-mega-feature img{
  width:100%;
  height:100%;
  min-height:240px;
  object-fit:cover;
  border-radius:14px;
  border:1px solid #d8e3f0;
}
.menu-mega-placeholder{
  width:100%;
  border-radius:14px;
  border:1px dashed #c8d6ea;
  background:
    radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--menu-accent, #0b1220) 18%, white) 0, transparent 55%),
    linear-gradient(135deg,#f8fafc 0,#eef2f8 100%);
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.menu-mega-placeholder span{
  display:inline-block;
  width:max-content;
  font-size:11px;
  padding:6px 8px;
  border-radius:999px;
  background:color-mix(in srgb, var(--menu-accent, #0b1220) 16%, white);
  color:var(--menu-text, #ffffff);
  font-weight:700;
}
.menu-mega-placeholder h4{
  margin:10px 0 8px;
  font-size:28px;
  line-height:1.05;
  color:var(--menu-heading, #ffffff);
}
.menu-mega-placeholder p{
  margin:0;
  color:var(--menu-text, #ffffff);
  max-width:560px;
}
.menu-mega-actions{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  padding:0 14px 12px;
}
.menu-mega-close-btn{
  border:1px solid #d8e3f0;
  background:#f8fbff;
  color:#4b5d74;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  padding:7px 12px;
  cursor:pointer;
  transition:all .2s ease;
}
.menu-mega-close-btn:hover{
  background:#eef5fd;
  border-color:#c7d7ea;
  color:#334155;
}
.mobile-nav{
  display:none;padding:0 16px 16px;background:#fff;border-top:1px solid var(--line);
  overflow-y:auto;-webkit-overflow-scrolling:touch
}
.mobile-nav a{
  display:block;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 18px;border-radius:14px;border:1px solid transparent;
  cursor:pointer;font-weight:700;transition:.2s ease
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-dark)}
.btn-dark{background:#0b1320;color:#fff}
.btn-light{background:#fff;border-color:var(--line);color:var(--text)}
.btn-outline{background:transparent;border-color:rgba(255,255,255,.24);color:#fff}
.btn-sm{padding:10px 14px;font-size:14px}
.btn-icon{width:44px;height:44px;padding:0;background:#fff;border:1px solid var(--line)}

/* Estado de carga en envío (similar a Filament: spinner + deshabilitado) */
.btn.is-loading{
  position:relative;pointer-events:none;cursor:wait;opacity:.9
}
.btn.is-loading:hover{transform:none}
.btn-loading-spinner{
  display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;
  border:2px solid currentColor;border-right-color:transparent;border-radius:50%;
  animation:eg-btn-spin .55s linear infinite;vertical-align:-.12em
}
@keyframes eg-btn-spin{to{transform:rotate(360deg)}}
.btn-primary .btn-loading-spinner,.btn-dark .btn-loading-spinner{
  border-color:rgba(255,255,255,.4);border-right-color:transparent
}
.btn-light .btn-loading-spinner{
  border-color:rgba(11,19,32,.28);border-right-color:transparent
}
input.btn.is-loading:disabled{opacity:.9;cursor:wait}

.full{width:100%}
.text-link{color:var(--primary);font-weight:700}
.text-link--small{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
  flex-shrink:0;
  min-width:max-content;
  text-align:right;
}
.eyebrow{
  display:inline-block;padding:4px 10px;background:color-mix(in srgb, var(--accent) 12%, white);color:color-mix(in srgb, var(--accent) 82%, #334155);border:1px solid color-mix(in srgb, var(--accent) 18%, white);
  border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase
}
.eyebrow--icon{
  display:inline-flex;align-items:center;gap:5px;
}
.eyebrow-light{background:rgba(255,255,255,.12);color:#fff}
.muted{color:var(--muted)}
.price,.price-xl{color:var(--primary-dark);font-weight:800}
.price{font-size:20px}
.price-xl{font-size:34px}

.hero{
  padding:56px 0;background:radial-gradient(circle at top left, #173b63 0, #0c2035 55%, #091521 100%);
  color:#fff
}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero-copy h1{font-size:clamp(36px,5vw,62px);line-height:1.03;margin:14px 0 14px}
.hero-copy p{font-size:18px;color:#d2deeb;max-width:680px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.page-hero .hero-actions .btn,
.page-hero .btn.btn-sm{
  border-color:transparent !important;
}
.hero-points{padding:0;list-style:none;display:grid;gap:10px;color:#d2deeb}
.hero-points li::before{content:"✓ ";color:var(--accent);font-weight:800}
.hero-panel,.finder-card,.filters-card,.form-card,.contact-card,.detail-card{
  background:#fff;color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.08)
}
.hero-panel{padding:24px}
.hero-panel h3,.finder-card h3{margin-top:0;font-size:22px}
.finder-form,.stack-form{display:grid;gap:12px}
.required-mark{
  color:var(--error);
  font-weight:700;
  text-decoration:none;
  margin-left:3px;
  cursor:help;
}
.form-required-legend{
  font-size:13px;
  color:var(--muted);
  margin:0 0 8px;
}
.field-error-msg{
  color:var(--error);
  font-size:14px;
  margin:6px 0 0;
}
.stack-form input.field-invalid,
.stack-form select.field-invalid,
.stack-form textarea.field-invalid,
.access-form input.field-invalid,
.access-form select.field-invalid,
.access-form textarea.field-invalid,
.form-grid input.field-invalid,
.form-grid select.field-invalid,
.form-grid textarea.field-invalid{
  border-color:var(--error) !important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--error) 12%,transparent);
}
.upload-block-invalid .upload-dropzone{
  border-color:var(--error);
  background:color-mix(in srgb,var(--error) 5%,white);
}
.field-group-invalid{
  outline:2px solid color-mix(in srgb,var(--error) 35%,transparent);
  border-radius:var(--radius-sm);
}
.stack-form input,.stack-form select,.stack-form textarea,
.access-form input,.access-form select,.access-form textarea,
.form-grid input,.form-grid select, .header-search input, textarea{
  width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 14px;outline:none
}
.stack-form select,
.access-form select,
.form-grid select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  cursor:pointer;
  padding-right:44px;
  border-color:#cfd9e6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364758B' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.stack-form select:hover,
.access-form select:hover,
.form-grid select:hover{
  border-color:#c6d3e2;
  background-color:#fcfdff;
}
.stack-form select:focus,
.access-form select:focus,
.form-grid select:focus{
  border-color:#b7c9de;
  box-shadow:0 0 0 3px rgba(15,76,129,.08);
  background-color:#fff;
}
.stack-form textarea,.access-form textarea,.form-grid textarea, textarea{resize:vertical}
.brand-strip{padding:18px 0;background:#fff;border-bottom:1px solid var(--line)}
.brand-list{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;text-align:center;font-weight:800;color:#94A3B8;letter-spacing:.08em}
.section{padding:68px 0}
body[data-page-context="home"] .home-block.section{padding-top:var(--home-block-gap-desktop,68px);padding-bottom:var(--home-block-gap-desktop,68px)}
.section-soft{background:var(--bg)}
.section-soft .section-head{margin-bottom:16px}
.section-dark{background:#08121d;color:#fff}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}
.section-head--with-icon{align-items:flex-start;flex-wrap:wrap}
.section-head--home-featured{
  flex-wrap:nowrap;
  align-items:flex-start;
}
.section-head--home-featured .section-head-copy{
  flex:1;
  min-width:0;
}
.section-head-action-right{
  flex-shrink:0;
  margin-left:auto;
  align-self:flex-start;
  padding-top:6px;
}
@media (max-width: 720px){
  .section-head--home-featured{
    flex-wrap:wrap;
  }
  .section-head--home-featured .section-head-action-right{
    width:100%;
    margin-left:0;
    padding-top:0;
    margin-top:4px;
    text-align:right;
  }
}
.section-head h2{font-size:34px;line-height:1.1;margin:4px 0 0;padding-bottom:0}
/* Misma separación label (eyebrow) → título: el inline-flex del eyebrow dejaba huecos distintos según icono/línea */
.section-head:not(.section-head--spotlights) > div:has(> .eyebrow + h2){
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.section-head:not(.section-head--spotlights) > div:has(> .eyebrow + h2) > h2{margin-top:0}
.categories-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px
}
.category-card{
  padding:24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);
  transition:.2s ease
}
.category-card:hover,.product-card:hover,.vehicle-card:hover,.dealer-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,76,129,.12);z-index:1}
.icon-circle{
  width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
  background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:800
}
.category-card h3{margin:14px 0 8px}
.category-card p{margin:0;color:var(--muted)}

.feature-banner{
  display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;background:#fff;
  padding:28px;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft)
}
.feature-copy h2{font-size:40px;line-height:1.05;margin:12px 0}
.vehicle-sample-card{
  overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-soft)
}
.sample-image{
  height:240px;background:linear-gradient(135deg,#d8e4f0,#a7c3de)
}
.sample-body{padding:18px}

.product-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px
}
.product-card,.vehicle-card,.dealer-card{
  background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:0 1px 4px rgba(15,23,42,.06);position:relative;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  min-width:0;display:flex;flex-direction:column;
}
.vehicle-card--featured{
  border:1px solid var(--line);
  box-shadow:0 1px 4px rgba(15,23,42,.06);
  background:#fff;
}
.vehicle-card--featured:hover{
  box-shadow:0 12px 32px rgba(15,23,42,.12) !important;
  border-color:#cbd5e1 !important;
}
.product-thumb,.product-thumb-wrap,.vehicle-image,.dealer-cover,.detail-main-image,.part-image,.thumb{
  background:linear-gradient(135deg,#d9e5ef 0,#a7c1d8 100%)
}
.product-thumb{aspect-ratio:16/9;position:relative}
/* ── Popular Products image wrap (new photo-first design) ── */
.product-thumb-wrap{
  aspect-ratio:16/9;position:relative;overflow:hidden;display:block;
  border-radius:16px 16px 0 0;
}
.product-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.product-card:hover .product-thumb-wrap img{transform:scale(1.06)}
.product-views-badge{
  position:absolute;bottom:8px;right:8px;
  display:inline-flex;align-items:center;gap:3px;
  background:rgba(15,23,42,.6);color:#fff;
  font-size:10px;font-weight:700;padding:3px 7px;
  border-radius:999px;line-height:1;backdrop-filter:blur(4px);
}
.product-compare-price{
  font-size:12px;color:#94a3b8;text-decoration:line-through;
  font-weight:500;align-self:flex-end;padding-bottom:1px;
}
.badge{
  position:absolute;top:14px;left:14px;background:var(--accent);color:#fff;
  padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800
}
/* Hero background image support */
.home-hero{background-image:var(--home-hero-photo, linear-gradient(118deg,var(--identity-vehicles-primary) 0%,var(--primary) 100%));background-size:cover;background-position:center}
.badge-featured{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,white);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;letter-spacing:.02em}
.card-micro-badges{display:flex;align-items:center;gap:5px;margin-top:6px;flex-wrap:wrap}
.card-micro-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:3px 7px;line-height:1}
.card-micro-badge--featured{background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,white)}
.card-micro-badge--featured-text{display:inline-flex;align-items:center;justify-content:center;gap:0;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 35%,white);font-weight:700}
.card-micro-badge--featured-text svg{width:12px;height:12px;flex:0 0 auto}
.featured-icon-flag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#f97316;
  line-height:1;
  filter:drop-shadow(0 6px 16px rgba(15,23,42,.22));
}
.featured-icon-flag svg{
  width:20px;
  height:20px;
  flex:0 0 auto;
}
.card-micro-badge--negotiable{background:color-mix(in srgb,var(--success) 12%,white);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 28%,white)}
.card-attrs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.card-attr{
  display:inline-flex;align-items:center;
  font-size:11px;font-weight:600;line-height:1;
  border-radius:5px;padding:3px 8px;
  white-space:nowrap;
}
.card-attr--neutral{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}
.featured-icon-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;border-radius:6px;padding:3px 7px}
.featured-icon-badge--on{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);border:1px solid color-mix(in srgb,var(--accent) 25%,white)}
.featured-icon-badge--off{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}
.product-body,.vehicle-body{
  padding:12px 14px 14px;
  min-width:0;
  background:#fff;
  flex:1;display:flex;flex-direction:column;
  border-radius:0 0 16px 16px;
}
.vehicle-card:hover .vehicle-body,.product-card:hover .product-body{}
.product-body h3,.vehicle-body h3,.dealer-card h3{
  margin:0 0 3px;font-size:14px;font-weight:700;
  color:#0f172a;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden
}
.product-body p,.vehicle-body p{margin:0 0 6px;color:#64748b;font-size:12px;font-weight:400}
.product-meta,.card-actions,.vehicle-top{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px 10px;margin-top:8px;min-width:0;
}
.vehicle-body .price,.product-body .price{
  min-width:0;flex:1 1 auto;
  font-size:18px;
  line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
  color:var(--primary-dark);font-weight:800;
}
.card-cta{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;font-weight:700;color:#0f4c81;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  padding:5px 10px;border-radius:8px;background:#e8f1fa;
  transition:.15s ease;border:none;cursor:pointer;
}
.card-cta:hover{background:#c5d5e8;color:#0f4c81}
.card-loc{
  font-size:11.5px;color:#64748b;
  display:inline-flex;align-items:center;gap:3px;
  margin-top:5px;
}
.card-stock{font-size:11.5px;margin-top:3px}
.card-stock--out{color:var(--error)}
.card-stock--low{color:color-mix(in srgb,var(--error) 60%,#b45309)}
.card-stock--mid{color:color-mix(in srgb,var(--error) 40%,#b45309)}
.card-stock--ok{color:var(--success)}
.vehicle-body .card-attrs,.product-body .card-attrs{margin-top:8px}
.compatibility-pill{
  display:inline-block;background:#eff6ff;color:var(--primary);padding:8px 10px;border-radius:999px;
  font-size:13px;font-weight:700;margin:6px 0 14px
}
.cta-box{
  display:flex;align-items:center;justify-content:space-between;gap:20px
}
.cta-box h2{font-size:36px;margin:10px 0}
.page-hero{
  background:linear-gradient(180deg,#f7f9fc 0,#eef4fa 100%);padding:56px 0;border-bottom:1px solid var(--line)
}
.page-hero-small{padding:42px 0}
.page-hero h1{font-size:48px;line-height:1.05;margin:12px 0}
.page-hero p{color:var(--muted);font-size:18px;max-width:700px}
.parts-hero{
  background:linear-gradient(135deg,#0d2741,#133b60 55%, #245989);color:#fff
}
.parts-hero p{color:#d0dceb}
.parts-hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center
}
.finder-card{padding:24px}

.listing-layout{
  display:grid;grid-template-columns:1fr;gap:24px
}
@media(min-width:901px){
  .listing-layout.filters-visible{
    grid-template-columns:300px 1fr;
  }
}
.filters-card{display:none;padding:22px;height:max-content;position:sticky;top:132px}
.filters-card.filters-open{display:block}
.filters-toggle-btn{
  display:inline-flex;align-items:center;gap:5px;
  min-height:42px;
  padding:10px 14px;border-radius:14px;
  border:1px solid var(--line);background:#f8fafc;
  color:var(--primary);font-size:14px;font-weight:700;
  cursor:pointer;transition:.15s ease;white-space:nowrap;
  flex-shrink:0;
}
.filters-toggle-anchor{
  position:relative;
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
}
.filters-tooltip{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  z-index:25;
  width:min(280px, calc(100vw - 48px));
  padding:12px 40px 12px 14px;
  border:1px solid rgba(15, 23, 42, .12);
  border-radius:14px;
  background:linear-gradient(180deg, #fff, #f8fbff);
  box-shadow:0 16px 34px rgba(15, 23, 42, .14);
  color:#0f172a;
}
.filters-tooltip::before{
  content:"";
  position:absolute;
  top:-8px;
  left:22px;
  width:14px;
  height:14px;
  background:inherit;
  border-top:1px solid rgba(15, 23, 42, .12);
  border-left:1px solid rgba(15, 23, 42, .12);
  transform:rotate(45deg);
}
.filters-tooltip.is-hidden{display:none}
.filters-tooltip strong{
  display:block;
  margin-bottom:4px;
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--primary);
}
.filters-tooltip p{
  margin:0;
  font-size:13px;
  line-height:1.45;
  color:#334155;
}
.filters-tooltip__close{
  position:absolute;
  top:8px;
  right:8px;
  width:24px;
  height:24px;
  border:none;
  border-radius:999px;
  background:transparent;
  color:#64748b;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}
.filters-tooltip__close:hover{
  background:rgba(148, 163, 184, .14);
  color:#0f172a;
}
.filters-toggle-btn:hover{background:#f1f5f9;border-color:var(--primary)}
.filters-toggle-btn[aria-expanded="true"]{background:#e8f1fa;border-color:var(--primary)}
.filters-card h3{margin-top:0}
.filter-links{display:grid;gap:8px}
.filter-links a{padding:10px 12px;background:var(--bg);border-radius:12px;font-weight:600;color:#334155}
body[data-module="vehicles"]{
  --listing-module-primary:var(--identity-vehicles-primary);
  --listing-module-soft:var(--identity-vehicles-soft);
  --listing-module-accent:var(--identity-vehicles-accent);
}
body[data-module="bikes"]{
  --listing-module-primary:var(--identity-bikes-primary);
  --listing-module-soft:var(--identity-bikes-soft);
  --listing-module-accent:var(--identity-bikes-accent);
}
body[data-module="parts"]{
  --listing-module-primary:var(--identity-parts-primary);
  --listing-module-soft:var(--identity-parts-soft);
  --listing-module-accent:var(--identity-parts-accent);
}
body[data-module="products"]{
  --listing-module-primary:var(--identity-products-primary);
  --listing-module-soft:var(--identity-products-soft);
  --listing-module-accent:var(--identity-products-accent);
}
body[data-module="junkers"]{
  --listing-module-primary:var(--identity-junkers-primary);
  --listing-module-soft:var(--identity-junkers-soft);
  --listing-module-accent:var(--identity-junkers-accent);
}
body[data-module] .filters-card{
  border:1px solid color-mix(in srgb, var(--listing-module-primary) 14%, white);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--listing-module-soft) 36%, white) 0%,
      #ffffff 100%);
  box-shadow:0 18px 42px color-mix(in srgb, var(--listing-module-primary) 12%, transparent);
}
body[data-module] .filters-card h3{
  color:color-mix(in srgb, var(--listing-module-accent) 80%, #0f172a);
}
body[data-module] .filters-card .stack-form input,
body[data-module] .filters-card .stack-form select,
body[data-module] .filters-card .stack-form textarea{
  border-color:color-mix(in srgb, var(--listing-module-primary) 14%, white);
  background:color-mix(in srgb, var(--listing-module-soft) 48%, white);
}
body[data-module] .filters-card .stack-form input:focus,
body[data-module] .filters-card .stack-form select:focus,
body[data-module] .filters-card .stack-form textarea:focus{
  border-color:color-mix(in srgb, var(--listing-module-primary) 38%, white);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--listing-module-primary) 14%, transparent);
  background:#fff;
}
body[data-module] .filters-card .stack-form select{
  background-color:color-mix(in srgb, var(--listing-module-soft) 48%, white);
}
body[data-module] .filters-card .stack-form select:hover{
  border-color:color-mix(in srgb, var(--listing-module-primary) 22%, white);
  background-color:color-mix(in srgb, var(--listing-module-soft) 58%, white);
}
body[data-module] .filter-links a{
  background:color-mix(in srgb, var(--listing-module-soft) 82%, white);
  color:color-mix(in srgb, var(--listing-module-accent) 82%, #334155);
  border:1px solid color-mix(in srgb, var(--listing-module-primary) 10%, white);
}
body[data-module] .filter-links a:hover{
  background:color-mix(in srgb, var(--listing-module-soft) 94%, white);
  border-color:color-mix(in srgb, var(--listing-module-primary) 20%, white);
  color:var(--listing-module-primary);
}
.list-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px
}
.list-toolbar .btn{
  border-color:transparent !important;
}
.vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vehicle-image{aspect-ratio:16/9;position:relative;overflow:hidden;display:block;border-radius:16px 16px 0 0}
.vehicle-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.vehicle-card:hover .vehicle-image img,.product-card:hover .product-thumb img{transform:scale(1.04)}
.vehicle-image::after{display:none}
.product-thumb::after{
  content:'';position:absolute;inset:0;pointer-events:none;z-index:1;
  background:linear-gradient(to top,rgba(5,15,30,.4) 0%,transparent 60%);
}
.card-fav{
  position:absolute;top:10px;right:10px;z-index:10;
  width:34px;height:34px;padding:0;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.4);border-radius:50%;
  cursor:pointer;display:grid;place-items:center;
  transition:.18s ease;color:#64748b;text-decoration:none;
  box-shadow:0 1px 5px rgba(0,0,0,.18);
}
.card-fav:hover{background:#fff;color:var(--error);transform:scale(1.1)}
.card-fav--saved{background:#fff;color:var(--error);border-color:transparent}
.listing-layout .vehicle-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:18px;
}
@media(min-width:901px){
  .listing-layout .vehicle-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
  .listing-layout .vehicle-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
  .listing-layout .vehicle-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
  .listing-layout .vehicle-grid[data-cols="5"]{grid-template-columns:repeat(5,1fr)}
  /* Sidebar abierto: reducir 1 columna */
  .listing-layout.filters-visible .vehicle-grid[data-cols="3"]{grid-template-columns:repeat(2,1fr)}
  .listing-layout.filters-visible .vehicle-grid[data-cols="4"]{grid-template-columns:repeat(3,1fr)}
  .listing-layout.filters-visible .vehicle-grid[data-cols="5"]{grid-template-columns:repeat(4,1fr)}
}
.listing-layout .vehicle-grid .vehicle-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:0 1px 4px rgba(15,23,42,.06);
  overflow:hidden;
}
.listing-layout .vehicle-grid .vehicle-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(15,23,42,.12);
  border-color:#cbd5e1;
  z-index:1;
}
.listing-layout .vehicle-grid .vehicle-card--featured{
  border:1px solid rgba(249,115,22,.28);
  box-shadow:0 1px 4px rgba(15,23,42,.06), 0 0 0 1px rgba(251,146,60,.08);
  background:#fff;
  border-radius:16px;
}
.listing-layout .vehicle-grid .vehicle-card--featured:hover{
  box-shadow:0 12px 32px rgba(15,23,42,.12) !important, 0 0 0 1px rgba(249,115,22,.16);
  border-color:rgba(249,115,22,.42) !important;
}
.listing-layout .vehicle-grid .vehicle-card--featured .vehicle-image{
  border-radius:16px 16px 0 0;
  border-color:transparent;
}
.listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body{
  border-radius:0 0 16px 16px;
  background:#fff;
}
.listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body h3,
.listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body h3 a{
  color:#ea580c;
}
.listing-layout .vehicle-grid .vehicle-card--featured .card-micro-badges{
  margin-top:0;
  margin-bottom:8px;
}
.listing-layout .vehicle-grid .vehicle-card--featured .card-micro-badge--featured-text{
  background:#fff0e6;
  color:#c2410c;
  border-color:#ea580c;
}
.listing-layout .vehicle-grid .vehicle-image{
  aspect-ratio:16 / 9;
  border-radius:16px 16px 0 0;
  border:none;
  background:linear-gradient(135deg,#d9e5ef 0,#a7c1d8 100%);
  overflow:hidden;
  position:relative;
}
.listing-layout .vehicle-grid .vehicle-image .vehicle-card__img-link{
  display:block;
  position:absolute;
  inset:0;
}
.listing-layout .vehicle-grid .vehicle-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.listing-layout .vehicle-grid .card-price-overlay{
  position:absolute;
  bottom:0;left:0;right:0;
  padding:32px 12px 10px;
  background:linear-gradient(to top,rgba(5,15,30,.72) 0%,transparent 100%);
  display:flex;align-items:flex-end;gap:6px;
  pointer-events:none;
  z-index:2;
}
.listing-layout .vehicle-grid .card-price-overlay .price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(12,18,32,.82);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#fff !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.2;
  letter-spacing:-.01em;
}
.listing-layout .vehicle-grid .card-price-overlay__compare{
  color:rgba(255,255,255,.65);
  font-size:11px;
  font-weight:500;
  text-decoration:line-through;
  margin-left:5px;
  align-self:flex-end;
  padding-bottom:2px;
}
.listing-layout .vehicle-grid .vehicle-body{
  padding:0 12px 12px;
  background:#fff;
  border-radius:0 0 16px 16px;
  min-width:0;
  display:flex;
  flex-direction:column;
}
.listing-layout .vehicle-grid .vehicle-body .card-micro-badges{
  order:1;
  margin-top:0;
  margin-bottom:4px;
}
.listing-layout .vehicle-grid .listing-card-toprow{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  order:1;
  margin-bottom:4px;
  padding-top:8px;
}
.listing-layout .vehicle-grid .vehicle-body > p.muted{
  order:2;
  margin:0 0 3px;
}
.listing-layout .vehicle-grid .vehicle-body > h3{
  order:3;
}
.listing-layout .vehicle-grid .vehicle-body .card-attrs{
  order:4;
  margin-top:6px;
  margin-bottom:0;
}
.listing-layout .vehicle-grid .vehicle-body .card-actions{
  order:5;
  margin-top:auto;
  padding-top:8px;
}
.listing-layout .vehicle-grid .vehicle-body .card-stock{
  order:6;
  margin-top:4px;
  margin-bottom:0;
}
.listing-layout .vehicle-grid .vehicle-body h3{
  margin:0 0 0;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.listing-layout .vehicle-grid .vehicle-body p{
  margin:0 0 0;
  color:#64748b;
  font-size:11px;
  line-height:1.4;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.listing-layout .vehicle-grid .card-loc{
  display:inline-flex;
  font-size:12.5px;
  margin-top:0;
  margin-bottom:0;
}
.listing-layout .vehicle-grid .listing-card-ago{
  flex:0 0 auto;
  font-size:10px;
  color:#94a3b8;
  white-space:nowrap;
}
.listing-layout .vehicle-grid .card-attrs{
  gap:4px;
}
.listing-layout .vehicle-grid .card-attr{
  border-radius:999px;
  padding:3px 7px;
  font-size:10px;
}
.listing-layout .vehicle-grid .card-actions{
  align-items:center;
  justify-content:space-between;
}
.listing-layout .vehicle-grid .card-actions::after{
  display:none;
}
.listing-layout .vehicle-grid .card-cta{
  display:none;
}
.listing-layout .vehicle-grid .vehicle-body .price{
  flex:0 1 auto;
  font-size:15px;
  color:#111827;
  font-weight:800;
}
.listing-layout .vehicle-grid .product-card-body{
  padding:10px 12px 12px;
}
.listing-layout .vehicle-grid .product-card-featured-slot,
.listing-layout .vehicle-grid .product-card-title,
.listing-layout .vehicle-grid .product-card-meta,
.listing-layout .vehicle-grid .product-card-price-row,
.listing-layout .vehicle-grid .product-card-stock-slot,
.listing-layout .vehicle-grid .product-card-loc-slot,
.listing-layout .vehicle-grid .product-card-attrs-slot{
  min-height:0;
}
.listing-layout .vehicle-grid .home-item-label{
  position:absolute;
  top:8px;
  left:8px;
  bottom:auto;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:auto;
  height:auto;
  min-height:0;
  max-width:max-content;
  font-size:9px;
  line-height:1;
  font-weight:800;
  white-space:nowrap;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(15,23,42,.84);
  color:#fff;
  box-shadow:0 8px 16px rgba(15,23,42,.08);
}
.listing-layout .vehicle-grid .home-item-label--vehicle{background:rgba(192,21,42,.88)}
.listing-layout .vehicle-grid .home-item-label--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 88%, transparent)}
.listing-layout .vehicle-grid .home-item-label--part{background:rgba(234,88,12,.9)}
.listing-layout .vehicle-grid .home-item-label--yunker{background:rgba(217,119,6,.9)}
.listing-layout .vehicle-grid .home-item-label--product{background:rgba(147,51,234,.88)}
.listing-layout .vehicle-grid .home-item-label--ad{background:rgba(15,23,42,.82)}
.listing-layout .vehicle-grid .home-item-label-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:13px;
  height:13px;
}
.listing-layout .vehicle-grid .home-item-label-icon svg{
  width:13px;
  height:13px;
}
.listing-layout .vehicle-grid .featured-icon-flag--media{
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:4;
}
.listing-layout .vehicle-grid .featured-icon-flag--media svg{width:22px;height:22px}
.listing-layout .vehicle-grid .market-card__media{
  position:relative;
  aspect-ratio:16 / 10;
  background:linear-gradient(135deg,#d9e5ef 0,#a7c1d8 100%);
}
.listing-layout .vehicle-grid .market-card__media-link{
  display:block;
  width:100%;
  height:100%;
}
.listing-layout .vehicle-grid .market-card__media-link picture{
  display:block;
  width:100%;
  height:100%;
}
.listing-layout .vehicle-grid .vehicle-card--ad-inline{
  border-color:#bfd7df;
  background:linear-gradient(180deg,#fbfeff 0%,#f3f9fb 100%);
  box-shadow:0 1px 4px rgba(15,23,42,.05), inset 4px 0 0 rgba(14,116,144,.26);
}
.listing-layout .vehicle-grid .vehicle-card--ad-inline:hover{
  border-color:#9fc4cf;
  box-shadow:0 12px 28px rgba(15,23,42,.1), inset 4px 0 0 rgba(14,116,144,.34);
}
.listing-layout .vehicle-grid .vehicle-card--ad-inline .market-card__body{
  background:linear-gradient(180deg,#ffffff 0%,#f6fbfc 100%);
}
.listing-layout .vehicle-grid .vehicle-card--ad-inline .home-item-label--ad{
  background:rgba(14,116,144,.9);
}
.listing-layout .vehicle-grid .vehicle-card--ad-inline .market-card__topline{
  margin-top:0;
  min-height:47px;
  padding:12px 0 10px;
}
.listing-layout .vehicle-grid .market-card__media-link img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.listing-layout .vehicle-grid .market-card__media-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#64748b;
  font-size:13px;
  font-weight:700;
  background:linear-gradient(135deg,#eef3f7 0,#dbe5ef 100%);
}
.listing-layout .vehicle-grid .market-card__body{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:8px;
  padding:0 16px 14px;
}
.listing-layout .vehicle-grid .market-card__topline{
  order:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:-14px;
  padding:0 0 10px;
  border-bottom:1px solid rgba(219,229,239,.92);
}
.listing-layout .vehicle-grid .market-card__title{
  order:3;
  margin:0;
  font-size:20px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.03em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.listing-layout .vehicle-grid .market-card__title a{
  color:inherit;
  text-decoration:none;
}
.listing-layout .vehicle-grid .market-card__title--accent,
.listing-layout .vehicle-grid .market-card__title--accent a{
  color:#ea580c;
}
.listing-layout .vehicle-grid .market-card__meta{
  order:2;
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
.listing-layout .vehicle-grid .market-card__stock{
  order:4;
  margin-top:-2px;
  font-size:11px;
  font-weight:700;
}
.listing-layout .vehicle-grid .market-card__loc{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
  margin:0;
  color:#0f4c81;
  font-size:12px;
  font-weight:700;
}
.listing-layout .vehicle-grid .market-card__loc span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.listing-layout .vehicle-grid .market-card__ago{
  flex:0 0 auto;
  font-size:11px;
  color:#94a3b8;
  white-space:nowrap;
}
.listing-layout .vehicle-grid .market-card__body .card-attrs{
  order:5;
  margin-top:0;
}
.listing-layout .vehicle-grid .market-card__price-overlay{
  padding:0 14px 14px;
  background:linear-gradient(to top,rgba(5,15,30,.2) 0%,transparent 72%);
}
.listing-layout .vehicle-grid .market-card__media-price{
  border-radius:16px;
  padding:10px 14px;
  font-size:15px !important;
}
.listing-layout .vehicle-grid .market-card__media-compare{
  padding-bottom:4px;
}
.listing-layout .vehicle-grid .market-card__footer{
  order:6;
  margin-top:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:2px;
}
.listing-layout .vehicle-grid .market-card__meta{
  min-height:calc(12px * 1.45);
}
.listing-layout .vehicle-grid .market-card__title{
  min-height:calc(20px * 1.08 * 2);
}
.listing-layout .vehicle-grid .market-card__stock{
  min-height:calc(11px * 1.2);
}
.listing-layout .vehicle-grid .market-card__body .card-attrs{
  min-height:19px;
}
.listing-layout .vehicle-grid .market-card__seller-status{
  flex-shrink:0;
}
.listing-layout .vehicle-grid .market-card__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#0f4c81;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.listing-layout .vehicle-grid .market-card__cta svg{
  width:14px;
  height:14px;
}
.listing-layout .vehicle-grid .card-fav{
  top:10px;
  right:10px;
  width:34px;
  height:34px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 2px 8px rgba(15,23,42,.18);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.listing-layout .vehicle-grid .badge-sale{
  top:46px;
  left:8px;
}
.listing-layout nav[role="navigation"]{
  margin-top:4px;
}
.listing-layout nav[role="navigation"] .sm\:hidden{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.listing-layout nav[role="navigation"] .hidden.sm\:flex-1{
  display:none;
}
.listing-layout nav[role="navigation"] a,
.listing-layout nav[role="navigation"] span{
  text-decoration:none;
}
.listing-layout nav[role="navigation"] .inline-flex{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (min-width: 640px){
  .listing-layout nav[role="navigation"] .sm\:hidden{
    display:none;
  }
  .listing-layout nav[role="navigation"] .hidden.sm\:flex-1{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
  }
}
.listing-layout nav[role="navigation"] .hidden.sm\:flex-1 > div:last-child .inline-flex{
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
}
.listing-layout nav[role="navigation"] .inline-flex.items-center{
  min-height:42px;
  padding:0 14px;
  border:1px solid #d9e2ec;
  background:#fff;
  color:#334155;
  font-size:13px;
  font-weight:700;
}
.listing-layout nav[role="navigation"] a.inline-flex.items-center:hover{
  background:#f8fafc;
  color:#0f172a;
}
.listing-layout nav[role="navigation"] .hidden.sm\:flex-1 > div:first-child p{
  margin:0;
  color:#64748b;
  font-size:13px;
}
.listing-layout nav[role="navigation"] .hidden.sm\:flex-1 > div:first-child .font-medium{
  color:#0f172a;
}
.pager-nav{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.pager-mobile{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.pager-desktop{
  display:none;
}
.pager-summary{
  margin:0;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dbe5f0;
  box-shadow:0 10px 26px rgba(15,23,42,.05);
  color:#52637a;
  font-size:14px;
  font-weight:600;
  line-height:1.2;
}
.pager-summary strong{
  color:#0f172a;
  font-weight:800;
}
.pager-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
  margin-left:auto;
}
.pager-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  height:42px;
  padding:0 14px;
  border-radius:var(--r-lg);
  border:1px solid #d9e2ec;
  background:#fff;
  color:#334155;
  text-decoration:none;
  font-size:13px;
  font-weight:700;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.pager-btn:hover{
  background:#f8fafc;
  border-color:#cbd5e1;
  color:#0f172a;
  transform:translateY(-1px);
}
.pager-btn--current{
  background:#0f4c81;
  border-color:#0f4c81;
  color:#fff;
}
.pager-btn--disabled{
  opacity:.5;
  pointer-events:none;
  box-shadow:none;
}
.pager-btn--icon{
  min-width:42px;
  padding:0;
  font-size:20px;
  line-height:1;
}
.pager-btn--dots{
  min-width:auto;
  padding:0 12px;
}
@media (min-width: 640px){
  .pager-mobile{
    display:none;
  }
  .pager-desktop{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px 16px;
    padding-top:10px;
  }
  .pager-desktop--simple{
    justify-content:flex-end;
  }
}
.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.spec-chips span,.quick-list li,.compatibility-grid span{
  background:color-mix(in srgb, var(--accent) 8%, var(--bg));padding:8px 10px;border-radius:999px;font-size:13px;color:color-mix(in srgb, var(--accent) 74%, #334155);border:1px solid color-mix(in srgb, var(--accent) 12%, white)
}
.detail-layout{
  display:grid;grid-template-columns:1.25fr .75fr;gap:24px
}
.detail-layout>*{min-width:0}
.detail-main-image{height:420px;border-radius:22px}
.part-image{background:linear-gradient(135deg,#f2f5f8,#c7d6e3)}
.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}
.thumb{height:96px;border-radius:18px}
.detail-card{padding:22px;margin-top:18px}
.detail-attr-grid{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 16px;
}
.detail-attr-grid li{min-width:0}
.detail-attr-grid li div,
.detail-attr-grid li span,
.detail-attr-grid li strong{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.spec-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px
}
.spec-grid div{
  background:var(--bg);padding:14px;border-radius:14px;display:flex;justify-content:space-between;gap:10px;min-width:0
}
.spec-grid div span,.spec-grid div strong{
  overflow-wrap:anywhere;word-break:break-word;min-width:0
}
.spec-grid.tight{grid-template-columns:1fr}
.listing-status-inline{
  margin:0 0 12px;
}
.listing-status-inline--pending{
  margin:16px 0 22px;
  padding:6px 0 18px;
}
.listing-status-hint{
  margin:-4px 0 12px;
  font-size:13px;
  line-height:1.4;
  color:var(--muted);
}
.listing-pub-dates{display:flex;flex-direction:column;gap:2px;margin:6px 0 4px}
.listing-pub-date{
  display:inline-flex;align-items:flex-start;gap:5px;
  margin:0;
  font-size:12px;font-weight:500;color:#94a3b8;line-height:1.4;
}
.listing-pub-date--updated{color:#b0bac8}
.listing-pub-date__ago{color:#b0bac8;font-weight:400}
.listing-status-package{
  margin:0 0 4px;
  font-size:13px;
  color:#b45309;
}
.listing-status-package-pill{
  margin:8px 0 4px;
}
.listing-status-package-link{
  margin-bottom:12px;
}
.contact-card__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  margin-bottom:0;
  flex-wrap:wrap;
}
.contact-card--featured{
  background:linear-gradient(180deg,#fff7f0 0%,#fffaf6 100%);
  border:1px solid #ea580c;
}
.contact-card__head .eyebrow{
  margin:0;
}
.listing-report-card .contact-card__head{
  margin-bottom:10px;
}
.listing-report-card__title{
  margin:0 0 12px;
  color:#0f172a;
}
.listing-report-card__intro{
  margin:0 0 14px;
}
.listing-report-modal__eyebrow{
  margin:0 0 10px !important;
}
.listing-report-modal__title{
  margin:0 0 12px !important;
}
.listing-report-modal__intro{
  margin:0;
}
.listing-featured-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  align-self:flex-start;
  margin-left:auto;
  padding:4px 10px;
  border-radius:999px;
  background:#fff0e6;
  border:1px solid #ea580c;
  color:#c2410c;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  line-height:normal;
  white-space:nowrap;
}
.listing-featured-pill svg{width:13px;height:13px;flex:0 0 auto}
.listing-status-owner-corner-wrap{
  display:inline-block;
  text-align:right;
  position:relative;
  vertical-align:top;
  outline:none;
}
.listing-status-owner-corner-wrap:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:3px;
  border-radius:14px;
}
.listing-status-owner-corner{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:0.02em;
  line-height:1.2;
  padding:5px 10px;
  border-radius:999px;
  max-width:100%;
  border:1px solid transparent;
  cursor:help;
}
.listing-status-owner-corner--approved{
  color:#047857;
  background:rgba(16,185,129,.14);
  border-color:rgba(16,185,129,.22);
}
.listing-status-owner-corner--pending{
  color:var(--primary-dark);
  background:color-mix(in srgb, var(--primary) 10%, var(--surface));
  border-color:color-mix(in srgb, var(--primary) 24%, var(--line));
}
.listing-status-owner-corner--rejected{
  color:#b91c1c;
  background:rgba(239,68,68,.12);
  border-color:rgba(239,68,68,.2);
}
.listing-status-owner-corner--draft{
  color:#475569;
  background:rgba(100,116,139,.1);
  border-color:rgba(100,116,139,.18);
}
.listing-status-owner-corner--expired{
  color:#b45309;
  background:rgba(245,158,11,.14);
  border-color:rgba(245,158,11,.24);
}
.listing-status-owner-corner--default{
  color:#475569;
  background:rgba(100,116,139,.1);
  border-color:rgba(100,116,139,.18);
}
/* Tooltip al hover: anclado al borde derecho del pin, se expande hacia la izquierda */
.listing-status-owner-hovertip{
  position:absolute;
  z-index:60;
  right:0;
  left:auto;
  top:calc(100% + 4px);
  margin:0;
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  color:#1e293b;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  min-width:200px;
  max-width:min(300px,calc(100vw - 24px));
  width:max-content;
  text-align:left;
  pointer-events:auto;
}
.listing-status-owner-hovertip::before{
  content:"";
  position:absolute;
  bottom:100%;
  left:0;
  right:0;
  height:12px;
}
.compatibility-grid{
  display:flex;gap:10px;flex-wrap:wrap
}
.detail-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.detail-table-scroll table{
  min-width:480px;
}
.sticky-side{position:sticky;top:128px;height:max-content}
.contact-card{padding:22px;margin-bottom:18px}
.contact-card h1{font-size:34px;line-height:1.05;margin:10px 0}
.quick-list{list-style:none;padding:0;display:grid;gap:8px;margin:18px 0}
.seller-status-badge{
  --seller-status-accent:#22c55e;
  --seller-status-bg:#f0fdf4;
  --seller-status-border:#bbf7d0;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid var(--seller-status-border);
  background:var(--seller-status-bg);
  color:#0f172a;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.seller-status-badge--sm{
  padding:6px 10px;
  font-size:11px;
}
.seller-status-badge--text{
  width:auto;
  padding:0;
  border:none;
  background:transparent;
  color:var(--seller-status-accent);
  font-size:18px;
  font-weight:800;
  line-height:1.1;
  box-shadow:none;
}
.seller-status-badge--text .seller-status-badge__dot{
  width:10px;
  height:10px;
  box-shadow:none;
}
.seller-status-badge__dot{
  width:8px;
  height:8px;
  flex-shrink:0;
  border-radius:999px;
  background:var(--seller-status-accent);
  box-shadow:0 0 0 5px color-mix(in srgb, var(--seller-status-accent) 16%, transparent);
}
.seller-status-badge--available{
  --seller-status-accent:#22c55e;
  --seller-status-bg:#f0fdf4;
  --seller-status-border:#bbf7d0;
}
.seller-status-badge--reserved{
  --seller-status-accent:#f59e0b;
  --seller-status-bg:#fffbeb;
  --seller-status-border:#fde68a;
}
.seller-status-badge--sold{
  --seller-status-accent:#ea580c;
  --seller-status-bg:#fff7ed;
  --seller-status-border:#fdba74;
}
.seller-status-badge--paused{
  --seller-status-accent:#64748b;
  --seller-status-bg:#f8fafc;
  --seller-status-border:#cbd5e1;
}
.seller-status-panel{
  margin-top:14px;
  padding:14px;
  border-radius:18px;
  border:1px solid #e2e8f0;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}
.seller-status-panel__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.seller-status-panel__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}
.seller-status-panel__copy{
  margin:10px 0 0;
  font-size:13px;
  color:#475569;
  line-height:1.5;
}
.seller-status-form{
  margin-top:12px;
  display:grid;
  gap:8px;
}
.seller-status-form__label{
  font-size:12px;
  font-weight:700;
  color:#334155;
}
.seller-status-form__controls{
  display:flex;
  gap:10px;
  align-items:center;
}
.seller-status-form__select,
.mine-seller-status-editor__select{
  min-height:38px;
  border-radius:12px;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#0f172a;
  padding:0 12px;
  font:inherit;
}
.seller-status-form__select{
  flex:1 1 auto;
}
.seller-status-form__button{
  min-height:38px;
}
.seller-status-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  flex-wrap:wrap;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid #dbe7f3;
  background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  box-shadow:0 10px 24px rgba(15,76,129,.08);
}
.seller-status-toolbar__summary{
  display:grid;
  gap:6px;
  justify-items:start;
}
.seller-status-toolbar__eyebrow{
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#64748b;
}
.seller-status-toolbar__form{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.seller-status-toolbar__select{
  min-width:170px;
  min-height:42px;
  border-radius:14px;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#0f172a;
  padding:0 14px;
  font:inherit;
}
.seller-status-toolbar__button{
  min-height:42px;
  padding-inline:18px;
  border-radius:14px;
  box-shadow:0 12px 24px rgba(15,76,129,.16);
}
.seller-status-toolbar-stack{
  display:flex;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
@media (max-width: 1180px){
  .panel-head{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .panel-head > :first-child{
    flex:1 1 320px;
    min-width:0;
  }
  .seller-status-toolbar,
  .seller-status-toolbar-stack{
    flex:1 1 100%;
    width:100%;
    justify-content:flex-start;
  }
  .seller-status-toolbar{
    margin-top:4px;
  }
}
@media (max-width: 860px){
  .seller-status-toolbar__form{
    flex-direction:column;
    align-items:stretch;
    width:100%;
  }
  .seller-status-toolbar__select,
  .seller-status-toolbar__button{
    width:100%;
  }
}
.publish-layout{display:grid;gap:20px}
.publish-choice-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px
}
.publish-choice-grid--guest{grid-template-columns:1fr;max-width:560px}
.publish-choice-card{
    position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;
    background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 20px;
    box-shadow:var(--shadow-soft);text-decoration:none;color:inherit;overflow:hidden;
    transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
    opacity:0;transform:translateY(14px)
  }
.publish-choice-grid.is-visible .publish-choice-card{
  opacity:1;transform:translateY(0);
  transition:opacity .5s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1),
    border-color .22s ease, box-shadow .22s ease;
  transition-delay:var(--publish-stagger,0ms)
}
.publish-choice-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .25s ease;
  background:radial-gradient(520px circle at var(--spot-x,50%) var(--spot-y,40%), rgba(15,76,129,.09), transparent 58%)
}
.publish-choice-card:hover::before{opacity:1}
.publish-choice-grid.is-visible .publish-choice-card:hover{
  transform:translateY(-4px);border-color:#c5d8ea;
  box-shadow:0 16px 40px rgba(15,76,129,.12)
}
.publish-choice-card:focus-visible{
  outline:2px solid var(--primary);outline-offset:3px
}
.publish-choice-card:active{transform:translateY(-1px)}
.publish-choice-grid.is-visible .publish-choice-card:active{transform:translateY(-1px)}
.publish-choice-icon{
    display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;
    background:var(--bg);color:var(--primary-dark);margin-bottom:4px
  }
.publish-choice-icon--parts{color:var(--primary)}
.publish-choice-title{margin:0;font-size:22px;line-height:1.15;font-weight:800;color:var(--text)}
.publish-choice-desc{margin:0;flex:1;font-size:15px;line-height:1.45}
.publish-choice-footer{
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-top:6px;padding-top:14px;
  border-top:1px solid var(--line)
}
.publish-choice-btn{pointer-events:none}
.publish-choice-actions{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center
}
.publish-choice-actions .publish-choice-btn{pointer-events:auto}
.publish-choice-card .publish-choice-btn{
  border-width:1px;
  border-style:solid;
  box-shadow:none;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
  background:var(--publish-btn-bg, var(--primary)) !important;
  border-color:var(--publish-btn-border, var(--primary)) !important;
  color:var(--publish-btn-color, #fff) !important;
}
.publish-choice-card:hover .publish-choice-btn{
  transform:translateY(-1px);
  background:var(--publish-btn-hover-bg, var(--publish-btn-bg, var(--primary))) !important;
  border-color:var(--publish-btn-hover-border, var(--publish-btn-border, var(--primary))) !important;
  color:var(--publish-btn-hover-color, var(--publish-btn-color, #fff)) !important;
}
.publish-choice-hint{font-size:13px;font-weight:600;color:var(--muted)}
.publish-choice-guest-card{padding:22px}
@media (prefers-reduced-motion:reduce){
  .publish-choice-card{opacity:1;transform:none;transition:none}
  .publish-choice-card::before{transition:none}
  .publish-choice-grid.is-visible .publish-choice-card:hover{transform:none}
}
.form-card{padding:24px}
.form-card h2{margin-top:0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;align-items:stretch}
.attr-row-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;padding:10px 0;border-bottom:1px solid var(--line,#eef2f7)}
@media(max-width:640px){.attr-row-grid{grid-template-columns:1fr;gap:8px}
.attr-row-grid>div:last-child{justify-self:start}}
.form-grid>div{display:flex;flex-direction:column}
.form-grid>div>input,.form-grid>div>select,.form-grid>div>textarea{margin-top:auto}
.junk-doc-title-row{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:14px
}
.junk-doc-title-row__check .check-item{width:100%}
.upload-box{
  margin:14px 0;border:2px dashed #cbd5e1;background:var(--bg);border-radius:18px;padding:28px;text-align:center;color:var(--muted)
}

.dealer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dealer-cover{height:120px}
.dealer-body{display:flex;gap:14px;align-items:center;padding:18px}
.dealer-logo{
  width:60px;height:60px;border-radius:18px;background:#edf2f7;display:grid;place-items:center;
  font-weight:800;color:var(--primary)
}
.dealer-stats{
  display:flex;justify-content:space-between;padding:0 18px 18px;color:var(--muted);font-weight:600
}
.site-footer{
  position:relative;overflow:hidden;
  background:#0B1220;color:#c7d2df;margin-top:40px
}
.site-footer::before{
  content:'';
  position:absolute;inset:0;
  background-image:url('../img/footer-bg.png');
  background-size:cover;background-position:center 30%;background-repeat:no-repeat;
  opacity:.32;
  pointer-events:none;z-index:0
}
.site-footer::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(11,18,32,.45) 0%,rgba(11,18,32,.72) 55%,rgba(11,18,32,.92) 100%);
  pointer-events:none;z-index:1
}
.footer-grid,.footer-bottom{position:relative;z-index:2}
.footer-grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:48px 0 28px
}
.site-footer h4,.site-footer h5{color:#fff;margin-top:0}
.site-footer a{display:block;color:#c7d2df;margin:8px 0}
.footer-bottom{
  padding:18px 0;border-top:1px solid rgba(255,255,255,.08);color:#93A4B8;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.footer-social-icons{
  display:flex;align-items:center;gap:4px;
}
.footer-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
.footer-theme-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  margin:0;
  padding:4px 9px 4px 4px;
  border:1px solid rgba(148,164,184,.26);
  border-radius:999px;
  background:rgba(15,23,42,.34);
  color:#c7d2df;
  cursor:pointer;
  font:inherit;
  font-size:12px;
  font-weight:700;
  line-height:1;
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.footer-theme-switch:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(199,210,223,.4);
  color:#fff;
}
.footer-theme-switch:focus-visible{
  outline:2px solid color-mix(in srgb,var(--accent) 70%,white);
  outline-offset:3px;
}
.footer-theme-switch__track{
  position:relative;
  width:42px;
  height:24px;
  border-radius:999px;
  background:#1f2937;
  border:1px solid rgba(255,255,255,.12);
  transition:background .18s ease,border-color .18s ease;
}
.footer-theme-switch__thumb{
  position:absolute;
  top:3px;
  left:3px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#e2e8f0;
  box-shadow:0 2px 7px rgba(0,0,0,.35);
  transition:transform .18s ease,background .18s ease;
}
.footer-theme-switch__text{
  white-space:nowrap;
}
.footer-theme-switch__beta{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(168,85,247,.2);
  color:#d8b4fe;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:0;
}
.footer-theme-switch.is-active{
  background:rgba(15,76,129,.28);
  border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.2));
  color:#fff;
}
.footer-theme-switch.is-active .footer-theme-switch__track{
  background:linear-gradient(135deg,var(--primary),var(--accent));
  border-color:rgba(255,255,255,.24);
}
.footer-theme-switch.is-active .footer-theme-switch__thumb{
  transform:translateX(18px);
  background:#fff;
}
/* Mayor especificidad que .site-footer a para anular display:block y margin */
.footer-social-icons a.footer-social-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:8px;
  color:#93A4B8;margin:0;text-decoration:none;
  transition:color .18s ease,background .18s ease;
}
.footer-social-icons a.footer-social-btn:hover{background:rgba(255,255,255,.06)}
.footer-social-icons .footer-social-facebook:hover { color:#1877F2 }
.footer-social-icons .footer-social-instagram:hover{ color:#E1306C }
.footer-social-icons .footer-social-twitter:hover  { color:#E7E9EA }
.footer-social-icons .footer-social-youtube:hover  { color:#FF0000 }
.footer-social-icons .footer-social-tiktok:hover   { color:#69C9D0 }
.footer-social-icons .footer-social-whatsapp:hover { color:#25D366 }
hr{border:0;border-top:1px solid var(--line);margin:16px 0}
/* ─── Profile dropdown ─────────────────────────────────────── */
.profile-menu{position:relative}
.profile-menu-btn{
  border:1px solid var(--line);background:#fff;padding:13px 18px;border-radius:14px;cursor:pointer;
  font-weight:700;color:#1f2d3d;display:inline-flex;align-items:center;gap:8px;transition:.2s ease
}
.profile-menu-btn:hover{border-color:#c6d3e2;transform:translateY(-1px)}
.profile-menu-dropdown{
  position:absolute;right:0;top:calc(100% + 8px);width:280px;background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:0 8px 32px rgba(15,28,45,.12);padding:8px;display:none;z-index:60;
  max-height:88vh;overflow-y:auto
}
.profile-menu-dropdown.open{display:block}

/* User header */
.pmenu-head{display:flex;align-items:center;gap:10px;padding:8px 10px 6px}
.pmenu-avatar{
  width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;
  font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.pmenu-avatar--img{background:none;object-fit:cover;}
.pmenu-head-info{min-width:0}
.pmenu-head-info strong{display:block;font-size:13px;color:#1f2d3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmenu-head-info small{display:block;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmenu-microsite-link{display:inline-flex;align-items:center;gap:3px;margin-top:3px;font-size:10px;font-weight:600;color:var(--primary);text-decoration:none;white-space:nowrap}
.pmenu-microsite-link:hover{text-decoration:underline}
.pmenu-microsite-link svg{flex-shrink:0;opacity:.8}

/* Section labels */
.pmenu-section-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);padding:4px 10px 2px;margin:0
}

/* 2-column grid */
.pmenu-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:2px}
.pmenu-grid a{
  display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;font-size:13px;
  color:#25384f;text-decoration:none;transition:background .12s;white-space:nowrap
}
.pmenu-grid a.pmenu-grid-full{grid-column:1 / -1;justify-content:flex-start}
.pmenu-grid a:hover{background:var(--bg)}
.pmenu-grid a svg{flex-shrink:0;opacity:.55}

/* Flat links (panel, perfil) */
.profile-menu-dropdown>a,.profile-menu-dropdown>form button{
  width:100%;text-align:left;display:flex;align-items:center;gap:8px;
  padding:8px 10px;border-radius:9px;font-size:13px;
  color:#25384f;background:transparent;border:0;cursor:pointer;text-decoration:none;transition:background .12s
}
.profile-menu-dropdown>a:hover,.profile-menu-dropdown>form button:hover{background:var(--bg)}
.profile-menu-dropdown>a svg,.profile-menu-dropdown>form button svg{flex-shrink:0;opacity:.55}

.profile-menu-separator{height:1px;background:var(--line);margin:6px 0}
.topbar-admin-btn{display:inline-flex;align-items:center;gap:5px;background:#1e293b;color:#e2e8f0!important;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:background .15s}
.topbar-admin-btn:hover{background:#0f172a;color:#fff!important}
.topbar-admin-btn svg{flex-shrink:0;opacity:.85}
.profile-menu-admin-link{display:flex!important;align-items:center;gap:8px;background:#1e293b!important;color:#e2e8f0!important;border-radius:9px;padding:9px 10px!important;font-weight:600;font-size:13px;text-decoration:none;transition:background .15s}
.profile-menu-admin-link:hover{background:#0f172a!important;color:#fff!important}
.profile-menu-admin-link svg{flex-shrink:0;opacity:.8}

/* ─── Mobile nav ────────────────────────────────────────────── */
.mobile-admin-link{display:block;background:#1e293b;color:#e2e8f0!important;border-radius:8px;padding:10px 14px;font-weight:600;margin-top:4px;text-decoration:none;text-align:center}
.mobile-admin-link:hover{background:#0f172a;color:#fff!important}
.mobile-nav-user{
  display:flex;align-items:center;gap:10px;padding:12px 14px;
  background:var(--bg);border-radius:12px;margin:8px 0 4px
}
.mobile-nav-user strong{display:block;font-size:13px;color:#1f2d3d}
.mobile-nav-user small{display:block;font-size:11px;color:var(--muted)}
.mobile-nav-section-label{
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;
  color:var(--muted);padding:10px 2px 4px;margin:0
}
.mobile-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:4px}
.mobile-nav-grid a{
  display:flex;align-items:center;justify-content:center;gap:4px;
  padding:10px 6px;border-radius:10px;font-size:13px;font-weight:600;
  background:var(--bg);color:#25384f;text-decoration:none;text-align:center;transition:background .12s;
  position:relative;overflow:visible;
}
.mobile-nav-grid a.mobile-nav-grid-full{grid-column:1 / -1;justify-content:center;text-align:center}
.mobile-nav-grid a:hover{background:#e2eaf3}
.mobile-nav-badge{
  position:absolute;
  top:-7px;right:-7px;
  min-width:18px;height:18px;
  padding:0 5px;
  background:#dc2626;color:#fff;
  font-size:10px;font-weight:800;line-height:18px;
  border-radius:999px;text-align:center;
  border:2px solid #fff;
  pointer-events:none;
  display:inline-flex;align-items:center;justify-content:center;
}
.mobile-nav-logout{
  width:100%;text-align:center;border:1px solid var(--line);background:#fff;color:#c0392b;
  font-size:14px;font-weight:600;padding:11px 14px;border-radius:10px;cursor:pointer;transition:background .12s
}
.mobile-nav-logout:hover{background:#fee2e2}
.mobile-nav-auth-btns{display:flex;gap:8px;margin-top:10px}
.mobile-nav-auth-btns .btn{flex:1;justify-content:center}

/* ─── Profile menu btn avatar ───────────────────────────────── */
.pmenu-btn-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}
.pmenu-btn-initial{
  width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;
  font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.pmenu-btn-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}

/* ─── Avatar upload widget (profile form) ───────────────────── */
.avatar-upload-block{margin-bottom:4px}
.avatar-upload-row{display:flex;align-items:center;gap:16px;margin-top:8px}
.avatar-upload-preview{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.avatar-delete-btn{font-size:11px}
.avatar-img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}
.avatar-initial{
  width:72px;height:72px;border-radius:50%;background:var(--primary);color:#fff;
  font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center
}
.avatar-upload-controls{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.avatar-delete-btn{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:#dc2626;background:none;border:none;padding:0;cursor:pointer;transition:color .15s}
.avatar-delete-btn:hover{color:#b91c1c}
.avatar-delete-confirm{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;font-size:12px;color:#991b1b}
.avatar-undo-btn{background:none;border:none;padding:0;font-size:12px;font-weight:600;color:#1d4ed8;cursor:pointer;text-decoration:underline}
.avatar-undo-btn:hover{color:#1e40af}
.avatar-img--deleted{opacity:.25;filter:grayscale(1)}
.listing-card__img-wrap{position:relative;display:block}
.badge-sale{position:absolute;top:8px;left:8px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;padding:3px 7px;border-radius:4px;letter-spacing:.3px;pointer-events:none}
.filter-check{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151;cursor:pointer;padding:4px 0}
.filter-check input[type="checkbox"]{width:16px;height:16px;accent-color:#dc2626;cursor:pointer;flex-shrink:0}

/* ─── Seller card with avatar (listing detail pages) ────────── */
.seller-card-identity{display:flex;align-items:center;gap:12px;margin-bottom:2px}
.seller-avatar-wrap{flex-shrink:0}
.seller-avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1px solid var(--line)}
.seller-avatar-initial{
  width:44px;height:44px;border-radius:50%;background:var(--primary);color:#fff;
  font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center
}

.panel-shell{padding:46px 0}
.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.panel-head h1{margin:0;font-size:34px;line-height:1.08}
.panel-head p{margin:8px 0 0;color:var(--muted)}
.panel-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mine-publish-dropdown{position:relative}
.mine-publish-dropdown__menu{
  position:absolute;top:calc(100% + 6px);right:0;z-index:120;
  min-width:180px;padding:6px;
  background:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:0 8px 24px rgba(15,23,42,.13);
}
.mine-publish-dropdown__item{
  display:flex;align-items:center;gap:9px;
  padding:9px 12px;border-radius:var(--r-md);
  font-size:13px;font-weight:600;color:var(--text);
  text-decoration:none;transition:background .12s,color .12s;
}
.mine-publish-dropdown__item:hover{background:var(--surface-soft)}
.mine-publish-dropdown__item--vehicles:hover{background:color-mix(in srgb,var(--identity-vehicles-soft) 30%,var(--surface));color:var(--identity-vehicles-primary)}
.mine-publish-dropdown__item--bikes:hover{background:color-mix(in srgb,var(--identity-bikes-soft) 30%,var(--surface));color:var(--identity-bikes-primary)}
.mine-publish-dropdown__item--parts:hover{background:color-mix(in srgb,var(--identity-parts-soft) 30%,var(--surface));color:var(--identity-parts-primary)}
.mine-publish-dropdown__item--junkers:hover{background:color-mix(in srgb,var(--identity-junkers-soft) 30%,var(--surface));color:var(--identity-junkers-primary)}
.mine-publish-dropdown__item--products:hover{background:color-mix(in srgb,var(--identity-products-soft) 30%,var(--surface));color:var(--identity-products-primary)}
.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.panel-card{
  background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-soft)
}
.panel-card h3{margin:0 0 8px;font-size:18px}
.panel-card p{margin:0;color:var(--muted)}
.panel-shell--my-listings{padding-top:34px}
.panel-shell--my-listings .listings-hero-card{
  display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,.9fr);gap:22px;
  padding:28px;border:1px solid color-mix(in srgb, var(--primary) 12%, var(--line));
  border-radius:var(--r-xl);background:
    radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 36%),
    linear-gradient(145deg, #fff 0%, color-mix(in srgb, var(--bg) 74%, white) 100%);
  box-shadow:0 22px 60px rgba(15,23,42,.10);
}
.panel-shell--my-listings .listings-hero-copy h1{margin:10px 0 0;font-size:clamp(32px,4vw,48px);line-height:1.02}
.panel-shell--my-listings .listings-hero-copy p{max-width:60ch;margin:14px 0 0;color:var(--muted);font-size:15px;line-height:1.7}
.panel-shell--my-listings .listings-hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;
  background:color-mix(in srgb, var(--primary) 8%, white);color:var(--primary-dark);
  border:1px solid color-mix(in srgb, var(--primary) 14%, white);font-size:11px;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase
}
.panel-shell--my-listings .listings-hero-aside{
  display:flex;flex-direction:column;justify-content:space-between;gap:16px
}
.panel-shell--my-listings .listings-hero-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px
}
.panel-shell--my-listings .listings-hero-stat{
  padding:18px;border-radius:var(--r-lg);background:rgba(255,255,255,.78);
  border:1px solid color-mix(in srgb, var(--line) 80%, white);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7)
}
.panel-shell--my-listings .listings-hero-stat__label{
  display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)
}
.panel-shell--my-listings .listings-hero-stat__value{
  display:block;margin-top:10px;font-size:28px;line-height:1;color:var(--text)
}
.panel-shell--my-listings .listings-filter-toolbar{
  margin-top:22px;position:static;z-index:auto
}
.panel-shell--my-listings .listings-tabs--filters{
  display:flex;flex-wrap:wrap;gap:10px;padding:14px;border-radius:var(--r-xl);
  border:1px solid color-mix(in srgb, var(--line) 90%, white);
  background:rgba(255,255,255,.88);backdrop-filter:blur(18px);
  box-shadow:0 16px 34px rgba(15,23,42,.08)
}
.panel-shell--my-listings .listings-filter-chip{
  --listing-tab-primary:var(--primary);
  --listing-tab-soft:#f1f5f9;
  --listing-tab-accent:var(--primary-dark);
  appearance:none;border:1px solid color-mix(in srgb, var(--listing-tab-primary) 12%, var(--line));
  background:linear-gradient(180deg, color-mix(in srgb, var(--listing-tab-soft) 82%, white) 0%, #fff 100%);
  color:color-mix(in srgb, var(--listing-tab-primary) 74%, #334155);
  display:inline-flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r-lg);
  font:inherit;font-size:13px;font-weight:800;cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease
}
.panel-shell--my-listings .listings-filter-chip:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--listing-tab-primary) 26%, white);
  box-shadow:0 12px 20px color-mix(in srgb, var(--listing-tab-primary) 10%, transparent)
}
.panel-shell--my-listings .listings-filter-chip.is-active{
  color:var(--listing-tab-accent);
  border-color:color-mix(in srgb, var(--listing-tab-primary) 34%, white);
  background:linear-gradient(180deg, color-mix(in srgb, var(--listing-tab-soft) 72%, white) 0%, color-mix(in srgb, var(--listing-tab-soft) 26%, white) 100%);
  box-shadow:0 16px 24px color-mix(in srgb, var(--listing-tab-primary) 14%, transparent)
}
.panel-shell--my-listings .listings-tab-count{
  background:color-mix(in srgb, var(--listing-tab-soft) 70%, white);
  color:var(--listing-tab-primary);border:1px solid color-mix(in srgb, var(--listing-tab-primary) 16%, white);
  border-radius:var(--r-pill);padding:3px 8px;font-size:11px;font-weight:800;line-height:1
}
.panel-shell--my-listings .listings-filter-chip--vehicles,
.panel-shell--my-listings .listings-section--vehicles{
  --listing-tab-primary:var(--identity-vehicles-primary);
  --listing-tab-soft:var(--identity-vehicles-soft);
  --listing-tab-accent:var(--identity-vehicles-accent);
}
.panel-shell--my-listings .listings-filter-chip--bikes,
.panel-shell--my-listings .listings-section--bikes{
  --listing-tab-primary:var(--identity-bikes-primary);
  --listing-tab-soft:var(--identity-bikes-soft);
  --listing-tab-accent:var(--identity-bikes-accent);
}
.panel-shell--my-listings .listings-filter-chip--parts,
.panel-shell--my-listings .listings-section--parts{
  --listing-tab-primary:var(--identity-parts-primary);
  --listing-tab-soft:var(--identity-parts-soft);
  --listing-tab-accent:var(--identity-parts-accent);
}
.panel-shell--my-listings .listings-filter-chip--products,
.panel-shell--my-listings .listings-section--products{
  --listing-tab-primary:var(--identity-products-primary);
  --listing-tab-soft:var(--identity-products-soft);
  --listing-tab-accent:var(--identity-products-accent);
}
.panel-shell--my-listings .listings-filter-chip--junkers,
.panel-shell--my-listings .listings-section--junkers{
  --listing-tab-primary:var(--identity-junkers-primary);
  --listing-tab-soft:var(--identity-junkers-soft);
  --listing-tab-accent:var(--identity-junkers-accent);
}
.panel-shell--my-listings .listings-sections-stack{
  margin-top:22px;display:grid;gap:22px
}
.panel-shell--my-listings .my-listings-feed{
  margin-top:22px;display:grid;gap:18px
}
.panel-shell--my-listings .my-listings-grouped{
  margin-top:22px;
}
.panel-shell--my-listings .listings-section{
  padding:24px;border-radius:var(--r-xl);border:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 12%, var(--line));
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--listing-tab-soft, #f8fafc) 42%, white) 0%, #fff 100%);
  box-shadow:0 18px 40px rgba(15,23,42,.07)
}
.panel-shell--my-listings .listings-section-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px
}
.panel-shell--my-listings .listings-section-kicker{
  margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 78%, #475569)
}
.panel-shell--my-listings .listings-section-head h2{margin:0;font-size:24px}
.panel-shell--my-listings .listings-section-head p{margin:8px 0 0}
.panel-shell--my-listings .mine-listings-grid{display:grid;gap:16px}
.panel-shell--my-listings .mine-listing-card{
  --listing-tab-primary:var(--primary);
  --listing-tab-soft:#f1f5f9;
  --listing-tab-accent:var(--primary-dark);
  display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:18px;
  overflow:hidden;
  border-radius:var(--r-xl);border:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 16%, white);
  background:
    linear-gradient(135deg, var(--listing-tab-soft, #f8fafc) 0%, rgba(255,255,255,.88) 50%, #fff 100%);
  box-shadow:0 16px 30px color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 8%, transparent)
}
.panel-shell--my-listings .mine-listing-card--vehicles{
  --listing-tab-primary:var(--identity-vehicles-primary);
  --listing-tab-soft:var(--identity-vehicles-soft);
  --listing-tab-accent:var(--identity-vehicles-accent);
}
.panel-shell--my-listings .mine-listing-card--bikes{
  --listing-tab-primary:var(--identity-bikes-primary);
  --listing-tab-soft:var(--identity-bikes-soft);
  --listing-tab-accent:var(--identity-bikes-accent);
}
.panel-shell--my-listings .mine-listing-card--parts{
  --listing-tab-primary:var(--identity-parts-primary);
  --listing-tab-soft:var(--identity-parts-soft);
  --listing-tab-accent:var(--identity-parts-accent);
}
.panel-shell--my-listings .mine-listing-card--products{
  --listing-tab-primary:var(--identity-products-primary);
  --listing-tab-soft:var(--identity-products-soft);
  --listing-tab-accent:var(--identity-products-accent);
}
.panel-shell--my-listings .mine-listing-card--junkers{
  --listing-tab-primary:var(--identity-junkers-primary);
  --listing-tab-soft:var(--identity-junkers-soft);
  --listing-tab-accent:var(--identity-junkers-accent);
}
.panel-shell--my-listings .mine-listing-card__media{min-width:0}
.panel-shell--my-listings .mine-listing-card__image,
.panel-shell--my-listings .mine-listing-card__image-placeholder{
    width:100%;height:150px;border-radius:var(--r-lg);display:block
}
.panel-shell--my-listings .mine-listing-card__photo-count{
  margin-top:8px;
  padding-inline:2px;
  color:#64748b;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}
.panel-shell--my-listings .mine-listing-card__image{object-fit:cover;background:#e2e8f0}
.panel-shell--my-listings .mine-listing-card__image-placeholder{
  display:grid;place-items:center;
  background:color-mix(in srgb, var(--listing-tab-soft, #f1f5f9) 80%, white);
  color:color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 44%, #64748b);
  font-size:12px;font-weight:700;border:1px dashed color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 16%, white)
}
.panel-shell--my-listings .mine-listing-card__content{display:grid;gap:14px;min-width:0}
.panel-shell--my-listings .mine-listing-card__topline{
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px
}
.panel-shell--my-listings .mine-listing-card__module-chip{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 11px;
  border-radius:var(--r-pill);background:color-mix(in srgb, var(--listing-tab-soft) 78%, white);
  border:1px solid color-mix(in srgb, var(--listing-tab-primary) 16%, white);
  color:var(--listing-tab-accent);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase
}
.panel-shell--my-listings .mine-listing-card__title{
  margin:0;font-size:clamp(22px,2.1vw,28px);line-height:1.12;overflow-wrap:anywhere
}
.panel-shell--my-listings .mine-listing-card__meta{
  margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6
}
.panel-shell--my-listings .mine-listing-card__pricing{
  min-width:156px;max-width:100%;padding:10px 14px;border-radius:var(--r-lg);text-align:right;
  background:rgba(255,255,255,.76);
  border:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 10%, white);
  flex:0 0 auto;
}
.panel-shell--my-listings .mine-listing-card__price-label{
  display:block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)
}
.panel-shell--my-listings .mine-listing-card__price{
  display:block;margin-top:6px;font-size:clamp(20px,2vw,24px);line-height:1;color:var(--text);
  white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.02em
}
.panel-shell--my-listings .mine-listing-card__details{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px
}
.panel-shell--my-listings .mine-listing-card__detail{
  padding:12px 14px;border-radius:var(--r-lg);background:rgba(255,255,255,.74);
  border:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 10%, white);
  display:flex;flex-direction:column;
}
.panel-shell--my-listings .mine-listing-card__detail-label{
  display:block;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)
}
.panel-shell--my-listings .mine-listing-card__detail-value{
  margin-top:8px;display:flex;align-items:center;gap:8px;min-height:24px;font-weight:700;color:var(--text)
}
.panel-shell--my-listings .mine-listing-card__detail-stack{
  margin-top:8px;display:grid;gap:10px
}
.panel-shell--my-listings .mine-listing-card__description{
  margin:0;color:#475569;font-size:14px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.panel-shell--my-listings .mine-listing-card__attrs{
  display:flex;flex-wrap:wrap;gap:8px
}
.panel-shell--my-listings .mine-listing-card__statuses{
  margin-top:auto;margin-bottom:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;align-items:stretch;
  border:1px solid rgba(148,163,184,.18);border-radius:10px;overflow:hidden;
}
.mine-listing-card__dates{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;
}
.mine-listing-card__date-item{
  display:inline-flex;align-items:center;gap:4px;
  font-size:11px;font-weight:500;color:var(--muted);
  white-space:nowrap;
}
.mine-listing-card__date-item svg{opacity:.65;flex-shrink:0}
.mine-status-slot{
  display:flex;flex-direction:column;gap:4px;
  padding:8px 12px;
  position:relative;
}
.mine-status-slot+.mine-status-slot::before{
  content:'';position:absolute;left:0;top:10%;height:80%;width:1px;background:rgba(148,163,184,.2);
}
.mine-status-slot__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.panel-shell--my-listings .mine-listing-card__footer{
  display:block
}
.panel-shell--my-listings .mine-listing-card__toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap
}
.panel-shell--my-listings .mine-listing-card__toolbar-status{
  display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:1 1 auto
}
.panel-shell--my-listings .mine-listing-card__actions{
  margin-left:auto;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 auto
}
.mine-listing-card__publish-error{
  display:none;padding:10px 18px;
  background:#fef2f2;
  border-bottom:1px solid #fecaca;
  color:#b91c1c;
  font-size:12.5px;font-weight:500;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  grid-column:1/-1;
  margin:-18px -18px 0;
  border-radius:var(--r-xl) var(--r-xl) 0 0
}
.mine-listing-card__publish-error:not([hidden]){display:flex;align-items:center;gap:8px}
.mine-listing-card__publish-error::before{content:'⚠';font-size:14px;flex-shrink:0}
.mine-listing-card__publish-error strong{font-weight:700;white-space:nowrap;flex-shrink:0}
.mine-listing-card__publish-error span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes mine-btn-spin{to{transform:rotate(360deg)}}
.mine-publish-btn-spinner{
  display:inline-block;width:16px;height:16px;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;
  border-radius:50%;animation:mine-btn-spin .6s linear infinite;
  vertical-align:middle
}
.panel-shell--my-listings .mine-seller-status-editor{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:8px 10px;border-radius:var(--r-lg);background:rgba(255,255,255,.86);
  border:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 12%, white)
}
.panel-shell--my-listings .mine-seller-status-editor__label{
  font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap
}
.panel-shell--my-listings .mine-seller-status-editor__select{
  min-width:146px;min-height:48px;background:#fff;border:1px solid #cbd5e1;border-radius:var(--r-md);padding:9px 12px
}
.panel-shell--my-listings .mine-seller-status-editor__button{white-space:nowrap;min-height:48px}
.panel-shell--my-listings .mine-listings-loadmore-wrap{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  margin-top:18px;padding-top:18px;border-top:1px solid color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 10%, white);
  text-align:center
}
.panel-shell--my-listings .mine-listings-progress{margin:0}
.panel-shell--my-listings .mine-listings-loadmore{
  min-width:180px;border-color:color-mix(in srgb, var(--listing-tab-primary, var(--primary)) 20%, white)
}
.listings-advanced-toggle-row{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px;padding:0 2px
}
.listings-advanced-toggle-btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 14px;
  border-radius:var(--r-lg);border:1px solid var(--line);background:#fff;
  font:inherit;font-size:13px;font-weight:800;color:var(--text-muted,#64748b);
  cursor:pointer;transition:border-color .16s,box-shadow .16s,color .16s,background .16s
}
.listings-advanced-toggle-btn:hover{
  border-color:var(--primary);color:var(--primary);
  box-shadow:0 4px 12px rgba(15,23,42,.07)
}
.listings-advanced-toggle-btn.is-open,
.listings-advanced-toggle-btn.has-active-filters{
  border-color:var(--primary);color:var(--primary);
  background:color-mix(in srgb, var(--primary) 6%, #fff)
}
.btn-filter-count{
  background:var(--primary);color:#fff;border-radius:var(--r-pill);
  padding:1px 7px;font-size:11px;font-weight:800;line-height:1.5
}
.listings-advanced-filters-panel{
  margin-top:12px;padding:20px;border-radius:var(--r-xl);
  border:1px solid color-mix(in srgb, var(--primary) 14%, var(--line));
  background:rgba(255,255,255,.95);backdrop-filter:blur(12px);
  box-shadow:0 12px 28px rgba(15,23,42,.07)
}
.filter-status-groups{display:flex;flex-direction:column;gap:16px}
.filter-status-group__label{
  display:block;font-size:11px;font-weight:800;text-transform:uppercase;
  letter-spacing:.06em;color:var(--text-muted,#64748b);margin-bottom:8px
}
.filter-status-chips{display:flex;flex-wrap:wrap;gap:8px}
.filter-status-chip{
  appearance:none;border:1px solid var(--line,#e2e8f0);background:#f8fafc;
  color:#64748b;padding:7px 13px;border-radius:var(--r-lg);
  font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;
  transition:border-color .16s,background .16s,color .16s,box-shadow .16s
}
.filter-status-chip:hover{border-color:#94a3b8;color:#334155;background:#f1f5f9}
.filter-status-chip.is-active{color:#fff;box-shadow:0 3px 8px rgba(15,23,42,.15)}
.filter-status-chip--approved.is-active{background:#16a34a;border-color:#16a34a}
.filter-status-chip--pending.is-active{background:#d97706;border-color:#d97706}
.filter-status-chip--rejected.is-active{background:#dc2626;border-color:#dc2626}
.filter-status-chip--draft.is-active{background:#6b7280;border-color:#6b7280}
.filter-status-chip--available.is-active{background:#0ea5e9;border-color:#0ea5e9}
.filter-status-chip--reserved.is-active{background:#8b5cf6;border-color:#8b5cf6}
.filter-status-chip--sold.is-active{background:#16a34a;border-color:#16a34a}
.filter-status-chip--paused.is-active{background:#94a3b8;border-color:#94a3b8}
.filter-status-panel-footer{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line,#e2e8f0);
  display:flex;justify-content:flex-end
}
.filter-clear-btn{
  appearance:none;border:none;background:none;font:inherit;font-size:12.5px;
  color:var(--text-muted,#64748b);cursor:pointer;padding:4px 8px;
  border-radius:var(--r-md);transition:color .14s
}
.filter-clear-btn:hover{color:#dc2626}
[data-my-listings-root][data-borders="soft"] .listings-advanced-filters-panel,
[data-my-listings-root][data-borders="soft"] .listings-advanced-toggle-btn{box-shadow:none}
[data-my-listings-root][data-borders="strong"] .listings-advanced-filters-panel{
  box-shadow:0 16px 34px rgba(15,23,42,.12)
}
[data-my-listings-root][data-borders="soft"] .listings-hero-card,
[data-my-listings-root][data-borders="soft"] .listings-tabs--filters,
[data-my-listings-root][data-borders="soft"] .listings-section,
[data-my-listings-root][data-borders="soft"] .mine-listing-card,
[data-my-listings-root][data-borders="soft"] .mine-listing-card__pricing,
[data-my-listings-root][data-borders="soft"] .mine-listing-card__detail,
[data-my-listings-root][data-borders="soft"] .mine-seller-status-editor,
[data-my-listings-root][data-borders="soft"] .listings-filter-chip,
[data-my-listings-root][data-borders="soft"] .mine-listings-loadmore,
[data-my-listings-root][data-borders="soft"] .listings-hero-stat{
  border-width:1px;
}
[data-my-listings-root][data-borders="strong"] .listings-hero-card,
[data-my-listings-root][data-borders="strong"] .listings-tabs--filters,
[data-my-listings-root][data-borders="strong"] .listings-section,
[data-my-listings-root][data-borders="strong"] .mine-listing-card,
[data-my-listings-root][data-borders="strong"] .mine-listing-card__pricing,
[data-my-listings-root][data-borders="strong"] .mine-listing-card__detail,
[data-my-listings-root][data-borders="strong"] .mine-seller-status-editor,
[data-my-listings-root][data-borders="strong"] .listings-filter-chip,
[data-my-listings-root][data-borders="strong"] .mine-listings-loadmore,
[data-my-listings-root][data-borders="strong"] .listings-hero-stat{
  border-width:2px;
}
[data-my-listings-root][data-borders="strong"] .mine-listing-card,
[data-my-listings-root][data-borders="strong"] .listings-section{
  box-shadow:none;
}
[data-my-listings-root][data-borders="none"] .listings-hero-card,
[data-my-listings-root][data-borders="none"] .listings-tabs--filters,
[data-my-listings-root][data-borders="none"] .listings-section,
[data-my-listings-root][data-borders="none"] .mine-listing-card,
[data-my-listings-root][data-borders="none"] .mine-listing-card__pricing,
[data-my-listings-root][data-borders="none"] .mine-listing-card__detail,
[data-my-listings-root][data-borders="none"] .mine-seller-status-editor,
[data-my-listings-root][data-borders="none"] .listings-filter-chip,
[data-my-listings-root][data-borders="none"] .mine-listings-loadmore,
[data-my-listings-root][data-borders="none"] .listings-hero-stat{
  border-color:transparent !important;
}
.home-hero-filter-toggle-wrap{
  position:relative;
  z-index:5;
  margin-top:-22px;
  margin-bottom:12px;
  pointer-events:none;
}
.home-hero-filter-toggle-wrap .container{
  display:flex;
  justify-content:flex-end;
}
.home-hero-filter-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:11px 18px;
  border:1px solid rgba(15,23,42,.12);
  box-shadow:0 14px 30px rgba(15,23,42,.16);
  pointer-events:auto;
}
.home-hero-filter-toggle__icon{
  display:inline-grid;
  place-items:center;
  width:18px;
  height:18px;
  flex:0 0 auto;
}
.home-hero-filters-collapsible{
  overflow:hidden;
  max-height:0;
  padding-top:0 !important;
  padding-bottom:0 !important;
  opacity:0;
  transform:translateY(-8px);
  transition:max-height .28s ease, opacity .2s ease, transform .24s ease, padding .24s ease;
}
.home-hero-filters-collapsible.is-open{
  max-height:1400px;
  padding-top:var(--home-block-gap-desktop,68px) !important;
  padding-bottom:var(--home-block-gap-desktop,68px) !important;
  opacity:1;
  transform:translateY(0);
}
@media(max-width:900px){
  .panel-shell--my-listings .listings-hero-card,
  .panel-shell--my-listings .mine-listing-card{grid-template-columns:1fr}
  .panel-shell--my-listings .mine-listing-card__image,
  .panel-shell--my-listings .mine-listing-card__image-placeholder{height:220px}
  .panel-shell--my-listings .mine-listing-card__topline,
  .panel-shell--my-listings .listings-section-head,
  .panel-shell--my-listings .mine-listings-loadmore-wrap{
    align-items:flex-start;flex-direction:column
  }
  .panel-shell--my-listings .mine-listing-card__statuses{grid-template-columns:1fr}
  .panel-shell--my-listings .mine-listing-card__toolbar{align-items:flex-start;flex-direction:column}
  .panel-shell--my-listings .mine-listing-card__actions{margin-left:0;justify-content:flex-start;flex-wrap:wrap}
}
@media(max-width:640px){
  .panel-shell--my-listings .listings-hero-card{padding:22px;border-radius:var(--r-xl)}
  .panel-shell--my-listings .listings-hero-stats,
  .panel-shell--my-listings .mine-listing-card__details{grid-template-columns:1fr}
  .panel-shell--my-listings .listings-tabs--filters{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none
  }
  .panel-shell--my-listings .listings-tabs--filters::-webkit-scrollbar{display:none}
  .panel-shell--my-listings .listings-filter-chip{flex:0 0 auto;white-space:nowrap}
  .panel-shell--my-listings .listings-section,
  .panel-shell--my-listings .mine-listing-card{padding:16px}
  .panel-shell--my-listings .mine-listing-card__image,
  .panel-shell--my-listings .mine-listing-card__image-placeholder{height:170px}
  .panel-shell--my-listings .mine-listing-card__price{font-size:22px}
  .panel-shell--my-listings .mine-listing-card__actions{justify-content:flex-start}
  .panel-shell--my-listings .mine-listings-loadmore-wrap{align-items:center}
}
.search-save-input{
  min-width:280px;flex:1;width:100%;
  border:1px solid #cfd9e6;background:#fff;color:var(--text);
  border-radius:14px;padding:12px 14px;outline:none;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.search-save-input:focus{
  border-color:#c6d3e2;
  box-shadow:0 0 0 3px rgba(15,76,129,.08);
}
.flash-wrap{padding-top:16px;margin-bottom:20px}
/* Banner de ofertas pendientes (vendedor) */
.pending-offers-banner{padding:16px var(--container-pad,20px)}
.pending-offers-banner__inner{max-width:var(--container-width,1200px);margin:0 auto;display:flex;align-items:center;gap:12px;background:#dcfce7;border:1px solid #86efac;border-radius:14px;padding:12px 18px}
.pending-offers-banner__icon{flex-shrink:0;color:#16a34a}
.pending-offers-banner__text{flex:1;margin:0;color:#14532d;font-size:.95rem}
.pending-offers-banner__btn{flex-shrink:0;display:inline-block;padding:7px 18px;background:#16a34a;color:#fff;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;white-space:nowrap}
.pending-offers-banner__btn:hover{background:#15803d}
/* Éxito / publicación confirmada */
.flash-alert,
.flash-alert--success{
  display:flex;align-items:flex-start;gap:10px;background:#ecfdf3;border:1px solid #bde9ce;
  border-radius:14px;padding:12px 14px;color:#17633f;font-weight:600;box-shadow:var(--shadow-soft)
}
.flash-alert__link-inline{
  margin-left:8px;color:#166534;text-decoration:underline;font-size:.92em;font-weight:700;white-space:nowrap
}
.flash-alert__link-inline:hover{color:#14532d}
.flash-alert::before,
.flash-alert--success::before{
  content:"\2713";display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
  width:20px;height:20px;border-radius:999px;background:#22c55e;color:#fff;font-size:12px;font-weight:800
}
/* Informativo (neutro) */
.flash-alert--info{
  display:flex;align-items:flex-start;gap:10px;
  background:#f0f9ff;border:1px solid #bae6fd;color:#0c4a6e;font-weight:600;
  border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-soft)
}
.flash-alert--info::before{
  content:"\0069";font-style:normal;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
  width:20px;height:20px;border-radius:999px;background:#0ea5e9;color:#fff;font-size:12px
}
/* Importante / atención */
.flash-alert--warning{
  display:flex;align-items:flex-start;gap:10px;
  background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-weight:600;
  border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-soft)
}
.flash-alert--warning::before{
  content:"\0021";display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
  width:20px;height:20px;border-radius:999px;background:#f59e0b;color:#fff;font-size:12px;font-weight:800
}
/* Errores y validación global */
.flash-alert--error{
  display:flex;align-items:flex-start;gap:10px;
  background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:600;
  border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-soft)
}
.flash-alert--error::before{
  content:"\00d7";display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;
  width:20px;height:20px;border-radius:999px;background:#ef4444;color:#fff;font-size:16px;font-weight:800
}
/* Resumen de errores dentro de formularios (mismo tono rojo que flash error) */
.form-validation-summary{
  margin-bottom:1rem;
}
.form-validation-summary .form-validation-summary__title{
  margin:0 0 0.35rem;font-weight:700;color:#991b1b
}
.form-validation-summary ul{
  margin:0;padding-left:1.25rem;color:#7f1d1d;font-weight:500
}
.panel-actions{display:flex;flex-wrap:wrap;gap:10px}
.ads-campaign-actions{
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
  min-width:max-content;
  white-space:nowrap;
}
.ads-campaign-actions form{
  display:inline-flex;
  margin:0;
}
.ads-campaign-actions .btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.mine-delete-form{display:none}
/* Botones solo icono — Mis publicaciones */
.mine-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  min-width:48px;
  height:48px;
  padding:0;
  line-height:0;
  text-decoration:none;
  box-sizing:border-box;
}
.mine-action-btn svg{
  display:block;
}
.panel-actions--mine{
  gap:8px;
  justify-content:center;
}
.mine-action-form{
  display:inline;
  margin:0;
}
button.mine-action-btn{
  cursor:pointer;
  font:inherit;
}
.mine-action-btn.mine-spark--on{color:#f97316!important;background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--r-md)}
.mine-action-btn.mine-spark--off{color:#94a3b8!important;background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md)}
.mine-action-btn.mine-spark--on svg,.mine-action-btn.mine-spark--off svg{stroke:currentColor}
span.mine-action-btn{cursor:default}
span.mine-action-btn:not(.mine-spark--on):not(.mine-spark--off){background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--r-md)}
.mine-seller-status-editor{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.mine-seller-status-editor__select{
  min-width:132px;
}
.mine-seller-status-editor__button{
  min-height:38px;
  border-radius:12px;
}
.panel-table-wrap{
  background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)
}
/* Mis publicaciones: mismas anchuras de columna entre Vehículos / Piezas / Yunkers */
.panel-table-wrap--mine-listings{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.panel-table--mine-listings{
  table-layout:fixed;
  width:100%;
  min-width:680px;
}
.panel-table--mine-listings col:nth-child(1){width:36%}
.panel-table--mine-listings col:nth-child(2){width:12%}
.panel-table--mine-listings col:nth-child(3){width:10%}
.panel-table--mine-listings col:nth-child(4){width:18%}
.panel-table--mine-listings col:nth-child(5){width:24%}
.panel-table--mine-listings td{vertical-align:middle}
/* Estado column: restore normal td rendering so border-bottom stays aligned */
.panel-table--mine-listings td.panel-status-pills{
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.panel-table--mine-listings .mine-col-price,
.panel-table--mine-listings th:nth-child(2),
.panel-table--mine-listings td:nth-child(2){
  text-align:center;
  white-space:nowrap;
}
.panel-table--mine-listings .mine-col-detail,
.panel-table--mine-listings th:nth-child(3),
.panel-table--mine-listings td:nth-child(3){
  text-align:center;
  white-space:nowrap;
}
.panel-table--mine-listings th:nth-child(4),
.panel-table--mine-listings td:nth-child(4){text-align:center;}
.panel-table--mine-listings th:nth-child(5),
.panel-table--mine-listings td:nth-child(5){text-align:center;}
.panel-table--mine-listings .mine-listing-cell{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.panel-table--mine-listings .mine-listing-cell > div:last-child{
  min-width:0;
}
.panel-table--mine-listings .mine-listing-cell .muted-note{
  overflow:hidden;
  text-overflow:ellipsis;
}
/* ── Responsive: mine listings sin scroll horizontal ────────────────── */
@media (max-width:680px){
  .panel-table-wrap--mine-listings{overflow-x:visible;}
  /* Convertir tabla a bloques */
  .panel-table--mine-listings{display:block;min-width:0;}
  .panel-table--mine-listings thead{display:none;}
  .panel-table--mine-listings tbody{display:flex;flex-direction:column;}
  /* Cada fila → grid de 2 zonas: listado arriba, datos abajo, acciones abajo */
  .panel-table--mine-listings tr{
    display:grid;
    grid-template-columns:1fr auto auto;
    grid-template-areas:
      "listing listing listing"
      "price   info    status"
      "actions actions actions";
    gap:8px 16px;
    padding:14px 16px;
    border-bottom:1px solid #eef2f7;
    align-items:center;
  }
  .panel-table--mine-listings tr:last-child{border-bottom:none;}
  /* Celda vacía estado */
  .panel-table--mine-listings tr:has(.empty-state){display:block;}
  .panel-table--mine-listings tr:has(.empty-state) td{display:block;border-bottom:none;padding:0;}
  /* Celdas → sin border propio */
  .panel-table--mine-listings td{
    border-bottom:none;
    padding:0;
    display:block;
    text-align:left!important;
    white-space:normal;
  }
  .panel-table--mine-listings td.panel-status-pills{display:block;text-align:right!important;}
  /* Asignar áreas */
  .panel-table--mine-listings td:nth-child(1){grid-area:listing;}
  .panel-table--mine-listings td:nth-child(2){grid-area:price;font-size:15px;}
  .panel-table--mine-listings td:nth-child(3){grid-area:info;text-align:center!important;color:#64748b;font-size:13px;}
  .panel-table--mine-listings td:nth-child(4){grid-area:status;text-align:right!important;}
  .panel-table--mine-listings td:nth-child(4) .mine-status-icons{justify-content:flex-end;}
  .panel-table--mine-listings td:nth-child(5){grid-area:actions;}
  /* Acciones: alinear a la izquierda y permitir wrap */
  .panel-actions--mine{justify-content:flex-start;flex-wrap:wrap;}
  /* Foto más pequeña en mobile */
  .panel-table--mine-listings .mine-listing-cell img{width:60px!important;height:42px!important;}
}
.panel-table{width:100%;border-collapse:collapse}
.panel-table th,.panel-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eef2f7;vertical-align:top}
.panel-table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#f8fbff}
.panel-table tr:last-child td{border-bottom:0}
.chip{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
/* Formato de texto unificado en pills de estado (colores por variante .chip-*) */
.chip-estado{
  font-size:12px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:.03em;
  text-transform:none;
}
.chip-muted{background:color-mix(in srgb, var(--accent) 10%, white);color:color-mix(in srgb, var(--accent) 78%, #334155);border:1px solid color-mix(in srgb, var(--accent) 16%, white)}
/* Pendiente de aprobación en ficha: acentos del tema (primary / surface) */
.chip-pending-detail{
  background:color-mix(in srgb, var(--primary) 11%, var(--surface));
  color:var(--primary-dark);
  border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
}
.status-badge-tooltip-wrap{
  position:relative;
  display:inline-block;
  vertical-align:middle;
  cursor:pointer;
  touch-action:manipulation;
}
[data-seller-status-tooltip]{
  cursor:pointer;
  touch-action:manipulation;
}
button.status-badge-trigger.chip{
  cursor:pointer;
  border:0;
  font:inherit;
  text-align:left;
}
button.status-badge-trigger.chip-pending-detail{
  border:1px solid color-mix(in srgb, var(--primary) 28%, var(--line));
}
button.status-badge-trigger.chip:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
}
.status-badge-tooltip{
  position:absolute;
  z-index:50;
  left:0;
  top:calc(100% + 8px);
  min-width:220px;
  max-width:min(300px,calc(100vw - 32px));
  padding:10px 12px;
  font-size:13px;
  font-weight:600;
  line-height:1.45;
  color:#1e293b;
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
}
.seller-status-badge-tooltip-floating{
  position:fixed;
  z-index:1200;
  left:0;
  top:0;
  pointer-events:none;
}
.chip-success{background:#dcfce7;color:#166534}
.chip-warning{background:#fef3c7;color:#92400e}
.chip-offers-notify{background:#e0f2fe;color:#0369a1;font-size:11px;padding:2px 8px;border-radius:999px;font-weight:700;min-width:1.25em;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
.profile-menu-dropdown a .chip-offers-notify{margin-left:6px}
.mobile-nav a .chip-offers-notify{margin-left:6px}
.chip-danger{background:#fee2e2;color:#991b1b}
.chip-alert{background:#dc2626;color:#fff}
.chip-read{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}
.chip-info{background:#e0f2fe;color:#0369a1}
/* Pago pendiente: mismo formato que chip muted, color distinto al de revisión */
.chip-payment{background:#e0f2fe;color:#0369a1}
.panel-status-pills{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}
.panel-shell--my-listings .mine-listing-card__statuses > *{
  justify-self:stretch;
  text-align:left;
}
.mine-status-icons{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;}
.mine-status-icon-group{display:inline-flex;align-items:center;gap:5px;cursor:pointer;border-radius:4px;outline:none}
.mine-status-icon-group:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.mine-status-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;}
.mine-status-label{font-size:18px;font-weight:800;line-height:1.15;letter-spacing:-.01em}
.muted-note{font-size:13px;color:var(--muted)}
.conversation-bubble{
  max-width:min(760px,85%);padding:12px 14px;border-radius:14px;background:#f1f5f9;border:1px solid #e2e8f0
}
.conversation-bubble.mine{
  margin-left:auto;background:#0f4c81;color:#fff;border-color:#0f4c81
}
.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}
.profile-stack{display:grid;gap:16px}
.empty-state{
  background:#fff;border:1px dashed #d6dee9;border-radius:16px;padding:28px;text-align:center;color:var(--muted)
}
.panel-table--user-vehicles .empty-state{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:140px;
  width:100%;
  margin:0 auto;
  line-height:1.55;
}
@media (max-width:680px){
  .panel-table--user-vehicles,
  .panel-table--user-vehicles tbody,
  .panel-table--user-vehicles tr:has(.empty-state),
  .panel-table--user-vehicles td:has(.empty-state){
    display:block;
    width:100%;
  }
  .panel-table--user-vehicles tr:has(.empty-state) td{
    padding:0;
    border-bottom:0;
  }
  .panel-table--user-vehicles .empty-state{
    min-height:120px;
    padding:24px 20px;
    text-align:center;
    margin:16px;
    width:auto!important;
  }
}
.del-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:900;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}
.del-modal-overlay.is-open{opacity:1;pointer-events:auto}
.del-modal-box{background:#fff;border-radius:18px;padding:28px 32px;max-width:420px;width:90%;box-shadow:0 12px 40px rgba(15,23,42,.18);transform:translateY(8px);transition:transform .2s ease}
.del-modal-overlay.is-open .del-modal-box{transform:translateY(0)}
.del-modal-box h3{margin:0;font-size:18px;font-weight:700}
.del-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}
.del-modal-box--featured{max-width:520px}
.del-modal-box--danger{max-width:560px}
.danger-zone-card{
  margin-top:22px;
  border:1px solid #fecaca;
  background:linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
  padding:22px 24px;
}
.danger-zone-copy h3{
  margin:4px 0 10px;
  color:#dc2626;
}
.danger-zone-copy p{
  margin:0;
}
.danger-zone-disclaimer{
  margin-top:8px !important;
}
.junk-legal-banner{
  display:block;
  gap:6px;
  white-space:normal;
  margin:12px 0;
  padding:12px 14px;
  border:1px solid #f59e0b;
  border-radius:10px;
  background:#fef3c7;
  color:#713f12;
  font-size:.9rem;
  line-height:1.45;
}
.junk-legal-banner__link{
  display:inline;
  margin-left:2px;
  padding:0;
  border:0;
  background:transparent;
  color:#92400e;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.junk-legal-banner__link:hover,
.junk-legal-banner__link:focus-visible{color:#78350f}
.junk-legal-modal{
  width:min(92vw,680px);
  max-height:min(86vh,760px);
  padding:0;
  border:0;
  border-radius:22px;
  background:#fff;
  color:#1e293b;
  box-shadow:0 28px 70px rgba(15,23,42,.28);
}
.junk-legal-modal::backdrop{
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(3px);
}
.junk-legal-modal__panel{
  padding:26px;
  overflow:auto;
}
.junk-legal-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.junk-legal-modal__eyebrow{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:#fef3c7;
  color:#92400e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.junk-legal-modal__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  flex:0 0 auto;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:#fff;
  color:#475569;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.junk-legal-modal__close:hover{background:#f8fafc;color:#0f172a}
.junk-legal-modal h3{
  margin:0 0 10px;
  color:#0f172a;
  font-size:clamp(1.25rem,2.4vw,1.75rem);
  line-height:1.1;
}
.junk-legal-modal p{
  margin:0;
  color:#475569;
  line-height:1.6;
}
.junk-legal-modal__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:18px 0;
}
.junk-legal-modal__grid section{
  padding:14px;
  border:1px solid #fde68a;
  border-radius:16px;
  background:linear-gradient(180deg,#fffbeb 0%,#fff 100%);
}
.junk-legal-modal__grid h4{
  margin:0 0 6px;
  color:#78350f;
  font-size:14px;
}
.junk-legal-modal__grid p{font-size:13px}
.junk-legal-modal__note{
  padding:12px 14px;
  border-radius:14px;
  background:#f8fafc;
  font-size:13px;
}
.junk-legal-modal__actions{
  display:flex;
  justify-content:flex-end;
  margin-top:18px;
}
.danger-zone-eyebrow{
  display:inline-flex;
  align-items:center;
  padding:5px 10px;
  border-radius:999px;
  background:#fee2e2;
  color:#b91c1c;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.danger-zone-actions{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid #fecaca;
}
.danger-zone-form{
  display:flex;
  justify-content:flex-start;
}
.danger-zone-btn{
  background:#fee2e2;
  color:#dc2626;
  border:1px solid #fca5a5;
  padding:11px 18px;
}
.danger-zone-btn:hover{
  background:#fecaca;
  border-color:#f87171;
}
.danger-confirm-card{
  margin-top:18px;
  padding:18px 20px;
  border-radius:16px;
  border:1px solid #fecaca;
  background:linear-gradient(180deg, #fff1f2 0%, #ffffff 100%);
}
.danger-confirm-card__title{
  display:block;
  margin-bottom:8px;
  color:#b91c1c;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.danger-confirm-card__body{
  margin:0;
  color:#7f1d1d;
  font-size:14px;
  line-height:1.55;
}
.danger-confirm-card__foot{
  margin:12px 0 0;
  color:#475569;
  font-size:13px;
  line-height:1.5;
}
.danger-zone-confirm-btn{
  background:#dc2626;
  color:#fff;
  border:1px solid #b91c1c;
  padding:10px 18px;
}
.danger-zone-confirm-btn:hover{
  background:#b91c1c;
  border-color:#991b1b;
}
.featured-confirm-card{margin-top:18px;padding:18px 20px;border-radius:16px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff7ed 0%,#ffffff 100%)}
.featured-confirm-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.featured-confirm-chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #fdba74;color:#9a3412;font-size:12px;font-weight:700}
.featured-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.featured-confirm-item{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #fed7aa}
.featured-confirm-label{display:block;font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#9a3412}
.featured-confirm-value{display:block;margin-top:6px;font-size:18px;color:#0f172a}
.featured-confirm-note{margin:16px 0 0;color:#7c2d12;font-size:14px;line-height:1.5}
.featured-confirm-submit{background:#ea580c;color:#fff;border:1px solid #c2410c;padding:10px 18px}
@media (max-width:680px){
  .danger-zone-card{
    padding:18px;
  }
  .danger-zone-actions{
    margin-top:16px;
    padding-top:16px;
  }
  .danger-zone-form,
  .del-modal-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .junk-legal-modal__panel{padding:22px 18px}
  .junk-legal-modal__grid{grid-template-columns:1fr}
  .junk-legal-modal__actions{justify-content:stretch}
  .junk-legal-modal__actions .btn{width:100%}
  .featured-confirm-grid{grid-template-columns:1fr}
  .featured-confirm-heading{flex-direction:column;align-items:flex-start}
}
.check-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px
}
.check-item{
  display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);
  border-radius:12px;background:#fff;font-weight:600;color:#334155
}
.check-item input{
  width:17px;height:17px;accent-color:var(--primary)
}
.ac-dropdown{
  position:absolute;z-index:200;
  width:100%;margin:2px 0 0;padding:4px 0;
  list-style:none;
  background:var(--surface,#fff);
  border:1px solid var(--line,#e2e8f0);
  border-radius:8px;
  box-shadow:0 4px 16px rgba(0,0,0,.12);
  max-height:220px;overflow-y:auto
}
.ac-option{
  padding:8px 12px;cursor:pointer;font-size:14px;
  color:var(--text,#0f172a);
  transition:background .1s
}
.ac-option:hover{background:var(--surface-soft,#f1f5f9)}
body[data-color-scheme="dark"] .ac-dropdown{box-shadow:0 4px 20px rgba(0,0,0,.36)}
.upload-dropzone{
  display:block;border:2px dashed #cfd9e6;border-radius:16px;background:#f8fbff;padding:18px;cursor:pointer;
  transition:.2s ease
}
.upload-dropzone:hover{border-color:#a9bfd8;background:#f1f7ff}
.upload-dropzone strong{display:block;font-size:16px;margin-bottom:4px}
.upload-dropzone span{display:block;color:var(--muted);font-size:13px}
.upload-title{display:block;margin-bottom:10px}
.upload-native{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  border:0;
}
.upload-meta{margin-top:6px;font-size:13px;color:var(--muted)}
.junk-part-editor{margin-bottom:4px}
.junk-part-tablist{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px
}
.junk-part-tab{
  display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line);
  border-radius:12px;background:#fff;font-size:14px;font-weight:600;color:#334155;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease
}
.junk-part-tab:hover{border-color:#c5d4e3;background:#f8fbff}
.junk-part-tab.is-active{
  border-color:var(--primary);background:#f0f7ff;box-shadow:0 0 0 1px rgba(37,99,235,.12)
}
.junk-part-tab[aria-selected="true"]{border-color:var(--primary);background:#f0f7ff}
.junk-part-tab-num{
  display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;
  border-radius:8px;background:#eef2f7;font-size:12px;font-weight:700;color:#475569
}
.junk-part-tab.is-active .junk-part-tab-num,.junk-part-tab[aria-selected="true"] .junk-part-tab-num{background:#dbeafe;color:#1d4ed8}
.junk-part-tab-label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.junk-part-tab--add{border-style:dashed;color:var(--muted);font-weight:600}
.junk-part-tab--add:hover{color:#334155;border-color:#a9bfd8}
.junk-part-panels{position:relative}
.junk-part-panel{
  border:1px solid var(--line);border-radius:16px;background:#fafbfd;padding:16px 16px 14px;
  box-shadow:0 1px 0 rgba(15,23,42,.04)
}
.junk-part-panel[hidden]{display:none !important}
.junk-part-seg{
  display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:4px;border-radius:12px;background:#eef2f7
}
.junk-part-seg button{
  flex:1;min-width:0;padding:10px 12px;border:none;border-radius:10px;background:transparent;
  font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:background .15s,color .15s
}
.junk-part-seg button.is-active{background:#fff;color:var(--primary);box-shadow:0 1px 2px rgba(15,23,42,.06)}
.junk-part-field-sheet{margin-bottom:4px}
.junk-part-field-sheet[hidden]{display:none !important}
.junk-part-hint{display:block;font-size:12px;color:var(--muted);margin:0 0 8px;font-weight:600}
.junk-part-panel__foot{
  display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)
}
.junk-part-remove{font-size:13px;padding:8px 12px}
@media (max-width:520px){
  .junk-part-tab-label{max-width:72px}
  .junk-part-seg button{font-size:12px;padding:9px 8px}
}
.grid{display:grid}
.block{display:block}
.gap-2{gap:8px}
.gap-3{gap:12px}
.gap-4{gap:16px}
.gap-6{gap:24px}
.space-y-2 > * + *{margin-top:8px}
.space-y-3 > * + *{margin-top:12px}
.mb-1{margin-bottom:4px}
.mb-3{margin-bottom:12px}
.mb-4{margin-bottom:16px}
.mb-5{margin-bottom:20px}
.mb-6{margin-bottom:24px}
.mb-8{margin-bottom:32px}
.mt-1{margin-top:4px}
.mt-2{margin-top:8px}
.mt-3{margin-top:12px}
.mt-4{margin-top:16px}
.mt-6{margin-top:24px}
.p-4{padding:16px}
.p-6{padding:24px}
.p-8{padding:32px}
.p-3{padding:12px}
.text-sm{font-size:14px}
.text-xs{font-size:12px}
.text-base{font-size:16px}
.text-lg{font-size:18px}
.text-2xl{font-size:24px}
.text-3xl{font-size:30px}
.font-medium{font-weight:600}
.font-semibold{font-weight:700}
.font-bold{font-weight:800}
.rounded{border-radius:8px}
.rounded-md{border-radius:12px}
.rounded-lg{border-radius:18px}
.rounded-full{border-radius:999px}
.border{border:1px solid var(--line)}
.border-b{border-bottom:1px solid var(--line)}
.border-gray-100{border-color:#eef2f7}
.border-gray-200{border-color:#e2e8f0}
.border-gray-300{border-color:#cbd5e1}
.border-red-300{border-color:#fca5a5}
.bg-white{background:#fff}
.bg-gray-50{background:#f8fafc}
.bg-gray-100{background:#eef2f7}
.bg-amber-100{background:#fef3c7}
.bg-gray-900{background:#0f172a}
.text-white{color:#fff}
.text-gray-400{color:#94a3b8}
.text-gray-500{color:#64748b}
.text-gray-600{color:#475569}
.text-gray-700{color:#334155}
.text-gray-800{color:#1e293b}
.text-gray-900{color:#0f172a}
.text-amber-800{color:#92400e}
.text-red-600{color:#dc2626}
.text-red-700{color:#b91c1c}
.w-full{width:100%}
.w-72{width:18rem}
.h-20{height:80px}
.h-40{height:160px}
.h-44{height:176px}
.h-72{height:288px}
.object-cover{object-fit:cover}
.inline-flex{display:inline-flex}
.flex{display:flex}
.items-center{align-items:center}
.items-end{align-items:flex-end}
.justify-between{justify-content:space-between}
.justify-center{justify-content:center}
.flex-wrap{flex-wrap:wrap}
.overflow-hidden{overflow:hidden}
.uppercase{text-transform:uppercase}
.tracking-wide{letter-spacing:.03em}
.whitespace-pre-line{white-space:pre-line}
.hover\:bg-gray-50:hover{background:#f8fafc}
.hover\:bg-red-50:hover{background:#fef2f2}
.hover\:bg-black:hover{background:#020617}
.hover\:text-black:hover{color:#020617}
.hover\:underline:hover{text-decoration:underline}
.md\:col-span-2{grid-column:span 2 / span 2}
@media (min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media (max-width: 1100px){
  .hero-grid,.parts-hero-grid,.feature-banner,.detail-layout{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .dealer-grid,.categories-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px){
  .header-search,.header-actions,.main-nav{display:none}
  .mobile-menu-toggle,
  .mobile-publish-toggle{display:inline-flex}
  .mobile-global-search{
    display:flex;
    position:relative;
    gap:10px;
    padding:8px 10px 10px;
    background:#f3f6fa;
    border-top:1px solid color-mix(in srgb, var(--primary) 8%, var(--line));
  }
  .mobile-global-search input{
    flex:1;
    min-width:0;
    min-height:52px;
    border:1px solid #d7e1ec;
    border-radius:2px;
    background:#fff;
    padding:0 14px;
    color:#334155;
    font-size:15px;
    outline:none;
    box-shadow:none;
  }
  .mobile-global-search input:focus{
    border-color:color-mix(in srgb, var(--primary) 42%, #d7e1ec);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent);
  }
  .mobile-global-search button{
    flex:0 0 auto;
    min-width:80px;
    min-height:52px;
    border:0;
    border-radius:2px;
    background:var(--primary);
    color:#fff;
    padding:0 18px;
    font-weight:800;
    cursor:pointer;
  }
  .mobile-global-search .search-suggest{
    left:10px;
    right:10px;
    top:calc(100% - 2px);
    max-width:calc(100vw - 20px);
    max-height:min(420px, calc(100svh - 150px));
    overflow-x:hidden;
    overflow-y:auto;
    border-radius:10px;
    box-shadow:0 12px 28px rgba(15,23,42,.14);
  }
  .mobile-global-search .search-suggest-list{
    gap:0;
    padding:6px;
  }
  .mobile-global-search .search-suggest-heading{
    padding:8px 8px 6px;
    font-size:10px;
    letter-spacing:.1em;
    line-height:1.2;
  }
  .mobile-global-search .search-suggest-item{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    min-width:0;
    padding:9px 8px;
    border:0;
    border-radius:8px;
    background:#fff;
    overflow:hidden;
  }
  .mobile-global-search .search-suggest-item + .search-suggest-item{
    border-top:1px solid #edf2f7;
    border-radius:0;
  }
  .mobile-global-search .search-suggest-item:hover,
  .mobile-global-search .search-suggest-item.active{
    background:#f8fafc;
  }
  .mobile-global-search .search-suggest-item--featured,
  .mobile-global-search .search-suggest-item--featured:hover,
  .mobile-global-search .search-suggest-item--featured.active{
    background:#fff;
    border:0;
    box-shadow:none;
  }
  .mobile-global-search .search-suggest-thumb{
    width:44px;
    height:40px;
    border-radius:6px;
  }
  .mobile-global-search .search-suggest-item > div{
    min-width:0;
  }
  .mobile-global-search .search-suggest-item-label{
    display:-webkit-box;
    overflow:hidden;
    color:#172033;
    font-size:13px;
    font-weight:800;
    line-height:1.25;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .mobile-global-search .search-suggest-item-meta{
    margin-top:2px;
    overflow:hidden;
    color:#64748b;
    font-size:11.5px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .mobile-global-search .search-suggest-featured-badge,
  .mobile-global-search .search-suggest-tag{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    margin-top:5px;
    overflow:visible;
    padding:3px 7px;
    font-size:9px;
    line-height:1.1;
    white-space:nowrap;
  }
  .mobile-global-search .search-suggest-empty{
    padding:12px 10px;
    font-size:12.5px;
  }
  .mobile-nav.open{display:block;max-height:calc(100svh - 120px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:32px}
  .topbar-left{display:none}
  .topbar-right{
    width:100%;
    gap:10px 14px;
    justify-content:flex-start;
  }
  .topbar-admin-btn{padding:1px 6px;font-size:10px;border-radius:4px;gap:0}
  .topbar-admin-btn svg{display:none}
  .menu-mega{display:none !important}
  .listing-layout{grid-template-columns:1fr}
  .filters-card,.sticky-side{position:static}
  .filters-toggle-btn{
    padding:8px 14px;border-radius:10px;
    font-size:13px;
  }
  .filters-tooltip{
    width:min(260px, calc(100vw - 32px));
  }
  .list-toolbar{flex-direction:column;align-items:flex-start;gap:10px}
  .list-toolbar .panel-actions{width:100%;justify-content:flex-start}
  .vehicle-grid{grid-template-columns:repeat(2,1fr)}
  .product-grid,.dealer-grid,.footer-grid,.form-grid,.junk-doc-title-row,.categories-grid,.brand-list{grid-template-columns:1fr}
  .panel-grid,.profile-grid{grid-template-columns:1fr}
  .check-grid{grid-template-columns:1fr}
  .detail-attr-grid{grid-template-columns:1fr}
  .thumb-row{grid-template-columns:repeat(3,1fr)}
  .cta-box,.section-head,.topbar-inner{flex-direction:column;align-items:flex-start}
  .brand--has-logo{max-width:min(260px,50vw)}
}
@media (max-width: 640px){
  .vehicle-grid{grid-template-columns:1fr}
  .container{width:min(var(--container),calc(100% - 20px))}
  .hero,.section{padding:44px 0}
  .header-main{padding:14px 0}
  .brand--has-logo{max-width:min(220px,58vw)}
  .brand-logo{max-height:50px}
  .detail-table-scroll table{min-width:420px}
  .spec-grid{grid-template-columns:1fr}
  .thumb-row{grid-template-columns:repeat(2,1fr)}
  .hero-copy h1,.page-hero h1{font-size:34px}
  .feature-copy h2,.section-head h2,.cta-box h2{font-size:28px}
  .seller-status-form__controls{
    flex-direction:column;
    align-items:stretch;
  }
  .seller-status-form__button{
    width:100%;
  }
  .seller-status-toolbar,
  .seller-status-toolbar__form,
  .seller-status-toolbar-stack{
    width:100%;
  }
  .seller-status-toolbar{
    justify-content:flex-start;
  }
  .seller-status-toolbar__form{
    flex-direction:column;
    align-items:stretch;
  }
  .seller-status-toolbar__select,
  .seller-status-toolbar__button{
    width:100%;
  }
  .contact-card h1{font-size:28px}
  .detail-main-image{height:280px}
}

.home-hero{
    position:relative;
    overflow:hidden;
    padding:64px 0;
    background-color:#0a1f33;
    background-image:var(--home-hero-photo, linear-gradient(120deg,#0a1f33 0,#0f4c81 55%,#0b3b64 100%));
    background-size:cover;
    background-position:center;
    color:#fff;
  }
.home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(120deg, rgba(9,21,33,.88) 0%, rgba(15,76,129,.76) 55%, rgba(11,59,100,.65) 100%);
    pointer-events:none;
  }
.home-hero > .container{
    position:relative;
    z-index:1;
  }
.home-hero-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:24px;
  align-items:stretch;
}
.home-hero h1{
  font-size:clamp(34px,5vw,58px);
  line-height:1.04;
  margin:14px 0;
}
.home-hero .eyebrow{
  width:fit-content;
  max-width:100%;
  padding:3px 8px;
  font-size:12px;
}
/* Solo el párrafo del bloque principal del hero (no el panel lateral claro) */
.home-hero-grid > div:first-child > p{
  color:#e8f1fb;
  max-width:760px;
}
.home-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0;
}
.home-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.home-block--qbar,
.home-block--search-widget,
.home-block--kpis{
  --home-preset-primary:var(--theme-brand, var(--primary));
  --home-preset-soft:color-mix(in srgb, var(--theme-brand, var(--primary)) 14%, white);
  --home-preset-accent:var(--accent);
  --home-preset-copy:#12263f;
}
.home-qbar.home-block--qbar{background:transparent}
body[data-theme-preset="dealer_premium"] .home-block--qbar,
body[data-theme-preset="dealer_premium"] .home-block--search-widget,
body[data-theme-preset="dealer_premium"] .home-block--kpis{
  --home-preset-primary:var(--identity-dealers-primary);
  --home-preset-soft:var(--identity-dealers-soft);
  --home-preset-accent:var(--identity-dealers-accent);
}
body[data-theme-preset="parts_promo"] .home-block--qbar,
body[data-theme-preset="parts_promo"] .home-block--search-widget,
body[data-theme-preset="parts_promo"] .home-block--kpis{
  --home-preset-primary:var(--identity-parts-primary);
  --home-preset-soft:var(--identity-parts-soft);
  --home-preset-accent:var(--identity-parts-accent);
}
body[data-theme-preset="bikes_adrenaline"] .home-block--qbar,
body[data-theme-preset="bikes_adrenaline"] .home-block--search-widget,
body[data-theme-preset="bikes_adrenaline"] .home-block--kpis{
  --home-preset-primary:var(--identity-bikes-primary);
  --home-preset-soft:var(--identity-bikes-soft);
  --home-preset-accent:var(--identity-bikes-accent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--qbar,
body[data-theme-preset="vehicles_showcase"] .home-block--search-widget,
body[data-theme-preset="vehicles_showcase"] .home-block--kpis{
  --home-preset-primary:var(--identity-vehicles-primary);
  --home-preset-soft:var(--identity-vehicles-soft);
  --home-preset-accent:var(--identity-vehicles-accent);
}
body[data-theme-preset="junkers_showcase"] .home-block--qbar,
body[data-theme-preset="junkers_showcase"] .home-block--search-widget,
body[data-theme-preset="junkers_showcase"] .home-block--kpis{
  --home-preset-primary:var(--identity-junkers-primary);
  --home-preset-soft:var(--identity-junkers-soft);
  --home-preset-accent:var(--identity-junkers-accent);
}
body[data-theme-preset="products_showcase"] .home-block--qbar,
body[data-theme-preset="products_showcase"] .home-block--search-widget,
body[data-theme-preset="products_showcase"] .home-block--kpis{
  --home-preset-primary:var(--identity-products-primary);
  --home-preset-soft:var(--identity-products-soft);
  --home-preset-accent:var(--identity-products-accent);
}
body[data-theme-preset="seasonal"] .home-block--qbar,
body[data-theme-preset="seasonal"] .home-block--search-widget,
body[data-theme-preset="seasonal"] .home-block--kpis{
  --home-preset-primary:var(--theme-brand, var(--primary));
  --home-preset-soft:color-mix(in srgb, var(--identity-parts-soft) 58%, white);
  --home-preset-accent:var(--identity-parts-accent);
}
.home-kpi{
  display:flex;
  align-items:center;
  gap:10px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  padding:10px 12px;
}
.home-kpi-icon{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:10px;
  background:rgba(255,255,255,.1);
  color:#e8f1fb;
}
.home-kpi-text strong{
  display:block;
  font-size:19px;
  line-height:1.1;
}
.home-kpi-text span{
  display:block;
  color:#d0def0;
  font-size:12px;
}
.home-block--kpis{
  padding-top:var(--home-block-gap-desktop,68px);
  padding-bottom:var(--home-block-gap-desktop,68px);
}
.home-kpis-band{
  padding:0;
}
.home-kpis--standalone{
  margin-top:0;
}
.home-kpis--standalone .home-kpi{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--home-preset-accent) 58%, black) 0%,
    color-mix(in srgb, var(--home-preset-primary) 88%, black) 100%);
  border-color:color-mix(in srgb, var(--home-preset-soft) 24%, rgba(255,255,255,.12));
  box-shadow:0 14px 28px color-mix(in srgb, var(--home-preset-primary) 16%, transparent);
}
.home-kpis--standalone .home-kpi-icon{
  background:color-mix(in srgb, var(--home-preset-soft) 18%, rgba(255,255,255,.08));
}
.home-kpis--standalone .home-kpi-text strong{
  color:#fff;
}
.home-kpis--standalone .home-kpi-text span{
  color:color-mix(in srgb, var(--home-preset-soft) 60%, white);
}
body[data-theme-preset="balanced"] .home-kpis--standalone .home-kpi{
  background:linear-gradient(180deg, rgba(11,59,100,.96) 0%, rgba(21,94,153,.92) 100%);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 28px rgba(15,23,42,.12);
}
body[data-theme-preset="balanced"] .home-kpis--standalone .home-kpi-icon{
  background:rgba(255,255,255,.08);
}
body[data-theme-preset="balanced"] .home-kpis--standalone .home-kpi-text strong{
  color:#fff;
}
body[data-theme-preset="balanced"] .home-kpis--standalone .home-kpi-text span{
  color:#d0def0;
}
.home-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.home-quick-card{
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface);
  padding:12px;
  transition:.2s ease;
}
.home-quick-card:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--primary) 22%,var(--line));
}
.home-quick-card--vehicles:hover{
  border-color:color-mix(in srgb,var(--identity-vehicles-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-vehicles-soft) 22%,var(--surface));
  color:var(--identity-vehicles-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-vehicles-primary) 14%,transparent);
}
.home-quick-card--bikes:hover{
  border-color:color-mix(in srgb,var(--identity-bikes-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-bikes-soft) 22%,var(--surface));
  color:var(--identity-bikes-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-bikes-primary) 14%,transparent);
}
.home-quick-card--parts:hover{
  border-color:color-mix(in srgb,var(--identity-parts-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-parts-soft) 22%,var(--surface));
  color:var(--identity-parts-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-parts-primary) 14%,transparent);
}
.home-quick-card--junkers:hover{
  border-color:color-mix(in srgb,var(--identity-junkers-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-junkers-soft) 22%,var(--surface));
  color:var(--identity-junkers-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-junkers-primary) 14%,transparent);
}
.home-quick-card--products:hover{
  border-color:color-mix(in srgb,var(--identity-products-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-products-soft) 22%,var(--surface));
  color:var(--identity-products-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-products-primary) 14%,transparent);
}
.home-quick-card--dealers:hover{
  border-color:color-mix(in srgb,var(--identity-dealers-primary) 30%,var(--line));
  background:color-mix(in srgb,var(--identity-dealers-soft) 22%,var(--surface));
  color:var(--identity-dealers-primary);
  box-shadow:0 10px 22px color-mix(in srgb,var(--identity-dealers-primary) 10%,transparent);
}
.home-quick-card--publish:hover{
  border-color:color-mix(in srgb,#0d9488 30%,var(--line));
  background:color-mix(in srgb,#0d9488 10%,var(--surface));
  color:#0d9488;
  box-shadow:0 10px 22px rgba(13,148,136,.12);
}
.home-quick-card strong{
  display:block;
  font-size:15px;
}
.home-quick-card-text{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.home-quick-card-text > span{
  display:block;
  color:var(--muted);
  font-size:13px;
  line-height:1.4;
}
.home-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.home-hero--content .home-hero-grid{
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
.home-hero--content .home-hero-copy{
  width:100%;
  max-width:820px;
}
.home-hero-copy--left{
  align-items:flex-start;
  text-align:left;
}
.home-hero-copy--center{
  align-items:center;
  text-align:center;
  margin-inline:auto;
}
.home-hero-copy--right{
  align-items:flex-end;
  text-align:right;
  margin-left:auto;
}
.home-hero--content h1{
  max-width:100%;
  font-size:clamp(32px,4vw,46px);
  line-height:1.02;
  margin:10px 0;
}
.home-hero--content .home-hero-grid > div:first-child > p{
  max-width:64ch;
  margin:0;
  line-height:1.55;
}
.home-hero--content .home-hero-actions{
  display:flex;
  width:100%;
  gap:8px;
  margin:18px 0 0;
}
.home-hero-copy--left .home-hero-actions{
  justify-content:flex-start;
}
.home-hero-copy--center .home-hero-actions{
  justify-content:center;
}
.home-hero-copy--right .home-hero-actions{
  justify-content:flex-end;
}
.home-hero--content .home-hero-actions .btn{
  min-height:42px;
  padding:10px 16px;
  font-size:14px;
}
.home-hero--carousel{
  min-height:clamp(420px,52vw,620px);
  padding:0;
  background-image:var(--home-hero-photo, linear-gradient(120deg,#0a1f33 0,#0f4c81 55%,#0b3b64 100%));
}
.home-hero--carousel::before{
  display:none;
}
.home-hero-carousel-track{
  position:relative;
  min-height:inherit;
}
.home-hero-carousel-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  min-height:inherit;
  padding:64px 0;
  background-image:var(--home-hero-photo, linear-gradient(120deg,#0a1f33 0,#0f4c81 55%,#0b3b64 100%));
  background-size:cover;
  background-position:center;
  opacity:0;
  visibility:hidden;
  transform:translateX(18px);
  transition:opacity .42s ease, transform .42s ease, visibility .42s ease;
}
.home-hero-carousel-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  transform:translateX(0);
}
.home-hero-carousel-slide::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(6,18,32,.76) 0%, rgba(10,32,55,.58) 44%, rgba(8,30,52,.24) 100%);
  pointer-events:none;
}
.home-hero-carousel-slide > .container{
  position:relative;
  z-index:2;
}
.home-hero--carousel .home-hero-copy{
  color:#fff;
  text-shadow:0 2px 12px rgba(0,0,0,.32);
}
.home-hero--carousel .home-hero-grid > div:first-child > p{
  color:rgba(242,247,252,.96);
}
.home-hero--carousel .eyebrow-light{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  color:#fff;
  backdrop-filter:blur(8px);
}
.home-hero-carousel-nav{
  position:absolute;
  top:50%;
  z-index:3;
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(15,23,42,.34);
  color:#fff;
  cursor:pointer;
  transform:translateY(-50%);
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.home-hero-carousel-nav:hover{
  background:rgba(15,23,42,.62);
  border-color:rgba(255,255,255,.76);
  transform:translateY(-50%) scale(1.04);
}
.home-hero-carousel-nav span{
  display:block;
  margin-top:-2px;
  font-size:34px;
  line-height:1;
}
.home-hero-carousel-nav--prev{left:20px}
.home-hero-carousel-nav--next{right:20px}
.home-hero--carousel[data-static="1"] .home-hero-carousel-slide{
  transform:none;
}
.home-hero-carousel-thumbs{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(5,minmax(82px,120px));
  gap:10px;
  width:min(680px,calc(100% - 120px));
  transform:translateX(-50%);
}
.home-hero-carousel-thumb{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-width:0;
  min-height:58px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.44);
  border-radius:8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.2), rgba(255,255,255,.06)),
    rgba(8,30,52,.6);
  background-size:cover;
  background-position:center;
  color:#fff;
  cursor:pointer;
  padding:8px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  opacity:.76;
  transition:opacity .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.home-hero-carousel-thumb::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(4,14,26,.08) 0%, rgba(4,14,26,.72) 100%);
  pointer-events:none;
}
.home-hero-carousel-thumb:hover,
.home-hero-carousel-thumb.is-active{
  opacity:1;
  border-color:#fff;
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(0,0,0,.26);
}
.home-hero-carousel-thumb__num,
.home-hero-carousel-thumb__title{
  position:relative;
  z-index:1;
}
.home-hero-carousel-thumb__num{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:22px;
  height:22px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#0a1f33;
  font-size:12px;
  font-weight:800;
}
.home-hero-carousel-thumb__title{
  display:block;
  min-width:0;
  margin-left:7px;
  overflow:hidden;
  color:#fff;
  font-size:11px;
  font-weight:700;
  line-height:1.15;
  text-align:left;
  text-overflow:ellipsis;
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}
.home-kpis--compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.home-quick-grid--editorial .home-quick-card{
  border-radius:18px;
  padding:14px;
}
/* ── Attributes widget – tab bar ─────────────────────────────────── */
.widget-tabs{
  display:grid;
  grid-template-columns:repeat(var(--tab-cols,4),1fr);
  gap:4px;
  padding:6px;
  background:#f0f4f8;
  border-radius:14px 14px 0 0;
  border-bottom:1px solid #e2e8f0;
}
.widget-tab{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:62px;
  padding:10px 6px;
  border:none;
  border-radius:10px;
  cursor:pointer;
  background:transparent;
  color:#64748b;
  font-size:11px;
  font-weight:700;
  letter-spacing:.025em;
  line-height:1.2;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
  -webkit-font-smoothing:antialiased;
}
.widget-tab:hover:not(.widget-tab--active){
  background:rgba(255,255,255,.65);
  color:#475569;
}
.widget-tab--active{
  background:#ffffff;
  color:var(--tab-primary,#0f4c81);
  box-shadow:0 1px 4px rgba(0,0,0,.08),0 2px 10px rgba(0,0,0,.06);
}
.widget-tab-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  line-height:0;
  transition:background .18s ease,color .18s ease;
  color:#94a3b8;
}
.widget-tab--active .widget-tab-icon{
  background:color-mix(in srgb,var(--tab-soft) 75%,white);
  color:var(--tab-primary,#0f4c81);
}
.widget-tab-label{
  transition:color .18s ease;
}
.home-quick-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  margin-bottom:10px;
  border-radius:14px;
  background:var(--bg);
  color:var(--primary);
}
.home-quick-icon--vehicles{background:var(--identity-vehicles-soft);color:var(--identity-vehicles-primary)}
.home-quick-icon--bikes{background:var(--identity-bikes-soft);color:var(--identity-bikes-primary)}
.home-quick-icon--parts{background:var(--identity-parts-soft);color:var(--identity-parts-primary)}
.home-quick-icon--publish{background:#e6fffb;color:#0d9488}
.home-store-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.home-featured-subsection{
  margin-top:48px;
  padding-top:48px;
  border-top:1px solid var(--line);
}
/* Yunkers en portada: más columnas y tarjetas más bajas que la vitrina principal */
.home-store-grid--junk-compact{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
@media (max-width: 1280px){
  .home-store-grid--junk-compact{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width: 1100px){
  .home-store-grid--junk-compact{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 900px){
  .home-store-grid--junk-compact{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.home-store-card--junk-compact{
  border-radius:16px;
}
.home-store-card--junk-compact .home-store-image{
  aspect-ratio:unset;height:128px;
}
.home-store-card--junk-compact .home-store-body{
  padding:10px 12px;
}
.home-store-card--junk-compact .home-store-body h3{
  margin:0 0 6px;
  font-size:14px;
  line-height:1.25;
}
.home-store-card--junk-compact .home-store-body .muted-note{
  font-size:12px;
  line-height:1.35;
}
.home-store-card--junk-compact .spec-chips span{
  font-size:11px;
  padding:5px 8px;
}
.home-store-card--junk-compact .home-store-footer{
  margin-top:6px;
}
.home-store-card--junk-compact .home-store-footer .price{
  font-size:clamp(12px, 0.88rem + 0.2vw, 15px);
}
.home-store-card--junk-compact .home-store-footer .btn{
  font-size:12px;
  padding:6px 10px;
}
.home-store-card--junk-compact .home-item-label{
  bottom:8px;
  left:8px;
  padding:4px 8px;
  font-size:10px;
}
.home-store-image--junk{
  background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);
}
.home-store-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  box-shadow:var(--shadow-soft);
  transition:.2s ease;
  min-width:0;
  position:relative;
  display:flex;flex-direction:column;
}
.home-store-card:hover{
  transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,76,129,.12);z-index:1;
}
.home-store-image{
  display:block;
  aspect-ratio:16/9;
  overflow:hidden;
  position:relative;
  border-radius:16px 16px 0 0;
  background:linear-gradient(135deg,#d9e5ef 0,#a7c1d8 100%);
}
.home-store-image-link{
  display:block;
  width:100%;
  height:100%;
}
.home-store-image img,
.home-store-image-link img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-store-image-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef4f9 0,#d6e2ee 100%);
  color:#6b7280;
}
.home-item-label{
  position:absolute;
  bottom:12px;
  left:12px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(15,34,56,.85);
  color:#fff;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
/* ── Module identity: home-item-label per kind ─────────── */
.home-item-label--vehicle{background:rgba(192,21,42,.85)}
.home-item-label--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent)}
.home-item-label--part{background:rgba(14,116,144,.85)}
.home-item-label--yunker{background:rgba(217,119,6,.85)}
.home-item-label--product{background:rgba(147,51,234,.85)}
.home-item-label-icon{
  display:flex;
  color:#fff;
  opacity:.95;
}
.home-item-label-icon svg{vertical-align:middle}
.home-store-body{
  padding:12px 14px 14px;
  min-width:0;
  background:#fff;
  flex:1;
  border-radius:0 0 16px 16px;
}
.home-store-card:hover .home-store-body{}
.home-store-body h3{
  margin:0 0 4px;
  font-size:14px;
  font-weight:700;
  line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.home-store-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px 10px;
  margin-top:8px;
  min-width:0;
}
.home-store-footer .price{
  min-width:0;
  flex:1 1 auto;
  font-size:clamp(14px, 1.05rem + 0.35vw, 20px);
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
.home-store-footer .btn{
  flex-shrink:0;
  white-space:nowrap;
}

/* ── Bloque 1: Destacados ──────────────────────────────── */
/* ── Popular Products section ────────────────────────── */
.home-popular-products-grid{
    display:grid;
    grid-template-columns:repeat(var(--home-popular-products-columns,2),minmax(0,1fr));
    gap:18px;
    align-items:stretch;
  }
.home-popular-product-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
  gap:0;
  padding:0;
  align-self:stretch;
  height:100%;
}
.home-popular-product-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 30px rgba(15,23,42,.1);
  border-color:rgba(15,23,42,.2);
}
.home-popular-product-card__overlay-link{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  text-decoration:none;
  color:inherit;
}
.home-popular-product-card--row{
  display:block;
  height:100%;
  min-height:210px;
}
.home-popular-product-card__media{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#f8fafc;
  border-radius:24px;
  border:0;
  box-shadow:none;
}
.home-popular-product-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 28%, rgba(255,255,255,.72) 50%, rgba(255,255,255,.22) 72%, rgba(255,255,255,0) 100%);
}
.home-popular-product-card__media img{
  width:100%;
  height:100%;
  transition:transform .32s ease;
  object-fit:cover;
  padding:0;
  background:transparent;
}
.home-popular-product-card:hover .home-popular-product-card__media img{
  transform:scale(1.04);
}
.home-popular-product-card__body{
  position:relative;
  z-index:3;
  pointer-events:none;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px 18px 16px;
  justify-content:flex-start;
  min-width:0;
  height:100%;
  width:min(64%, 420px);
}
.home-popular-product-card__head{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
}
.home-popular-product-card__popularity{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.02em;
  white-space:nowrap;
}
.home-popular-product-card__popularity--moving{
  background:rgba(14,165,233,.12);
  color:#0369a1;
}
.home-popular-product-card__popularity--rising{
  background:rgba(59,130,246,.12);
  color:#1d4ed8;
}
.home-popular-product-card__popularity--hot{
  background:rgba(249,115,22,.12);
  color:#c2410c;
}
.home-popular-product-card__popularity--top{
  background:rgba(234,179,8,.16);
  color:#a16207;
}
.home-popular-product-card__hint{
  font-size:12px;
  color:#6b7280;
}
.home-popular-product-card__details{
  display:flex;
  flex-direction:column;
  gap:7px;
  min-width:0;
}
.home-popular-product-card__meta{
  font-size:12px;
  color:#6b7280;
  line-height:1.35;
}
.home-popular-product-card__location{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:#9ca3af;
  line-height:1.2;
}
.home-popular-product-card__chips{
  margin-top:0;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  justify-content:flex-start;
  position:relative;
  z-index:4;
  pointer-events:auto;
}
.home-popular-product-card__chip{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#f8fafc;
  border:1px solid rgba(148,163,184,.18);
  font-size:11px;
  font-weight:700;
  color:#475569;
  line-height:1;
}
.home-popular-product-card__body-link{
  display:flex;
  flex-direction:column;
  gap:8px;
  text-decoration:none;
}
.home-popular-product-card__price{
  color:#111827;
  font-size:clamp(28px, 1.4rem + .9vw, 42px);
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.home-popular-product-card__price-currency{
  margin-right:1px;
  font-size:.86em;
}
.home-popular-product-card__price sup{
  top:-.45em;
  margin-left:1px;
  font-size:.42em;
  font-weight:700;
}
.home-popular-product-card__title{
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:18px;
  line-height:1.2;
  color:#2b3037;
}
.home-popular-product-card__placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eef2f7,#dde5ee);
  color:#94a3b8;
}
.home-popular-product-card__footer{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  margin-top:auto;
  padding-top:10px;
}
.home-popular-product-card__save{
  position:absolute;
  top:14px;
  right:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.22);
  z-index:4;
  background:rgba(255,255,255,.94);
  color:#0f172a;
  box-shadow:0 6px 18px rgba(15,23,42,.08);
}
.home-popular-product-card__save--saved{
  color:#dc2626;
}
.home-popular-product-card__save-form{
  position:absolute;
  top:14px;
  right:14px;
  z-index:4;
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-products__eyebrow,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-products__eyebrow,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-products__eyebrow,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-products__eyebrow,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-products__eyebrow,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-products__eyebrow{
  background:color-mix(in srgb, var(--identity-products-soft) 88%, white);
  color:var(--identity-products-accent);
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 18%, white);
  box-shadow:0 8px 22px color-mix(in srgb, var(--identity-products-primary) 10%, transparent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .section-head h2,
body[data-theme-preset="products_showcase"] .home-block--products .section-head h2,
body[data-theme-preset="junkers_showcase"] .home-block--products .section-head h2,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .section-head h2,
body[data-theme-preset="parts_promo"] .home-block--products .section-head h2,
body[data-theme-preset="dealer_premium"] .home-block--products .section-head h2{
  color:color-mix(in srgb, var(--identity-products-accent) 84%, #0f172a);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card{
  padding:0;
  border-radius:24px;
  border-color:color-mix(in srgb, var(--primary) 16%, white);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent-soft) 34%, white) 0%,
      #ffffff 100%);
  box-shadow:0 18px 42px color-mix(in srgb, var(--primary) 14%, transparent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__media{
  border-radius:24px;
  background:color-mix(in srgb, var(--bg) 94%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__body,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__body,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__body,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__body,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__body,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__body{
  padding:20px 18px 16px;
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--accent-soft) 18%, white) 0%,
      transparent 100%);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__popularity,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__popularity,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__popularity,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__popularity,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__popularity,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__popularity{
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 16%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__popularity--moving,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__popularity--moving,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__popularity--moving,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__popularity--moving,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__popularity--moving,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__popularity--moving{
  background:color-mix(in srgb, var(--identity-products-soft) 88%, white);
  color:color-mix(in srgb, var(--identity-products-primary) 76%, #0f172a);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__popularity--rising,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__popularity--rising,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__popularity--rising,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__popularity--rising,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__popularity--rising,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__popularity--rising{
  background:color-mix(in srgb, var(--identity-products-soft) 76%, var(--identity-products-primary));
  color:#fff;
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__popularity--hot,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__popularity--hot,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__popularity--hot,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__popularity--hot,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__popularity--hot,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__popularity--hot{
  background:color-mix(in srgb, var(--identity-products-soft) 48%, var(--identity-products-accent));
  color:#fff;
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__popularity--top,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__popularity--top,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__popularity--top,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__popularity--top,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__popularity--top,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__popularity--top{
  background:color-mix(in srgb, var(--identity-products-accent) 16%, white);
  color:var(--identity-products-accent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__title,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__title,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__title,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__title,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__title,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__title{
  color:color-mix(in srgb, var(--identity-products-accent) 82%, #0f172a);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__meta,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__meta,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__meta,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__meta,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__meta,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__meta{
  color:color-mix(in srgb, var(--identity-products-primary) 68%, #475569);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__hint,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__hint,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__hint,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__hint,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__hint,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__hint{
  color:color-mix(in srgb, var(--identity-products-accent) 54%, #64748b);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card__location,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card__location,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card__location,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card__location,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card__location,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card__location{
  color:color-mix(in srgb, var(--identity-products-primary) 52%, #64748b);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__price,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__price,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__price,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__price,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__price,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__price{
  color:var(--identity-products-accent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__chip,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__chip,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__chip,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__chip,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__chip,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__chip{
  background:color-mix(in srgb, var(--identity-products-soft) 84%, white);
  color:color-mix(in srgb, var(--identity-products-accent) 88%, #334155);
  border-color:color-mix(in srgb, var(--identity-products-primary) 12%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__save{
  background:color-mix(in srgb, var(--bg) 84%, white);
  color:color-mix(in srgb, var(--identity-products-accent) 84%, #0f172a);
  border-color:color-mix(in srgb, var(--identity-products-primary) 12%, white);
}
body[data-theme-preset="vehicles_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved,
body[data-theme-preset="products_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved,
body[data-theme-preset="junkers_showcase"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved,
body[data-theme-preset="bikes_adrenaline"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved,
body[data-theme-preset="parts_promo"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved,
body[data-theme-preset="dealer_premium"] .home-block--products .home-popular-product-card .home-popular-product-card__save--saved{
  color:color-mix(in srgb, var(--identity-products-accent) 84%, #b91c1c);
}
@media (max-width: 860px){
  .home-popular-products-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 720px){
  .home-popular-product-card{
    border-radius:0;
  }
  .home-popular-product-card__media{
    inset:0;
    border-top:0;
  }
  .home-popular-product-card__body{
    padding:16px 14px 14px;
    width:min(84%, 320px);
  }
  .home-popular-product-card__head{
    flex-direction:column;
    gap:8px;
  }
  .home-popular-product-card__footer{
    align-items:flex-start;
    flex-direction:row;
  }
  .home-popular-product-card__title{
    font-size:17px;
  }
  .home-popular-product-card__price{
    font-size:34px;
  }
  .home-popular-product-card__media::after{
    background:linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 36%, rgba(255,255,255,.8) 58%, rgba(255,255,255,.34) 78%, rgba(255,255,255,.06) 100%);
  }
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card{
  overflow:hidden;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card__overlay-link,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card__overlay-link,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card__overlay-link{
  position:absolute;
  inset:0;
  display:block;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card--row,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card--row,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card--row{
  display:block;
  min-height:210px;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card__media,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card__media,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card__media{
  position:absolute;
  inset:0;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card__body,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card__body,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card__body{
  position:relative;
  width:min(64%, 420px);
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card__chips,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card__chips,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card__chips,
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .home-popular-product-card__footer,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .home-popular-product-card__footer,
body[data-page-context="home"][data-home-layout="split_column"] .home-block--products .home-popular-product-card__footer{
  justify-content:flex-start;
}
.vehicle-card-bottom{
  display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px;
}

/* ── Featured section ─────────────────────────────────── */
.home-featured-section{background:transparent;border-top:none}
.home-featured-section__eyebrow{color:#b45309}
.home-featured-section__icon{background:#fef3c7;color:#b45309}
.home-featured-section .container{
  padding:0;
  border-radius:28px;
  background:transparent;
  border:none;
  box-shadow:none;
}
.home-featured-grid{
    display:grid;
    grid-template-columns:repeat(var(--home-featured-columns,3),minmax(0,1fr));
    gap:20px;
  }
/* ── Card container ──────────────────────────────────── */
.home-featured-card{
  background:#fff;
  border:2px solid rgba(234,88,12,.28);
  border-radius:18px;
  box-shadow:0 2px 14px rgba(234,88,12,.07), 0 1px 4px rgba(15,76,129,.04);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  display:flex;
  flex-direction:column;
  position:relative;
}
.home-featured-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 36px rgba(234,88,12,.18);
  border-color:rgba(234,88,12,.55);
  z-index:1;
}
/* ── Image wrap + overlay ────────────────────────────── */
.home-featured-image{
  position:relative;
  aspect-ratio:3/2;
  background:#dde6ef;
  overflow:hidden;
  border-radius:16px 16px 0 0;
  flex-shrink:0;
  display:block;
}
.home-featured-image img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .35s ease;
}
.home-featured-card:hover .home-featured-image img{transform:scale(1.06)}
/* gradient overlay for price legibility */
.home-featured-image::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,15,30,.72) 0%,rgba(5,15,30,.18) 50%,transparent 100%);
  pointer-events:none;
}
/* ── Badges row (top of image) ───────────────────────── */
.home-featured-badges{
  position:absolute;top:12px;left:12px;right:48px;
  display:flex;gap:6px;z-index:2;flex-wrap:wrap;
}
.home-featured-badge{
  display:inline-flex;align-items:center;gap:4px;
  padding:4px 9px;border-radius:999px;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:1;
}
.home-featured-badge--spark{
  background:rgba(245,158,11,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
}
.home-featured-badge--type{
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
/* ── Featured type badge: identity color per module kind ── */
.home-featured-badge--vehicle{background:rgba(192,21,42,.82);backdrop-filter:none;border-color:rgba(255,255,255,.15)}
.home-featured-badge--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent);backdrop-filter:none;border-color:rgba(255,255,255,.15)}
.home-featured-badge--part{background:rgba(14,116,144,.82);backdrop-filter:none;border-color:rgba(255,255,255,.15)}
.home-featured-badge--yunker{background:rgba(217,119,6,.82);backdrop-filter:none;border-color:rgba(255,255,255,.15)}
.home-featured-badge--product{background:rgba(147,51,234,.82);backdrop-filter:none;border-color:rgba(255,255,255,.15)}
.home-featured-badge svg{flex-shrink:0}
/* ── Price overlay (bottom of image) ────────────────── */
.home-featured-overlay{
  position:absolute;bottom:0;left:0;right:0;
  padding:20px 16px 14px;
  z-index:2;
  display:flex;align-items:flex-end;justify-content:space-between;
  pointer-events:none;
}
.home-featured-price{
  font-size:22px;font-weight:800;color:#fff;
  font-variant-numeric:tabular-nums;line-height:1;
  text-shadow:0 1px 6px rgba(0,0,0,.35);
}
.home-featured-price small{
  font-size:11px;font-weight:500;color:rgba(255,255,255,.7);margin-left:3px;
}
/* ── Fav button ──────────────────────────────────────── */
.home-featured-fav{
  position:absolute;top:10px;right:10px;z-index:3;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.25);
  display:grid;place-items:center;
  color:#fff;cursor:pointer;
  transition:.18s ease;
}
.home-featured-fav:hover{background:rgba(255,255,255,.9);color:#b91c1c;transform:scale(1.1)}
.home-featured-fav--saved{background:rgba(255,255,255,.9);color:#b91c1c}
.home-featured-fav.is-loading{
  pointer-events:none;cursor:wait;transform:none;background:rgba(255,255,255,.92);color:#b91c1c
}
.home-featured-fav.is-loading .btn-loading-spinner{
  width:14px;height:14px;border-width:2px;border-color:rgba(185,28,28,.35);border-right-color:transparent
}
/* ── Card body — siempre visible bajo la imagen ─────── */
.home-featured-body{
  padding:12px 14px 14px;
  display:flex;flex-direction:column;gap:2px;
  background:#fff;
  border-radius:0 0 16px 16px;
}
.home-featured-card:hover .home-featured-body{}
.home-featured-body h3{
  margin:0;font-size:14px;font-weight:700;
  color:#0f172a;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.home-featured-subtitle{margin:0;font-size:12px;color:#64748b;font-weight:400}
.home-featured-footer{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-top:auto;padding-top:10px;
}
.home-featured-meta{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:1;
}
.home-featured-loc{
  font-size:11.5px;color:#64748b;display:inline-flex;align-items:center;gap:3px;
}
.home-featured-tag{
  font-size:10.5px;font-weight:600;color:#475569;
  background:#f1f5f9;border-radius:6px;padding:2px 7px;
}
.home-featured-cta{
  display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;font-weight:700;color:#0f4c81;
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  padding:5px 10px;border-radius:8px;background:#e8f1fa;
  transition:.15s ease;
}
.home-featured-cta:hover{background:#c5d5e8}
/* ── Featured chips (3 badges en el body de la card) ── */
.home-featured-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 4px}
.home-featured-chip{font-size:11px;font-weight:600;line-height:1;padding:3px 8px;border-radius:5px;background:color-mix(in srgb, var(--accent) 8%, white);color:color-mix(in srgb, var(--accent) 74%, #475569);white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent) 12%, white)}
/* ── Responsive ──────────────────────────────────────── */
@media(max-width:1100px){.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.home-featured-grid{grid-template-columns:1fr}}

/* ── Bloque 3: Yunkers section ─────────────────────────── */
.home-yunkers-section{
  background:linear-gradient(160deg,#fffbf5 0%,#fef6eb 100%);
  border-top:3px solid #d97706;
}
.home-yunkers-section__eyebrow{color:#b45309}
.home-yunkers-section__icon{background:#fef3c7;color:#b45309}
.home-store-card--yunker{border-left:3px solid #d97706}
.home-store-image--yunker{background:linear-gradient(135deg,#d4c5a9 0%,#a89070 100%)}

.home-spotlights-block{margin-top:0}
.home-spotlights-block--after-parts{
  margin-top:36px;
  padding-top:28px;
  border-top:1px solid var(--line);
}
.section-head--spotlights{margin-bottom:18px}
.section-head--spotlights h2{
  margin:8px 0 0;
  font-size:clamp(22px,2.4vw,28px);
  line-height:1.2;
}
.home-spotlights-lead{
  margin:10px 0 0;
  color:#475569;
  font-size:15px;
  line-height:1.5;
  max-width:52ch;
}
.home-spotlight-grid{
    display:grid;
    grid-template-columns:repeat(var(--home-spotlight-columns,4),minmax(0,1fr));
    gap:16px;
  }
.home-spotlight-grid--vehicles{
    grid-template-columns:repeat(var(--home-recent-columns,5),minmax(0,1fr));
  }
.home-spotlight-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
  box-shadow:var(--shadow-soft);
  min-width:0;
}
.home-spotlight-panel--parts{border-left:3px solid #ea580c}
.home-spotlight-panel--vehicles{border-left:3px solid #0F4C81}
.home-spotlight-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid #eef2f7;
}
.home-spotlight-panel__head h3{
  margin:0;
  font-size:16px;
  line-height:1.3;
  color:#0f172a;
}
.home-mini-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.home-mini-card{
  display:flex;
  gap:10px;
  align-items:stretch;
  padding:8px;
  border-radius:12px;
  border:1px solid transparent;
  background:#f8fafc;
  text-decoration:none;
  color:inherit;
  transition:background .15s ease,border-color .15s ease;
}
.home-mini-card:hover{
  background:#fff;
  border-color:#c5d8ea;
}
.home-mini-card__media{
  flex-shrink:0;
  width:56px;
  height:56px;
  border-radius:10px;
  overflow:hidden;
  background:#e2e8f0;
  display:grid;
  place-items:center;
}
.home-mini-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-mini-card__placeholder{
  color:#94a3b8;
  display:flex;
}
.home-mini-card__body{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1;
}
.home-mini-card__title{
  font-size:13px;
  font-weight:700;
  color:#0f172a;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.home-mini-card__meta{
  font-size:12px;
  color:#64748b;
}
.home-mini-card__price{
  font-size:13px;
  font-weight:800;
  color:#0f4c81;
  margin-top:auto;
}

/* Yunkers spotlight block — medium priority */
.home-spotlights-block--junkers .section-head--spotlights .eyebrow{color:#b45309}
.home-spotlights-block--junkers .section-head--spotlights h2{color:#1c0a00}

.home-junk-mid-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.home-junk-mid-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--line);
  border-left:3px solid #b45309;
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  text-decoration:none;
  color:inherit;
  transition:transform .2s ease,box-shadow .2s ease;
}
.home-junk-mid-card:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.home-junk-mid-card__image{
  height:148px;
  background:linear-gradient(135deg,#d4c5b0 0%,#9e8872 100%);
  position:relative;
  overflow:hidden;
  flex-shrink:0;
}
.home-junk-mid-card__image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.home-junk-mid-card__body{
  padding:12px 14px 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
  flex:1;
  min-width:0;
}
.home-junk-mid-card__body h3{
  margin:0;
  font-size:15px;
  line-height:1.3;
  color:#0f172a;
}
.home-junk-mid-card__meta{
  margin:0;
  font-size:12px;
  color:#64748b;
}
.spec-chips--sm span{font-size:11px;padding:3px 8px}
.home-junk-mid-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:auto;
  padding-top:8px;
  gap:8px;
}
.home-junk-mid-card__footer .price{
  font-size:16px;
  color:#92400e;
}
.home-junk-mid-card__cta{
  font-size:12px;
  font-weight:700;
  color:#b45309;
  white-space:nowrap;
}
.home-junk-mid-card:hover .home-junk-mid-card__cta{text-decoration:underline}

.home-zones-layout{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:18px;
}
.home-zones-chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
}
.home-zones-chips a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  font-weight:700;
  color:#334155;
}
.home-zone-chip-icon{
  display:flex;
  color:var(--primary);
  flex-shrink:0;
}
.home-panel-intro{
  display:flex;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
.home-panel-intro--compact{
  margin-bottom:12px;
}
.home-panel-intro-icon{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:14px;
  background:var(--bg);
  color:var(--primary);
}
.home-panel-intro-icon--catalog{
  color:#0f4c81;
}
.home-panel--zones .home-panel-intro-icon{
  background:#e8f1fa;
  color:#0b3b64;
}
.home-category-heading{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
}
.home-category-heading-icon{
  display:flex;
  color:var(--primary-dark);
}
.home-category-heading-icon--parts{color:var(--primary)}
.section-head-copy{
  display:flex;
  gap:12px;
  align-items:flex-start;
  min-width:0;
}
.section-head-icon{
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin-top:4px;
  border-radius:12px;
  background:var(--bg);
  color:var(--primary);
}
.home-category-columns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:12px;
}
.home-category-columns h4{
  margin:0 0 10px;
}
.home-category-columns ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}
.home-category-columns a{
  color:#0f4c81;
  font-weight:700;
}

.custom-page-wrap{
  padding:40px 0 56px;
}
.custom-page-card{
  width:min(920px,100%);
  margin:0 auto;
  background:#fff;
  border:1px solid #e3eaf2;
  border-radius:20px;
  box-shadow:0 12px 28px rgba(15,23,42,.06);
  padding:28px clamp(18px,3vw,34px);
}
.custom-page-title{
  margin:0 0 10px;
  font-size:clamp(28px,3vw,40px);
  line-height:1.1;
  color:#0f172a;
}
.custom-page-description{
  margin:0 0 18px;
  color:#475569;
  font-size:16px;
  line-height:1.55;
}
.custom-page-content{
  color:#1f2937;
  font-size:16px;
  line-height:1.75;
}
.custom-page-content > *:first-child{
  margin-top:0 !important;
}
.custom-page-content > *:last-child{
  margin-bottom:0 !important;
}
.custom-page-content h1,
.custom-page-content h2,
.custom-page-content h3,
.custom-page-content h4{
  color:#0f172a;
  line-height:1.2;
  margin:24px 0 10px;
}
.custom-page-content p,
.custom-page-content ul,
.custom-page-content ol,
.custom-page-content blockquote,
.custom-page-content pre,
.custom-page-content table{
  margin:0 0 14px;
}
.custom-page-content ul,
.custom-page-content ol{
  padding-left:20px;
}
.custom-page-content a{
  color:#0f4c81;
  text-decoration:underline;
  text-underline-offset:2px;
}
.custom-page-content img{
  border-radius:12px;
  margin:14px auto;
  max-width:100%;
  height:auto;
}
.custom-page-content table{
  width:100%;
  border-collapse:collapse;
  border:1px solid #dbe4ef;
  border-radius:12px;
  overflow:hidden;
}
.custom-page-content th,
.custom-page-content td{
  border:1px solid #dbe4ef;
  padding:10px 12px;
  text-align:left;
}
.custom-page-content blockquote{
  border-left:4px solid #c8d8ea;
  background:#f8fbff;
  padding:12px 14px;
  border-radius:8px;
  color:#334155;
}
.custom-page-content hr{
  border:0;
  border-top:1px solid #e2e8f0;
  margin:22px 0;
}

.share-social{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
.share-social-label{
  margin:0 0 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
}
.share-social-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.share-social-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  padding:0;
  border-radius:999px;
  border:1px solid #d0dbe8;
  background:#fff;
  color:#334155;
  cursor:pointer;
  flex-shrink:0;
  transition:background .2s ease, border-color .2s ease, color .2s ease;
  text-decoration:none;
}
.share-social-btn:hover{
  background:#f8fbff;
  border-color:#b8c9dc;
  color:#0f172a;
}
.share-social-fb:hover{border-color:#1877f2;color:#1877f2;background:#eff6ff}
.share-social-x:hover{border-color:#0f172a;color:#0f172a;background:#f1f5f9}
.share-social-wa:hover{border-color:#25d366;color:#128c4a;background:#ecfdf5}
.share-social-li:hover{border-color:#0a66c2;color:#0a66c2;background:#eff6ff}
.share-social-tg:hover{border-color:#229ed9;color:#1688b9;background:#f0f9ff}
.share-social-mail:hover{border-color:var(--primary);color:var(--primary);background:#fffbeb}
.share-social-copy{
  font-family:inherit;
}
.share-social-copy.is-copied,
.share-social-copy:hover.is-copied{
  border-color:#22c55e;
  color:#166534;
  background:#ecfdf3;
}
.share-social-embed{
  margin-bottom:16px;
}
.share-social-embed .share-social{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
/* —— Héroes contextuales por sección —— */
.page-hero--has-bg{
  position:relative;
  color:#fff;
  border-bottom:0;
  background-size:cover !important;
  background-position:center !important;
}
/* Fade overlay: opaco izquierda → semitransparente derecha (fallback genérico) */
.page-hero--has-bg::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
  pointer-events:none;
}
/* Overlays con tinte de identidad por módulo */
.page-hero--vehicles.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--bikes.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--parts.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--products.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--junkers.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--dealers.page-hero--has-bg::before{
  background:linear-gradient(
    to right,
    rgba(6,12,24,.88) 0%,
    rgba(6,12,24,.70) 30%,
    rgba(6,12,24,.38) 58%,
    rgba(6,12,24,.10) 80%,
    transparent 100%
  );
}
.page-hero--has-bg .container{position:relative;z-index:1}
.page-hero--has-bg h1{color:#fff}
.page-hero--has-bg p{color:rgba(255,255,255,.88)}
.page-hero--has-bg .eyebrow{background:rgba(255,255,255,.15);color:#fff}
/* ── Hero con bg: eyebrow + h1 adoptan color de identidad del módulo ──────── */
.page-hero--vehicles.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-vehicles-primary) 84%, transparent);color:var(--identity-vehicles-soft)}
.page-hero--vehicles.page-hero--has-bg h1{color:var(--identity-vehicles-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-vehicles-primary) 72%, black)}
.page-hero--bikes.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent);color:var(--identity-bikes-soft)}
.page-hero--bikes.page-hero--has-bg h1{color:var(--identity-bikes-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-bikes-primary) 72%, black)}
.page-hero--parts.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-parts-primary) 84%, transparent);color:var(--identity-parts-soft)}
.page-hero--parts.page-hero--has-bg h1{color:var(--identity-parts-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-parts-primary) 72%, black)}
.page-hero--products.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-products-primary) 84%, transparent);color:var(--identity-products-soft)}
.page-hero--products.page-hero--has-bg h1{color:var(--identity-products-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-products-primary) 72%, black)}
.page-hero--junkers.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent);color:var(--identity-junkers-soft)}
.page-hero--junkers.page-hero--has-bg h1{color:var(--identity-junkers-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-junkers-primary) 72%, black)}
/* ── Variables de identidad por módulo ───────────────────────────────────── */
[data-module="vehicles"]{
  --mod-primary:#0F4C81;--mod-dark:#0B3B64;--mod-soft:#E7F0F8;
  --mod-border:#B8D0EA;--mod-text:#0F4C81;--mod-muted:#5B84AD;
}
[data-module="bikes"]{
  --mod-primary:#b45309;--mod-dark:#92400e;--mod-soft:#fef3c7;
  --mod-border:#fcd34d;--mod-text:#92400e;--mod-muted:#f59e0b;
}
[data-module="parts"]{
  --mod-primary:#ea580c;--mod-dark:#c2410c;--mod-soft:#fff7ed;
  --mod-border:#fdba74;--mod-text:#c2410c;--mod-muted:#fb923c;
}
[data-module="products"]{
  --mod-primary:#9333ea;--mod-dark:#7e22ce;--mod-soft:#fdf4ff;
  --mod-border:#e9d5ff;--mod-text:#6b21a8;--mod-muted:#c084fc;
}
[data-module="junkers"]{
  --mod-primary:#d97706;--mod-dark:#92400e;--mod-soft:#fef3c7;
  --mod-border:#fde68a;--mod-text:#92400e;--mod-muted:#fbbf24;
}

/* ── Card CTA y loc usan color del módulo ────────────────────────────────── */
[data-module] .card-cta{
  background:var(--mod-soft,#e8f1fa);
  color:var(--mod-text,#0f4c81);
}
[data-module] .card-cta:hover{
  background:var(--mod-border,#b8d0ea);
  color:var(--mod-dark,#0b3b64);
}
[data-module] .card-loc{color:var(--mod-muted,#64748b)}
body[data-module] .btn-primary{
  background:var(--mod-primary,#0f4c81);
  border-color:var(--mod-primary,#0f4c81);
  color:#fff;
  box-shadow:0 10px 24px color-mix(in srgb, var(--mod-primary,#0f4c81) 18%, transparent);
}
body[data-module] .btn-primary:hover{
  background:color-mix(in srgb, var(--mod-primary,#0f4c81) 84%, black);
  border-color:color-mix(in srgb, var(--mod-primary,#0f4c81) 84%, black);
  color:#fff;
  box-shadow:0 12px 28px color-mix(in srgb, var(--mod-primary,#0f4c81) 22%, transparent);
}
body[data-module] .mobile-nav-grid a:hover{
  background:var(--mod-soft,#e8f1fa);
  color:var(--mod-dark,#0b3b64);
}
body[data-module] .btn-light{
  background:var(--mod-soft,#e8f1fa);
  border-color:var(--mod-border,#b8d0ea);
  color:var(--mod-text,#0f4c81);
  box-shadow:none;
}
body[data-module] .btn-light:hover{
  background:color-mix(in srgb, var(--mod-soft,#e8f1fa) 72%, white);
  border-color:var(--mod-primary,#0f4c81);
  color:var(--mod-dark,#0b3b64);
}
body[data-module] .btn-light .btn-loading-spinner{
  border-color:color-mix(in srgb, var(--mod-primary,#0f4c81) 28%, transparent);
  border-right-color:transparent;
}
body[data-module] .btn-outline{
  border-color:color-mix(in srgb, var(--mod-soft,#e8f1fa) 86%, white);
  color:var(--mod-soft,#e8f1fa);
}
body[data-module] .btn-outline:hover{
  background:color-mix(in srgb, var(--mod-primary,#0f4c81) 18%, transparent);
  border-color:var(--mod-soft,#e8f1fa);
  color:#fff;
}

/* ── Card attrs reciben tinte del módulo ─────────────────────────────────── */
[data-module] .card-attr--neutral{
  background:var(--mod-soft,#f1f5f9);
  color:var(--mod-text,#475569);
  border-color:var(--mod-border,#e2e8f0);
}

/* ── Page hero por módulo (gradiente izq→der, identidad visual) ──────────── */
.page-hero--vehicles{
  background:linear-gradient(to right,
    color-mix(in srgb, var(--identity-vehicles-soft) 94%, white) 0%,
    color-mix(in srgb, var(--identity-vehicles-soft) 82%, white) 30%,
    color-mix(in srgb, var(--identity-vehicles-soft) 42%, white) 55%,
    color-mix(in srgb, var(--identity-vehicles-primary) 26%, white) 75%,
    color-mix(in srgb, var(--identity-vehicles-primary) 48%, white) 100%);
  border-bottom:3px solid color-mix(in srgb, var(--identity-vehicles-primary) 28%, white);
}
.page-hero--vehicles .eyebrow{background:var(--identity-vehicles-soft);color:var(--identity-vehicles-primary)}
.page-hero--vehicles h1{color:var(--identity-vehicles-primary)}

.page-hero--bikes{
  background:linear-gradient(to right,
    color-mix(in srgb, var(--identity-bikes-soft) 94%, white) 0%,
    color-mix(in srgb, var(--identity-bikes-soft) 82%, white) 30%,
    color-mix(in srgb, var(--identity-bikes-soft) 42%, white) 55%,
    color-mix(in srgb, var(--identity-bikes-primary) 26%, white) 75%,
    color-mix(in srgb, var(--identity-bikes-primary) 48%, white) 100%);
  border-bottom:3px solid color-mix(in srgb, var(--identity-bikes-primary) 28%, white);
}
.page-hero--bikes .eyebrow{background:var(--identity-bikes-soft);color:var(--identity-bikes-primary)}
.page-hero--bikes h1{color:var(--identity-bikes-primary)}

.page-hero--parts{
  background:linear-gradient(to right,
    #7c2d12 0%, #9a3412 28%, #c2410c 58%, #ea580c 80%, #fb923c 100%);
  color:#fff;border-bottom:3px solid #fdba74;
}
.page-hero--parts .eyebrow{background:rgba(255,255,255,.15);color:#fff}
.page-hero--parts h1{color:#fff}
.page-hero--parts p{color:#ffedd5}

.page-hero--products{
  background:linear-gradient(to right,
    #c4b5fd 0%, #d4b8fe 30%, #e4caff 55%, #f0dcff 75%, #fdf4ff 100%);
  border-bottom:3px solid #e9d5ff;
}
.page-hero--products .eyebrow{background:#f3e8ff;color:#6b21a8}
.page-hero--products h1{color:#6b21a8}

.page-hero--junkers{
  background:linear-gradient(to right,
    #0d0400 0%, #1c0a00 25%, #78350f 55%, #a05a1a 78%, #c27a38 100%);
  color:#fff;border-bottom:3px solid #d97706;
}
.page-hero--junkers .eyebrow{background:rgba(251,191,36,.2);color:#fbbf24}
.page-hero--junkers h1{color:#fff}
.page-hero--junkers p{color:#fde68a}
.page-hero--publish{
  background:
    radial-gradient(520px 280px at 92% 0%, rgba(255,91,46,.16) 0, transparent 55%),
    linear-gradient(180deg,#fffaf8 0%,#f4f7fb 100%);
  border-bottom:1px solid #f0e4dd;
}
.page-hero--publish .eyebrow{
  background:#ffe6de;
  color:#9a3412;
}
.page-hero--dealers{
  background:linear-gradient(120deg,
    color-mix(in srgb, var(--identity-dealers-primary) 92%, black) 0%,
    color-mix(in srgb, var(--identity-dealers-primary) 80%, black) 52%,
    color-mix(in srgb, var(--identity-dealers-primary) 60%, black) 100%);
  color:#fff;
  border-bottom:0;
}
.page-hero--dealers .eyebrow{
  background:color-mix(in srgb, var(--identity-dealers-soft) 12%, transparent);
  color:var(--identity-dealers-soft);
}
.page-hero--dealers h1{color:#fff}
.page-hero--dealers p{color:color-mix(in srgb, var(--identity-dealers-soft) 85%, white)}
.page-hero--dashboard{
  background:
    radial-gradient(640px 300px at 18% -35%, rgba(15,76,129,.14) 0, transparent 58%),
    linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%);
}
.page-hero--dashboard .eyebrow{
  background:#e0eaf5;
  color:#0f4c81;
}
.dashboard-help-panel{
  margin-top:32px;
}
.dashboard-help-panel__head{
  margin-bottom:16px;
}
.dashboard-help-panel__head p{
  margin:6px 0 0;
  color:#64748b;
}
.dashboard-help-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.dashboard-help-card{
  position:relative;
  display:grid;
  gap:10px;
  padding:18px;
  border:1px solid rgba(148,163,184,.22);
  border-radius:var(--r-xl);
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  color:#0f172a;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dashboard-help-card:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px rgba(15,23,42,.1);
}
.dashboard-help-card strong{
  font-size:16px;
  line-height:1.2;
}
.dashboard-help-card span:last-child{
  color:#64748b;
  font-size:13px;
  line-height:1.45;
}
.dashboard-help-card__icon{
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--r-lg);
  background:#e2e8f0;
}
.dashboard-help-card--contact .dashboard-help-card__icon{
  background:color-mix(in srgb, var(--primary) 14%, white);
  color:var(--primary);
}
.dashboard-help-card--faq .dashboard-help-card__icon{
  background:rgba(234,179,8,.14);
  color:#a16207;
}
.dashboard-help-card--support .dashboard-help-card__icon{
  background:rgba(124,58,237,.12);
  color:#7c3aed;
}
@media (max-width: 900px){
  .dashboard-help-grid{
    grid-template-columns:1fr;
  }
}

.home-quick-card--vehicles{border-left:4px solid var(--identity-vehicles-primary)}
.home-quick-card--bikes{border-left:4px solid var(--identity-bikes-primary)}
.home-quick-card--parts{border-left:4px solid var(--identity-parts-primary)}
.home-quick-card--junkers{border-left:4px solid var(--identity-junkers-primary)}
.home-quick-card--products{border-left:4px solid var(--identity-products-primary)}
.home-quick-card--dealers{border-left:4px solid var(--identity-dealers-primary)}
.home-quick-card--publish{border-left:4px solid #0d9488}

.home-panel--zones{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.home-panel--zones::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.06;
  background-image:radial-gradient(circle at 2px 2px,#0f4c81 1px,transparent 0);
  background-size:22px 22px;
  pointer-events:none;
}
.home-panel--zones > *{position:relative;z-index:1}

/* zones wide — horizontal layout when full-width */
.home-panel--zones-wide{
  display:flex;
  align-items:flex-start;
  gap:32px;
}
.home-panel--zones-wide .home-panel-intro{
  flex-shrink:0;
  width:260px;
  margin-bottom:0;
}
.home-panel--zones-wide .home-zones-chips{
  flex:1;
  margin-top:0;
  align-content:flex-start;
}

.home-block--categories-directory{
  --home-directory-primary:var(--theme-brand, var(--primary));
  --home-directory-soft:color-mix(in srgb, var(--theme-brand, var(--primary)) 26%, white);
  --home-directory-accent:var(--accent);
  --home-directory-title:#fff;
  --home-directory-copy:rgba(255,255,255,.72);
}
body[data-theme-preset="dealer_premium"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-dealers-primary);
  --home-directory-soft:var(--identity-dealers-soft);
  --home-directory-accent:var(--identity-dealers-accent);
}
body[data-theme-preset="parts_promo"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-parts-primary);
  --home-directory-soft:var(--identity-parts-soft);
  --home-directory-accent:var(--identity-parts-accent);
}
body[data-theme-preset="bikes_adrenaline"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-bikes-primary);
  --home-directory-soft:var(--identity-bikes-soft);
  --home-directory-accent:var(--identity-bikes-accent);
}
body[data-theme-preset="vehicles_showcase"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-vehicles-primary);
  --home-directory-soft:var(--identity-vehicles-soft);
  --home-directory-accent:var(--identity-vehicles-accent);
}
body[data-theme-preset="junkers_showcase"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-junkers-primary);
  --home-directory-soft:var(--identity-junkers-soft);
  --home-directory-accent:var(--identity-junkers-accent);
}
body[data-theme-preset="products_showcase"] .home-block--categories-directory{
  --home-directory-primary:var(--identity-products-primary);
  --home-directory-soft:var(--identity-products-soft);
  --home-directory-accent:var(--identity-products-accent);
}
body[data-theme-preset="seasonal"] .home-block--categories-directory{
  --home-directory-primary:var(--theme-brand, var(--primary));
  --home-directory-soft:color-mix(in srgb, var(--identity-products-soft) 56%, white);
  --home-directory-accent:var(--identity-products-accent);
}
.home-categories-directory{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-radius:28px;
  background:
    radial-gradient(460px 220px at 10% 0%, color-mix(in srgb, var(--home-directory-accent) 20%, transparent) 0, transparent 62%),
    radial-gradient(420px 220px at 100% 100%, color-mix(in srgb, var(--home-directory-soft) 16%, transparent) 0, transparent 64%),
    linear-gradient(180deg,
      color-mix(in srgb, var(--home-directory-accent) 50%, #0f0f10) 0%,
      color-mix(in srgb, var(--home-directory-primary) 72%, #09090b) 100%);
  border:1px solid color-mix(in srgb, var(--home-directory-soft) 16%, rgba(255,255,255,.07));
  box-shadow:0 28px 70px color-mix(in srgb, var(--home-directory-primary) 24%, transparent);
}
.section-head--categories-directory{
  margin-bottom:26px;
}
.home-categories-directory .section-head-copy h2{
  color:var(--home-directory-title);
}
.home-categories-directory__eyebrow{
  background:color-mix(in srgb, var(--home-directory-soft) 14%, transparent);
  color:color-mix(in srgb, var(--home-directory-soft) 90%, white);
  border:1px solid color-mix(in srgb, var(--home-directory-soft) 18%, transparent);
}
.home-categories-directory__lead{
  color:var(--home-directory-copy);
}
.home-categories-directory__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:18px 22px;
}
.home-categories-directory__column{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.home-categories-directory__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.home-categories-directory__title-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.home-categories-directory__icon{
  width:38px;
  height:38px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb, var(--home-directory-soft) 16%, rgba(255,255,255,.06));
  color:color-mix(in srgb, var(--home-directory-soft) 92%, white);
  flex-shrink:0;
}
.home-categories-directory__column--vehicles .home-categories-directory__icon,
.home-categories-directory__column--bikes .home-categories-directory__icon,
.home-categories-directory__column--parts .home-categories-directory__icon,
.home-categories-directory__column--products .home-categories-directory__icon,
.home-categories-directory__column--junkers .home-categories-directory__icon{
  color:color-mix(in srgb, var(--home-directory-soft) 92%, white);
  background:color-mix(in srgb, var(--home-directory-soft) 16%, rgba(255,255,255,.06));
}
.home-categories-directory__header h3{
  margin:0;
  font-size:1.15rem;
  line-height:1.1;
  color:var(--home-directory-title);
}
.home-categories-directory__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  padding:0 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--home-directory-soft) 88%, white);
  color:color-mix(in srgb, var(--home-directory-accent) 55%, #111827);
  font-size:.85rem;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 10px 24px color-mix(in srgb, var(--home-directory-primary) 18%, transparent);
}
.home-categories-directory__links{
  display:flex;
  flex-direction:column;
  gap:9px;
}
.home-categories-directory__link{
  color:var(--home-directory-copy);
  font-size:1rem;
  line-height:1.35;
  transition:color .18s ease, transform .18s ease;
}
.home-categories-directory__link:hover{
  color:var(--home-directory-title);
  transform:translateX(2px);
}
.home-categories-directory__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:2px;
  color:color-mix(in srgb, var(--home-directory-soft) 92%, white);
  font-size:.87rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
  font-family:inherit;
  line-height:inherit;
}
.home-categories-directory__cta:hover{
  color:var(--home-directory-title);
}
body[data-theme-preset="balanced"] .home-categories-directory{
  background:
    radial-gradient(460px 220px at 10% 0%, color-mix(in srgb, #C62839 10%, transparent) 0, transparent 62%),
    radial-gradient(420px 220px at 100% 100%, color-mix(in srgb, #d9a441 12%, transparent) 0, transparent 64%),
    linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
  border-color:rgba(15,23,42,.06);
  box-shadow:0 22px 52px rgba(15,23,42,.12);
}
body[data-theme-preset="balanced"] .home-categories-directory .section-head-copy h2{
  color:#152238;
}
body[data-theme-preset="balanced"] .home-categories-directory__eyebrow{
  background:color-mix(in srgb, #C62839 10%, white);
  color:#7f1d2d;
  border-color:color-mix(in srgb, #C62839 16%, #e5e7eb);
}
body[data-theme-preset="balanced"] .home-categories-directory__lead{
  color:#5b6574;
}
body[data-theme-preset="balanced"] .home-categories-directory__column--vehicles .home-categories-directory__icon{
  color:#7f1d2d;
  background:color-mix(in srgb, #C62839 10%, white);
}
body[data-theme-preset="balanced"] .home-categories-directory__column--bikes .home-categories-directory__icon,
body[data-theme-preset="balanced"] .home-categories-directory__column--parts .home-categories-directory__icon,
body[data-theme-preset="balanced"] .home-categories-directory__column--junkers .home-categories-directory__icon{
  color:#9a6a13;
  background:color-mix(in srgb, #d9a441 12%, white);
}
body[data-theme-preset="balanced"] .home-categories-directory__column--products .home-categories-directory__icon{
  color:#7a5066;
  background:#f8f4f6;
}
body[data-theme-preset="balanced"] .home-categories-directory__header h3{
  color:#152238;
}
body[data-theme-preset="balanced"] .home-categories-directory__count{
  background:#d9a441;
  color:#3b1f05;
  box-shadow:0 10px 24px rgba(217,164,65,.18);
}
body[data-theme-preset="balanced"] .home-categories-directory__link{
  color:#5b6574;
}
body[data-theme-preset="balanced"] .home-categories-directory__link:hover{
  color:#152238;
}
body[data-theme-preset="balanced"] .home-categories-directory__cta{
  color:#7f1d2d;
}
body[data-theme-preset="balanced"] .home-categories-directory__cta:hover{
  color:#5f1020;
}
@media(max-width:900px){
  .home-categories-directory{
    padding:28px 24px;
    border-radius:24px;
  }
  .home-categories-directory__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  .home-categories-directory{
    padding:24px 18px;
    border-radius:22px;
  }
  .home-categories-directory__grid{
    grid-template-columns:1fr;
  }
  .home-categories-directory__link{
    font-size:.97rem;
  }
}

/* Categories directory — tooltip popover (anchored, with arrow) */
.catdir-tt{
  position:fixed;
  inset:0;
  z-index:10000;
  pointer-events:none;
}
.catdir-tt[hidden]{display:none}
.catdir-tt__dismiss{
  position:absolute;
  inset:0;
  pointer-events:all;
}
.catdir-tt__panel{
  position:absolute;
  pointer-events:all;
  max-height:min(480px,80vh);
  overflow-y:auto;
  border-radius:16px;
  background:#1a1a1d;
  border:1px solid rgba(255,255,255,.11);
  box-shadow:0 20px 56px rgba(0,0,0,.55), 0 0 0 1px rgba(249,115,22,.08);
  padding:18px 20px 16px;
  opacity:0;
  transform:translateY(-6px) scale(.97);
  transition:opacity .18s ease, transform .18s ease;
}
.catdir-tt__panel.is-open{
  opacity:1;
  transform:translateY(0) scale(1);
}
.catdir-tt__arrow{
  position:absolute;
  left:50%;
  width:0;
  height:0;
  pointer-events:none;
}
.catdir-tt__arrow[data-dir="up"]{
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-bottom:10px solid #1a1a1d;
  transform:translateX(-50%);
  filter:drop-shadow(0 -2px 2px rgba(0,0,0,.18));
}
.catdir-tt__arrow[data-dir="down"]{
  border-left:9px solid transparent;
  border-right:9px solid transparent;
  border-top:10px solid #1a1a1d;
  transform:translateX(-50%);
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));
}
.catdir-tt__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.catdir-tt__title{
  font-size:.95rem;
  font-weight:800;
  color:#fff;
  letter-spacing:.01em;
}
.catdir-tt__close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  flex-shrink:0;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.45);
  cursor:pointer;
  transition:background .14s,color .14s;
}
.catdir-tt__close:hover{background:rgba(255,255,255,.14);color:#fff}
.catdir-tt__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px 12px;
}
.catdir-tt__link{
  display:block;
  padding:6px 8px;
  border-radius:8px;
  color:rgba(255,255,255,.68);
  font-size:.86rem;
  line-height:1.3;
  transition:background .13s,color .13s;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.catdir-tt__link:hover{
  background:rgba(249,115,22,.12);
  color:#fff;
}
.catdir-tt__footer{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.07);
  display:flex;
  justify-content:flex-end;
}
.catdir-tt__cta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 16px;
  border-radius:999px;
  background:rgba(249,115,22,.14);
  border:1px solid rgba(249,115,22,.3);
  color:#fdba74;
  font-size:.8rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:background .15s,color .15s,border-color .15s;
}
.catdir-tt__cta:hover{
  background:rgba(249,115,22,.26);
  border-color:rgba(249,115,22,.5);
  color:#fff;
}
@media(max-width:560px){
  .catdir-tt__panel{padding:16px}
  .catdir-tt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
  .catdir-tt__grid{grid-template-columns:1fr}
}


/* Yunkers strip — baja prioridad, al final del home */
.home-junk-strip{
  border-top:1px solid var(--line);
  background:#f8fafc;
  padding:28px 0 36px;
}
.home-junk-strip__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.eyebrow--muted{color:#94a3b8}
.home-junk-strip__title{
  display:block;
  font-size:14px;
  font-weight:700;
  color:#64748b;
  margin-top:2px;
  letter-spacing:.01em;
}
.home-junk-strip__link{
  font-size:13px;
  font-weight:600;
  color:#94a3b8;
  white-space:nowrap;
  transition:color .15s;
}
.home-junk-strip__link:hover{color:#475569}
.home-junk-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.home-junk-item{
  display:flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:10px 12px;
  min-width:0;
  transition:border-color .15s;
  text-decoration:none;
}
.home-junk-item:hover{border-color:#c8d9ea}
.home-junk-item__thumb{
  flex-shrink:0;
  width:48px;
  height:48px;
  border-radius:7px;
  overflow:hidden;
  background:#f1f5f9;
  display:flex;
  align-items:center;
  justify-content:center;
}
.home-junk-item__thumb img{width:100%;height:100%;object-fit:cover}
.home-junk-item__thumb-placeholder{display:flex;color:#cbd5e1}
.home-junk-item__info{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.home-junk-item__title{
  font-size:13px;
  font-weight:600;
  color:#475569;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.home-junk-item__meta{
  font-size:11px;
  color:#94a3b8;
}
.home-junk-item__price{
  flex-shrink:0;
  font-size:13px;
  font-weight:700;
  color:#64748b;
  white-space:nowrap;
}

.publish-choice-card--vehicle::after,
.publish-choice-card--bike::after,
.publish-choice-card--parts::after,
.publish-choice-card--product::after,
.publish-choice-card--junker::after{
    content:"";
    position:absolute;
    top:0;
  right:0;
  width:140px;
  height:140px;
  pointer-events:none;
  border-radius:0 0 0 100%;
}
.publish-choice-card--vehicle{--pc-primary:var(--identity-vehicles-primary);--pc-soft:var(--identity-vehicles-soft);--pc-accent:var(--identity-vehicles-accent)}
.publish-choice-card--bike{--pc-primary:var(--identity-bikes-primary);--pc-soft:var(--identity-bikes-soft);--pc-accent:var(--identity-bikes-accent)}
.publish-choice-card--parts{--pc-primary:var(--identity-parts-primary);--pc-soft:var(--identity-parts-soft);--pc-accent:var(--identity-parts-accent)}
.publish-choice-card--product{--pc-primary:var(--identity-products-primary);--pc-soft:var(--identity-products-soft);--pc-accent:var(--identity-products-accent)}
.publish-choice-card--junker{--pc-primary:var(--identity-junkers-primary);--pc-soft:var(--identity-junkers-soft);--pc-accent:var(--identity-junkers-accent)}
.publish-choice-card--vehicle,
.publish-choice-card--bike,
.publish-choice-card--parts,
.publish-choice-card--product,
.publish-choice-card--junker{
  --publish-btn-bg:var(--pc-soft);
  --publish-btn-border:color-mix(in srgb, var(--pc-primary) 28%, white);
  --publish-btn-color:var(--pc-primary);
  --publish-btn-hover-bg:color-mix(in srgb, var(--pc-soft) 88%, white);
  --publish-btn-hover-border:color-mix(in srgb, var(--pc-primary) 38%, white);
  --publish-btn-hover-color:var(--pc-accent);
  border-color:color-mix(in srgb, var(--pc-primary) 22%, white);
  background:
    radial-gradient(220px 160px at 100% 0%, color-mix(in srgb, var(--pc-soft) 72%, transparent) 0%, transparent 68%),
    linear-gradient(180deg, color-mix(in srgb, var(--pc-soft) 42%, white) 0%, #ffffff 100%);
}
.publish-choice-card--vehicle::before,
.publish-choice-card--bike::before,
.publish-choice-card--parts::before,
.publish-choice-card--product::before,
.publish-choice-card--junker::before{
  background:radial-gradient(520px circle at var(--spot-x,50%) var(--spot-y,40%), color-mix(in srgb, var(--pc-soft) 58%, transparent), transparent 58%);
}
.publish-choice-card--vehicle::after,
.publish-choice-card--bike::after,
.publish-choice-card--parts::after,
.publish-choice-card--product::after,
.publish-choice-card--junker::after{
  background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--pc-soft) 86%, transparent), transparent 62%);
}
.publish-choice-card--vehicle .publish-choice-icon,
.publish-choice-card--bike .publish-choice-icon,
.publish-choice-card--parts .publish-choice-icon,
.publish-choice-card--product .publish-choice-icon,
.publish-choice-card--junker .publish-choice-icon{background:var(--pc-soft);color:var(--pc-primary)}
.publish-choice-card--vehicle .eyebrow,
.publish-choice-card--bike .eyebrow,
.publish-choice-card--parts .eyebrow,
.publish-choice-card--product .eyebrow,
.publish-choice-card--junker .eyebrow{background:color-mix(in srgb, var(--pc-soft) 82%, white);color:var(--pc-primary)}
.publish-choice-card--ads{
    --publish-btn-bg:#eff6ff;
    --publish-btn-border:#bfdbfe;
    --publish-btn-color:#1d4ed8;
    --publish-btn-hover-bg:#e8f1ff;
    --publish-btn-hover-border:#bdd7fe;
    --publish-btn-hover-color:#1d4ed8;
    border-color:#bfdbfe;
    background:
      radial-gradient(220px 160px at 100% 0%, rgba(37,99,235,.12) 0%, transparent 68%),
      linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
  }
.publish-choice-card--ads::before{
    background:radial-gradient(520px circle at var(--spot-x,50%) var(--spot-y,40%), rgba(37,99,235,.08), transparent 58%);
  }
.publish-choice-card--ads::after{
    background:radial-gradient(circle at 100% 0%,rgba(37,99,235,.15),transparent 62%);
  }
.publish-choice-card--ads .publish-choice-icon{
    background:#eff6ff;
    color:#1d4ed8;
  }
.publish-choice-card--ads .eyebrow{
    background:#dbeafe;
    color:#1d4ed8;
  }

.dealer-grid .dealer-card:nth-child(3n+1) .dealer-cover{
  background:linear-gradient(135deg,#1e3a5f 0%,#0f4c81 100%) !important;
}
.dealer-grid .dealer-card:nth-child(3n+2) .dealer-cover{
  background:linear-gradient(135deg,#334155 0%,#1e293b 100%) !important;
}
.dealer-grid .dealer-card:nth-child(3n+3) .dealer-cover{
  background:linear-gradient(135deg,#0f766e 0%,#115e59 100%) !important;
}

@media (max-width: 1100px){
  .home-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 900px){
  .home-hero-grid,
  .home-zones-layout{grid-template-columns:1fr}
  .home-store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-panel--zones-wide{flex-direction:column;gap:16px}
  .home-panel--zones-wide .home-panel-intro{width:auto}
  .home-panel--zones-wide .home-zones-chips{margin-top:0}
  .home-junk-mid-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 640px){
  .publish-choice-grid{grid-template-columns:1fr}
  .home-kpis{grid-template-columns:repeat(2,1fr)}
  .home-kpis--compact{grid-template-columns:1fr}
  .home-quick-grid,.home-category-columns,.home-store-grid,.home-store-grid--junk-compact,.home-spotlight-grid,.home-spotlight-grid--vehicles,.home-junk-mid-grid,.home-featured-grid,.home-catalog-grid{grid-template-columns:1fr}
  .custom-page-wrap{padding:26px 0 36px}
  .custom-page-card{border-radius:16px;padding:18px 16px}
}

.help-center-hero{
  padding:50px 0 36px;
}
.help-center-shell{
  display:grid;
  gap:16px;
}
.help-center-search-card,
.help-center-results-card,
.help-center-suggestions-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow-soft);
  padding:18px;
}
.help-center-label{
  display:block;
  margin-bottom:8px;
  font-size:13px;
  font-weight:700;
  color:#334155;
}
.help-center-search-row{
  display:flex;
  gap:10px;
  align-items:center;
}
.help-center-search-row input{
  flex:1;
  border:1px solid #cfd9e6;
  border-radius:14px;
  padding:12px 14px;
}
.help-center-result-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.help-center-result-head h2,
.help-center-suggestions-card h2{
  margin:0;
  font-size:22px;
}
.help-center-answer{
  margin:12px 0 0;
  white-space:pre-line;
  color:#1e293b;
}
.help-center-feedback{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.help-center-sources{
  margin-top:18px;
}
.help-center-sources ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:12px;
}
.help-center-sources p{
  margin:6px 0;
  color:#475569;
}
.help-center-suggestions-grid{
  margin-top:12px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.help-question-btn{
  display:block;
  text-align:left;
  border:1px solid #d3deea;
  background:#f8fbff;
  color:#0f4c81;
  border-radius:12px;
  padding:11px 12px;
  font-weight:700;
  cursor:pointer;
  text-decoration:none;
  transition:.2s ease;
}
.help-question-btn:hover{
  background:#eef5fd;
  border-color:#c4d5e8;
}
@media (max-width: 900px){
  .help-center-search-row{flex-direction:column;align-items:stretch}
  .help-center-suggestions-grid{grid-template-columns:1fr}
}

/* ── Rich text content (CMS pages) ─────────────────────────────────── */
.custom-page-content ul{list-style-type:disc;padding-left:1.5rem;margin-top:.75rem;margin-bottom:.75rem}
.custom-page-content ol{list-style-type:decimal;padding-left:1.5rem;margin-top:.75rem;margin-bottom:.75rem}
.custom-page-content li{margin-bottom:.25rem;line-height:1.6}
.custom-page-content h2{font-size:1.375rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem;color:var(--text)}
.custom-page-content h3{font-size:1.125rem;font-weight:600;margin-top:1.25rem;margin-bottom:.4rem;color:var(--text)}
.custom-page-content p{margin-bottom:.875rem;line-height:1.7}
.custom-page-content blockquote{border-left:4px solid var(--line,#e2e8f0);padding-left:1rem;margin:1rem 0;color:var(--muted);font-style:italic}
.custom-page-content a{color:var(--primary,#1e40af);text-decoration:underline}
.custom-page-content strong{font-weight:700}
.custom-page-content em{font-style:italic}

/* ═══════════════════════════════════════════════════════════
   HOME v2 — Quick bar, Tendencias, Dealers strip, Catalog full, CTA
═══════════════════════════════════════════════════════════ */

/* ── Quick access bar ─────────────────────────────────────── */
.home-qbar{
  padding:var(--home-block-gap-desktop,68px) 0;
  background:linear-gradient(90deg,
    color-mix(in srgb, var(--home-preset-soft) 88%, white) 0%,
    color-mix(in srgb, var(--home-preset-soft) 62%, var(--home-preset-primary)) 100%);
  border:0
}
.home-qbar--contextual{
  --home-preset-primary:var(--primary);
  --home-preset-soft:color-mix(in srgb, var(--primary) 12%, white);
  --home-preset-accent:var(--accent);
  --home-preset-copy:#12263f;
  background:transparent;
}
.home-qbar-copy{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-bottom:12px}
.home-qbar-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb, var(--home-preset-soft) 84%, white);border:1px solid color-mix(in srgb, var(--home-preset-primary) 14%, white);color:var(--home-preset-primary);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.home-qbar-slogan{margin:0;max-width:760px;color:color-mix(in srgb, var(--home-preset-accent) 18%, var(--home-preset-copy));font-size:clamp(1rem,1.3vw + .8rem,1.45rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.home-qbar-copy-note{margin:0;max-width:700px;color:color-mix(in srgb, var(--home-preset-primary) 44%, #475569);font-size:14px;line-height:1.6}
.home-qbar-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-block:8px}
@media(max-width:640px){.home-qitem{flex:1 1 calc(25% - 8px);min-width:66px;max-width:120px}}
.home-qitem{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;flex-shrink:0;min-width:76px;padding:12px 10px;border-radius:16px;border:1px solid var(--line);background:var(--surface);box-shadow:0 2px 8px rgba(15,23,42,.07);color:var(--text);font-size:11.5px;font-weight:700;letter-spacing:.1px;transition:.18s ease;cursor:pointer}
.home-qitem-label{display:block;width:100%;text-align:center;line-height:1.2}
.home-qitem-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}

/* identidad qbar — icono (variables de identidad del módulo) */
.home-qitem--vehicles .home-qitem-icon{background:color-mix(in srgb,var(--identity-vehicles-soft) 60%,var(--surface));color:var(--identity-vehicles-primary)}
.home-qitem--bikes    .home-qitem-icon{background:color-mix(in srgb,var(--identity-bikes-soft) 60%,var(--surface));color:var(--identity-bikes-primary)}
.home-qitem--parts    .home-qitem-icon{background:color-mix(in srgb,var(--identity-parts-soft) 60%,var(--surface));color:var(--identity-parts-primary)}
.home-qitem--products .home-qitem-icon{background:color-mix(in srgb,var(--identity-products-soft) 60%,var(--surface));color:var(--identity-products-primary)}
.home-qitem--junkers  .home-qitem-icon{background:color-mix(in srgb,var(--identity-junkers-soft) 60%,var(--surface));color:var(--identity-junkers-primary)}
.home-qitem--dealers  .home-qitem-icon{background:color-mix(in srgb,var(--identity-dealers-soft) 60%,var(--surface));color:var(--identity-dealers-primary)}

/* identidad qbar — hover con color del módulo */
.home-qitem:hover{transform:translateY(-2px)}
.home-qitem--vehicles:hover{background:color-mix(in srgb,var(--identity-vehicles-soft) 30%,var(--surface));color:var(--identity-vehicles-primary);box-shadow:0 0 0 1px var(--identity-vehicles-primary),0 6px 16px color-mix(in srgb,var(--identity-vehicles-primary) 16%,transparent)}
.home-qitem--bikes:hover   {background:color-mix(in srgb,var(--identity-bikes-soft) 30%,var(--surface));color:var(--identity-bikes-primary);box-shadow:0 0 0 1px var(--identity-bikes-primary),0 6px 16px color-mix(in srgb,var(--identity-bikes-primary) 16%,transparent)}
.home-qitem--parts:hover   {background:color-mix(in srgb,var(--identity-parts-soft) 30%,var(--surface));color:var(--identity-parts-primary);box-shadow:0 0 0 1px var(--identity-parts-primary),0 6px 16px color-mix(in srgb,var(--identity-parts-primary) 16%,transparent)}
.home-qitem--products:hover{background:color-mix(in srgb,var(--identity-products-soft) 30%,var(--surface));color:var(--identity-products-primary);box-shadow:0 0 0 1px var(--identity-products-primary),0 6px 16px color-mix(in srgb,var(--identity-products-primary) 16%,transparent)}
.home-qitem--junkers:hover {background:color-mix(in srgb,var(--identity-junkers-soft) 30%,var(--surface));color:var(--identity-junkers-primary);box-shadow:0 0 0 1px var(--identity-junkers-primary),0 6px 16px color-mix(in srgb,var(--identity-junkers-primary) 16%,transparent)}
.home-qitem--dealers:hover {background:color-mix(in srgb,var(--identity-dealers-soft) 30%,var(--surface));color:var(--identity-dealers-primary);box-shadow:0 0 0 1px var(--identity-dealers-primary),0 6px 16px color-mix(in srgb,var(--identity-dealers-primary) 14%,transparent)}
.home-qbar-publish{display:flex;justify-content:center;margin-top:18px}
.home-qbar-publish__button{display:inline-flex;align-items:center;gap:13px;max-width:min(100%,620px);padding:13px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 28px rgba(15,23,42,.1);color:var(--text);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.home-qbar-publish__button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--line));box-shadow:0 18px 38px rgba(15,23,42,.14)}
.home-qbar-publish__icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:12px;background:var(--primary);color:#fff}
.home-qbar-publish__copy{display:flex;flex-direction:column;min-width:0;gap:2px;text-align:left}
.home-qbar-publish__copy strong{color:var(--text);font-size:15px;line-height:1.2}
.home-qbar-publish__copy small{color:var(--muted);font-size:12.5px;line-height:1.35}

/* ── Tendencias grid ──────────────────────────────────────── */
.home-trend-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.home-trend-card{background:#fff;border-radius:14px;border:1px solid #e8edf3;overflow:hidden;box-shadow:0 2px 8px rgba(15,76,129,.04);transition:.2s ease;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}
.home-trend-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(15,76,129,.1);border-color:#c5d5e8}
.home-trend-image{position:relative;aspect-ratio:4/3;background:#eef2f7;overflow:hidden;flex-shrink:0}
.home-trend-image img{width:100%;height:100%;object-fit:cover;transition:.3s ease}
.home-trend-card:hover .home-trend-image img{transform:scale(1.04)}
.home-trend-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#e8edf5,#d1dae6);color:#94a3b8}
.home-trend-badge{position:absolute;top:8px;left:8px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:20px;letter-spacing:.4px;text-transform:uppercase;line-height:1}
.home-trend-badge--vehicle{background:rgba(192,21,42,.85);color:#fff}
.home-trend-badge--part{background:rgba(14,116,144,.85);color:#fff}
.home-trend-badge--yunker{background:rgba(217,119,6,.85);color:#fff}
.home-trend-badge--bike{background:rgba(22,163,74,.85);color:#fff}
.home-trend-badge--product{background:rgba(147,51,234,.85);color:#fff}
.home-trend-body{
  position:absolute;bottom:0;left:0;right:0;
  padding:10px 12px 13px;
  display:flex;flex-direction:column;gap:3px;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  transform:translateY(100%);
  transition:transform .35s cubic-bezier(.4,0,.2,1);
  z-index:3;
}
.home-trend-card:hover .home-trend-body{transform:translateY(0)}
.home-trend-title{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-trend-meta{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-trend-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.home-trend-price{font-size:14px;font-weight:800;color:#0f4c81}
.home-trend-cta{font-size:11px;font-weight:700;color:#0f4c81;text-decoration:none;padding:3px 8px;border-radius:8px;background:#e8f1fa;white-space:nowrap}
.home-trend-cta:hover{background:#c5d5e8}
.home-trend-loc{font-size:11px;color:#94a3b8;display:inline-flex;align-items:center;gap:3px;margin-top:4px}
/* ── Trend chips (3 badges debajo del meta) ────────── */
.home-trend-chips{display:flex;flex-wrap:wrap;gap:3px;margin:4px 0 2px}
.home-trend-chip{font-size:10px;font-weight:600;line-height:1;padding:2px 6px;border-radius:4px;background:color-mix(in srgb, var(--accent) 8%, white);color:color-mix(in srgb, var(--accent) 72%, #64748b);white-space:nowrap;border:1px solid color-mix(in srgb, var(--accent) 12%, white)}

/* ── Dealers strip ────────────────────────────────────────── */
.home-dealers-strip{border-radius:20px;background:linear-gradient(115deg,#0b3b64 0%,#155e99 55%,#0e7490 100%);color:#fff;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
.home-dealers-strip::after{content:'';position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.04);pointer-events:none}
.home-dealers-strip-copy{flex:1}
.home-dealers-strip-copy .eyebrow{
  color:#f0f9ff;
  background:rgba(4,24,48,.58);
  border:1px solid rgba(255,255,255,.28);
  margin-bottom:8px;
  font-size:11px;
  box-shadow:0 1px 2px rgba(0,0,0,.12);
}
.home-dealers-strip-copy h2{color:#fff;margin:0 0 10px;font-size:26px;line-height:1.15}
.home-dealers-strip-copy p{color:#cbd5e1;margin:0;font-size:14.5px;max-width:500px;line-height:1.55}
.home-dealers-strip-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;align-items:center}
.home-dealers-strip .btn-outline-white{border:1.5px solid rgba(255,255,255,.5);color:#fff;background:transparent;border-radius:14px;padding:13px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:inherit}
.home-dealers-strip .btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff}


/* ── CTA publicar ─────────────────────────────────────────── */
.home-cta-publish{position:relative;overflow:hidden;border-radius:20px;background:var(--bg);border:1px solid var(--line);padding:44px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.home-cta-publish-copy{flex:1}
.home-cta-publish-copy .eyebrow{margin-bottom:8px}
.home-cta-publish-copy h2{margin:0 0 10px;font-size:26px;color:var(--cta-copy-title,#0f172a);text-shadow:var(--cta-copy-title-shadow,none)}
.home-cta-publish-copy p{margin:0;color:var(--cta-copy-body,#64748b);text-shadow:var(--cta-copy-body-shadow,none);max-width:520px;font-size:15px;line-height:1.55}
.home-cta-publish-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;align-items:center}

/* ── Responsive new classes ───────────────────────────────── */
@media(max-width:1100px){.home-trend-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
  .home-trend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-dealers-strip{flex-direction:column;align-items:flex-start;padding:28px 24px}
  .home-cta-publish{flex-direction:column;align-items:flex-start;padding:28px 24px}
}
@media(max-width:640px){
  .home-qbar{padding:var(--home-block-gap-mobile,44px) 0}
  .home-qbar-copy{margin-bottom:10px}
  .home-qbar-kicker{font-size:10px;letter-spacing:.12em}
  .home-qbar-slogan{font-size:1rem}
  .home-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-qitem{min-width:66px;padding:10px 8px}
  .home-qitem-icon{width:36px;height:36px;border-radius:10px}
  .home-qbar-publish{margin-top:14px}
  .home-qbar-publish__button{width:100%;padding:12px 14px;align-items:flex-start}
  .home-qbar-publish__icon{width:36px;height:36px}
  .home-dealers-strip-copy h2,.home-cta-publish-copy h2{font-size:21px}
}

/* —— Recent listings redesign (ebay-inspired) ——————————————— */
.section-head--home-recent{align-items:flex-start}
.home-recent__eyebrow{margin-bottom:10px}
.home-recent__lead{margin:8px 0 0;color:#64748b;font-size:14px;line-height:1.55}
.home-recent-grid{display:grid;grid-template-columns:repeat(var(--home-recent-columns,5),minmax(0,1fr));gap:16px}
.home-recent-card{
  display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0;
  background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;
  box-shadow:0 1px 4px rgba(15,23,42,.06);
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease
}
.home-recent-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(15,23,42,.12);border-color:#cbd5e1;border-radius:16px;overflow:hidden}
.home-recent-card--vehicle{border-top:3px solid var(--identity-vehicles-primary)}
.home-recent-card--bike{border-top:3px solid var(--identity-bikes-primary)}
.home-recent-card--part{border-top:3px solid var(--identity-parts-primary)}
.home-recent-card--yunker{border-top:3px solid var(--identity-junkers-primary)}
.home-recent-card--product{border-top:3px solid var(--identity-products-primary)}
.home-recent-media{position:relative;aspect-ratio:16/9;background:#f3f4f6;overflow:hidden;flex-shrink:0}
.home-recent-media-link{position:absolute;inset:0;display:block;color:inherit;text-decoration:none}
.home-recent-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.home-recent-card:hover .home-recent-media img{transform:scale(1.04)}
.home-block--recent .home-recent-card,
.home-block--recent .home-recent-card:hover{
  --home-recent-card-radius:16px;
  border-radius:16px;
  overflow:hidden;
  clip-path:inset(0 round var(--home-recent-card-radius));
  isolation:isolate;
  transform:translateZ(0);
  backface-visibility:hidden;
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-card,
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-card:hover,
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-card,
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-card:hover{
  --home-recent-card-radius:24px;
  border-radius:24px;
  overflow:hidden;
  clip-path:inset(0 round var(--home-recent-card-radius));
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-media,
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-card:hover .home-recent-media,
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-media,
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-card:hover .home-recent-media{
  border-radius:18px 18px 0 0;
}
body[data-page-context="home"] .home-block--recent .home-recent-media{
  --home-recent-media-radius:16px 16px 0 0;
  border-radius:var(--home-recent-media-radius);
  overflow:hidden;
  clip-path:inset(0 round var(--home-recent-media-radius));
  transform:translateZ(0);
  backface-visibility:hidden;
}
body[data-theme-preset="vehicles_showcase"] .home-block--recent .home-recent-media,
body[data-theme-preset="junkers_showcase"] .home-block--recent .home-recent-media{
  --home-recent-media-radius:18px 18px 0 0;
}
.home-recent-media-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eef2f7,#dde5ee);color:#94a3b8}
.home-recent-price-overlay{
  position:absolute;bottom:0;left:0;right:0;
  background:linear-gradient(to top,rgba(0,0,0,.72) 0%,rgba(0,0,0,.38) 55%,transparent 100%);
  padding:22px 10px 9px;display:flex;align-items:flex-end;gap:6px;pointer-events:none;z-index:2
}
.home-recent-price{font-size:15px;font-weight:900;color:#fff;letter-spacing:-.01em;line-height:1.2}
.home-recent-price-overlay .home-recent-price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(12, 18, 32, .82);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.home-recent-type{
  position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;
  font-size:10px;font-weight:800;line-height:1;padding:5px 9px;border-radius:999px;
  text-transform:uppercase;letter-spacing:.04em;z-index:3;gap:5px
}
.home-recent-type svg{display:block;flex-shrink:0}
.home-recent-type--vehicle{background:color-mix(in srgb, var(--identity-vehicles-primary) 88%, transparent);color:#fff}
.home-recent-type--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 88%, transparent);color:#fff}
.home-recent-type--part{background:color-mix(in srgb, var(--identity-parts-primary) 88%, transparent);color:#fff}
.home-recent-type--yunker{background:color-mix(in srgb, var(--identity-junkers-primary) 88%, transparent);color:#fff}
.home-recent-type--product{background:color-mix(in srgb, var(--identity-products-primary) 88%, transparent);color:#fff}
.home-recent-save-form{display:contents}
.home-recent-save{
  position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:999px;
  display:grid;place-items:center;background:rgba(255,255,255,.94);color:#0f172a;
  border:1px solid rgba(226,232,240,.95);box-shadow:0 2px 10px rgba(15,23,42,.08);
  z-index:3;cursor:pointer;text-decoration:none;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease
}
.home-recent-save:hover{background:#fff;color:#b91c1c;border-color:#fecaca;transform:scale(1.06);box-shadow:0 8px 18px rgba(185,28,28,.16)}
.home-recent-save--saved{background:#fff1f2;color:#b91c1c;border-color:#fecdd3}
.home-recent-save.is-loading{
  pointer-events:none;cursor:wait;transform:none;background:#fff;color:#b91c1c;border-color:#fecdd3;box-shadow:0 4px 12px rgba(185,28,28,.12)
}
.home-recent-save.is-loading .btn-loading-spinner{
  width:14px;height:14px;border-width:2px;border-color:rgba(185,28,28,.35);border-right-color:transparent
}
.home-recent-body{display:flex;flex-direction:column;gap:5px;min-width:0;padding:10px 12px 12px}
.home-recent-toprow{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}
.home-recent-body-link{display:flex;flex-direction:column;gap:4px;min-width:0;color:inherit;text-decoration:none}
.home-recent-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;column-gap:10px}
.home-recent-body-link--title-only{gap:0}
.home-recent-title{font-size:13px;font-weight:700;color:#111827;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.home-recent-meta{font-size:11px;color:#6b7280;line-height:1.35;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.home-recent-views-soft{display:inline-flex;align-items:center;justify-self:end;margin-top:2px;font-size:12px;font-weight:500;line-height:1.25;color:#9ca3af;white-space:nowrap}
.home-recent-loc{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#94a3b8;line-height:1.2}
.home-recent-ago{font-size:10px;color:#94a3b8;white-space:nowrap}
.home-recent-chips{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px}
.home-recent-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;font-size:10px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px;background:color-mix(in srgb, var(--accent) 8%, white);color:color-mix(in srgb, var(--accent) 74%, #64748b);border:1px solid color-mix(in srgb, var(--accent) 12%, white);white-space:nowrap}
.home-recent-chips .stock-badge--compact{min-height:22px;flex-shrink:0}
body[data-theme-preset="balanced"] .eyebrow{
  background:color-mix(in srgb, #C62839 10%, white);
  color:color-mix(in srgb, #C62839 78%, #334155);
  border-color:color-mix(in srgb, #C62839 16%, white);
}
body[data-theme-preset="balanced"] .chip-muted{
  background:#eef2f7;
  color:#334155;
  border-color:transparent;
}
body[data-theme-preset="balanced"] .spec-chips span,
body[data-theme-preset="balanced"] .quick-list li,
body[data-theme-preset="balanced"] .compatibility-grid span{
  background:var(--bg);
  color:#334155;
  border-color:transparent;
}
body[data-theme-preset="balanced"] .home-featured-chip{
  background:#f1f5f9;
  color:#475569;
  border-color:#e2e8f0;
}
body[data-theme-preset="balanced"] .home-trend-chip{
  background:#f1f5f9;
  color:#64748b;
  border-color:#e2e8f0;
}
body[data-theme-preset="balanced"] .home-recent-chip{
  background:#f8fafc;
  color:#64748b;
  border-color:#e5e7eb;
}
@media(max-width:1100px){.home-recent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.home-recent-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.home-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.custom-page-content s{text-decoration:line-through}

/* ════════════════════════════════════════════════════════════════
   PÁGINA MUNICIPIO — /municipio/{municipio}
════════════════════════════════════════════════════════════════ */

/* Page wrapper */
.mun-page{padding:40px 0 64px}
.mun-section{padding:0 0 48px}

/* Section separator accent */
.mun-section+.mun-section{border-top:1px solid var(--line);padding-top:40px}

/* Section head */
.mun-section-head{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-bottom:20px;
}
.mun-section-head__left{display:flex;align-items:center;gap:12px}
.mun-section-head__link{border-radius:var(--r-md)}
.mun-section-head__icon{
  width:44px;height:44px;border-radius:var(--r-md);
  display:grid;place-items:center;flex-shrink:0;
}
.mun-section-head__icon--vehicles{background:color-mix(in srgb,var(--identity-vehicles-soft) 50%,var(--surface));color:var(--identity-vehicles-primary)}
.mun-section-head__icon--parts{background:color-mix(in srgb,var(--identity-parts-soft) 50%,var(--surface));color:var(--identity-parts-primary)}
.mun-section-head__icon--products{background:color-mix(in srgb,var(--identity-products-soft) 50%,var(--surface));color:var(--identity-products-primary)}
.mun-section-head__icon--yunkers{background:color-mix(in srgb,var(--identity-junkers-soft) 50%,var(--surface));color:var(--identity-junkers-primary)}
.mun-section-head__title{
  font-size:1.15rem;font-weight:800;margin:0 0 2px;color:var(--text);
}
.mun-section-head__count{
  font-size:12px;font-weight:600;color:var(--muted);
}
.mun-section-head__link{
  display:inline-flex;align-items:center;gap:5px;
  font-size:13px;font-weight:700;color:var(--primary);
  text-decoration:none;white-space:nowrap;flex-shrink:0;
  padding:6px 12px;border-radius:var(--r-sm);
  background:color-mix(in srgb,var(--primary) 10%,var(--surface));transition:.15s ease;
}
.mun-section-head__link:hover{background:color-mix(in srgb,var(--primary) 18%,var(--surface))}

/* Grid: 4 cols → 3 → 2 → 1 */
.mun-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

/* Card */
.mun-card{
  display:flex;flex-direction:column;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
  overflow:hidden;
  text-decoration:none;color:inherit;
  box-shadow:0 2px 10px rgba(15,76,129,.05);
  transition:.2s ease;
}
.mun-card:hover{
  transform:translateY(-5px);
  box-shadow:0 12px 32px rgba(15,76,129,.12);
  border-color:color-mix(in srgb,var(--primary) 28%,var(--line));
}

/* Image area */
.mun-card__img{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:linear-gradient(135deg,var(--surface-soft) 0%,color-mix(in srgb,var(--primary) 8%,var(--surface-soft)) 100%);
  flex-shrink:0;
}
.mun-card__img img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:.25s ease;
}
.mun-card:hover .mun-card__img img{transform:scale(1.05)}
.mun-card__img-placeholder{
  position:absolute;inset:0;
  display:grid;place-items:center;
  color:#94a3b8;
}
/* dark gradient overlay on image */
.mun-card__img::after{
  content:'';
  position:absolute;inset:0;
  background:linear-gradient(to top,rgba(5,15,30,.65) 0%,transparent 55%);
  pointer-events:none;
}

/* Type badge — top-left */
.mun-card__type{
  position:absolute;top:10px;left:10px;z-index:2;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  padding:3px 8px;border-radius:var(--r-sm);
  backdrop-filter:blur(6px);
}
.mun-card__type--vehicles{background:rgba(15,76,129,.82);color:#fff}
.mun-card__type--parts{background:rgba(217,119,6,.88);color:#fff}
.mun-card__type--products{background:rgba(5,150,105,.88);color:#fff}
.mun-card__type--yunkers{background:rgba(220,38,38,.85);color:#fff}

/* Price — bottom-left on image */
.mun-card__price{
  position:absolute;bottom:10px;left:10px;z-index:2;
  font-size:15px;font-weight:800;color:#fff;
  line-height:1;
}
.mun-card__price small{font-size:10px;font-weight:600;opacity:.8;margin-left:2px}

/* Card body */
.mun-card__body{
  padding:12px 14px 14px;
  display:flex;flex-direction:column;gap:4px;
  flex:1;
}
.mun-card__title{
  margin:0;
  font-size:14px;font-weight:700;line-height:1.35;
  color:var(--text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.mun-card__meta{
  margin:0;
  font-size:12px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mun-card__chips{
  display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;
}
.mun-chip{
  font-size:10px;font-weight:600;line-height:1;
  padding:3px 7px;border-radius:5px;
  background:#f1f5f9;color:#475569;
  border:1px solid #e2e8f0;white-space:nowrap;
}
.mun-chip--new{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}
.mun-chip--damage{background:#fef2f2;color:#991b1b;border-color:#fecaca}

/* Empty state */
.mun-empty{
  text-align:center;
  padding:72px 24px;
  color:var(--muted);
}
.mun-empty svg{opacity:.25;margin:0 auto 16px;display:block}
.mun-empty h3{font-size:1.3rem;margin:0 0 8px;color:var(--text)}
.mun-empty p{margin:0 0 24px;font-size:.95rem}

/* Responsive */
@media(max-width:1100px){.mun-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.mun-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){
  .mun-grid{grid-template-columns:1fr}
  .mun-section-head__link span{display:none}
}

/* Municipio cards - align with new marketplace card language */
.mun-grid{
  gap:18px;
}
.mun-card{
  background:transparent;
  border:none;
  border-radius:0;
  overflow:visible;
  box-shadow:none;
  transition:none;
  min-width:0;
}
.mun-card:hover{
  transform:none;
  box-shadow:none;
}
.mun-card__img{
  aspect-ratio:1 / 1;
  background:var(--surface-soft);
  border:1px solid var(--line);
  border-radius:var(--r-xl);
}
.mun-card__img img{
  transition:none;
}
.mun-card:hover .mun-card__img img{
  transform:none;
}
.mun-card__img::after{
  background:linear-gradient(to top,rgba(5,15,30,.28) 0%,transparent 52%);
}
.mun-card__type{
  top:8px;
  left:8px;
  font-size:9px;
  line-height:1;
  letter-spacing:0;
  padding:4px 7px;
  border-radius:var(--r-pill);
  box-shadow:0 8px 16px rgba(15,23,42,.08);
}
.mun-card__type--vehicles{background:rgba(192,21,42,.88)}
.mun-card__type--parts{background:rgba(234,88,12,.9)}
.mun-card__type--products{background:rgba(147,51,234,.88)}
.mun-card__type--yunkers{background:rgba(217,119,6,.9)}
.mun-card__price{
  left:12px;
  bottom:12px;
  font-size:15px;
  text-shadow:0 2px 10px rgba(15,23,42,.35);
}
.mun-card__price small{
  font-size:10px;
  font-weight:700;
  opacity:.92;
}
.mun-card__body{
  padding:12px 2px 0;
  gap:0;
  min-width:0;
}
.mun-card__title{
  margin:0 0 6px;
  font-size:14px;
  line-height:1.4;
  color:var(--text);
  -webkit-line-clamp:3;
  min-height:58px;
}
.mun-card__meta{
  margin:0 0 7px;
  color:var(--muted);
  line-height:1.45;
}
.mun-card__chips{
  gap:4px;
  margin-top:0;
  margin-bottom:10px;
}
.mun-chip{
  font-size:10.5px;
  font-weight:700;
  padding:4px 8px;
  border-radius:var(--r-pill);
  background:var(--surface-soft);
  color:var(--muted);
  border:1px solid var(--line);
}
.mun-chip--new{
  background:color-mix(in srgb,#3b82f6 10%,var(--surface));
  color:#1d4ed8;
  border-color:color-mix(in srgb,#3b82f6 25%,var(--line));
}
.mun-chip--damage{
  background:color-mix(in srgb,#f97316 10%,var(--surface));
  color:#c2410c;
  border-color:color-mix(in srgb,#f97316 25%,var(--line));
}

/* ── Campo deshabilitado (ej. País: Puerto Rico) ── */
.field-disabled{
  background:#f8fafc;
  color:#94a3b8;
  border-color:#e2e8f0;
  cursor:not-allowed;
  opacity:.85;
}
/* Margen en el wrapper: -webkit-box en el <p> anulaba el hueco label→texto como en Municipio */
.field-country-note-wrap{
  margin:2px 0 4px;
}
.field-country-note-wrap .field-country-desc{
  margin:0;
  font-size:12px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.phone-guard-alert{
  display:none;
  margin-top:8px;
  padding:12px 14px;
  border-radius:10px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#92400e;
  font-size:13px;
  line-height:1.5;
  gap:10px;
  align-items:flex-start;
}
.phone-guard-alert.is-visible{display:flex}
.phone-guard-alert svg{flex-shrink:0;margin-top:1px;color:#d97706}
.phone-guard-alert strong{display:block;font-weight:700;margin-bottom:2px;color:#78350f}
.phone-guard-alert p{margin:0;color:#92400e}

/* Theme Studio overrides */
[data-module="vehicles"]{
  --mod-primary:var(--identity-vehicles-primary);--mod-dark:var(--identity-vehicles-primary);--mod-soft:var(--identity-vehicles-soft);
  --mod-border:var(--identity-vehicles-soft);--mod-text:var(--identity-vehicles-primary);--mod-muted:var(--identity-vehicles-primary);
}
[data-module="bikes"]{
  --mod-primary:var(--identity-bikes-primary);--mod-dark:var(--identity-bikes-primary);--mod-soft:var(--identity-bikes-soft);
  --mod-border:var(--identity-bikes-soft);--mod-text:var(--identity-bikes-primary);--mod-muted:var(--identity-bikes-primary);
}
[data-module="parts"]{
  --mod-primary:var(--identity-parts-primary);--mod-dark:var(--identity-parts-primary);--mod-soft:var(--identity-parts-soft);
  --mod-border:var(--identity-parts-soft);--mod-text:var(--identity-parts-primary);--mod-muted:var(--identity-parts-primary);
}
[data-module="products"]{
  --mod-primary:var(--identity-products-primary);--mod-dark:var(--identity-products-primary);--mod-soft:var(--identity-products-soft);
  --mod-border:var(--identity-products-soft);--mod-text:var(--identity-products-primary);--mod-muted:var(--identity-products-primary);
}
[data-module="junkers"]{
  --mod-primary:var(--identity-junkers-primary);--mod-dark:var(--identity-junkers-primary);--mod-soft:var(--identity-junkers-soft);
  --mod-border:var(--identity-junkers-soft);--mod-text:var(--identity-junkers-primary);--mod-muted:var(--identity-junkers-primary);
}

.page-hero--vehicles .eyebrow{background:var(--identity-vehicles-soft);color:var(--identity-vehicles-primary);border-color:color-mix(in srgb, var(--identity-vehicles-primary) 22%, white)}
.page-hero--vehicles h1{color:var(--identity-vehicles-primary)}
.page-hero--bikes .eyebrow{background:var(--identity-bikes-soft);color:var(--identity-bikes-primary);border-color:color-mix(in srgb, var(--identity-bikes-primary) 22%, white)}
.page-hero--bikes h1{color:var(--identity-bikes-primary)}
.page-hero--parts{
  background:linear-gradient(to right,
    color-mix(in srgb, var(--identity-parts-soft) 94%, white) 0%,
    color-mix(in srgb, var(--identity-parts-soft) 82%, white) 30%,
    color-mix(in srgb, var(--identity-parts-soft) 42%, white) 55%,
    color-mix(in srgb, var(--identity-parts-primary) 26%, white) 75%,
    color-mix(in srgb, var(--identity-parts-primary) 48%, white) 100%);
  border-bottom:3px solid color-mix(in srgb, var(--identity-parts-primary) 28%, white);
}
.page-hero--parts .eyebrow{background:var(--identity-parts-soft);color:var(--identity-parts-primary);border-color:color-mix(in srgb, var(--identity-parts-primary) 22%, white)}
.page-hero--parts h1{color:var(--identity-parts-primary)}
.page-hero--parts p{color:color-mix(in srgb, var(--muted) 72%, var(--identity-parts-primary))}
.page-hero--products{
  background:linear-gradient(to right,
    color-mix(in srgb, var(--identity-products-soft) 94%, white) 0%,
    color-mix(in srgb, var(--identity-products-soft) 82%, white) 30%,
    color-mix(in srgb, var(--identity-products-soft) 42%, white) 55%,
    color-mix(in srgb, var(--identity-products-primary) 26%, white) 75%,
    color-mix(in srgb, var(--identity-products-primary) 46%, white) 100%);
  border-bottom:3px solid color-mix(in srgb, var(--identity-products-primary) 28%, white);
}
.page-hero--products .eyebrow{background:var(--identity-products-soft);color:var(--identity-products-primary);border-color:color-mix(in srgb, var(--identity-products-primary) 22%, white)}
.page-hero--products h1{color:var(--identity-products-primary)}
.page-hero--junkers{
  background:linear-gradient(to right,
    color-mix(in srgb, var(--identity-junkers-soft) 94%, white) 0%,
    color-mix(in srgb, var(--identity-junkers-soft) 82%, white) 30%,
    color-mix(in srgb, var(--identity-junkers-soft) 42%, white) 55%,
    color-mix(in srgb, var(--identity-junkers-primary) 26%, white) 75%,
    color-mix(in srgb, var(--identity-junkers-primary) 48%, white) 100%);
  border-bottom:3px solid color-mix(in srgb, var(--identity-junkers-primary) 28%, white);
}
.page-hero--junkers .eyebrow{background:var(--identity-junkers-soft);color:var(--identity-junkers-primary);border-color:color-mix(in srgb, var(--identity-junkers-primary) 22%, white)}
.page-hero--junkers h1{color:var(--identity-junkers-primary)}
.page-hero--junkers p{color:color-mix(in srgb, var(--muted) 72%, var(--identity-junkers-primary))}
.page-hero--dealers .eyebrow{background:color-mix(in srgb, var(--identity-dealers-soft) 12%, transparent);color:var(--identity-dealers-soft);border-color:color-mix(in srgb, var(--identity-dealers-soft) 30%, transparent)}

.page-hero--vehicles.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-vehicles-primary) 84%, transparent);color:var(--identity-vehicles-soft);border-color:color-mix(in srgb, var(--identity-vehicles-soft) 45%, transparent)}
.page-hero--vehicles.page-hero--has-bg h1{color:var(--identity-vehicles-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-vehicles-primary) 72%, black)}
.page-hero--bikes.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent);color:var(--identity-bikes-soft);border-color:color-mix(in srgb, var(--identity-bikes-soft) 45%, transparent)}
.page-hero--bikes.page-hero--has-bg h1{color:var(--identity-bikes-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-bikes-primary) 72%, black)}
.page-hero--parts.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-parts-primary) 84%, transparent);color:var(--identity-parts-soft);border-color:color-mix(in srgb, var(--identity-parts-soft) 45%, transparent)}
.page-hero--parts.page-hero--has-bg h1{color:var(--identity-parts-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-parts-primary) 72%, black)}
.page-hero--products.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-products-primary) 84%, transparent);color:var(--identity-products-soft);border-color:color-mix(in srgb, var(--identity-products-soft) 45%, transparent)}
.page-hero--products.page-hero--has-bg h1{color:var(--identity-products-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-products-primary) 72%, black)}
.page-hero--junkers.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent);color:var(--identity-junkers-soft);border-color:color-mix(in srgb, var(--identity-junkers-soft) 45%, transparent)}
.page-hero--junkers.page-hero--has-bg h1{color:var(--identity-junkers-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-junkers-primary) 72%, black)}
.page-hero--dealers.page-hero--has-bg .eyebrow{background:color-mix(in srgb, var(--identity-dealers-primary) 84%, transparent);color:var(--identity-dealers-soft);border-color:color-mix(in srgb, var(--identity-dealers-soft) 45%, transparent)}
.page-hero--dealers.page-hero--has-bg h1{color:var(--identity-dealers-soft);text-shadow:0 2px 12px color-mix(in srgb, var(--identity-dealers-primary) 72%, black)}

.home-item-label--vehicle{background:color-mix(in srgb, var(--identity-vehicles-primary) 84%, transparent)}
.home-item-label--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent)}
.home-item-label--part{background:color-mix(in srgb, var(--identity-parts-primary) 84%, transparent)}
.home-item-label--yunker{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent)}
.home-item-label--product{background:color-mix(in srgb, var(--identity-products-primary) 84%, transparent)}

.listing-layout .vehicle-grid .home-item-label--vehicle{background:color-mix(in srgb, var(--identity-vehicles-primary) 88%, transparent)}
.listing-layout .vehicle-grid .home-item-label--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 88%, transparent)}
.listing-layout .vehicle-grid .home-item-label--part{background:color-mix(in srgb, var(--identity-parts-primary) 88%, transparent)}
.listing-layout .vehicle-grid .home-item-label--yunker{background:color-mix(in srgb, var(--identity-junkers-primary) 88%, transparent)}
.listing-layout .vehicle-grid .home-item-label--product{background:color-mix(in srgb, var(--identity-products-primary) 88%, transparent)}

.home-featured-badge--vehicle{background:color-mix(in srgb, var(--identity-vehicles-primary) 84%, transparent)}
.home-featured-badge--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent)}
.home-featured-badge--part{background:color-mix(in srgb, var(--identity-parts-primary) 84%, transparent)}
.home-featured-badge--product{background:color-mix(in srgb, var(--identity-products-primary) 84%, transparent)}
.home-featured-badge--yunker{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent)}
.home-featured-badge--junker{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent)}

/* ── Theme brand: color de identidad por preset ──────────────────────────── */
body[data-theme-preset="balanced"]         { --theme-brand:#C62839; --theme-brand-soft:color-mix(in srgb,#C62839 10%,white); --theme-brand-dark:color-mix(in srgb,#C62839 84%,black); }
body[data-theme-preset="dealer_premium"]   { --theme-brand:var(--identity-dealers-primary); --theme-brand-soft:var(--identity-dealers-soft); --theme-brand-dark:color-mix(in srgb,var(--identity-dealers-primary) 84%,black); }
body[data-theme-preset="parts_promo"]      { --theme-brand:var(--identity-parts-primary);   --theme-brand-soft:var(--identity-parts-soft);   --theme-brand-dark:color-mix(in srgb,var(--identity-parts-primary) 84%,black); }
body[data-theme-preset="bikes_adrenaline"] { --theme-brand:var(--identity-bikes-primary);   --theme-brand-soft:var(--identity-bikes-soft);   --theme-brand-dark:color-mix(in srgb,var(--identity-bikes-primary) 84%,black); }
body[data-theme-preset="vehicles_showcase"]{ --theme-brand:var(--identity-vehicles-primary);--theme-brand-soft:var(--identity-vehicles-soft);--theme-brand-dark:color-mix(in srgb,var(--identity-vehicles-primary) 84%,black); }
body[data-theme-preset="junkers_showcase"] { --theme-brand:var(--identity-junkers-primary); --theme-brand-soft:var(--identity-junkers-soft); --theme-brand-dark:color-mix(in srgb,var(--identity-junkers-primary) 84%,black); }
body[data-theme-preset="products_showcase"]{ --theme-brand:var(--identity-products-primary);--theme-brand-soft:var(--identity-products-soft);--theme-brand-dark:color-mix(in srgb,var(--identity-products-primary) 84%,black); }

/* Focus ring en inputs y selects */
body[data-theme-preset] .stack-form input:focus,
body[data-theme-preset] .stack-form select:focus,
body[data-theme-preset] .stack-form textarea:focus,
body[data-theme-preset] .access-form input:focus,
body[data-theme-preset] .access-form select:focus,
body[data-theme-preset] .form-grid input:focus,
body[data-theme-preset] .form-grid select:focus{
  border-color:color-mix(in srgb, var(--theme-brand) 44%, white);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-brand) 14%, transparent);
}

/* Precio */
body[data-theme-preset] .price,
body[data-theme-preset] .price-xl{
  color:color-mix(in srgb, var(--theme-brand) 88%, #0f172a);
}

/* Paginación — página activa */
body[data-theme-preset] .pager-btn--current{
  background:var(--theme-brand);
  border-color:var(--theme-brand);
  box-shadow:0 4px 14px color-mix(in srgb, var(--theme-brand) 28%, transparent);
}
body[data-module] .pager-btn:hover{
  background:var(--mod-soft,#e8f1fa);
  border-color:var(--mod-border,#b8d0ea);
  color:var(--mod-dark,#0b3b64);
}
body[data-module] .pager-btn--current{
  background:var(--mod-primary,#0f4c81);
  border-color:var(--mod-primary,#0f4c81);
  color:#fff;
  box-shadow:0 4px 14px color-mix(in srgb, var(--mod-primary,#0f4c81) 28%, transparent);
}
body[data-module] .pager-btn--current:hover{
  background:color-mix(in srgb, var(--mod-primary,#0f4c81) 84%, black);
  border-color:color-mix(in srgb, var(--mod-primary,#0f4c81) 84%, black);
  box-shadow:0 6px 18px color-mix(in srgb, var(--mod-primary,#0f4c81) 32%, transparent);
}

/* Avatar de usuario */
body[data-theme-preset] .pmenu-avatar{
  background:var(--theme-brand);
}

/* Enlace microsite en el dropdown */
body[data-theme-preset] .pmenu-microsite-link{
  color:var(--theme-brand);
}

/* Card CTA en home (sin módulo activo) */
body[data-theme-preset]:not([data-module]) .card-cta{
  background:color-mix(in srgb, var(--theme-brand) 9%, white);
  color:color-mix(in srgb, var(--theme-brand) 80%, #334155);
}
body[data-theme-preset]:not([data-module]) .card-cta:hover{
  background:color-mix(in srgb, var(--theme-brand) 16%, white);
  color:var(--theme-brand-dark);
}

/* Botón Publicar del header siempre usa el color del preset, no del módulo */
body[data-theme-preset][data-module] .header-actions .btn-primary{
  background:var(--theme-brand);
  border-color:var(--theme-brand);
  box-shadow:0 10px 24px color-mix(in srgb, var(--theme-brand) 22%, transparent);
}
body[data-theme-preset][data-module] .header-actions .btn-primary:hover{
  background:var(--theme-brand-dark);
  border-color:var(--theme-brand-dark);
}

/* Featured cards aligned to recent card language */
.home-featured-card.home-recent-card{
  border-width:1px;
  border-style:solid;
  border-color:rgba(234,88,12,.22);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#fffaf5 100%);
  box-shadow:0 8px 24px rgba(15,23,42,.08);
  padding:0;
}
.home-featured-card.home-recent-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  border-color:rgba(234,88,12,.4);
}
.home-featured-card .home-featured-media{position:relative}
.home-featured-card .home-featured-image{
  aspect-ratio:16/9;
  border-radius:0;
  border:0;
  background:transparent;
}
.home-featured-card:hover .home-featured-image img{
  transform:scale(1.04);
}
.home-featured-card .home-featured-image::after,
.home-featured-card .home-featured-overlay,
.home-featured-card .home-featured-footer,
.home-featured-card .home-featured-tag,
.home-featured-card .home-featured-cta,
.home-featured-card .home-featured-price{
  display:none;
}
.home-featured-card .home-featured-badges{
  top:10px;
  left:10px;
  right:52px;
}
.home-featured-card .home-featured-badge--vehicle{
  background:color-mix(in srgb, var(--identity-vehicles-primary) 88%, transparent);
  color:#fff;
  border-color:color-mix(in srgb, var(--identity-vehicles-primary) 42%, white);
}
.home-featured-card .home-featured-badge--bike{
  background:color-mix(in srgb, var(--identity-bikes-soft) 28%, var(--identity-bikes-primary));
  color:#fff;
  border-color:color-mix(in srgb, var(--identity-bikes-primary) 42%, white);
}
.home-featured-card .home-featured-badge--part{
  background:color-mix(in srgb, var(--identity-parts-soft) 82%, white);
  color:color-mix(in srgb, var(--identity-parts-primary) 88%, black);
  border-color:color-mix(in srgb, var(--identity-parts-primary) 28%, white);
  box-shadow:0 6px 16px color-mix(in srgb, var(--identity-parts-primary) 18%, transparent);
}
.home-featured-card .home-featured-badge--product{
  background:color-mix(in srgb, var(--identity-products-soft) 28%, var(--identity-products-primary));
  color:#fff;
  border-color:color-mix(in srgb, var(--identity-products-primary) 42%, white);
}
.home-featured-card .home-featured-badge--yunker{
  background:color-mix(in srgb, var(--identity-junkers-soft) 28%, var(--identity-junkers-primary));
  color:#fff;
  border-color:color-mix(in srgb, var(--identity-junkers-primary) 42%, white);
}
.home-featured-card .home-featured-badge--junker{
  background:color-mix(in srgb, var(--identity-junkers-soft) 28%, var(--identity-junkers-primary));
  color:#fff;
  border-color:color-mix(in srgb, var(--identity-junkers-primary) 42%, white);
}
.home-featured-fav-form{
  position:absolute;
  top:10px;
  right:10px;
  z-index:4;
}
.home-featured-card .home-featured-fav-form .home-featured-fav{
  position:static;
  z-index:4;
  pointer-events:auto;
}
.home-featured-card > .home-featured-media > a.home-featured-fav{
  position:absolute;
  top:10px;
  right:10px;
  z-index:4;
  pointer-events:auto;
}
.home-featured-card .home-featured-body{
  margin:0;
  padding:10px 12px 12px;
  border-radius:0;
  background:transparent;
  border:none;
}
.home-featured-card .home-featured-body-link{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.home-featured-card .home-featured-title{
  display:block;
  color:#111827;
}
.home-featured-card .home-featured-subtitle{margin:0 0 6px}
.home-featured-card .home-featured-subtitle{
  margin:0;
}
.home-featured-toprow{margin-bottom:2px;align-items:flex-start;}
.home-featured-price-overlay{
  padding:16px 10px 10px;
}
.home-featured-card .home-featured-price-overlay .home-recent-price{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(12, 18, 32, .82);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 22px rgba(15,23,42,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:20px;
  font-weight:900;
  letter-spacing:-.03em;
  line-height:1;
}
.home-featured-media__flag{
  position:absolute;
  bottom:14px;
  right:14px;
  z-index:3;
  flex-shrink:0;
}
.home-featured-card .home-featured-chips{
  margin:3px 0 0;
  gap:4px;
}
.home-featured-card .home-featured-chip{
  border-radius:999px;
}

/* Favorites consistency across module grids */
.card-fav.is-loading{
  pointer-events:none;
  cursor:wait;
  transform:none;
  background:#fff;
  color:#b91c1c;
  border-color:#fecdd3;
  box-shadow:0 4px 12px rgba(185,28,28,.12);
}
.card-fav.is-loading .btn-loading-spinner{
  width:14px;
  height:14px;
  border-width:2px;
  border-color:rgba(185,28,28,.35);
  border-right-color:transparent;
}

/* Home Page layouts */
.home-layout-board{display:flex;flex-direction:column}
.home-layout-board > .home-hero,
.home-layout-board > .home-block{width:100%}

body[data-page-context="home"][data-home-layout="card_grid"] .home-layout-board{
  background:none;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-featured-grid{
  grid-template-columns:repeat(var(--home-featured-columns,3),minmax(0,1fr));
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-recent-grid{
  grid-template-columns:repeat(var(--home-recent-columns,5),minmax(0,1fr));
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .vehicle-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--parts .home-spotlight-grid{
  grid-template-columns:repeat(var(--home-spotlight-columns,4),minmax(0,1fr));
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .home-catalog-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .container,
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .container{
  position:static;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .container::before,
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .container::before{
  content:none;
}
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .container > *,
body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .container > *{
  position:static;
  z-index:auto;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-layout-board{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--bg) 82%, white) 0%, transparent 18%),
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 32%);
}
body[data-page-context="home"][data-home-layout="masonry"] .home-block--featured .container,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--recent .container,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--products .container,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--parts .container{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(148,163,184,.16);
  box-shadow:0 16px 36px rgba(15,23,42,.06);
}
body[data-page-context="home"][data-home-layout="masonry"] .home-block--parts .container{
  background:transparent;
  border-color:transparent;
  box-shadow:none;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-featured-grid,
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-grid,
body[data-page-context="home"][data-home-layout="masonry"] .vehicle-grid,
body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-grid{
  display:block;
  columns:3 18rem;
  column-gap:16px;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-featured-card,
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-card,
body[data-page-context="home"][data-home-layout="masonry"] .product-card,
body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-panel{
  break-inside:avoid;
  page-break-inside:avoid;
  display:inline-block;
  width:100%;
  margin:0 0 16px;
  vertical-align:top;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-featured-image,
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-media,
body[data-page-context="home"][data-home-layout="masonry"] .product-thumb-wrap{
  min-height:auto;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-body{
  gap:10px;
  padding:8px 4px 0;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-body-link{
  gap:9px;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-title{
  margin:0 0 6px;
  line-height:1.45;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-recent-meta{
  margin-top:0;
}
body[data-page-context="home"][data-home-layout="masonry"] .home-catalog-grid{
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
}
body[data-page-context="home"][data-home-layout="masonry"] .home-block--zones .home-panel--zones,
body[data-page-context="home"][data-home-layout="masonry"] .home-block--dealers .home-dealers-strip{
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}

@media(min-width:1180px){
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board{
    display:grid;
    grid-template-columns:minmax(0,1.65fr) minmax(320px,.95fr);
    grid-auto-flow:row dense;
    gap:24px;
    max-width:1360px;
    margin:0 auto;
    padding:0 20px 48px;
    align-items:start;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-hero,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--qbar,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--catalog{
    grid-column:1 / -1;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--featured,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--recent,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--products,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--parts{
    grid-column:1;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--cta,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--dealers,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones{
    grid-column:2;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--cta{
    grid-row:3;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones{
    grid-row:4;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--dealers{
    grid-row:5;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block > .container,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-hero > .container{
    max-width:none;
    padding-left:0;
    padding-right:0;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--cta .home-cta-publish,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--dealers .home-dealers-strip,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones .home-panel--zones{
    min-height:100%;
    border-radius:24px;
    box-shadow:0 16px 36px rgba(15,23,42,.08);
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--cta .home-cta-publish,
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--dealers .home-dealers-strip{
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones .home-panel--zones{
    display:flex;
    flex-direction:column;
    gap:18px;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones .home-panel-intro{
    width:auto;
    margin-bottom:0;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones .home-zones-chips{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    width:100%;
    margin-top:0;
    align-content:start;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board > .home-block--zones .home-zones-chips a{
    width:100%;
    justify-content:flex-start;
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-recent-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="split_column"] .vehicle-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="split_column"] .home-spotlight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1179px){
  body[data-page-context="home"][data-home-layout="masonry"] .home-featured-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-recent-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .vehicle-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-grid{
    columns:2 16rem;
  }
}

@media(max-width:767px){
  body[data-page-context="home"][data-home-layout="masonry"] .home-featured-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-recent-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .vehicle-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-grid{
    columns:1;
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .container::before,
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--products .container::before{
    inset:-8px;
  }
  .home-featured-section .container{
    padding:0;
    border-radius:22px;
  }
}

.home-recent-type--vehicle{background:color-mix(in srgb, var(--identity-vehicles-soft) 92%, white);color:var(--identity-vehicles-primary)}
.home-recent-type--bike{background:color-mix(in srgb, var(--identity-bikes-soft) 92%, white);color:var(--identity-bikes-primary)}
.home-recent-type--part{background:color-mix(in srgb, var(--identity-parts-soft) 92%, white);color:var(--identity-parts-primary)}
.home-recent-type--product{background:color-mix(in srgb, var(--identity-products-soft) 92%, white);color:var(--identity-products-primary)}
.home-recent-type--yunker{background:color-mix(in srgb, var(--identity-junkers-soft) 92%, white);color:var(--identity-junkers-primary)}
.home-recent-type--junker{background:color-mix(in srgb, var(--identity-junkers-soft) 92%, white);color:var(--identity-junkers-primary)}

.mun-section-head__icon--vehicles{background:var(--identity-vehicles-soft);color:var(--identity-vehicles-primary)}
.mun-section-head__icon--parts{background:var(--identity-parts-soft);color:var(--identity-parts-primary)}
.mun-section-head__icon--products{background:var(--identity-products-soft);color:var(--identity-products-primary)}
.mun-section-head__icon--yunkers{background:var(--identity-junkers-soft);color:var(--identity-junkers-primary)}

.home-quick-card--vehicles{border-left-color:var(--identity-vehicles-primary)}
.home-quick-card--bikes{border-left-color:var(--identity-bikes-primary)}
.home-quick-card--parts{border-left-color:var(--identity-parts-primary)}
.home-quick-card--junkers{border-left-color:var(--identity-junkers-primary)}
.home-quick-card--products{border-left-color:var(--identity-products-primary)}
.home-quick-card--dealers{border-left-color:var(--identity-dealers-primary)}



.home-featured-badge--vehicle{background:color-mix(in srgb, var(--identity-vehicles-primary) 84%, transparent)}
.home-featured-badge--bike{background:color-mix(in srgb, var(--identity-bikes-primary) 84%, transparent)}
.home-featured-badge--part{background:color-mix(in srgb, var(--identity-parts-primary) 84%, transparent)}
.home-featured-badge--product{background:color-mix(in srgb, var(--identity-products-primary) 84%, transparent)}
.home-featured-badge--yunker{background:color-mix(in srgb, var(--identity-junkers-primary) 84%, transparent)}


/* ── Beta access pages ──────────────────────────────────────────────── */
.access-bullets{display:grid;gap:10px;margin-top:20px}
.beta-bullets{display:grid;gap:10px}
.beta-bullet{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}
.beta-bullet-icon{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;color:var(--access-primary,#0F4C81)}
.beta-bullet-text strong{display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:2px}
.beta-bullet-text span{font-size:12px;color:#64748b;line-height:1.55}
.beta-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.beta-status-badge--open{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.beta-status-badge--closed{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.beta-status-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;animation:beta-pulse 2s ease-in-out infinite}
@keyframes beta-pulse{0%,100%{opacity:1}50%{opacity:.45}}
.beta-cta-group{display:grid;gap:10px}
.beta-cta-group .btn{justify-content:center}
.beta-divider{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.beta-divider::before,.beta-divider::after{content:'';flex:1;height:1px;background:#e2e8f0}
.beta-waitlist{display:grid;gap:10px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;margin-top:4px}
.beta-waitlist-title{margin:0;font-size:14px;font-weight:600;color:#0f172a}
.beta-waitlist-subtitle{margin:0;font-size:12px;color:#64748b;line-height:1.55}
.beta-waitlist-form{display:flex;gap:8px;flex-wrap:wrap}
.beta-waitlist-form input{flex:1 1 180px}
.beta-bullets--centralized{gap:12px}
.beta-bullet--spotlight{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  border-color:#dbe7f5;
  box-shadow:0 10px 25px rgba(15,23,42,.04);
}
.beta-command-stage{
  position:relative;
  margin-top:10px;
  padding:22px 18px 18px;
  border-radius:24px;
  border:1px solid #dbe7f5;
  background:
    radial-gradient(circle at top, rgba(255,255,255,.95), rgba(248,250,252,.92)),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  overflow:hidden;
}
.beta-command-stage__halo{
  position:absolute;
  inset:auto 50% 20px auto;
  width:220px;
  height:220px;
  transform:translateX(50%);
  border-radius:999px;
  background:radial-gradient(circle, rgba(15,76,129,.18) 0%, rgba(15,76,129,.06) 42%, rgba(15,76,129,0) 72%);
  pointer-events:none;
}
.beta-command-stage__ring{
  position:relative;
  min-height:240px;
  display:grid;
  place-items:center;
}
.beta-command-stage__core{
  position:relative;
  z-index:1;
  width:min(230px, 100%);
  display:grid;
  gap:8px;
  justify-items:center;
  text-align:center;
  padding:24px 20px;
  border-radius:26px;
  border:1px solid rgba(15,76,129,.12);
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 40px rgba(15,23,42,.08);
  backdrop-filter:blur(8px);
}
.beta-command-stage__icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,var(--access-primary,#0F4C81), color-mix(in srgb, var(--access-accent,#1d4ed8) 55%, white));
  color:#fff;
  box-shadow:0 10px 24px rgba(15,76,129,.2);
}
.beta-command-stage__core strong{
  font-size:1rem;
  line-height:1.1;
  color:#0f172a;
}
.beta-command-stage__core span{
  font-size:12px;
  line-height:1.6;
  color:#475569;
}
.beta-command-stage__chip{
  position:absolute;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  background:#fff;
  border:1px solid #dbe7f5;
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
}
.beta-command-stage__chip--vehicles{top:8px;left:50%;transform:translateX(-50%)}
.beta-command-stage__chip--parts{top:84px;right:4px}
.beta-command-stage__chip--bikes{bottom:34px;left:12px}
.beta-command-stage__chip--junkers{bottom:0;right:28px}
.beta-command-stage__stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:12px;
}
.beta-stage-stat{
  display:grid;
  gap:4px;
  padding:14px;
  border-radius:18px;
  background:#fff;
  border:1px solid #e2e8f0;
}
.beta-stage-stat strong{
  font-size:13px;
  line-height:1.2;
  color:#0f172a;
}
.beta-stage-stat span{
  font-size:11px;
  line-height:1.5;
  color:#64748b;
}
.beta-control-panel{display:grid;gap:14px}
.beta-control-panel__header{display:grid;gap:12px}
.beta-signal-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.beta-signal{
  display:grid;
  gap:3px;
  padding:12px 14px;
  border-radius:16px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
}
.beta-signal strong{
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#64748b;
}
.beta-signal span{
  font-size:13px;
  font-weight:600;
  color:#0f172a;
}
.beta-message-card{
  display:grid;
  gap:6px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid #dbe7f5;
  background:linear-gradient(135deg, rgba(239,246,255,.88), rgba(248,250,252,.96));
}
.beta-message-card strong{
  font-size:13px;
  font-weight:700;
  color:#0f172a;
}
.beta-message-card p{
  margin:0;
  font-size:13px;
  line-height:1.65;
  color:#475569;
}
.beta-waitlist--centralized{
  gap:12px;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);
}
.beta-waitlist-head{display:grid;gap:6px}

/* ── Beta access: fixes ─────────────────────────────────────────────── */
/* Checkbox dentro de stack-form/access-form no debe heredar estilos de input de texto */
.stack-form input[type="checkbox"],
.stack-form input[type="radio"],
.access-form input[type="checkbox"],
.access-form input[type="radio"]{
  width:16px;height:16px;padding:0;border:none;background:none;border-radius:0;outline:none;
  accent-color:var(--primary,#0F4C81);cursor:pointer;flex-shrink:0;
}
/* Botones en beta-cta-group deben ocupar todo el ancho del grid */
.beta-cta-group .btn{display:flex;width:100%}
/* Input del formulario waitlist (no usa stack-form) */
.beta-waitlist-form input{
  border:1px solid var(--line,#e2e8f0);background:#fff;border-radius:14px;
  padding:11px 14px;outline:none;font-size:14px;color:var(--text,#0f172a);
  transition:border-color .2s,box-shadow .2s;
}
.beta-waitlist-form input:focus{
  border-color:var(--primary,#0F4C81);
  box-shadow:0 0 0 3px rgba(15,76,129,.08);
}
@media (max-width:720px){
  .beta-command-stage{padding:18px 14px 14px}
  .beta-command-stage__ring{min-height:290px}
  .beta-command-stage__chip--parts{top:68px;right:0}
  .beta-command-stage__chip--bikes{bottom:52px;left:0}
  .beta-command-stage__chip--junkers{bottom:8px;right:4px}
  .beta-command-stage__stats,
  .beta-signal-strip{grid-template-columns:1fr}
}

/* Ads Manager */
.ad-zone{
  width:min(100%, 1160px);
  margin:16px auto;
  padding:0 16px;
}
.ad-zone__frame{
  position:relative;
  overflow:hidden;
  border:1px solid #dbe7f5;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 14px 36px rgba(15,23,42,.06);
}
.ad-zone__badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(15,76,129,.92);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.ad-zone__link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.ad-zone__link picture,
.ad-zone__link img{
  display:block;
  width:100%;
}
.ad-zone__link img{
  aspect-ratio:970 / 170;
  object-fit:cover;
}
.ad-zone__caption{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px 16px 14px;
  font-size:13px;
  color:#64748b;
}
.ad-zone__caption strong{
  color:#0f172a;
}
.vehicle-card--ad-inline{
  overflow:hidden;
}
.filters-card .ad-zone{
  width:100%;
  margin:16px 0 0;
  padding:0;
}
.filters-card .ad-zone__link img{
  aspect-ratio:6 / 5;
}
.detail-layout + .ad-zone,
.section + .ad-zone,
.safety-notes + .ad-zone{
  margin-top:0;
}

/* ── Safety notes ──────────────────────────────────────────── */
.safety-notes{padding:48px 0 40px;background:#f8fafc;border-top:1px solid #e8edf3}
.safety-notes__head{text-align:center;margin-bottom:28px}
.safety-notes__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}
.safety-notes__title{font-size:clamp(1rem,1.2vw + .7rem,1.35rem);font-weight:800;color:#0f172a;margin:0 0 8px}
.safety-notes__sub{font-size:14px;color:#64748b;margin:0 0 14px;max-width:540px;margin-inline:auto;line-height:1.55}
.safety-notes__link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#1d4ed8;text-decoration:none;border-bottom:1px solid #bfdbfe;padding-bottom:1px;transition:.15s}
.safety-notes__link:hover{color:#1e40af;border-bottom-color:#1e40af}
.safety-notes__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.safety-notes__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.safety-notes__grid{grid-template-columns:1fr}}
.safety-note{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.safety-note__icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.safety-note__icon--blue   {background:#eff6ff;color:#2563eb}
.safety-note__icon--green  {background:#f0fdf4;color:#16a34a}
.safety-note__icon--amber  {background:#fffbeb;color:#d97706}
.safety-note__icon--red    {background:#fef2f2;color:#dc2626}
.safety-note__icon--purple {background:#faf5ff;color:#9333ea}
.safety-note__icon--slate  {background:#f1f5f9;color:#475569}
.safety-note__label{display:block;font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px}
.safety-note__desc{font-size:13px;color:#64748b;line-height:1.5;margin:0}
body[data-theme-preset] .detail-layout + .ad-zone .ad-zone__frame,
body[data-theme-preset] .section + .ad-zone .ad-zone__frame,
body[data-theme-preset] .ad-zone--detail_top .ad-zone__frame,
body[data-theme-preset] .ad-zone--detail_bottom .ad-zone__frame{
  border-color:color-mix(in srgb, var(--primary) 16%, white);
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--bg) 72%, white) 0%,
      #ffffff 100%);
  box-shadow:0 18px 42px color-mix(in srgb, var(--primary) 14%, transparent);
}
body[data-theme-preset] .detail-layout + .ad-zone .ad-zone__badge,
body[data-theme-preset] .section + .ad-zone .ad-zone__badge,
body[data-theme-preset] .ad-zone--detail_top .ad-zone__badge,
body[data-theme-preset] .ad-zone--detail_bottom .ad-zone__badge{
  background:color-mix(in srgb, var(--primary) 90%, black);
  color:#fff;
}
body[data-theme-preset] .detail-layout + .ad-zone .ad-zone__caption strong,
body[data-theme-preset] .section + .ad-zone .ad-zone__caption strong,
body[data-theme-preset] .ad-zone--detail_top .ad-zone__caption strong,
body[data-theme-preset] .ad-zone--detail_bottom .ad-zone__caption strong{
  color:color-mix(in srgb, var(--accent) 70%, #0f172a);
}
body[data-theme-preset] .detail-layout + .ad-zone .ad-zone__caption,
body[data-theme-preset] .section + .ad-zone .ad-zone__caption,
body[data-theme-preset] .ad-zone--detail_top .ad-zone__caption,
body[data-theme-preset] .ad-zone--detail_bottom .ad-zone__caption{
  background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 58%, white) 100%);
}
body[data-theme-preset="vehicles_showcase"] .detail-card,
body[data-theme-preset="junkers_showcase"] .detail-card,
body[data-theme-preset="products_showcase"] .detail-card,
body[data-theme-preset="bikes_adrenaline"] .detail-card,
body[data-theme-preset="parts_promo"] .detail-card,
body[data-theme-preset="dealer_premium"] .detail-card{
  border:1px solid color-mix(in srgb, var(--primary) 14%, white);
  background:linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--bg) 58%, white) 100%);
  box-shadow:0 18px 42px color-mix(in srgb, var(--primary) 10%, transparent);
}
body[data-theme-preset="vehicles_showcase"] .detail-card .vehicle-card,
body[data-theme-preset="junkers_showcase"] .detail-card .vehicle-card,
body[data-theme-preset="products_showcase"] .detail-card .vehicle-card,
body[data-theme-preset="bikes_adrenaline"] .detail-card .vehicle-card,
body[data-theme-preset="parts_promo"] .detail-card .vehicle-card,
body[data-theme-preset="dealer_premium"] .detail-card .vehicle-card{
  border-color:color-mix(in srgb, var(--primary) 14%, white);
  background:linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--bg) 48%, white) 100%);
  box-shadow:0 14px 34px color-mix(in srgb, var(--primary) 10%, transparent);
}
body[data-theme-preset="vehicles_showcase"] .detail-card .vehicle-image,
body[data-theme-preset="junkers_showcase"] .detail-card .vehicle-image,
body[data-theme-preset="products_showcase"] .detail-card .vehicle-image,
body[data-theme-preset="bikes_adrenaline"] .detail-card .vehicle-image,
body[data-theme-preset="parts_promo"] .detail-card .vehicle-image,
body[data-theme-preset="dealer_premium"] .detail-card .vehicle-image{
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--bg) 82%, white) 0%,
    color-mix(in srgb, var(--primary) 10%, white) 100%);
}
body[data-theme-preset="vehicles_showcase"] .detail-card h2,
body[data-theme-preset="junkers_showcase"] .detail-card h2,
body[data-theme-preset="products_showcase"] .detail-card h2,
body[data-theme-preset="bikes_adrenaline"] .detail-card h2,
body[data-theme-preset="parts_promo"] .detail-card h2,
body[data-theme-preset="dealer_premium"] .detail-card h2{
  color:color-mix(in srgb, var(--accent) 68%, #0f172a);
}
body[data-theme-preset="vehicles_showcase"] .detail-card .vehicle-body h3 a,
body[data-theme-preset="junkers_showcase"] .detail-card .vehicle-body h3 a,
body[data-theme-preset="products_showcase"] .detail-card .vehicle-body h3 a,
body[data-theme-preset="bikes_adrenaline"] .detail-card .vehicle-body h3 a,
body[data-theme-preset="parts_promo"] .detail-card .vehicle-body h3 a,
body[data-theme-preset="dealer_premium"] .detail-card .vehicle-body h3 a{
  color:#0f172a;
}
body[data-theme-preset="vehicles_showcase"] .detail-card .vehicle-body .price,
body[data-theme-preset="junkers_showcase"] .detail-card .vehicle-body .price,
body[data-theme-preset="products_showcase"] .detail-card .vehicle-body .price,
body[data-theme-preset="bikes_adrenaline"] .detail-card .vehicle-body .price,
body[data-theme-preset="parts_promo"] .detail-card .vehicle-body .price,
body[data-theme-preset="dealer_premium"] .detail-card .vehicle-body .price{
  color:var(--primary);
}
body[data-module="products"][data-theme-preset] .contact-card h1.detail-title,
body[data-module="products"][data-theme-preset] .contact-card h1,
body[data-module="products"][data-theme-preset] .detail-card h2{
  color:color-mix(in srgb, var(--identity-products-accent) 82%, #0f172a);
}
body[data-module="products"][data-theme-preset] .contact-card__head .eyebrow{
  background:color-mix(in srgb, var(--identity-products-soft) 88%, white);
  color:var(--identity-products-accent);
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 18%, white);
}
body[data-module="products"][data-theme-preset] .listing-featured-pill{
  background:color-mix(in srgb, var(--identity-products-soft) 84%, white);
  color:var(--identity-products-accent);
  border-color:color-mix(in srgb, var(--identity-products-primary) 18%, white);
  box-shadow:0 10px 22px color-mix(in srgb, var(--identity-products-primary) 10%, transparent);
}
body[data-module="products"][data-theme-preset] .contact-card .price-xl{
  color:var(--identity-products-accent);
}
body[data-module="products"][data-theme-preset] .contact-card .muted-note{
  color:color-mix(in srgb, var(--identity-products-primary) 58%, #64748b);
}
body[data-module="products"][data-theme-preset] .contact-card .text-link,
body[data-module="products"][data-theme-preset] .detail-card .text-link{
  color:var(--identity-products-primary);
}
body[data-module="products"][data-theme-preset] .detail-main-image{
  background:linear-gradient(135deg,
    color-mix(in srgb, var(--bg) 82%, white) 0%,
    color-mix(in srgb, var(--primary) 12%, white) 100%);
  border:1px solid color-mix(in srgb, var(--primary) 14%, white);
  box-shadow:0 18px 42px color-mix(in srgb, var(--primary) 12%, transparent);
}
body[data-module="products"][data-theme-preset] .thumb{
  border:1px solid color-mix(in srgb, var(--primary) 12%, white);
  box-shadow:0 10px 24px color-mix(in srgb, var(--primary) 8%, transparent);
}
body[data-module="products"][data-theme-preset] .detail-card .spec-grid span{
  color:color-mix(in srgb, var(--identity-products-primary) 52%, #64748b);
}
body[data-module="products"][data-theme-preset] .detail-card .spec-grid strong{
  color:color-mix(in srgb, var(--identity-products-accent) 82%, #0f172a);
}
body[data-module="products"][data-theme-preset] .detail-card .spec-grid div{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--identity-products-soft) 24%, white) 0%,
    color-mix(in srgb, var(--bg) 72%, white) 100%);
  border:1px solid color-mix(in srgb, var(--identity-products-primary) 10%, white);
}
body[data-module="products"][data-theme-preset] .contact-card .btn-primary{
  background:var(--identity-products-primary);
  border-color:var(--identity-products-primary);
  color:#fff;
}
body[data-module="products"][data-theme-preset] .contact-card .btn-primary:hover{
  background:color-mix(in srgb, var(--identity-products-primary) 88%, black);
  border-color:color-mix(in srgb, var(--identity-products-primary) 88%, black);
}
body[data-module="products"][data-theme-preset] .contact-card .btn-light{
  background:color-mix(in srgb, var(--identity-products-soft) 88%, white);
  border-color:color-mix(in srgb, var(--identity-products-primary) 14%, white);
  color:color-mix(in srgb, var(--identity-products-accent) 82%, #0f172a);
}
body[data-module="products"][data-theme-preset] .seller-avatar-initial{
  background:linear-gradient(135deg,
    var(--identity-products-primary) 0%,
    color-mix(in srgb, var(--identity-products-accent) 82%, black) 100%);
}
body[data-module="products"][data-theme-preset] .listing-offers-list__item{
  border-color:color-mix(in srgb, var(--identity-products-primary) 12%, white) !important;
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--identity-products-soft) 22%, white) 0%,
    #ffffff 100%);
}
body[data-module="products"][data-theme-preset] .flash-alert,
body[data-module="products"][data-theme-preset] .flash-alert--success{
  background:color-mix(in srgb, var(--identity-products-soft) 38%, white);
  border-color:color-mix(in srgb, var(--identity-products-primary) 18%, white);
  color:color-mix(in srgb, var(--identity-products-accent) 72%, #166534);
}
body[data-module="products"][data-theme-preset] .flash-alert::before,
body[data-module="products"][data-theme-preset] .flash-alert--success::before{
  background:var(--identity-products-primary);
}
body[data-module="products"][data-theme-preset] .contact-card input:focus,
body[data-module="products"][data-theme-preset] .contact-card textarea:focus{
  border-color:color-mix(in srgb, var(--identity-products-primary) 46%, white);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--identity-products-soft) 48%, transparent);
}
.table-clean{
  width:100%;
  border-collapse:collapse;
}
.table-clean th,
.table-clean td{
  padding:12px 10px;
  border-bottom:1px solid #e2e8f0;
  text-align:left;
  vertical-align:top;
}
.table-clean th{
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#64748b;
}
@media (max-width: 768px){
  .ad-zone{
    padding:0 12px;
  }
  .ad-zone__link img,
  .filters-card .ad-zone__link img{
    aspect-ratio:16 / 9;
  }
  .ad-zone__caption{
    flex-direction:column;
  }
}

/* ── Mi Garaje ──────────────────────────────────────────────────────── */
/* ── Showroom ───────────────────────────────────────────────────────────── */
.garaje-page{
  width:min(var(--container,1180px),calc(100% - 32px));
  margin-inline:auto;
  padding-bottom:64px;
}
.garaje-hero{
  text-align:center;
  padding:52px 0 36px;
}
.garaje-hero-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:color-mix(in srgb,var(--primary) 10%,var(--bg));
  color:var(--primary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
  margin-bottom:14px;
}
.garaje-hero h1{
  font-size:clamp(28px,4vw,44px);
  line-height:1.1;
  margin:0 0 12px;
  color:var(--text);
}
.garaje-hero p{
  color:var(--muted);
  font-size:16px;
  max-width:540px;
  margin:0 auto;
  line-height:1.6;
}
.garaje-search{
  max-width:360px;
  margin:22px auto 0;
  position:relative;
}
.garaje-search input{
  width:100%;
  padding:11px 16px 11px 40px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:14px;
  background:var(--surface);
  color:var(--text);
  outline:none;
  transition:border-color .18s,box-shadow .18s;
}
.garaje-search input:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);
}
.garaje-search-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--muted);
  pointer-events:none;
  display:flex;
  align-items:center;
}
.garaje-type-pills{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:16px;
  flex-wrap:wrap;
}
.garaje-type-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:7px 16px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--surface);
  color:var(--muted);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
  white-space:nowrap;
}
.garaje-type-pill:hover{
  background:var(--surface-soft);
  color:var(--text);
  border-color:color-mix(in srgb,var(--primary) 30%,var(--line));
}
.garaje-type-pill.is-active{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
  box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 28%,transparent);
}
.garaje-stats{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-size:13px;
  color:var(--muted);
  margin-bottom:28px;
}
.garaje-stats strong{
  color:var(--text);
  font-weight:700;
}
.garaje-stats-sep{color:var(--line)}
.garaje-empty{
  text-align:center;
  padding:48px 0;
  color:var(--muted);
}
.garaje-no-results{
  text-align:center;
  color:var(--muted);
  font-size:14px;
  padding:24px 0;
}
/* Brand grid */
.brand-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(155px,1fr));
  gap:14px;
}
.brand-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  padding:22px 14px 18px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:20px;
  text-decoration:none;
  color:var(--text);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.brand-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 28px rgba(0,0,0,.09);
  border-color:color-mix(in srgb,var(--primary) 35%,var(--line));
}
.brand-logo-wrap{
  width:76px;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:var(--surface-soft);
  border:1px solid var(--line);
  padding:10px;
  overflow:hidden;
}
.brand-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.07));
  transition:transform .2s ease;
}
.brand-card:hover .brand-logo-wrap img{transform:scale(1.06)}
.brand-logo-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
}
.brand-card-name{
  font-size:13px;
  font-weight:700;
  text-align:center;
  line-height:1.3;
  color:var(--text);
}
.brand-card-count{
  font-size:11px;
  color:var(--muted);
  font-weight:600;
}
/* Breadcrumb */
.garaje-breadcrumb{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:var(--muted);
  padding:24px 0 0;
  margin-bottom:4px;
}
.garaje-breadcrumb a{color:var(--primary);text-decoration:none;font-weight:600}
.garaje-breadcrumb a:hover{text-decoration:underline}
.garaje-breadcrumb-sep{color:var(--line)}
/* Brand page header */
.garaje-brand-header{
  display:flex;
  align-items:center;
  gap:20px;
  padding:24px 0 28px;
  border-bottom:1px solid var(--line);
  margin-bottom:32px;
}
.garaje-brand-logo{
  width:80px;
  height:80px;
  flex-shrink:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--surface-soft);
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px;
}
.garaje-brand-logo img{width:100%;height:100%;object-fit:contain}
.garaje-brand-info{flex:1;min-width:0}
.garaje-brand-info h1{font-size:clamp(22px,3vw,34px);margin:0 0 5px;line-height:1.1}
.garaje-brand-info p{color:var(--muted);font-size:14px;margin:0}
.garaje-brand-back{margin-left:auto;flex-shrink:0;white-space:nowrap}
/* Models grid */
.model-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:14px;
}
.model-card{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:16px;
  text-decoration:none;
  color:var(--text);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.model-card:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 22px rgba(0,0,0,.08);
  border-color:color-mix(in srgb,var(--primary) 35%,var(--line));
}
.model-card-top{display:flex;align-items:center}
.model-card-name{font-size:16px;font-weight:700;line-height:1.25;flex:1}
.model-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.model-card-count{font-size:12px;font-weight:700;color:var(--primary)}
.model-type-badge{
  display:inline-flex;
  align-items:center;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:3px 8px;
  border-radius:999px;
  background:color-mix(in srgb,var(--primary) 12%,var(--surface-soft));
  color:var(--primary);
}
.model-type-badge--bike{
  background:color-mix(in srgb,var(--identity-bikes-soft,#FEF3C7) 60%,var(--surface-soft));
  color:var(--identity-bikes-primary,#B45309);
}
@media (max-width:640px){
  .brand-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
  .model-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .garaje-brand-back{display:none}
  .garaje-brand-header{flex-wrap:wrap}
}

/* ════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE v2 — correctivos con especificidad adecuada
   Deben quedar al final del archivo para sobrescribir los bloques
   de layout (card_grid / masonry) que tienen selectores de body.
════════════════════════════════════════════════════════════════ */

/* ── Hero: reducir padding en móvil ──────────────────────────── */
@media(max-width:900px){
  .home-hero{padding:48px 0 40px}
  .home-hero--carousel{padding:0;min-height:390px}
  .home-hero-carousel-slide{padding:48px 0 40px}
  .home-hero-carousel-nav{
    width:38px;
    height:38px;
  }
  .home-hero-carousel-nav--prev{left:12px}
  .home-hero-carousel-nav--next{right:12px}
  .home-hero-carousel-thumbs{
    bottom:16px;
    grid-template-columns:repeat(5,minmax(44px,1fr));
    gap:7px;
    width:min(520px,calc(100% - 96px));
  }
  .home-hero-carousel-thumb{
    min-height:44px;
    padding:6px;
  }
  .home-hero-carousel-thumb__title{display:none}
  .home-hero-filter-toggle-wrap{margin-top:-18px;margin-bottom:8px}
  .home-hero-filter-toggle-wrap .container{justify-content:center}
  .home-hero-filters-collapsible.is-open{
    padding-top:var(--home-block-gap-mobile,44px) !important;
    padding-bottom:var(--home-block-gap-mobile,44px) !important;
  }
}
@media(max-width:640px){
  .home-hero{padding:36px 0 28px}
  .home-hero--carousel{padding:0;min-height:360px}
  .home-hero-carousel-slide{padding:36px 0 82px}
  .home-hero-carousel-nav{
    top:auto;
    bottom:18px;
    transform:none;
  }
  .home-hero-carousel-nav:hover{transform:none}
  .home-hero-carousel-nav--prev{left:auto;right:62px}
  .home-hero-carousel-nav--next{right:16px}
  .home-hero-carousel-thumbs{display:none}
}

/* ── Hero: espaciado interno en móvil ────────────────────────── */
@media(max-width:640px){
  .home-hero h1{margin:10px 0 8px}
  .home-hero-actions{gap:8px;margin:14px 0}
  .home-hero--content h1{max-width:100%;font-size:clamp(28px,9vw,34px);margin:8px 0 6px}
  .home-hero--content .home-hero-grid > div:first-child > p{font-size:14px;line-height:1.45}
  .home-hero--content .home-hero-actions{gap:7px;margin:12px 0 0}
  .home-hero--content .home-hero-actions .btn{min-height:40px;padding:9px 13px;font-size:13px}
  .home-kpis{gap:8px;margin-top:10px}
  .home-kpi{padding:8px 10px;gap:8px}
  .home-kpi-icon{width:30px;height:30px}
  .home-kpi-text strong{font-size:16px}
  .home-kpi-text span{font-size:11px}
  .home-block--kpis{padding-top:var(--home-block-gap-mobile,44px);padding-bottom:var(--home-block-gap-mobile,44px)}
  .home-kpis-band{padding:0}
}

/* ── card_grid layout: correctivos responsive ────────────────── */
/* Usan los mismos selectores de cuerpo para ganar en especificidad */

@media(max-width:1100px){
  body[data-page-context="home"][data-home-layout="card_grid"] .home-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-recent-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--parts .home-spotlight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .home-catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:900px){
  body[data-page-context="home"][data-home-layout="card_grid"] .home-featured-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-recent-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--parts .home-spotlight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .home-catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:640px){
  body[data-page-context="home"][data-home-layout="card_grid"] .home-featured-grid{
    grid-template-columns:1fr;
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-recent-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--parts .home-spotlight-grid{
    grid-template-columns:1fr;
  }
  body[data-page-context="home"][data-home-layout="card_grid"] .home-block--catalog .home-catalog-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:480px){
  body[data-page-context="home"][data-home-layout="card_grid"] .home-recent-grid{
    grid-template-columns:1fr;
  }
}

/* ── masonry layout: correctivos responsive ──────────────────── */
@media(max-width:900px){
  body[data-page-context="home"][data-home-layout="masonry"] .home-featured-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-recent-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .vehicle-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-grid{
    columns:2 auto;
    column-gap:14px;
  }
}
@media(max-width:640px){
  body[data-page-context="home"][data-home-layout="masonry"] .home-featured-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-recent-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .vehicle-grid,
  body[data-page-context="home"][data-home-layout="masonry"] .home-spotlight-grid{
    columns:1;
  }
}

/* ── home-store-grid--junk-compact: faltaba override a 640px ── */
@media(max-width:640px){
  .home-store-grid--junk-compact{grid-template-columns:1fr}
  .home-store-grid{grid-template-columns:1fr}
}

/* Home mockup: piezas recientes por categoria */
.home-parts-recent{
  padding-top:12px;
}
.home-parts-recent-shell{
  position:relative;
  overflow:hidden;
  padding:32px;
  border:1px solid color-mix(in srgb, var(--identity-parts-primary) 12%, var(--line));
  border-radius:30px;
  background:
    radial-gradient(520px 220px at 0% 0%, color-mix(in srgb, var(--identity-parts-soft) 78%, white) 0%, transparent 70%),
    linear-gradient(180deg, #ffffff 0%, color-mix(in srgb, var(--identity-parts-soft) 44%, white) 100%);
  box-shadow:0 24px 60px color-mix(in srgb, var(--identity-parts-primary) 10%, transparent);
}
.home-parts-recent-shell::after{
  content:"";
  position:absolute;
  inset:auto -70px -80px auto;
  width:240px;
  height:240px;
  border-radius:50%;
  background:color-mix(in srgb, var(--identity-parts-primary) 9%, transparent);
  filter:blur(8px);
  pointer-events:none;
}
.section-head--home-parts-recent{
  align-items:flex-start;
  gap:22px;
  margin-bottom:22px;
}
.home-parts-recent-heading{
  max-width:720px;
}
.home-parts-recent-heading h2{
  margin-bottom:10px;
}
.home-parts-recent-heading p{
  margin:0;
  max-width:62ch;
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}
.home-parts-recent-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(120px,1fr));
  gap:12px;
  min-width:min(100%,290px);
}
.home-parts-recent-summary div{
  padding:16px 18px;
  border:1px solid color-mix(in srgb, var(--identity-parts-primary) 14%, var(--line));
  border-radius:18px;
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.home-parts-recent-summary strong{
  display:block;
  margin-bottom:4px;
  color:var(--identity-parts-primary);
  font-size:30px;
  line-height:1;
}
.home-parts-recent-summary span{
  display:block;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.home-parts-recent-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:22px;
}
.home-parts-chip{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:190px;
  padding:14px 16px;
  border:1px solid color-mix(in srgb, var(--identity-parts-primary) 12%, var(--line));
  border-radius:18px;
  background:rgba(255,255,255,.72);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-parts-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 32px color-mix(in srgb, var(--identity-parts-primary) 12%, transparent);
  border-color:color-mix(in srgb, var(--identity-parts-primary) 26%, var(--line));
}
.home-parts-chip.is-active{
  border-color:color-mix(in srgb, var(--identity-parts-primary) 32%, white);
  background:linear-gradient(180deg, color-mix(in srgb, var(--identity-parts-soft) 82%, white) 0%, #fff 100%);
  box-shadow:0 16px 36px color-mix(in srgb, var(--identity-parts-primary) 14%, transparent);
}
.home-parts-chip-icon,
.home-parts-lane-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:color-mix(in srgb, var(--identity-parts-soft) 80%, white);
  color:var(--identity-parts-primary);
  font-size:20px;
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--identity-parts-primary) 10%, transparent);
}
.home-parts-chip-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.home-parts-chip-copy strong{
  font-size:15px;
}
.home-parts-chip-copy small{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.home-parts-lanes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.home-parts-lane{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:16px;
  min-height:100%;
  padding:22px;
  border:1px solid color-mix(in srgb, var(--identity-parts-primary) 12%, var(--line));
  border-radius:24px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 32px rgba(15,23,42,.06);
}
.home-parts-lane--featured{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--identity-parts-soft) 88%, white) 0%, rgba(255,255,255,.96) 100%);
  border-color:color-mix(in srgb, var(--identity-parts-primary) 20%, var(--line));
}
.home-parts-lane-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.home-parts-lane-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:14px;
  color:var(--identity-parts-primary);
  font-size:13px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.home-parts-lane-head h3{
  margin:0 0 8px;
  font-size:26px;
  line-height:1.08;
}
.home-parts-lane-head p{
  margin:0;
  color:var(--muted);
  line-height:1.6;
}
.home-parts-list{
  display:grid;
  gap:14px;
}
.home-parts-item{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px;
  border-radius:20px;
  border:1px solid color-mix(in srgb, var(--identity-parts-primary) 10%, var(--line));
  background:#fff;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.home-parts-item:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb, var(--identity-parts-primary) 20%, var(--line));
  box-shadow:0 16px 28px color-mix(in srgb, var(--identity-parts-primary) 12%, transparent);
}
.home-parts-item-topline,
.home-parts-item-body,
.home-parts-item-meta,
.home-parts-item-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.home-parts-item-badge,
.home-parts-item-state{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  background:color-mix(in srgb, var(--identity-parts-soft) 82%, white);
  color:var(--identity-parts-primary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.home-parts-item-stock{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.home-parts-item-body{
  align-items:flex-start;
}
.home-parts-item-body h4{
  margin:0 0 4px;
  font-size:18px;
  line-height:1.2;
}
.home-parts-item-body p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}
.home-parts-item-price{
  color:var(--text);
  font-size:24px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.home-parts-item-meta{
  flex-wrap:wrap;
  color:var(--muted);
  font-size:13px;
}
.home-parts-item-meta span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.home-parts-item-actions{
  padding-top:2px;
}

@media (max-width:1080px){
  .home-parts-lanes{
    grid-template-columns:1fr;
  }
  .home-parts-lane-head{
    flex-direction:column;
  }
}

@media (max-width:768px){
  .home-parts-recent-shell{
    padding:22px;
    border-radius:24px;
  }
  .home-parts-recent-summary{
    width:100%;
  }
  .home-parts-chip{
    min-width:unset;
    width:100%;
  }
  .home-parts-item-topline,
  .home-parts-item-body,
  .home-parts-item-actions{
    flex-direction:column;
    align-items:flex-start;
  }
  .home-parts-item-price{
    font-size:22px;
  }
}

/* ═══════════════════════════════════════════════════════════════
   AUTO PARTS GRID SECTION  (home — BLOQUE 3 rediseño)
   ─────────────────────────────────────────────────────────────── */

/* ── Section wrapper ─────────────────────────────────────────── */
.home-parts-section{
  padding:0;
  margin-top:var(--home-block-gap-desktop,68px);
  margin-bottom:var(--home-block-gap-desktop,68px);
  background:#080f1c;
}

/* ── Dark header ─────────────────────────────────────────────── */
.parts-section__head{
  background:linear-gradient(135deg,#0a1628 0%,#0f2a4a 60%,#1a1a2e 100%);
  padding:44px 0 36px;
  position:relative;
  overflow:hidden;
}
.parts-section__head::before{
  content:'';
  position:absolute;inset:0;
  background-image:repeating-linear-gradient(
    90deg,
    rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,
    transparent 1px,transparent 40px
  );
  pointer-events:none;
}
.parts-head-inner{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  position:relative;
}
.parts-head-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#EA580C;
  margin-bottom:10px;
}
.parts-head-eyebrow::before{
  content:'';
  display:block;
  width:22px;height:2px;
  background:#EA580C;
  border-radius:99px;
}
.parts-section__head h2{
  font-size:clamp(24px,3vw,36px);
  font-weight:800;
  color:#fff;
  line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:8px;
}
.parts-head-lead{
  font-size:15px;
  color:rgba(255,255,255,.55);
  max-width:46ch;
  line-height:1.6;
}
.parts-head-stat{
  flex-shrink:0;
  text-align:right;
}
.parts-stat-number{
  display:block;
  font-size:42px;
  font-weight:900;
  color:#fff;
  letter-spacing:-.04em;
  line-height:1;
}
.parts-stat-label{
  font-size:12px;
  font-weight:600;
  color:rgba(255,255,255,.45);
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-top:4px;
  display:block;
}

/* ── Filter bar ──────────────────────────────────────────────── */
.parts-filter-bar{
  background:#0d1e36;
  border-bottom:1px solid rgba(255,255,255,.08);
  position:sticky;
  top:0;
  z-index:40;
  box-shadow:0 4px 16px rgba(0,0,0,.35);
}
.parts-filter-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}
.parts-filter-pills{
  display:flex;
  gap:6px;
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  flex:1;
}
.parts-filter-pills::-webkit-scrollbar{display:none;}
.parts-pill{
  flex-shrink:0;
  padding:7px 14px;
  border-radius:999px;
  border:1.5px solid rgba(255,255,255,.18);
  background:transparent;
  color:rgba(255,255,255,.65);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:all .15s ease;
  white-space:nowrap;
  font-family:inherit;
}
.parts-pill:hover{
  border-color:#EA580C;
  color:#fff;
  background:rgba(234,88,12,.18);
}
.parts-pill.is-active{
  background:#EA580C;
  border-color:#EA580C;
  color:#fff;
  box-shadow:0 3px 12px rgba(234,88,12,.4);
}
.parts-filter-meta{
  flex-shrink:0;
  font-size:12px;
  font-weight:600;
  color:rgba(255,255,255,.4);
  white-space:nowrap;
}
.parts-filter-meta strong{color:rgba(255,255,255,.8);}

/* ── Grid wrapper + grid ─────────────────────────────────────── */
.parts-grid-wrapper{
  padding:28px 0 40px;
  background:#080f1c;
}
.parts-grid{
  display:grid;
  grid-template-columns:repeat(var(--home-spotlight-columns, 3),minmax(0,1fr));
  gap:16px;
}

/* ── Part card ───────────────────────────────────────────────── */
.part-card{
  background:#fff;
  border:1.5px solid rgba(234,88,12,.22);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 4px 16px rgba(0,0,0,.45), 0 0 0 0 rgba(234,88,12,0);
  display:flex;
  flex-direction:column;
  transition:box-shadow .22s ease,transform .22s ease,border-color .22s ease;
}
.part-card:hover{
  border-color:rgba(234,88,12,.55);
  box-shadow:0 12px 36px rgba(0,0,0,.55), 0 0 16px rgba(234,88,12,.18);
  transform:translateY(-3px);
}
.part-card--hidden{display:none;}

/* Card media */
.part-card__media-link{
  display:block;
  width:100%;
  height:100%;
  color:inherit;
  text-decoration:none;
}
.part-card__media{
  position:relative;
  aspect-ratio:4/3;
  background:#EFF3F8;
  overflow:hidden;
  flex-shrink:0;
}
.part-card__media img{
  display:block;width:100%;height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.part-card:hover .part-card__media img{transform:scale(1.05);}
.part-card__media-placeholder{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:#EFF3F8;
  color:#94A3B8;
  font-size:32px;
}

/* Ref badge */
.part-card__ref{
  position:absolute;
  top:10px;left:10px;
  font-size:10px;
  font-weight:700;
  color:rgba(255,255,255,.8);
  background:rgba(15,23,42,.5);
  backdrop-filter:blur(6px);
  padding:2px 7px;
  border-radius:6px;
  letter-spacing:.03em;
}

/* Condition badge */
.part-card__cond{
  position:absolute;
  top:10px;left:10px;
  padding:3px 9px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
  z-index:2;
}
.part-card__cond--oem        {background:#DBEAFE;color:#1D4ED8;}
.part-card__cond--aftermarket{background:#FFF7ED;color:#C2410C;border:1px solid rgba(234,88,12,.25);}
.part-card__cond--used       {background:rgba(15,23,42,.65);color:rgba(255,255,255,.9);backdrop-filter:blur(4px);}
.part-card__cond--new        {background:#DCFCE7;color:#15803D;}
.part-card__save-form{
  display:contents;
}
.part-card__save{
  position:absolute;
  top:10px;
  right:10px;
  z-index:3;
}

/* Card body */
.part-card__body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:12px 13px 0;
  gap:5px;
}
.part-card__cat{
  display:inline-flex;
  align-items:center;
  gap:4px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#EA580C;
}
.part-card__cat::before{
  content:'';
  display:inline-block;
  width:5px;height:5px;
  border-radius:50%;
  background:#EA580C;
  flex-shrink:0;
}
.part-card__title{
  font-size:13px;
  font-weight:700;
  color:#0F172A;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.part-card__price-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  margin-top:4px;
}
.part-card__price{
  font-size:18px;
  font-weight:900;
  color:#0B3B64;
  letter-spacing:-.02em;
}
.part-card__loc{
  font-size:11px;
  color:#64748B;
  display:flex;
  align-items:center;
  gap:3px;
  margin-top:1px;
}

/* Card footer CTA */
.part-card__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
  padding:10px 13px 13px;
}
.part-card__cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 12px;
  border-radius:10px;
  border:1.5px solid #E2E8F0;
  background:#F8FAFC;
  font-size:12px;
  font-weight:700;
  color:#0F4C81;
  transition:background .15s,border-color .15s;
  text-decoration:none;
}
.part-card__footer .seller-status-badge{
  flex:0 0 auto;
}
.part-card__footer .part-card__cta{
  margin-left:auto;
}
.part-card__cta:hover{
  background:#EBF3FB;
  border-color:#93C5E8;
}
.part-card__cta-arrow{
  opacity:.5;
  font-size:14px;
  transition:transform .15s,opacity .15s;
}
.part-card:hover .part-card__cta-arrow{
  transform:translateX(3px);
  opacity:1;
}

/* ── Empty state ─────────────────────────────────────────────── */
.parts-empty{
  display:none;
  grid-column:1/-1;
  text-align:center;
  padding:56px 0;
  color:rgba(255,255,255,.35);
}
.parts-empty.is-visible{display:block;}

/* ── Section CTA ─────────────────────────────────────────────── */
.parts-section__cta{
  text-align:center;
  padding:4px 0 52px;
  background:#080f1c;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
}

/* ── Responsive ──────────────────────────────────────────────── */
@media(max-width:1024px){
  .parts-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:720px){
  .parts-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .parts-head-inner{flex-direction:column;align-items:flex-start;gap:16px;}
  .parts-head-stat{text-align:left;}
  .parts-stat-number{font-size:32px;}
  .parts-filter-inner{flex-wrap:wrap;gap:10px;}
  .parts-filter-meta{width:100%;}
}
@media(max-width:420px){
  .parts-grid{grid-template-columns:1fr;}
}

/* Breadcrumbs */
.breadcrumbs-shell{
  padding:18px 0 0;
  --breadcrumbs-active-bg:var(--theme-brand, var(--primary));
  --breadcrumbs-active-shadow:color-mix(in srgb, var(--theme-brand, var(--primary)) 22%, transparent);
}
body[data-module] .breadcrumbs-shell{
  --breadcrumbs-active-bg:var(--mod-primary, var(--theme-brand, var(--primary)));
  --breadcrumbs-active-shadow:color-mix(in srgb, var(--mod-primary, var(--theme-brand, var(--primary))) 18%, transparent);
}
.breadcrumbs{
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  -ms-overflow-style:none;
  -webkit-overflow-scrolling:touch;
  padding:2px 0 32px;
}
.breadcrumbs::-webkit-scrollbar{
  display:none;
}
.breadcrumbs__list{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
  min-width:0;
  max-width:100%;
}
.breadcrumbs__item{
  display:flex;
  align-items:center;
  color:var(--muted);
  white-space:nowrap;
  flex-shrink:0;
  min-width:0;
}
.breadcrumbs__separator{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#cbd5e1;
  font-size:11px;
  font-weight:700;
  line-height:1;
  user-select:none;
  flex-shrink:0;
}
.breadcrumbs__link,
.breadcrumbs__current,
.breadcrumbs__ellipsis{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  letter-spacing:0;
  white-space:nowrap;
  flex-shrink:0;
}
.breadcrumbs__link,
.breadcrumbs__ellipsis{
  color:var(--muted);
  text-decoration:none;
  background:color-mix(in srgb, var(--bg) 88%, white);
  border:1px solid color-mix(in srgb, var(--line) 88%, white);
  transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
.breadcrumbs__link:hover,
.breadcrumbs__collapse[open] .breadcrumbs__ellipsis,
.breadcrumbs__ellipsis:hover{
  color:var(--text);
  background:#fff;
  border-color:color-mix(in srgb, var(--primary) 18%, var(--line));
  box-shadow:0 8px 18px rgba(15,76,129,.08);
}
.breadcrumbs__item--collapsed{
  position:relative;
}
.breadcrumbs__collapse{
  position:relative;
}
.breadcrumbs__ellipsis{
  min-width:42px;
  cursor:pointer;
  font-weight:800;
  user-select:none;
}
.breadcrumbs__ellipsis::-webkit-details-marker{
  display:none;
}
.breadcrumbs__ellipsis::marker{
  content:"";
}
.breadcrumbs__full{
  position:absolute;
  z-index:40;
  top:calc(100% + 10px);
  left:0;
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:220px;
  max-width:min(420px, calc(100vw - 32px));
  margin:0;
  padding:8px;
  list-style:none;
  border:1px solid color-mix(in srgb, var(--line) 82%, white);
  border-radius:18px;
  background:#fff;
  box-shadow:0 18px 42px rgba(15,23,42,.16);
  animation:breadcrumbs-pop .16s ease both;
}
.breadcrumbs__full-item{
  display:flex;
  min-width:0;
}
.breadcrumbs__full-item a,
.breadcrumbs__full-item span{
  display:block;
  width:100%;
  padding:9px 11px;
  border-radius:12px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.25;
  text-decoration:none;
  overflow:hidden;
  text-overflow:ellipsis;
}
.breadcrumbs__full-item a:hover{
  color:var(--text);
  background:color-mix(in srgb, var(--bg) 88%, white);
}
.breadcrumbs__full-item span[aria-current="page"]{
  color:#fff;
  background:var(--breadcrumbs-active-bg);
}
.breadcrumbs__item:not(.breadcrumbs__item--current):not(.breadcrumbs__item--collapsed){
  max-width:38vw;
}
.breadcrumbs__item:not(.breadcrumbs__item--current):not(.breadcrumbs__item--collapsed) .breadcrumbs__link{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.breadcrumbs__item--current{
  min-width:0;
  flex:0 1 auto;
}
.breadcrumbs__current{
  color:#fff;
  font-weight:700;
  background:var(--breadcrumbs-active-bg);
  border:1px solid var(--breadcrumbs-active-bg);
  box-shadow:0 10px 24px var(--breadcrumbs-active-shadow);
  max-width:100%;
  overflow:hidden;
}
.breadcrumbs__current-text{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@keyframes breadcrumbs-pop{
  from{
    opacity:0;
    transform:translateY(-4px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
@media(max-width:768px){
  .breadcrumbs-shell{
    padding:14px 0 0;
  }
  .breadcrumbs{
    overflow:visible;
    padding:2px 0 18px;
  }
  .breadcrumbs__list{
    gap:6px;
    min-width:0;
    width:100%;
  }
  .breadcrumbs__separator{
    font-size:10px;
  }
  .breadcrumbs__item--current{
    min-width:0;
    flex:1 1 auto;
  }
  .breadcrumbs__link,
  .breadcrumbs__current,
  .breadcrumbs__ellipsis{
    min-height:32px;
    padding:0 10px;
    font-size:11px;
  }
  .breadcrumbs__ellipsis{
    min-width:36px;
  }
  .breadcrumbs__item:not(.breadcrumbs__item--current):not(.breadcrumbs__item--collapsed){
    max-width:30vw;
  }
  .breadcrumbs__full{
    min-width:min(240px, calc(100vw - 32px));
    max-width:calc(100vw - 32px);
  }
  .breadcrumbs__current{
    display:inline-flex;
    justify-content:flex-start;
    min-width:0;
    max-width:min(100%, 54vw);
    flex-shrink:1;
    overflow:hidden;
  }
  .breadcrumbs__current-text{
    max-width:100%;
  }
}
@media(max-width:420px){
  .breadcrumbs__list{
    gap:5px;
  }
  .breadcrumbs__item:not(.breadcrumbs__item--current):not(.breadcrumbs__item--collapsed){
    max-width:26vw;
  }
  .breadcrumbs__link,
  .breadcrumbs__current,
  .breadcrumbs__ellipsis{
    min-height:30px;
    padding:0 8px;
  }
  .breadcrumbs__ellipsis{
    min-width:32px;
  }
  .breadcrumbs__current{
    max-width:min(100%, 48vw);
  }
}

/* ── Split Column layout: block adaptations inside .home-split-col ───────── */
body[data-page-context="home"][data-home-layout="split_column"] .home-split-layout{padding:0 20px 48px;max-width:1360px;margin:0 auto;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col{width:100%;max-width:100%;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block>.container{max-width:none;padding-left:0;padding-right:0;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--cta .home-cta-publish,
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--dealers .home-dealers-strip,
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-panel--zones{border-radius:24px;box-shadow:0 16px 36px rgba(15,23,42,.08);}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--cta .home-cta-publish,
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--dealers .home-dealers-strip{flex-direction:column;align-items:flex-start;justify-content:flex-start;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-panel--zones{display:flex;flex-direction:column;gap:18px;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-panel-intro{width:auto;margin-bottom:0;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-zones-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:0;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-zones-chips a{width:100%;justify-content:flex-start;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-recent-grid,
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-spotlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
/* Sidebar: reduce spacing between blocks */
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right>.home-block.section{padding-top:0;padding-bottom:0;}
body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right{gap:var(--home-block-gap-desktop,68px);}
/* ── Split Column: stacked layout (≤1179px) ── */
@media(max-width:1179px){
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board.home-layout-board--split{display:block;width:100%;max-width:100%;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-layout{flex-direction:column;padding:0 16px 32px;width:100%;max-width:100%;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--left,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right{flex:0 0 100% !important;min-width:0;width:100%;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right{gap:var(--home-block-gap-desktop,68px);}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right>.home-block.section{padding-top:var(--home-block-gap-desktop,68px);padding-bottom:var(--home-block-gap-desktop,68px);}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-recent-grid,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-spotlight-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-popular-products-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  body[data-page-context="home"][data-home-layout="split_column"] .home-layout-board.home-layout-board--split{display:block;width:100%;max-width:100%;overflow-x:hidden;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-layout{padding:0 12px 24px;gap:18px;width:100%;max-width:100%;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col--right{gap:var(--home-block-gap-mobile,44px);}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-zones-chips,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-featured-grid,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-recent-grid,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .vehicle-grid,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-spotlight-grid{grid-template-columns:1fr;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-popular-products-grid{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .home-parts-section{margin-top:var(--home-block-gap-mobile,44px);margin-bottom:var(--home-block-gap-mobile,44px)}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-layout{padding:0 12px 24px;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--cta .home-cta-publish,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--dealers .home-dealers-strip,
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col>.home-block--zones .home-panel--zones{border-radius:20px;}
  body[data-page-context="home"][data-home-layout="split_column"] .home-split-col .home-popular-products-grid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════════════
   GLOBAL BORDER RADIUS SYSTEM
   data-radius="rounded" (default) | "semi" | "sharp"
   ═══════════════════════════════════════════════════════════ */
:root{
  --r-pill:999px;
  --r-2xl:30px;
  --r-xl:24px;
  --r-lg:16px;
  --r-md:12px;
  --r-sm:8px;
  --r-xs:5px;
}
body[data-radius="semi"],
body[data-borders="semi"]{
  --r-pill:12px;
  --r-2xl:14px;
  --r-xl:12px;
  --r-lg:8px;
  --r-md:6px;
  --r-sm:5px;
  --r-xs:3px;
}
body[data-radius="sharp"],
body[data-borders="sharp"]{
  --r-pill:4px;
  --r-2xl:4px;
  --r-xl:4px;
  --r-lg:4px;
  --r-md:3px;
  --r-sm:2px;
  --r-xs:2px;
}

/* -- Buttons */
body[data-radius="semi"] .btn,body[data-radius="semi"] .pager-btn,
body[data-radius="sharp"] .btn,body[data-radius="sharp"] .pager-btn{border-radius:var(--r-pill)}
body[data-radius="semi"] .header-search button,
body[data-radius="sharp"] .header-search button{border-radius:var(--r-pill)}
body[data-radius="semi"] .filters-toggle-btn,
body[data-radius="sharp"] .filters-toggle-btn{border-radius:var(--r-sm)}
body[data-radius="semi"] .pending-offers-banner__btn,
body[data-radius="sharp"] .pending-offers-banner__btn{border-radius:var(--r-xs)}
body[data-radius="semi"] .home-dealers-strip .btn-outline-white,
body[data-radius="semi"] .home-dealers-strip .btn,
body[data-radius="sharp"] .home-dealers-strip .btn-outline-white,
body[data-radius="sharp"] .home-dealers-strip .btn{border-radius:var(--r-sm)}
body[data-radius="semi"] .mine-seller-status-editor__button,
body[data-radius="sharp"] .mine-seller-status-editor__button{border-radius:var(--r-md)}
body[data-radius="semi"] .topbar-admin-btn,
body[data-radius="sharp"] .topbar-admin-btn{border-radius:var(--r-xs)}

/* -- Chips / Badges / Pills */
body[data-radius="semi"] .chip,body[data-radius="semi"] .badge,
body[data-radius="semi"] .badge-featured,body[data-radius="semi"] .card-micro-badge,
body[data-radius="semi"] .compatibility-pill,body[data-radius="semi"] .eyebrow,
body[data-radius="semi"] .home-qbar-kicker,body[data-radius="semi"] .home-recent-chip,
body[data-radius="semi"] .home-recent-save,body[data-radius="semi"] .mobile-nav-badge,
body[data-radius="semi"] .featured-confirm-chip,body[data-radius="semi"] .search-suggest-featured-badge,
body[data-radius="semi"] .search-suggest-tag,body[data-radius="semi"] .chip-offers-notify,
body[data-radius="semi"] .listings-tab-count,body[data-radius="semi"] .flash-alert,
body[data-radius="semi"] .danger-zone-eyebrow,body[data-radius="semi"] .conv-badge,body[data-radius="semi"] .pager-summary,
body[data-radius="sharp"] .chip,body[data-radius="sharp"] .badge,
body[data-radius="sharp"] .badge-featured,body[data-radius="sharp"] .card-micro-badge,
body[data-radius="sharp"] .compatibility-pill,body[data-radius="sharp"] .eyebrow,
body[data-radius="sharp"] .home-qbar-kicker,body[data-radius="sharp"] .home-recent-chip,
body[data-radius="sharp"] .home-recent-save,body[data-radius="sharp"] .mobile-nav-badge,
body[data-radius="sharp"] .featured-confirm-chip,body[data-radius="sharp"] .search-suggest-featured-badge,
body[data-radius="sharp"] .search-suggest-tag,body[data-radius="sharp"] .chip-offers-notify,
body[data-radius="sharp"] .listings-tab-count,body[data-radius="sharp"] .flash-alert,
body[data-radius="sharp"] .danger-zone-eyebrow,body[data-radius="sharp"] .conv-badge,body[data-radius="sharp"] .pager-summary{border-radius:var(--r-pill)}
body[data-radius="semi"] .home-featured-chip,body[data-radius="semi"] .card-attr,
body[data-radius="semi"] .badge-sale,body[data-radius="semi"] .featured-icon-badge,
body[data-radius="sharp"] .home-featured-chip,body[data-radius="sharp"] .card-attr,
body[data-radius="sharp"] .badge-sale,body[data-radius="sharp"] .featured-icon-badge{border-radius:var(--r-xs)}

/* -- Cards large */
body[data-radius="semi"] .home-popular-product-card,
body[data-radius="sharp"] .home-popular-product-card{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-popular-product-card__media,
body[data-radius="sharp"] .home-popular-product-card__media{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-cta-publish,
body[data-radius="sharp"] .home-cta-publish{border-radius:var(--r-xl)}
body[data-radius="semi"] .panel-table-wrap,
body[data-radius="sharp"] .panel-table-wrap{border-radius:var(--r-xl)}
body[data-radius="semi"] .detail-main-image,
body[data-radius="sharp"] .detail-main-image{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-qbar--messages,body[data-radius="semi"] .dealer-directory-pagination,body[data-radius="semi"] .dealer-directory-empty,
body[data-radius="sharp"] .home-qbar--messages,body[data-radius="sharp"] .dealer-directory-pagination,body[data-radius="sharp"] .dealer-directory-empty{border-radius:var(--r-xl)}

/* -- Cards standard */
body[data-radius="semi"] .home-recent-card,body[data-radius="semi"] .home-recent-card:hover,
body[data-radius="semi"] .product-card,body[data-radius="semi"] .vehicle-card,
body[data-radius="semi"] .dealer-card,body[data-radius="semi"] .market-card,
body[data-radius="semi"] .listing-card,body[data-radius="semi"] .category-card,
body[data-radius="semi"] .panel-card,body[data-radius="semi"] .empty-state,
body[data-radius="semi"] .del-modal-box,body[data-radius="semi"] .danger-confirm-card,
body[data-radius="semi"] .featured-confirm-card,body[data-radius="semi"] .custom-page-card,
body[data-radius="semi"] .hero-panel,body[data-radius="semi"] .finder-card,
body[data-radius="semi"] .filters-card,body[data-radius="semi"] .form-card,
body[data-radius="semi"] .contact-card,body[data-radius="semi"] .detail-card,
body[data-radius="semi"] .home-trend-card,body[data-radius="semi"] .home-qitem,
body[data-radius="semi"] .pending-offers-banner__inner,
body[data-radius="semi"] .conv-item,body[data-radius="semi"] .chat-info-bar,
body[data-radius="semi"] .chat-messages,body[data-radius="semi"] .chat-reply-box,
body[data-radius="semi"] .chat-listing-status,body[data-radius="semi"] .message-status-notice,
body[data-radius="sharp"] .home-recent-card,body[data-radius="sharp"] .home-recent-card:hover,
body[data-radius="sharp"] .product-card,body[data-radius="sharp"] .vehicle-card,
body[data-radius="sharp"] .dealer-card,body[data-radius="sharp"] .market-card,
body[data-radius="sharp"] .listing-card,body[data-radius="sharp"] .category-card,
body[data-radius="sharp"] .panel-card,body[data-radius="sharp"] .empty-state,
body[data-radius="sharp"] .del-modal-box,body[data-radius="sharp"] .danger-confirm-card,
body[data-radius="sharp"] .featured-confirm-card,body[data-radius="sharp"] .custom-page-card,
body[data-radius="sharp"] .hero-panel,body[data-radius="sharp"] .finder-card,
body[data-radius="sharp"] .filters-card,body[data-radius="sharp"] .form-card,
body[data-radius="sharp"] .contact-card,body[data-radius="sharp"] .detail-card,
body[data-radius="sharp"] .home-trend-card,body[data-radius="sharp"] .home-qitem,
body[data-radius="sharp"] .pending-offers-banner__inner,
body[data-radius="sharp"] .conv-item,body[data-radius="sharp"] .chat-info-bar,
body[data-radius="sharp"] .chat-messages,body[data-radius="sharp"] .chat-reply-box,
body[data-radius="sharp"] .chat-listing-status,body[data-radius="sharp"] .message-status-notice{border-radius:var(--r-lg)}
body[data-radius="semi"] .home-block--recent .home-recent-card,
body[data-radius="semi"] .home-block--recent .home-recent-card:hover,
body[data-radius="sharp"] .home-block--recent .home-recent-card,
body[data-radius="sharp"] .home-block--recent .home-recent-card:hover{
  --home-recent-card-radius:var(--r-lg);
  border-radius:var(--r-lg);
  clip-path:inset(0 round var(--r-lg));
}

/* -- Card images top corners only */
body[data-radius="semi"] .home-recent-media,
body[data-radius="semi"] .vehicle-image,
body[data-radius="semi"] .product-thumb-wrap,
body[data-radius="sharp"] .home-recent-media,
body[data-radius="sharp"] .vehicle-image,
body[data-radius="sharp"] .product-thumb-wrap{border-radius:var(--r-lg) var(--r-lg) 0 0}
body[data-radius="semi"] .home-block--recent .home-recent-media,
body[data-radius="sharp"] .home-block--recent .home-recent-media{
  --home-recent-media-radius:var(--r-lg) var(--r-lg) 0 0;
  border-radius:var(--r-lg) var(--r-lg) 0 0;
  clip-path:inset(0 round var(--r-lg) var(--r-lg) 0 0);
}

/* -- Card body bottom corners only */
body[data-radius="semi"] .product-body,
body[data-radius="semi"] .vehicle-body,
body[data-radius="sharp"] .product-body,
body[data-radius="sharp"] .vehicle-body{border-radius:0 0 var(--r-lg) var(--r-lg)}

/* -- Form inputs */
body[data-radius="semi"] .stack-form input,
body[data-radius="semi"] .stack-form select,
body[data-radius="semi"] .stack-form textarea,
body[data-radius="semi"] .access-form input,
body[data-radius="semi"] .access-form select,
body[data-radius="semi"] .access-form textarea,
body[data-radius="semi"] .form-grid input,
body[data-radius="semi"] .form-grid select,
body[data-radius="semi"] .header-search input,
body[data-radius="semi"] textarea,
body[data-radius="semi"] .search-save-input,
body[data-radius="sharp"] .stack-form input,
body[data-radius="sharp"] .stack-form select,
body[data-radius="sharp"] .stack-form textarea,
body[data-radius="sharp"] .access-form input,
body[data-radius="sharp"] .access-form select,
body[data-radius="sharp"] .access-form textarea,
body[data-radius="sharp"] .form-grid input,
body[data-radius="sharp"] .form-grid select,
body[data-radius="sharp"] .header-search input,
body[data-radius="sharp"] textarea,
body[data-radius="sharp"] .search-save-input{border-radius:var(--r-md)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .panel-card,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .empty-state,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .danger-confirm-card,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .featured-confirm-card{border-radius:var(--r-lg)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form input,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form select,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form textarea,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .form-grid input,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .form-grid select,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .form-grid textarea,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .field-disabled,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .search-save-input{border-radius:var(--r-md)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .upload-box,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .upload-dropzone,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .check-item,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .junk-part-tab,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .junk-part-panel,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .junk-part-seg,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .junk-part-seg button,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .status-badge-tooltip,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .conversation-bubble{border-radius:var(--r-md)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .junk-part-tab-num{border-radius:var(--r-sm)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .chip,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .badge,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .flash-alert,
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .btn{border-radius:var(--r-pill)}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell img[style*="border-radius:12px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell img[style*="border-radius: 12px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell img[style*="border-radius:8px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell img[style*="border-radius: 8px"]{border-radius:var(--r-md)!important}
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form [style*="border-radius:10px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form [style*="border-radius: 10px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form [style*="border-radius:12px"],
body:is([data-borders="semi"],[data-borders="sharp"]) .panel-shell .stack-form [style*="border-radius: 12px"]{border-radius:var(--r-md)!important}

/* -- Dropdowns / Modals */
body[data-radius="semi"] .search-suggest,
body[data-radius="semi"] .filters-tooltip,
body[data-radius="semi"] .status-badge-tooltip,
body[data-radius="semi"] .conversation-bubble,
body[data-radius="sharp"] .search-suggest,
body[data-radius="sharp"] .filters-tooltip,
body[data-radius="sharp"] .status-badge-tooltip,
body[data-radius="sharp"] .conversation-bubble{border-radius:var(--r-md)}

/* -- Navigation */
body[data-radius="semi"] .mobile-nav-grid a,
body[data-radius="semi"] .mobile-nav-logout,
body[data-radius="semi"] .profile-menu-admin-link,
body[data-radius="semi"] .mobile-admin-link,
body[data-radius="sharp"] .mobile-nav-grid a,
body[data-radius="sharp"] .mobile-nav-logout,
body[data-radius="sharp"] .profile-menu-admin-link,
body[data-radius="sharp"] .mobile-admin-link{border-radius:var(--r-sm)}

/* -- Images / Thumbnails */
body[data-radius="semi"] .thumb,
body[data-radius="sharp"] .thumb{border-radius:var(--r-lg)}
body[data-radius="semi"] .brand-mark,body[data-radius="semi"] .chat-listing-thumb,
body[data-radius="sharp"] .brand-mark,body[data-radius="sharp"] .chat-listing-thumb{border-radius:var(--r-md)}
body[data-radius="semi"] .chat-bubble,
body[data-radius="sharp"] .chat-bubble{border-radius:var(--r-xl)}

/* -- User menu button & dropdown */
body[data-radius="semi"] .profile-menu-btn,
body[data-radius="sharp"] .profile-menu-btn{border-radius:var(--r-md)}
body[data-radius="semi"] .profile-menu-dropdown,
body[data-radius="sharp"] .profile-menu-dropdown{border-radius:var(--r-lg)}
body[data-radius="semi"] .pmenu-grid a,
body[data-radius="sharp"] .pmenu-grid a{border-radius:var(--r-sm)}
body[data-radius="semi"] .profile-menu-dropdown>a,
body[data-radius="semi"] .profile-menu-dropdown>form button,
body[data-radius="sharp"] .profile-menu-dropdown>a,
body[data-radius="sharp"] .profile-menu-dropdown>form button{border-radius:var(--r-sm)}

/* -- Zones chips */
body[data-radius="semi"] .home-zones-chips a,
body[data-radius="sharp"] .home-zones-chips a{border-radius:var(--r-pill)}

/* -- Categories directory container */
body[data-radius="semi"] .home-categories-directory,
body[data-radius="sharp"] .home-categories-directory{border-radius:var(--r-xl)}

/* -- Hero surfaces */
body[data-radius="semi"] .home-hero,
body[data-radius="sharp"] .home-hero{border-radius:var(--r-2xl);overflow:hidden}

/* -- Dealers strip (Haz crecer tu inventario) */
body[data-radius="semi"] .home-dealers-strip,
body[data-radius="sharp"] .home-dealers-strip{border-radius:var(--r-xl)}

/* -- Parts spotlight panels (Repuestos disponibles ahora) */
body[data-radius="semi"] .home-spotlight-panel,
body[data-radius="sharp"] .home-spotlight-panel{border-radius:var(--r-lg)}

/* -- Popular products chips */
body[data-radius="semi"] .home-popular-product-card__chip,
body[data-radius="sharp"] .home-popular-product-card__chip{border-radius:var(--r-pill)}
body[data-radius="semi"] .home-popular-product-card__save,
body[data-radius="sharp"] .home-popular-product-card__save{border-radius:var(--r-pill)}
body[data-radius="semi"] .home-popular-product-card__popularity,
body[data-radius="sharp"] .home-popular-product-card__popularity{border-radius:var(--r-pill)}
body[data-radius="semi"] .home-block--products .home-popular-product-card,
body[data-radius="sharp"] .home-block--products .home-popular-product-card{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-block--products .home-popular-product-card .home-popular-product-card__media,
body[data-radius="sharp"] .home-block--products .home-popular-product-card .home-popular-product-card__media{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-radius="sharp"] .home-block--products .home-popular-product-card .home-popular-product-card__save,
body[data-radius="semi"] .home-block--products .home-popular-product-card__popularity,
body[data-radius="sharp"] .home-block--products .home-popular-product-card__popularity{border-radius:var(--r-pill)}

/* -- Home stats block */
body[data-radius="semi"] .home-kpi,
body[data-radius="sharp"] .home-kpi{border-radius:var(--r-lg)}
body[data-radius="semi"] .home-kpi-icon,
body[data-radius="sharp"] .home-kpi-icon{border-radius:var(--r-md)}

/* -- Parts spotlight block (Repuestos disponibles ahora) */
body[data-radius="semi"] .parts-pill,
body[data-radius="sharp"] .parts-pill{border-radius:var(--r-pill)}
body[data-radius="semi"] .parts-head-eyebrow,
body[data-radius="sharp"] .parts-head-eyebrow{border-radius:var(--r-pill)}
body[data-radius="semi"] .home-parts-recent-shell,
body[data-radius="sharp"] .home-parts-recent-shell{border-radius:var(--r-xl)}
body[data-radius="semi"] .home-parts-recent-summary div,
body[data-radius="sharp"] .home-parts-recent-summary div{border-radius:var(--r-lg)}
body[data-radius="semi"] .home-parts-chip,
body[data-radius="sharp"] .home-parts-chip{border-radius:var(--r-lg)}
body[data-radius="semi"] .home-parts-chip-icon,
body[data-radius="semi"] .home-parts-lane-icon,
body[data-radius="sharp"] .home-parts-chip-icon,
body[data-radius="sharp"] .home-parts-lane-icon{border-radius:var(--r-md)}

/* -- Part cards (Repuestos disponibles ahora) */
body[data-radius="semi"] .part-card,
body[data-radius="sharp"] .part-card{border-radius:var(--r-lg)}
body[data-radius="semi"] .part-card__cond,
body[data-radius="sharp"] .part-card__cond{border-radius:var(--r-pill)}
body[data-radius="semi"] .part-card__ref,
body[data-radius="sharp"] .part-card__ref{border-radius:var(--r-xs)}

/* -- Recent cards internals (price pill, type badge) */
body[data-radius="semi"] .home-recent-price-overlay .home-recent-price,
body[data-radius="semi"] .home-recent-type,
body[data-radius="semi"] .home-featured-badge,
body[data-radius="sharp"] .home-recent-price-overlay .home-recent-price,
body[data-radius="sharp"] .home-recent-type,
body[data-radius="sharp"] .home-featured-badge{border-radius:var(--r-pill)}

/* -- Listing grid card price pill */
body[data-radius="semi"] .listing-layout .vehicle-grid .card-price-overlay .price,
body[data-radius="semi"] .card-price-overlay .price,
body[data-radius="semi"] .card-type-badge,
body[data-radius="semi"] .card-module-badge,
body[data-radius="sharp"] .listing-layout .vehicle-grid .card-price-overlay .price,
body[data-radius="sharp"] .card-price-overlay .price,
body[data-radius="sharp"] .card-type-badge,
body[data-radius="sharp"] .card-module-badge{border-radius:var(--r-pill)}

/* -- Card micro badges (condition, year, featured tags) */
body[data-radius="semi"] .card-micro-badge,
body[data-radius="sharp"] .card-micro-badge{border-radius:var(--r-pill)}

/* -- Publish /create page cards & icon containers */
body[data-radius="semi"] .publish-choice-card,
body[data-radius="semi"] .panel-card,
body[data-radius="sharp"] .publish-choice-card,
body[data-radius="sharp"] .panel-card{border-radius:var(--r-xl)}
body[data-radius="semi"] .publish-choice-icon,
body[data-radius="sharp"] .publish-choice-icon{border-radius:var(--r-lg)}

/* -- Listing module type label (overlay on card image) */
body[data-radius="semi"] .home-item-label,
body[data-radius="sharp"] .home-item-label{border-radius:var(--r-pill)}

/* -- Product views badge (overlay bottom-right of product image) */
body[data-radius="semi"] .product-views-badge,
body[data-radius="sharp"] .product-views-badge{border-radius:var(--r-pill)}

/* -- Listings tabs (module switcher: Vehículos, Motoras, etc.) */
body[data-radius="semi"] .listings-tab,
body[data-radius="sharp"] .listings-tab{border-radius:var(--r-sm) var(--r-sm) 0 0}

/* -- Filters toggle button & filter links */
body[data-radius="semi"] .filters-toggle-btn,
body[data-radius="sharp"] .filters-toggle-btn{border-radius:var(--r-md)}
body[data-radius="semi"] .filter-links a,
body[data-radius="sharp"] .filter-links a{border-radius:var(--r-md)}

/* -- Seller listing status badge (Disponible / Reservado / Vendido / En pausa) */
body[data-radius="semi"] .seller-status-badge,
body[data-radius="sharp"] .seller-status-badge{border-radius:var(--r-pill)}

/* -- Market card price pill (explicit target for .market-card__media-price) */
body[data-radius="semi"] .market-card__media-price,
body[data-radius="sharp"] .market-card__media-price{border-radius:var(--r-pill)}

/* ── LISTING-LAYOUT HIGH-SPECIFICITY OVERRIDES ──────────────────
   Rules in .listing-layout .vehicle-grid context have (0,3,0)+(0,4,0)
   specificity, beating generic body[data-radius] overrides.
   These use body[data-radius] + full context path to win.
   ─────────────────────────────────────────────────────────────── */

/* Card containers */
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-card,
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-card--featured,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-card,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-card--featured{border-radius:var(--r-lg)}

/* Card image top corners */
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-image,
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-image,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-image,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-image{border-radius:var(--r-lg) var(--r-lg) 0 0}

/* Card body bottom corners */
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-body,
body[data-radius="semi"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-body,
body[data-radius="sharp"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body{border-radius:0 0 var(--r-lg) var(--r-lg)}

/* Card attribute pills */
body[data-radius="semi"] .listing-layout .vehicle-grid .card-attr,
body[data-radius="sharp"] .listing-layout .vehicle-grid .card-attr{border-radius:var(--r-pill)}

/* Module type label (VEHÍCULO / MOTORA / etc.) */
body[data-radius="semi"] .listing-layout .vehicle-grid .home-item-label,
body[data-radius="sharp"] .listing-layout .vehicle-grid .home-item-label{border-radius:var(--r-pill)}

/* Market card price pill */
body[data-radius="semi"] .listing-layout .vehicle-grid .market-card__media-price,
body[data-radius="sharp"] .listing-layout .vehicle-grid .market-card__media-price{border-radius:var(--r-pill)}

/* Dealer directory */
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-hero__copy,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-hero__copy{border-radius:var(--r-2xl)}
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-hero__panel,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-filters,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-pagination,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-empty,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-hero__panel,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-filters,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-pagination,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-empty{border-radius:var(--r-xl)}
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-hero__stats div,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-hero__bullets li,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card__logo,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card__highlights div,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-hero__stats div,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-hero__bullets li,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card__logo,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card__highlights div{border-radius:var(--r-lg)}
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-filters__field input,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-filters__field select,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-filters__field input,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-filters__field select{border-radius:var(--r-md)}
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-toolbar__chip,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card__inventory-chip,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card__status,
body:is([data-radius="semi"],[data-borders="semi"]) .dealer-directory-card__tags span,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-toolbar__chip,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card__inventory-chip,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card__status,
body:is([data-radius="sharp"],[data-borders="sharp"]) .dealer-directory-card__tags span{border-radius:var(--r-pill)}

/* -- Breadcrumbs */
body[data-radius="semi"] .breadcrumbs__link,
body[data-radius="semi"] .breadcrumbs__current,
body[data-radius="semi"] .breadcrumbs__ellipsis,
body[data-radius="sharp"] .breadcrumbs__link,
body[data-radius="sharp"] .breadcrumbs__current,
body[data-radius="sharp"] .breadcrumbs__ellipsis{border-radius:var(--r-pill)}

/* -- Breadcrumbs (high-specificity fix) */
body[data-radius="semi"] .breadcrumbs__link,
body[data-radius="semi"] .breadcrumbs__current,
body[data-radius="semi"] .breadcrumbs__ellipsis,
body[data-radius="sharp"] .breadcrumbs__link,
body[data-radius="sharp"] .breadcrumbs__current,
body[data-radius="sharp"] .breadcrumbs__ellipsis{border-radius:var(--r-pill)}

/* -- Detail page: gallery main image & thumbnails */
body[data-radius="semi"] .detail-main-image,
body[data-radius="sharp"] .detail-main-image{border-radius:var(--r-xl)}
body[data-radius="semi"] .thumb,
body[data-radius="sharp"] .thumb{border-radius:var(--r-lg)}

/* -- Detail page: listing-featured-pill ("Destacado") */
body[data-radius="semi"] .listing-featured-pill,
body[data-radius="sharp"] .listing-featured-pill{border-radius:var(--r-pill)}

/* -- Seller status panel container & form controls */
body[data-radius="semi"] .seller-status-panel,
body[data-radius="sharp"] .seller-status-panel{border-radius:var(--r-lg)}
body[data-radius="semi"] .seller-status-form__select,
body[data-radius="semi"] .mine-seller-status-editor__select,
body[data-radius="sharp"] .seller-status-form__select,
body[data-radius="sharp"] .mine-seller-status-editor__select{border-radius:var(--r-md)}

/* ═══════════════════════════════════════════════════════════
   NAV INSET BUTTON EFFECT
   Hover + active state with inset shadow & chromatic identity
   ═══════════════════════════════════════════════════════════ */

/* Reduce gap — items now carry their own padding */
.nav-inner{gap:4px}

/* Base: add shape & transition to nav links and buttons */
.nav-inner a,
.menu-link-btn{
  display:inline-flex;
  align-items:center;
  padding:7px 15px;
  border-radius:10px;
  font-size:14px;
  font-weight:600;
  line-height:1;
  color:#334155;
  background:transparent;
  border:0;
  cursor:pointer;
  text-decoration:none !important;
  transition:
    background .18s ease,
    box-shadow  .18s ease,
    color       .18s ease;
}

/* Hover: inset button with chromatic identity */
.nav-inner a:hover,
.menu-link-btn:hover{
  color:var(--primary-dark);
  background:color-mix(in srgb, var(--primary) 9%, white);
  box-shadow:
    inset 0 2px 5px  color-mix(in srgb, var(--primary) 22%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--primary) 14%, transparent);
}

/* Active: same inset style, persistent */
.nav-inner a.is-active,
.menu-link-btn.is-active{
  color:var(--primary-dark);
  background:color-mix(in srgb, var(--primary) 12%, white);
  box-shadow:
    inset 0 3px 7px  color-mix(in srgb, var(--primary) 28%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--primary) 18%, transparent);
}

/* Active hover: deepen the inset slightly */
.nav-inner a.is-active:hover,
.menu-link-btn.is-active:hover{
  box-shadow:
    inset 0 4px 9px  color-mix(in srgb, var(--primary) 32%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--primary) 22%, transparent);
}

/* Border radius follows global system */
body[data-radius="semi"] .nav-inner a,
body[data-radius="semi"] .menu-link-btn,
body[data-radius="sharp"] .nav-inner a,
body[data-radius="sharp"] .menu-link-btn{border-radius:var(--r-sm)}

/* ── Balanced preset: nav inset button uses accent identity ── */

/* ── Home search widget: dark block below hero ───────────────────── */
.home-block--search-widget{padding-top:var(--home-block-gap-desktop,68px);padding-bottom:var(--home-block-gap-desktop,68px)}
.home-search-widget{
  --search-widget-bg:#121212;
  --search-widget-surface:#1c1c1c;
  --search-widget-surface-strong:#262626;
  --search-widget-line:rgba(255,255,255,.12);
  --search-widget-copy:rgba(255,255,255,.72);
  --search-widget-title:#f8fafc;
  --search-widget-accent:#60a5fa;
  --search-widget-accent-strong:#93c5fd;
  --search-widget-shadow:0 28px 64px rgba(15,23,42,.28);
}
.home-search-widget__shell{
  position:relative;
  overflow:hidden;
  padding:30px;
  border-radius:var(--r-xl);
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(228,179,33,.14) 0%, transparent 64%),
    radial-gradient(360px 200px at 100% 100%, rgba(228,179,33,.08) 0%, transparent 62%),
    linear-gradient(180deg, #151515 0%, #0f0f10 100%);
  box-shadow:var(--search-widget-shadow);
}
.home-search-widget__intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);
  gap:20px;
  align-items:end;
  margin-bottom:22px;
}
.home-search-widget__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:var(--search-widget-accent);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.home-search-widget__title{
  margin:0;
  color:var(--search-widget-title);
  font-size:clamp(28px,3vw,38px);
  line-height:1.02;
  letter-spacing:-.03em;
}
.home-search-widget__copy{
  margin:0;
  color:var(--search-widget-copy);
  font-size:15px;
  line-height:1.7;
}
.home-search-widget .widget-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding:0;
  margin:0 0 20px;
  background:transparent;
  border:0;
}
.home-search-widget .widget-tab{
  flex:0 0 auto;
  flex-direction:row;
  justify-content:flex-start;
  gap:10px;
  min-height:54px;
  padding:0 18px;
  border:1px solid var(--search-widget-line);
  border-radius:var(--r-sm);
  background:linear-gradient(180deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.04) 100%);
  color:rgba(255,255,255,.82);
  box-shadow:none;
}
.home-search-widget .widget-tab:hover:not(.widget-tab--active){
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.05) 100%);
  color:#fff;
}
.home-search-widget .widget-tab--active{
  border-color:color-mix(in srgb, var(--tab-primary,#0f4c81) 62%, white);
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%);
  color:#fff;
  box-shadow:0 0 0 1px color-mix(in srgb, var(--tab-primary,#0f4c81) 16%, transparent), 0 16px 28px rgba(0,0,0,.18);
}
.home-search-widget .widget-tab-icon{
  width:34px;
  height:34px;
  border-radius:var(--r-sm);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
}
.home-search-widget .widget-tab--active .widget-tab-icon{
  background:color-mix(in srgb, var(--tab-primary,#0f4c81) 24%, rgba(255,255,255,.08));
  color:#fff;
}
.home-search-widget .widget-tab-label{
  font-size:15px;
  font-weight:800;
  letter-spacing:-.01em;
}
.home-search-widget__panel{
  padding:24px;
  border-radius:var(--r-xl);
  border:1px solid var(--search-widget-line);
  background:linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,.02) 100%);
}
.home-search-widget__form{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.home-search-widget__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}
.home-search-widget__field{
  display:grid;
  gap:8px;
  min-width:0;
}
.home-search-widget__field--range,
.home-search-widget__field--wide{
  grid-column:span 2;
}
.home-search-widget__field--range-compact{
  grid-column:span 1;
}
.home-search-widget__field label{
  color:rgba(255,255,255,.92);
  font-size:14px;
  font-weight:700;
  letter-spacing:-.01em;
}
.home-search-widget__field input,
.home-search-widget__field select{
  width:100%;
  min-height:54px;
  padding:0 16px;
  border:1px solid rgba(96,165,250,.52);
  border-radius:var(--r-md);
  background:linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.05) 100%);
  color:#f8fafc;
  outline:none;
  box-shadow:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease;
}
.home-search-widget__field input::placeholder{
  color:rgba(255,255,255,.42);
}
.home-search-widget__field input:hover,
.home-search-widget__field select:hover{
  border-color:rgba(147,197,253,.78);
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.06) 100%);
}
.home-search-widget__field input:focus,
.home-search-widget__field select:focus{
  border-color:var(--search-widget-accent-strong);
  box-shadow:0 0 0 4px rgba(96,165,250,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.13) 0%, rgba(255,255,255,.07) 100%);
}
.home-search-widget__field option{
  color:#0f172a;
}
.home-search-widget__range{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.home-search-widget__field--range-compact .home-search-widget__range{
  gap:10px;
}
.home-search-widget__field--range-compact input{
  min-height:54px;
  padding-inline:12px;
}
.home-search-widget__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-top:6px;
}
.home-search-widget__actions .btn{
  min-height:52px;
  padding:0 22px;
}
.home-search-widget__actions .btn-light{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
}
.home-search-widget__actions .btn-light:hover{
  background:rgba(255,255,255,.12);
}
.home-search-widget__submit{
  min-width:min(100%, 260px);
  border:1px solid rgba(241,200,74,.34);
  background:linear-gradient(180deg, #f2c73d 0%, #dfad14 100%);
  color:#171717;
  box-shadow:0 18px 28px rgba(228,179,33,.18);
}
.home-search-widget__submit:hover{
  background:linear-gradient(180deg, #f7cf56 0%, #e3b221 100%);
  color:#111827;
}
.home-search-widget{
  --search-widget-bg:color-mix(in srgb, var(--home-preset-accent) 58%, black);
  --search-widget-surface:var(--home-preset-primary);
  --search-widget-surface-strong:color-mix(in srgb, var(--home-preset-primary) 82%, var(--home-preset-accent));
  --search-widget-line:rgba(255,255,255,.22);
  --search-widget-copy:rgba(226,232,240,.86);
  --search-widget-title:#ffffff;
  --search-widget-accent:color-mix(in srgb, var(--home-preset-soft) 74%, white);
  --search-widget-accent-strong:color-mix(in srgb, var(--home-preset-soft) 92%, white);
  --search-widget-shadow:0 24px 58px color-mix(in srgb, var(--home-preset-primary) 24%, transparent);
}
.home-search-widget__shell{
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(255,255,255,.09) 0%, transparent 64%),
    radial-gradient(360px 220px at 100% 100%, color-mix(in srgb, var(--home-preset-soft) 24%, transparent) 0%, transparent 60%),
    linear-gradient(115deg,
      var(--search-widget-bg) 0%,
      var(--search-widget-surface) 55%,
      var(--search-widget-surface-strong) 100%);
  border-color:rgba(255,255,255,.08);
}
.home-search-widget .widget-tab{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(4,24,48,.34) 0%, rgba(255,255,255,.06) 100%);
  color:rgba(255,255,255,.82);
}
.home-search-widget .widget-tab:hover:not(.widget-tab--active){
  background:linear-gradient(180deg, rgba(4,24,48,.44) 0%, rgba(255,255,255,.08) 100%);
  color:#ffffff;
}
.home-search-widget .widget-tab--active{
  border-color:rgba(255,255,255,.3);
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%);
  color:#ffffff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 16px 28px rgba(15,23,42,.16);
}
.home-search-widget .widget-tab-icon{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
}
.home-search-widget .widget-tab--active .widget-tab-icon{
  background:rgba(255,255,255,.14);
  color:#ffffff;
}
.home-search-widget__panel{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(4,24,48,.26) 0%, rgba(255,255,255,.05) 100%);
}
.home-search-widget__field input,
.home-search-widget__field select{
  border-color:color-mix(in srgb, var(--search-widget-accent) 60%, #e5e7eb);
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.06) 100%);
  color:#ffffff;
}
.home-search-widget__field input:hover,
.home-search-widget__field select:hover{
  border-color:color-mix(in srgb, var(--search-widget-accent-strong) 74%, #d1d5db);
  background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
}
.home-search-widget__field input:focus,
.home-search-widget__field select:focus{
  border-color:var(--search-widget-accent-strong);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--search-widget-accent) 16%, transparent);
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.09) 100%);
}
.home-search-widget__actions .btn-light{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  color:#ffffff;
}
.home-search-widget__actions .btn-light:hover{
  background:rgba(255,255,255,.14);
}
.home-search-widget__submit{
  border-color:color-mix(in srgb, var(--accent) 42%, transparent);
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--accent) 92%, white) 0%,
    color-mix(in srgb, var(--accent) 82%, black) 100%);
  color:#ffffff;
  box-shadow:0 14px 24px color-mix(in srgb, var(--accent) 24%, transparent);
}
.home-search-widget__submit:hover{
  background:linear-gradient(180deg,
    color-mix(in srgb, var(--accent) 86%, white) 0%,
    color-mix(in srgb, var(--accent) 82%, black) 100%);
  color:#ffffff;
}
body[data-theme-preset="balanced"] .home-search-widget{
  --search-widget-bg:#0b3b64;
  --search-widget-surface:#0f4f86;
  --search-widget-surface-strong:#155e99;
  --search-widget-line:rgba(255,255,255,.22);
  --search-widget-copy:rgba(226,232,240,.86);
  --search-widget-title:#ffffff;
  --search-widget-accent:#60a5fa;
  --search-widget-accent-strong:#93c5fd;
  --search-widget-shadow:0 24px 58px rgba(15,23,42,.22);
}
body[data-theme-preset="balanced"] .home-search-widget__shell{
  background:
    radial-gradient(420px 180px at 0% 0%, rgba(255,255,255,.09) 0%, transparent 64%),
    radial-gradient(360px 220px at 100% 100%, rgba(217,164,65,.14) 0%, transparent 60%),
    linear-gradient(115deg,#0b3b64 0%,#155e99 55%,#0e7490 100%);
  border-color:rgba(255,255,255,.08);
}
body[data-theme-preset="balanced"] .home-search-widget .widget-tab{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(4,24,48,.34) 0%, rgba(255,255,255,.06) 100%);
  color:rgba(255,255,255,.82);
}
body[data-theme-preset="balanced"] .home-search-widget .widget-tab:hover:not(.widget-tab--active){
  background:linear-gradient(180deg, rgba(4,24,48,.44) 0%, rgba(255,255,255,.08) 100%);
  color:#ffffff;
}
body[data-theme-preset="balanced"] .home-search-widget .widget-tab--active{
  border-color:rgba(255,255,255,.3);
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%);
  color:#ffffff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 16px 28px rgba(15,23,42,.16);
}
body[data-theme-preset="balanced"] .home-search-widget .widget-tab-icon{
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.78);
}
body[data-theme-preset="balanced"] .home-search-widget .widget-tab--active .widget-tab-icon{
  background:rgba(255,255,255,.14);
  color:#ffffff;
}
body[data-theme-preset="balanced"] .home-search-widget__panel{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg, rgba(4,24,48,.26) 0%, rgba(255,255,255,.05) 100%);
}
body[data-theme-preset="balanced"] .home-search-widget__field input,
body[data-theme-preset="balanced"] .home-search-widget__field select{
  border-color:color-mix(in srgb, #60a5fa 60%, #e5e7eb);
  background:linear-gradient(180deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.06) 100%);
  color:#ffffff;
}
body[data-theme-preset="balanced"] .home-search-widget__field input:hover,
body[data-theme-preset="balanced"] .home-search-widget__field select:hover{
  border-color:color-mix(in srgb, #93c5fd 74%, #d1d5db);
  background:linear-gradient(180deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.08) 100%);
}
body[data-theme-preset="balanced"] .home-search-widget__field input:focus,
body[data-theme-preset="balanced"] .home-search-widget__field select:focus{
  border-color:#93c5fd;
  box-shadow:0 0 0 4px rgba(96,165,250,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.09) 100%);
}
body[data-theme-preset="balanced"] .home-search-widget__actions .btn-light{
  border-color:rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);
  color:#ffffff;
}
body[data-theme-preset="balanced"] .home-search-widget__actions .btn-light:hover{
  background:rgba(255,255,255,.14);
}
body[data-theme-preset="balanced"] .home-search-widget__submit{
  border-color:rgba(198,40,57,.42);
  background:linear-gradient(180deg, #C62839 0%, #A52837 100%);
  color:#ffffff;
  box-shadow:0 14px 24px rgba(198,40,57,.24);
}
body[data-theme-preset="balanced"] .home-search-widget__submit:hover{
  background:linear-gradient(180deg, #D33446 0%, #A52837 100%);
  color:#ffffff;
}
body[data-radius="semi"] .home-search-widget__shell,
body[data-radius="sharp"] .home-search-widget__shell,
body[data-radius="semi"] .home-search-widget__panel,
body[data-radius="sharp"] .home-search-widget__panel{
  border-radius:var(--r-xl);
}
body[data-radius="semi"] .home-search-widget .widget-tab,
body[data-radius="sharp"] .home-search-widget .widget-tab{
  border-radius:var(--r-sm);
}
body[data-radius="semi"] .home-search-widget__field input,
body[data-radius="semi"] .home-search-widget__field select,
body[data-radius="sharp"] .home-search-widget__field input,
body[data-radius="sharp"] .home-search-widget__field select{
  border-radius:var(--r-md);
}

/* -- Listing detail page elements */
body[data-radius="semi"] .spec-grid div,
body[data-radius="sharp"] .spec-grid div{border-radius:var(--r-md)}
body[data-radius="semi"] .safety-note,
body[data-radius="sharp"] .safety-note{border-radius:var(--r-lg)}
body[data-radius="semi"] .safety-note__icon,
body[data-radius="sharp"] .safety-note__icon{border-radius:var(--r-md)}
body[data-radius="semi"] .safety-notes__badge,
body[data-radius="sharp"] .safety-notes__badge{border-radius:var(--r-pill)}
body[data-radius="semi"] .junk-legal-modal,
body[data-radius="sharp"] .junk-legal-modal{border-radius:var(--r-xl)}
body[data-radius="semi"] .junk-legal-modal__grid section,
body[data-radius="sharp"] .junk-legal-modal__grid section{border-radius:var(--r-lg)}
body[data-radius="semi"] .junk-legal-modal__note,
body[data-radius="sharp"] .junk-legal-modal__note{border-radius:var(--r-md)}
body[data-radius="semi"] .listing-report-card,
body[data-radius="sharp"] .listing-report-card{border-radius:var(--r-lg)}
body[data-radius="semi"] .market-card__compat-badge,
body[data-radius="sharp"] .market-card__compat-badge{border-radius:var(--r-pill)}
@media (max-width: 1080px){
  .home-search-widget__intro{
    grid-template-columns:1fr;
  }
  .home-search-widget__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 720px){
  .home-block--search-widget{
    padding-top:var(--home-block-gap-mobile,44px);
    padding-bottom:var(--home-block-gap-mobile,44px);
  }
  .home-search-widget__shell{
    padding:22px 16px 18px;
  }
  .home-search-widget .widget-tabs{
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
  .home-search-widget .widget-tabs::-webkit-scrollbar{
    display:none;
  }
  .home-search-widget .widget-tab{
    min-width:max-content;
  }
  .home-search-widget__panel{
    padding:18px 14px;
  }
  .home-search-widget__grid{
    grid-template-columns:1fr;
  }
  .home-search-widget__field--range,
  .home-search-widget__field--wide{
    grid-column:auto;
  }
  .home-search-widget__range{
    grid-template-columns:1fr;
  }
  .home-search-widget__actions{
    flex-direction:column;
    align-items:stretch;
  }
  .home-search-widget__submit{
    min-width:0;
    width:100%;
  }
}
@media (max-width:768px){
  body[data-page-context="home"] .home-block--mobile-hidden{
    display:none !important;
  }
}
body[data-theme-preset="balanced"] .nav-inner a:hover,
body[data-theme-preset="balanced"] .menu-link-btn:hover{
  color:color-mix(in srgb, var(--accent) 80%, #6B1220);
  background:color-mix(in srgb, var(--accent) 9%, white);
  box-shadow:
    inset 0 2px 5px  color-mix(in srgb, var(--accent) 20%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--accent) 14%, transparent);
}
body[data-theme-preset="balanced"] .nav-inner a.is-active,
body[data-theme-preset="balanced"] .menu-link-btn.is-active{
  color:color-mix(in srgb, var(--accent) 88%, #4A0D18);
  background:color-mix(in srgb, var(--accent) 11%, white);
  box-shadow:
    inset 0 3px 7px  color-mix(in srgb, var(--accent) 26%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--accent) 18%, transparent);
}
body[data-theme-preset="balanced"] .nav-inner a.is-active:hover,
body[data-theme-preset="balanced"] .menu-link-btn.is-active:hover{
  box-shadow:
    inset 0 4px 9px  color-mix(in srgb, var(--accent) 30%, transparent),
    inset 0 0 0 1px  color-mix(in srgb, var(--accent) 22%, transparent);
}

/* Dealers directory */
.dealer-directory-hero{
  position:relative;
  overflow:hidden;
  padding:44px 0 24px;
  background:
    radial-gradient(560px 280px at 100% 0%, color-mix(in srgb, var(--identity-dealers-primary) 18%, transparent) 0%, transparent 68%),
    linear-gradient(180deg, color-mix(in srgb, var(--identity-dealers-soft) 82%, white) 0%, #fff 100%);
}
.dealer-directory-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);
  gap:24px;
  align-items:stretch;
}
.dealer-directory-hero__copy,
.dealer-directory-hero__panel,
.dealer-filters,
.dealer-directory-card,
.dealer-directory-pagination,
.dealer-directory-empty{
  border:1px solid color-mix(in srgb, var(--identity-dealers-primary) 12%, var(--line));
  box-shadow:0 18px 44px color-mix(in srgb, var(--identity-dealers-primary) 10%, transparent);
}
.dealer-directory-hero__copy{
  padding:38px;
  border-radius:30px;
  background:linear-gradient(135deg, rgba(255,255,255,.98) 0%, color-mix(in srgb, var(--identity-dealers-soft) 36%, white) 100%);
}
.dealer-directory-hero__copy h1{
  max-width:12ch;
  margin-bottom:14px;
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:1.02;
}
.dealer-directory-hero__copy p{
  max-width:60ch;
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.7;
}
.dealer-directory-hero__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:26px;
}
.dealer-directory-hero__panel{
  display:flex;
  flex-direction:column;
  gap:20px;
  padding:28px;
  border-radius:28px;
  background:rgba(255,255,255,.9);
}
.dealer-directory-hero__panel-label{
  display:inline-flex;
  margin-bottom:10px;
  color:var(--identity-dealers-primary);
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dealer-directory-hero__panel-intro strong{
  display:block;
  font-size:1.15rem;
  line-height:1.4;
}
.dealer-directory-hero__stats{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin:0;
}
.dealer-directory-hero__stats div{
  padding:16px 14px;
  border-radius:20px;
  background:color-mix(in srgb, var(--identity-dealers-soft) 42%, white);
  border:1px solid color-mix(in srgb, var(--identity-dealers-primary) 10%, var(--line));
}
.dealer-directory-hero__stats dt{
  margin:0 0 8px;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.dealer-directory-hero__stats dd{
  margin:0;
  color:var(--identity-dealers-primary);
  font-size:28px;
  font-weight:800;
  line-height:1;
}
.dealer-directory-hero__bullets{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.dealer-directory-hero__bullets li{
  padding:12px 14px;
  border-radius:16px;
  background:#fff;
  color:var(--text);
  font-weight:600;
}
.dealer-directory-section{
  padding-top:18px;
}
.dealer-directory-shell{
  display:grid;
  gap:20px;
}
.dealer-directory-shell__head{
  align-items:flex-end;
  margin-bottom:0;
}
.dealer-directory-shell__intro{
  max-width:62ch;
  margin:10px 0 0;
  color:var(--muted);
  font-size:16px;
  line-height:1.65;
}
.dealer-filters{
  padding:22px;
  border-radius:24px;
  background:#fff;
}
.dealer-filters__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}
.dealer-filters__field{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.dealer-filters__field--search{
  grid-column:span 2;
}
.dealer-filters__field span{
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dealer-filters__field input,
.dealer-filters__field select{
  width:100%;
  min-height:48px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  color:var(--text);
  font:inherit;
}
.dealer-filters__field input:focus,
.dealer-filters__field select:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--identity-dealers-primary) 44%, var(--line));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--identity-dealers-soft) 40%, transparent);
}
.dealer-filters__actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.dealer-directory-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.dealer-directory-toolbar__summary{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.dealer-directory-toolbar__summary span{
  color:var(--muted);
}
.dealer-directory-toolbar__modes{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.dealer-directory-toolbar__chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
.dealer-directory-toolbar__chip.is-active{
  border-color:color-mix(in srgb, var(--identity-dealers-primary) 24%, var(--line));
  background:color-mix(in srgb, var(--identity-dealers-soft) 48%, white);
  color:var(--identity-dealers-primary);
}
.dealer-directory-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.dealer-directory-card{
  overflow:hidden;
  border-radius:26px;
  background:#fff;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.dealer-directory-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--identity-dealers-primary) 20%, var(--line));
  box-shadow:0 24px 52px color-mix(in srgb, var(--identity-dealers-primary) 14%, transparent);
}
.dealer-directory-card__cover{
  position:relative;
  min-height:92px;
  padding:18px;
  background:linear-gradient(135deg, color-mix(in srgb, var(--identity-dealers-primary) 82%, #0f172a) 0%, color-mix(in srgb, var(--identity-dealers-accent) 50%, var(--identity-dealers-primary)) 100%);
}
.dealer-directory-card--graphite .dealer-directory-card__cover{
  background:linear-gradient(135deg, #111827 0%, #334155 100%);
}
.dealer-directory-card--ocean .dealer-directory-card__cover{
  background:linear-gradient(135deg, #0b3b64 0%, #0f766e 100%);
}
.dealer-directory-card--sunset .dealer-directory-card__cover{
  background:linear-gradient(135deg, #7c2d12 0%, #ea580c 100%);
}
.dealer-directory-card--sand .dealer-directory-card__cover{
  background:linear-gradient(135deg, #57534e 0%, #a16207 100%);
}
.dealer-directory-card--midnight .dealer-directory-card__cover{
  background:linear-gradient(135deg, #020617 0%, #1d4ed8 100%);
}
.dealer-directory-card__cover-glow{
  position:absolute;
  inset:auto -28px -32px auto;
  width:130px;
  height:130px;
  border-radius:50%;
  background:rgba(255,255,255,.14);
}
.dealer-directory-card__inventory-chip{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.dealer-directory-card__body{
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:22px;
}
.dealer-directory-card__header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.dealer-directory-card__brand{
  display:flex;
  align-items:flex-start;
  gap:14px;
  min-width:0;
}
.dealer-directory-card__logo{
  display:grid;
  flex:0 0 56px;
  place-items:center;
  width:56px;
  height:56px;
  border-radius:18px;
  object-fit:cover;
  background:color-mix(in srgb, var(--identity-dealers-soft) 64%, white);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--identity-dealers-primary) 14%, transparent);
}
.dealer-directory-card__logo--fallback{
  color:var(--identity-dealers-primary);
  font-size:22px;
  font-weight:800;
}
.dealer-directory-card__title-group{
  min-width:0;
}
.dealer-directory-card__title-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-bottom:6px;
}
.dealer-directory-card__title-row h3{
  margin:0;
  font-size:1.12rem;
  line-height:1.3;
}
.dealer-directory-card__status{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.dealer-directory-card__status.is-verified{
  background:color-mix(in srgb, #16a34a 10%, white);
  color:#166534;
}
.dealer-directory-card__status.is-standard{
  background:color-mix(in srgb, var(--identity-dealers-soft) 50%, white);
  color:var(--identity-dealers-primary);
}
.dealer-directory-card__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:0;
  color:var(--muted);
}
.dealer-directory-card__meta span{
  position:relative;
}
.dealer-directory-card__meta span + span::before{
  content:"";
  position:absolute;
  left:-8px;
  top:50%;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
  transform:translateY(-50%);
  opacity:.55;
}
.dealer-directory-card__rating{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  min-width:62px;
}
.dealer-directory-card__rating strong{
  color:var(--identity-dealers-primary);
  font-size:1.2rem;
  line-height:1;
}
.dealer-directory-card__rating span{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}
.dealer-directory-card__description{
  margin:0;
  color:var(--text);
  line-height:1.68;
}
.dealer-directory-card__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.dealer-directory-card__tags span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:color-mix(in srgb, var(--identity-dealers-soft) 52%, white);
  color:var(--identity-dealers-primary);
  font-size:13px;
  font-weight:700;
}
.dealer-directory-card__highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:0;
}
.dealer-directory-card__highlights div{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid color-mix(in srgb, var(--identity-dealers-primary) 10%, var(--line));
  background:color-mix(in srgb, var(--identity-dealers-soft) 22%, white);
}
.dealer-directory-card__highlights dt{
  margin:0 0 6px;
  color:var(--muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dealer-directory-card__highlights dd{
  margin:0;
  color:var(--text);
  font-weight:700;
  line-height:1.45;
}
.dealer-directory-card__footer{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:auto;
}
.dealer-directory-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:20px 22px;
  border-radius:var(--r-xl);
  background:#fff;
}
.dealer-directory-pagination__summary{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.dealer-directory-pagination__summary span{
  color:var(--muted);
}
.dealer-directory-pagination__actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.dealer-directory-pagination__page{
  color:var(--muted);
  font-size:14px;
  font-weight:700;
}
.dealer-directory-pagination__btn.is-disabled{
  pointer-events:none;
  opacity:.55;
}
.dealer-directory-empty{
  padding:34px;
  border-radius:var(--r-xl);
  background:#fff;
  text-align:center;
}
.dealer-directory-empty h3{
  margin:10px 0 12px;
}
.dealer-directory-empty p{
  max-width:52ch;
  margin:0 auto 20px;
  color:var(--muted);
}
@media(max-width:1180px){
  .dealer-directory-hero__grid,
  .dealer-directory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .dealer-filters__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .dealer-filters__field--search{
    grid-column:span 3;
  }
}
@media(max-width:900px){
  .dealer-directory-hero__grid,
  .dealer-directory-grid,
  .dealer-directory-card__highlights{
    grid-template-columns:1fr;
  }
  .dealer-directory-toolbar,
  .dealer-directory-pagination{
    flex-direction:column;
    align-items:flex-start;
  }
}
@media(max-width:640px){
  .dealer-directory-hero{
    padding-top:28px;
  }
  .dealer-directory-hero__copy,
  .dealer-directory-hero__panel,
  .dealer-filters,
  .dealer-directory-card__body,
  .dealer-directory-pagination,
  .dealer-directory-empty{
    padding:18px;
  }
  .dealer-directory-hero__stats,
  .dealer-filters__grid{
    grid-template-columns:1fr;
  }
  .dealer-filters__field--search{
    grid-column:auto;
  }
  .dealer-directory-card__header{
    flex-direction:column;
  }
  .dealer-directory-card__rating{
    align-items:flex-start;
  }
}
.chat-listing-status{
  padding:14px 18px;border:1px solid var(--line);border-radius:var(--r-lg);
  background:var(--surface);
}
.chat-listing-status--readonly{
  border-color:rgba(185,28,28,.2);background:#fef9f9;
}
.chat-listing-status__eyebrow{
  display:block;font-size:10.5px;font-weight:800;text-transform:uppercase;
  letter-spacing:.07em;color:var(--muted);margin-bottom:10px
}
.chat-listing-status__grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
.chat-listing-status__item{
  display:flex;flex-direction:column;gap:7px;
  background:color-mix(in srgb,var(--bg) 55%,white);
  border:1px solid var(--line);border-radius:var(--r-md,10px);
  padding:11px 14px;
}
.chat-listing-status__item-label{
  font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)
}
.chat-listing-status__item-desc{
  font-size:11px;line-height:1.45;color:var(--muted);margin-top:2px;opacity:.8
}
.chat-listing-status__note{
  margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);
  font-size:13px;color:#b91c1c;font-weight:600;line-height:1.45
}
.chat-seller-status-form{
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
}
.chat-seller-status-form__label{
  display:block;font-size:10px;font-weight:800;text-transform:uppercase;
  letter-spacing:.07em;color:var(--muted);margin-bottom:8px;
}
.chat-seller-status-form__row{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.chat-seller-status-form__select{
  flex:1 1 auto;min-width:140px;min-height:38px;
  border:1px solid var(--line);border-radius:var(--r-md,10px);
  background:var(--surface);color:var(--text);
  padding:0 12px;font:inherit;font-size:13px;cursor:pointer;
  transition:border-color .15s,box-shadow .15s;
}
.chat-seller-status-form__select:focus{
  outline:none;border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);
}
body[data-color-scheme="dark"] .chat-seller-status-form__select{
  background:var(--surface-soft);border-color:var(--line);color:var(--text);
}
@media(max-width:480px){
  .chat-listing-status__grid{grid-template-columns:1fr}
}
.message-status-notice{
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:var(--r-lg);
  background:#f8fafc;
}
.message-status-notice__header{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.message-status-notice__title{
  font-size:.84rem;
  font-weight:700;
  color:var(--text);
}
.message-status-notice__copy{
  margin:8px 0 0;
  font-size:.92rem;
  line-height:1.55;
  color:var(--muted);
}
.message-status-notice--available{
  border-color:rgba(37,99,235,.18);
  background:#f8fbff;
}
.message-status-notice--reserved{
  border-color:rgba(217,119,6,.24);
  background:#fffaf0;
}
.message-status-notice--paused{
  border-color:rgba(100,116,139,.24);
  background:#f8fafc;
}
.message-status-notice--sold{
  border-color:rgba(185,28,28,.18);
  background:#fef2f2;
}
.message-status-notice--readonly .message-status-notice__title{
  color:#991b1b;
}

/* ═══════════════════════════════════════════════════════════════
   ABOUT STORY PAGE — pages/about-story.blade.php
   ═══════════════════════════════════════════════════════════════ */

.about-story{overflow-x:hidden;}

/* Hero */
.about-story__hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#0a1628;
}
.about-story__hero-bg{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 80% 60% at 70% 50%, color-mix(in srgb, var(--primary,#0F4C81) 35%, transparent) 0%, transparent 70%),
    radial-gradient(ellipse 50% 80% at 10% 80%, color-mix(in srgb, var(--accent,#F59E0B) 12%, transparent) 0%, transparent 60%),
    linear-gradient(135deg, #060f1e 0%, #0a1628 50%, #0d1f3c 100%);
  pointer-events:none;
}
.about-story__hero-inner{
  position:relative;
  z-index:1;
  padding:80px 0 100px;
  max-width:760px;
}
.about-story__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--accent,#F59E0B);
  margin-bottom:20px;
}
.about-story__hero-title{
  font-size:clamp(2.4rem, 5vw, 4rem);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.04em;
  color:#fff;
  margin:0 0 22px;
}
.about-story__hero-break{display:block;}
.about-story__hero-lead{
  font-size:clamp(1rem, 1.5vw, 1.2rem);
  color:rgba(255,255,255,.72);
  max-width:52ch;
  line-height:1.7;
  margin:0;
}
.about-story__hero-scroll{
  margin-top:48px;
  display:flex;
  align-items:center;
  gap:10px;
}
.about-story__hero-scroll-line{
  display:block;
  width:40px;
  height:2px;
  background:linear-gradient(90deg, var(--accent,#F59E0B), transparent);
}

/* Opening */
.about-story__opening-section{padding:60px 0;background:#fff;}
.about-story__opening-inner{max-width:760px;}
.about-story__opening-text{
  font-size:clamp(1.2rem, 2vw, 1.6rem);
  font-weight:500;
  line-height:1.55;
  color:#0f172a;
  margin:0;
}
.about-story__opening-text strong{color:var(--primary,#0F4C81);}

/* Sections */
.about-story__section{padding:72px 0;}
.about-story__section--problem{background:#f8fafc;}
.about-story__section--vision{background:#fff;}
.about-story__section--opportunity{background:#0a1628;color:#fff;}
.about-story__section--pillars{background:#f8fafc;}
.about-story__section--close{
  background:linear-gradient(135deg, var(--primary,#0F4C81) 0%, color-mix(in srgb, var(--primary,#0F4C81) 80%, #000) 100%);
  color:#fff;
}
.about-story__section-head{margin-bottom:40px;}
.about-story__section-head--center{text-align:center;}
.about-story__section-tag{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--primary,#0F4C81);
  margin-bottom:12px;
}
.about-story__section--opportunity .about-story__section-tag{color:var(--accent,#F59E0B);}
.about-story__section-title{
  font-size:clamp(1.5rem, 2.5vw, 2.2rem);
  font-weight:800;
  letter-spacing:-.035em;
  color:#0f172a;
  margin:0 0 16px;
  line-height:1.1;
}
.about-story__section-lead{
  color:#475569;
  font-size:15px;
  line-height:1.75;
  max-width:72ch;
  margin:0 0 40px;
}

/* Chaos grid */
.about-story__chaos-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));
  gap:18px;
}
.about-story__chaos-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:var(--r-xl,20px);
  padding:24px;
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:box-shadow .2s, transform .2s;
}
.about-story__chaos-card:hover{
  box-shadow:0 8px 28px rgba(15,23,42,.08);
  transform:translateY(-2px);
}
.about-story__chaos-icon{
  width:44px;height:44px;
  border-radius:var(--r-lg,14px);
  background:color-mix(in srgb, var(--primary,#0F4C81) 10%, white);
  color:var(--primary,#0F4C81);
  display:grid;
  place-items:center;
}
.about-story__chaos-title{font-size:15px;font-weight:700;color:#0f172a;margin:0;}
.about-story__chaos-desc{font-size:13px;color:#64748b;line-height:1.65;margin:0;}

/* Pull quote */
.about-story__quote-section{padding:64px 0;background:#fff;}
.about-story__quote{
  border:none;
  margin:0 auto;
  max-width:700px;
  text-align:center;
  padding:0;
}
.about-story__quote p{
  font-size:clamp(1.25rem, 2.2vw, 1.75rem);
  font-weight:600;
  line-height:1.45;
  color:#0f172a;
  letter-spacing:-.02em;
  margin:0;
}
.about-story__quote p em{font-style:normal;color:var(--primary,#0F4C81);}
.about-story__quote::before{
  content:'"';
  display:block;
  font-size:5rem;
  line-height:.8;
  color:var(--accent,#F59E0B);
  font-family:Georgia, serif;
  margin-bottom:12px;
}

/* Vision */
.about-story__vision-inner{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items:start;
}
.about-story__vision-copy p{color:#475569;line-height:1.75;margin-bottom:14px;}
.about-story__vision-copy p strong{color:#0f172a;}
.about-story__for-who{
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:var(--r-xl,20px);
  padding:28px;
}
.about-story__for-who-title{
  font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  color:#94a3b8;margin:0 0 20px;
}
.about-story__for-who-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;}
.about-story__for-who-item{display:flex;align-items:flex-start;gap:12px;}
.about-story__for-who-dot{
  flex-shrink:0;margin-top:5px;
  width:8px;height:8px;border-radius:50%;
  background:var(--primary,#0F4C81);
}
.about-story__for-who-item--dealer    .about-story__for-who-dot{background:var(--identity-dealers-primary,#0F4C81);}
.about-story__for-who-item--particular .about-story__for-who-dot{background:var(--identity-vehicles-primary,#1d4ed8);}
.about-story__for-who-item--tienda    .about-story__for-who-dot{background:var(--identity-parts-primary,#b45309);}
.about-story__for-who-item--comprador  .about-story__for-who-dot{background:var(--identity-products-primary,#047857);}
.about-story__for-who-item div{display:flex;flex-direction:column;gap:2px;}
.about-story__for-who-item strong{font-size:14px;font-weight:700;color:#0f172a;}
.about-story__for-who-item span{font-size:13px;color:#64748b;}

/* Opportunity equation */
.about-story__opportunity-inner{
  display:flex;flex-wrap:wrap;
  align-items:center;justify-content:center;gap:16px;
}
.about-story__opportunity-stat{
  flex:1 1 200px;max-width:280px;
  text-align:center;padding:28px 20px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  border-radius:var(--r-xl,20px);
}
.about-story__opportunity-stat--result{
  background:color-mix(in srgb, var(--accent,#F59E0B) 15%, transparent);
  border-color:color-mix(in srgb, var(--accent,#F59E0B) 30%, transparent);
}
.about-story__opportunity-stat p{font-size:14px;color:rgba(255,255,255,.72);margin:8px 0 0;line-height:1.6;}
.about-story__opp-accent{font-size:18px;font-weight:800;color:var(--accent,#F59E0B);letter-spacing:-.02em;}
.about-story__opp-result{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.03em;}
.about-story__opportunity-divider{font-size:28px;font-weight:900;color:rgba(255,255,255,.3);flex-shrink:0;padding:0 4px;}

/* Pillars */
.about-story__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.about-story__pillar{
  background:#fff;border:1px solid #e2e8f0;
  border-radius:var(--r-xl,20px);
  padding:32px 28px;
}
.about-story__pillar-number{
  font-size:48px;font-weight:900;line-height:1;
  color:color-mix(in srgb, var(--primary,#0F4C81) 10%, white);
  letter-spacing:-.04em;margin-bottom:12px;
}
.about-story__pillar-title{font-size:17px;font-weight:800;color:#0f172a;margin:0 0 10px;letter-spacing:-.02em;}
.about-story__pillar-desc{font-size:14px;color:#64748b;line-height:1.7;margin:0;}

/* Close */
.about-story__close-inner{max-width:760px;}
.about-story__close-text{
  font-size:clamp(1.1rem, 2vw, 1.5rem);
  font-weight:500;line-height:1.6;
  color:rgba(255,255,255,.9);margin:0;
}
.about-story__close-text strong{color:#fff;}

/* CTA */
.about-story__cta-section{padding:80px 0;background:#fff;}
.about-story__cta-inner{text-align:center;max-width:560px;margin:0 auto;}
.about-story__cta-title{
  font-size:clamp(1.6rem, 2.5vw, 2.2rem);
  font-weight:900;letter-spacing:-.04em;color:#0f172a;margin:0 0 12px;
}
.about-story__cta-lead{color:#64748b;font-size:15px;margin:0 0 32px;}
.about-story__cta-actions{
  display:flex;align-items:center;
  justify-content:center;gap:16px;flex-wrap:wrap;
}
.about-story__cta-btn{padding:13px 32px;font-size:15px;}
.about-story__cta-link{
  color:var(--primary,#0F4C81);font-weight:600;font-size:14px;
  text-decoration:none;display:inline-flex;align-items:center;gap:5px;
}
.about-story__cta-link:hover{text-decoration:underline;}

/* Responsive */
@media (max-width:768px){
  .about-story__hero-inner{padding:60px 0 72px;}
  .about-story__vision-inner{grid-template-columns:1fr;gap:32px;}
  .about-story__pillars{grid-template-columns:1fr;gap:16px;}
  .about-story__opportunity-inner{flex-direction:column;align-items:stretch;}
  .about-story__opportunity-stat{max-width:100%;flex:none;}
  .about-story__chaos-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .about-story__hero-title{font-size:2rem;}
  .about-story__chaos-grid{grid-template-columns:1fr;}
}

/* ═══════════════════════════════════════════════════════════════
   HOME ABOUT STRIP — home page teaser block
   ═══════════════════════════════════════════════════════════════ */

.home-about-strip{background:#0a1628;margin-top:var(--home-block-gap-desktop,68px);margin-bottom:var(--home-block-gap-desktop,68px);padding:0;overflow:hidden;position:relative;}
.home-about-strip .container{padding-top:0;padding-bottom:0;}
.home-about-strip__inner{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  min-height:160px;
  padding:36px 0;
}
.home-about-strip__copy{
  display:flex;flex-direction:column;gap:8px;
  padding-right:40px;
}
.home-about-strip__eyebrow{
  font-size:10px;font-weight:700;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--accent,#F59E0B);
}
.home-about-strip__title{
  font-size:clamp(1.1rem, 1.8vw, 1.45rem);
  font-weight:800;letter-spacing:-.03em;
  color:#fff;margin:0;line-height:1.15;
}
.home-about-strip__lead{
  font-size:13px;color:rgba(255,255,255,.65);
  line-height:1.65;margin:4px 0 8px;max-width:60ch;
}
.home-about-strip__cta{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--accent,#F59E0B);font-size:13px;font-weight:700;
  text-decoration:none;transition:gap .15s;
}
.home-about-strip__cta:hover{gap:10px;}
.home-about-strip__visual{
  flex-shrink:0;
  display:flex;flex-direction:column;
  align-items:flex-end;justify-content:center;
  padding:20px 0 20px 40px;
  border-left:1px solid rgba(255,255,255,.08);
  position:relative;
  min-width:140px;
}
.home-about-strip__v-number{
  font-size:clamp(3rem, 5vw, 5.5rem);
  font-weight:900;letter-spacing:-.06em;line-height:1;
  color:rgba(255,255,255,.08);
  position:absolute;right:-10px;top:50%;
  transform:translateY(-50%);
  pointer-events:none;user-select:none;white-space:nowrap;
}
.home-about-strip__v-tagline{
  position:relative;z-index:1;
  font-size:12px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.5);
  text-align:right;line-height:1.5;
}
@media (max-width:640px){
  .home-about-strip{margin-top:var(--home-block-gap-mobile,44px);margin-bottom:var(--home-block-gap-mobile,44px);}
  .home-about-strip__inner{grid-template-columns:1fr;padding:28px 0;}
  .home-about-strip__visual{display:none;}
  .home-about-strip__copy{padding-right:0;}
}

/* ── About Story — Problem split layout ── */
.about-story__problem-split{
  display:grid;
  grid-template-columns:3fr 2fr;
  gap:48px;
  align-items:center;
  margin-bottom:48px;
}
.about-story__problem-copy .about-story__section-head{margin-bottom:20px;}
.about-story__problem-copy .about-story__section-lead{margin:0;}
.about-story__problem-image{
  border-radius:var(--r-xl,20px);
  overflow:hidden;
  aspect-ratio:4/3;
  background:#e2e8f0;
  position:relative;
}
.about-story__problem-img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  border-radius:var(--r-xl,20px);
}
.about-story__problem-img-placeholder{
  width:100%;height:100%;
  min-height:260px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%);
  border-radius:var(--r-xl,20px);
  border:2px dashed #cbd5e1;
}
.about-story__problem-placeholder-inner{
  text-align:center;
  display:flex;flex-direction:column;gap:12px;align-items:center;
}
.about-story__placeholder-chaos{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  font-size:28px;
  opacity:.5;
}
.about-story__problem-placeholder-inner p{
  font-size:12px;color:#94a3b8;margin:0;font-weight:500;
}
@media (max-width:768px){
  .about-story__problem-split{
    grid-template-columns:1fr;
    gap:28px;
  }
  .about-story__problem-image{order:-1;aspect-ratio:16/9;}
}

/* ================================================================
   FAQ PAGE
   ================================================================ */

.faq-hero{position:relative;overflow:hidden;background:#0a1628;padding:72px 0 60px;}
.faq-hero__bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 80% 20%,color-mix(in srgb,var(--primary,#0F4C81) 30%,transparent) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 10% 90%,color-mix(in srgb,var(--accent,#F59E0B) 15%,transparent) 0%,transparent 55%);}
.faq-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;}
.faq-hero__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;}
.faq-hero__eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,#F59E0B);background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);border-radius:100px;padding:4px 14px;}
.faq-hero__title{font-size:clamp(2rem,5vw,3.25rem);font-weight:900;color:#fff;margin:0;line-height:1.1;letter-spacing:-.03em;}
.faq-hero__lead{font-size:16px;color:rgba(255,255,255,.65);margin:0;max-width:560px;line-height:1.6;}
.faq-search-wrap{width:100%;max-width:560px;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:8px;}
.faq-search{position:relative;width:100%;}
.faq-search__input{width:100%;padding:14px 48px 14px 46px;font-size:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:14px;color:#fff;outline:none;transition:border-color .2s,background .2s;box-shadow:0 4px 20px rgba(0,0,0,.2);}
.faq-search__input::placeholder{color:rgba(255,255,255,.4);}
.faq-search__input:focus{border-color:var(--accent,#F59E0B);background:rgba(255,255,255,.14);}
.faq-search__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:rgba(255,255,255,.5);pointer-events:none;}
.faq-search__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.15);border:none;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;cursor:pointer;color:rgba(255,255,255,.7);transition:background .15s;}
.faq-search__clear:hover{background:rgba(255,255,255,.25);}
.faq-search__clear svg{width:13px;height:13px;}
.faq-search__hint{font-size:11px;color:rgba(255,255,255,.3);margin:0;}
.faq-search__hint kbd{display:inline-block;font-size:10px;padding:1px 5px;border-radius:4px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);font-family:inherit;}
.faq-cats{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid #e5e7eb;padding:10px 0;}
.faq-cats__inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0;flex-wrap:wrap;justify-content:center;}
.faq-cats__inner::-webkit-scrollbar{display:none;}
.faq-cat-chip{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;font-weight:600;padding:7px 16px;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:100px;color:#475569;cursor:pointer;transition:all .15s;line-height:1;}
.faq-cat-chip:hover{background:#e2e8f0;color:#0f172a;}
.faq-cat-chip--active{background:var(--primary,#0F4C81)!important;border-color:var(--primary,#0F4C81)!important;color:#fff!important;box-shadow:0 2px 10px color-mix(in srgb,var(--primary,#0F4C81) 40%,transparent);}
.faq-body{padding:40px 0 64px;}
.faq-body__inner{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.faq-stats{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.faq-stats__count{font-size:13px;color:#64748b;font-weight:500;}
.faq-stats__expand-all{font-size:12px;font-weight:600;color:var(--primary,#0F4C81);background:none;border:1.5px solid currentColor;border-radius:8px;padding:4px 12px;cursor:pointer;transition:all .15s;}
.faq-stats__expand-all:hover{background:var(--primary,#0F4C81);color:#fff;}
.faq-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s;}
.faq-item:hover{border-color:#c7d2e2;box-shadow:0 4px 16px rgba(15,23,42,.06);}
.faq-question{width:100%;display:flex;align-items:center;gap:14px;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s;}
.faq-question:hover,.faq-question--open{background:#f8fafc;}
.faq-question__num{flex-shrink:0;width:32px;height:32px;border-radius:10px;background:color-mix(in srgb,var(--primary,#0F4C81) 10%,white);color:var(--primary,#0F4C81);font-size:11px;font-weight:800;display:grid;place-items:center;letter-spacing:.02em;}
.faq-question--open .faq-question__num{background:var(--primary,#0F4C81);color:#fff;}
.faq-question__text{flex:1;font-size:15px;font-weight:700;color:#0f172a;line-height:1.4;}
.faq-question__icon{flex-shrink:0;width:22px;height:22px;color:#94a3b8;transition:transform .25s cubic-bezier(.4,0,.2,1);}
.faq-question__icon svg{width:22px;height:22px;}
.faq-question--open .faq-question__icon{transform:rotate(180deg);color:var(--primary,#0F4C81);}
.faq-cat-tag{display:none;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:100px;white-space:nowrap;}
@media(min-width:640px){.faq-cat-tag{display:inline-block;}}
.faq-cat-tag--platform{background:#eff6ff;color:#1d4ed8;}
.faq-cat-tag--account{background:#f0fdf4;color:#15803d;}
.faq-cat-tag--publish{background:#fff7ed;color:#c2410c;}
.faq-cat-tag--modules{background:#faf5ff;color:#7e22ce;}
.faq-cat-tag--contact{background:#f0f9ff;color:#0369a1;}
.faq-cat-tag--dealers{background:#fffbeb;color:#b45309;}
.faq-cat-tag--safety{background:#fef2f2;color:#b91c1c;}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);}
.faq-answer--open{max-height:600px;}
.faq-answer__inner{padding:16px 20px 22px calc(20px + 32px + 14px);font-size:14px;color:#475569;line-height:1.75;border-top:1px solid #f1f5f9;}
.faq-answer__inner strong{color:#0f172a;}
.faq-answer__inner a{color:var(--primary,#0F4C81);text-decoration:underline;}
.faq-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 24px;text-align:center;}
.faq-empty__icon{width:64px;height:64px;}
.faq-empty p{font-size:15px;color:#64748b;margin:0;}
.faq-cta{background:linear-gradient(135deg,var(--primary,#0F4C81) 0%,#0d1f3c 100%);padding:56px 0;}
.faq-cta__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;max-width:820px;margin:0 auto;}
.faq-cta__icon{width:60px;height:60px;flex-shrink:0;color:var(--accent,#F59E0B);}
.faq-cta__icon svg{width:60px;height:60px;}
.faq-cta__title{font-size:22px;font-weight:800;color:#fff;margin:0 0 6px;}
.faq-cta__lead{font-size:14px;color:rgba(255,255,255,.65);margin:0;line-height:1.5;}
.faq-cta__actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0;}
.faq-cta__link{font-size:13px;font-weight:600;color:rgba(255,255,255,.65);text-decoration:none;}
.faq-cta__link:hover{color:#fff;}
@media(max-width:768px){
  .faq-hero{padding:48px 0 40px;}
  .faq-hero__title{font-size:2rem;}
  .faq-question{padding:14px 16px;gap:10px;}
  .faq-question__num{width:28px;height:28px;font-size:10px;}
  .faq-answer__inner{padding:14px 16px 18px calc(16px + 28px + 10px);}
  .faq-cta__inner{grid-template-columns:1fr;text-align:center;}
  .faq-cta__icon{display:none;}
  .faq-cta__actions{align-items:center;}
}
@media(max-width:480px){
  .faq-question__text{font-size:14px;}
  .faq-cats__inner{flex-wrap:nowrap;}
}

/* FR-032: public dark color scheme */
body[data-color-scheme="dark"]{
  --bg:#07111f;
  --surface:#0f1b2d;
  --surface-soft:#14243a;
  --text:#e5edf7;
  --muted:#9fb0c6;
  --line:rgba(148,163,184,.22);
  --accent-soft:color-mix(in srgb,var(--accent) 18%,#0f1b2d);
  --shadow:0 18px 44px rgba(0,0,0,.34);
  --shadow-soft:0 10px 28px rgba(0,0,0,.24);
  background:var(--bg);
  color:var(--text);
}
body[data-color-scheme="dark"] .site-header{
  background:rgba(7,17,31,.92);
  border-bottom-color:var(--line);
  backdrop-filter:blur(18px);
}
body[data-color-scheme="dark"] .mobile-global-search{
  background:#0b1220;
  border-top-color:var(--line);
}
body[data-color-scheme="dark"] .mobile-global-search input{
  background:#111827;
  border-color:#243244;
  color:#e5eef7;
}
body[data-color-scheme="dark"] .mobile-global-search input::placeholder{
  color:#94a3b8;
}
body[data-color-scheme="dark"] .nav-inner a,
body[data-color-scheme="dark"] .menu-link-btn,
body[data-color-scheme="dark"] .profile-menu-btn{
  color:#d9e4f2;
}
body[data-color-scheme="dark"] .nav-inner a:hover,
body[data-color-scheme="dark"] .menu-link-btn:hover,
body[data-color-scheme="dark"] .nav-inner a.is-active,
body[data-color-scheme="dark"] .menu-link-btn.is-active{
  background:color-mix(in srgb,var(--primary) 18%,#0f1b2d);
  color:#fff;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent);
}
body[data-color-scheme="dark"] .header-search input,
body[data-color-scheme="dark"] .stack-form input,
body[data-color-scheme="dark"] .stack-form select,
body[data-color-scheme="dark"] .stack-form textarea,
body[data-color-scheme="dark"] .access-form input,
body[data-color-scheme="dark"] .access-form select,
body[data-color-scheme="dark"] .access-form textarea,
body[data-color-scheme="dark"] .form-grid input,
body[data-color-scheme="dark"] .form-grid select,
body[data-color-scheme="dark"] .form-grid textarea,
body[data-color-scheme="dark"] textarea{
  background:#0b1728;
  border-color:var(--line);
  color:var(--text);
}
body[data-color-scheme="dark"] .panel-shell .stack-form label,
body[data-color-scheme="dark"] .panel-shell .stack-form strong,
body[data-color-scheme="dark"] .panel-shell .form-step-title{
  color:var(--text);
}
body[data-color-scheme="dark"] .panel-shell .muted-note,
body[data-color-scheme="dark"] .panel-shell .upload-meta,
body[data-color-scheme="dark"] .panel-shell .form-required-legend{
  color:var(--muted);
}
body[data-color-scheme="dark"] .panel-shell .field-disabled{
  background:var(--surface-soft);
  border-color:var(--line);
  color:#94a3b8;
}
body[data-color-scheme="dark"] .panel-shell .upload-box,
body[data-color-scheme="dark"] .panel-shell .upload-dropzone{
  background:var(--surface-soft);
  border-color:var(--line);
  color:var(--text);
}
body[data-color-scheme="dark"] .panel-shell .upload-dropzone:hover{
  background:var(--surface);
  border-color:color-mix(in srgb,var(--primary) 38%,var(--line));
}
body[data-color-scheme="dark"] .panel-shell .upload-dropzone span{
  color:var(--muted);
}
body[data-color-scheme="dark"] .panel-shell .upload-block-invalid .upload-dropzone{
  background:rgba(239,68,68,.08);
  border-color:rgba(248,113,113,.5);
}
body[data-color-scheme="dark"] .panel-shell .field-group-invalid{
  outline-color:rgba(248,113,113,.45);
}
body[data-color-scheme="dark"] .panel-shell .check-item{
  background:var(--surface-soft);
  border-color:var(--line);
  color:var(--text);
}
body[data-color-scheme="dark"] .panel-shell .check-item small{
  color:var(--muted);
}
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background:#fff"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background: #fff"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background:#f8fafc"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background: #f8fafc"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background:#f1f5f9"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="background: #f1f5f9"]{
  background:var(--surface-soft)!important;
}
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="border:1px solid #e2e8f0"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="border: 1px solid #e2e8f0"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="border-bottom:1px solid #eef2f7"],
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="border-bottom: 1px solid #eef2f7"]{
  border-color:var(--line)!important;
}
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="padding:8px 12px"]{
  color:var(--text);
}
body[data-color-scheme="dark"] .panel-shell .stack-form [style*="padding:8px 12px"]:hover{
  background:var(--surface)!important;
}
body[data-color-scheme="dark"] .panel-shell .form-validation-summary .form-validation-summary__title{
  color:#fca5a5;
}
body[data-color-scheme="dark"] .panel-shell .form-validation-summary ul{
  color:#fecaca;
}
body[data-color-scheme="dark"] .panel-shell .chip-success{
  background:rgba(34,197,94,.14);
  color:#86efac;
}
body[data-color-scheme="dark"] .panel-shell .panel-actions .btn[style*="background:#fee2e2"],
body[data-color-scheme="dark"] .panel-shell .panel-actions .btn[style*="background: #fee2e2"]{
  background:rgba(220,38,38,.16)!important;
  border-color:rgba(248,113,113,.32)!important;
  color:#fca5a5!important;
}
body[data-color-scheme="dark"] input::placeholder,
body[data-color-scheme="dark"] textarea::placeholder{
  color:#71839b;
}
body[data-color-scheme="dark"] .section-soft,
body[data-color-scheme="dark"] .home-featured-section,
body[data-color-scheme="dark"] .home-cta-publish,
body[data-color-scheme="dark"] .home-qbar,
body[data-color-scheme="dark"] .faq-body,
body[data-color-scheme="dark"] main{
  background:var(--bg);
}
body[data-color-scheme="dark"] .product-card,
body[data-color-scheme="dark"] .vehicle-card,
body[data-color-scheme="dark"] .dealer-card,
body[data-color-scheme="dark"] .vehicle-card--featured,
body[data-color-scheme="dark"] .home-featured-card,
body[data-color-scheme="dark"] .home-recent-card,
body[data-color-scheme="dark"] .filters-card,
body[data-color-scheme="dark"] .category-card,
body[data-color-scheme="dark"] .faq-item,
body[data-color-scheme="dark"] .breadcrumbs__full,
body[data-color-scheme="dark"] .profile-menu-dropdown,
body[data-color-scheme="dark"] .menu-mega,
body[data-color-scheme="dark"] .menu-mega-links,
body[data-color-scheme="dark"] .menu-mega-links-links{
  background:var(--surface);
  border-color:var(--line);
  color:var(--text);
  box-shadow:var(--shadow-soft);
}
body[data-color-scheme="dark"] .product-body h3,
body[data-color-scheme="dark"] .vehicle-body h3,
body[data-color-scheme="dark"] .dealer-card h3,
body[data-color-scheme="dark"] .home-featured-body h3,
body[data-color-scheme="dark"] .home-featured-card .home-featured-title,
body[data-color-scheme="dark"] .section-head h2,
body[data-color-scheme="dark"] .faq-question__text,
body[data-color-scheme="dark"] .faq-answer__inner strong{
  color:var(--text);
}
body[data-color-scheme="dark"] .card-loc,
body[data-color-scheme="dark"] .home-recent__lead,
body[data-color-scheme="dark"] .faq-stats__count,
body[data-color-scheme="dark"] .faq-answer__inner,
body[data-color-scheme="dark"] .faq-empty p,
body[data-color-scheme="dark"] .garaje-breadcrumb,
body[data-color-scheme="dark"] .breadcrumbs__summary{
  color:var(--muted);
}
body[data-color-scheme="dark"] .faq-cats{background:rgba(7,17,31,.92);border-bottom-color:var(--line)}
body[data-color-scheme="dark"] .card-attr--neutral,
body[data-color-scheme="dark"] .featured-icon-badge--off,
body[data-color-scheme="dark"] .faq-cat-chip,
body[data-color-scheme="dark"] .faq-question:hover,
body[data-color-scheme="dark"] .faq-question--open{
  background:var(--surface-soft);
  border-color:var(--line);
  color:#d9e4f2;
}
body[data-color-scheme="dark"] .faq-cat-chip:hover{background:var(--surface);border-color:rgba(148,163,184,.38);color:var(--text)}
body[data-color-scheme="dark"] .faq-cat-tag--platform{background:rgba(37,99,235,.16);color:#93c5fd}
body[data-color-scheme="dark"] .faq-cat-tag--account{background:rgba(21,128,61,.16);color:#86efac}
body[data-color-scheme="dark"] .faq-cat-tag--publish{background:rgba(194,65,12,.16);color:#fdba74}
body[data-color-scheme="dark"] .faq-cat-tag--modules{background:rgba(126,34,206,.16);color:#d8b4fe}
body[data-color-scheme="dark"] .faq-cat-tag--contact{background:rgba(3,105,161,.16);color:#7dd3fc}
body[data-color-scheme="dark"] .faq-cat-tag--dealers{background:rgba(180,83,9,.16);color:#fcd34d}
body[data-color-scheme="dark"] .faq-cat-tag--safety{background:rgba(185,28,28,.16);color:#fca5a5}
body[data-color-scheme="dark"] .card-cta,
body[data-color-scheme="dark"] .compatibility-pill,
body[data-color-scheme="dark"] .faq-question__num{
  background:color-mix(in srgb,var(--primary) 18%,#0f1b2d);
  color:#dbeafe;
  border-color:color-mix(in srgb,var(--primary) 28%,transparent);
}
body[data-color-scheme="dark"] .product-thumb,
body[data-color-scheme="dark"] .product-thumb-wrap,
body[data-color-scheme="dark"] .vehicle-image,
body[data-color-scheme="dark"] .dealer-cover,
body[data-color-scheme="dark"] .detail-main-image,
body[data-color-scheme="dark"] .part-image,
body[data-color-scheme="dark"] .thumb,
body[data-color-scheme="dark"] .home-recent-media{
  background:#0b1728;
}
body[data-color-scheme="dark"] .home-recent-title{color:var(--text)}
body[data-color-scheme="dark"] .home-recent-meta{color:var(--muted)}
body[data-color-scheme="dark"] .home-recent-loc,
body[data-color-scheme="dark"] .home-recent-ago,
body[data-color-scheme="dark"] .home-recent-views-soft{color:var(--muted)}
body[data-color-scheme="dark"] .home-recent-chip{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}
body[data-color-scheme="dark"] .home-recent-save{background:rgba(15,27,45,.82);border-color:rgba(255,255,255,.14);color:#94a3b8}
body[data-color-scheme="dark"] .home-recent-save:hover,
body[data-color-scheme="dark"] .home-recent-save--saved{background:rgba(15,27,45,.96);color:#f87171;border-color:rgba(248,113,113,.3)}
body[data-color-scheme="dark"] .garaje-breadcrumb a,
body[data-color-scheme="dark"] .breadcrumbs__parent,
body[data-color-scheme="dark"] .breadcrumbs__ellipsis{
  color:#bfdbfe;
}
body[data-color-scheme="dark"] .breadcrumbs__link:hover,
body[data-color-scheme="dark"] .breadcrumbs__collapse[open] .breadcrumbs__ellipsis,
body[data-color-scheme="dark"] .breadcrumbs__ellipsis:hover{
  background:var(--surface-soft);border-color:var(--line);color:var(--text);box-shadow:none
}
body[data-color-scheme="dark"] .breadcrumbs__full-item a:hover{
  background:var(--surface-soft);border-color:var(--line);color:var(--text)
}
body[data-color-scheme="dark"] .garaje-breadcrumb-sep,
body[data-color-scheme="dark"] .breadcrumbs__sep{
  color:#52647c;
}
/* ── FR-032 frontend dark mode: cobertura extendida ──────────────────── */
body[data-color-scheme="dark"] .search-suggest{background:var(--surface);border-color:var(--line);box-shadow:0 12px 26px rgba(0,0,0,.32)}
body[data-color-scheme="dark"] .search-suggest-item{color:var(--text)}
body[data-color-scheme="dark"] .search-suggest-item:hover,
body[data-color-scheme="dark"] .search-suggest-item.active{background:var(--surface-soft)}
body[data-color-scheme="dark"] .search-suggest-item--featured{background:rgba(253,230,138,.08);border-color:rgba(251,191,36,.2)}
body[data-color-scheme="dark"] .search-suggest-item--featured:hover,
body[data-color-scheme="dark"] .search-suggest-item--featured.active{background:rgba(253,230,138,.14);border-color:rgba(251,191,36,.3)}
body[data-color-scheme="dark"] .search-suggest-item-label mark{background:rgba(252,211,77,.18);color:#fcd34d}
body[data-color-scheme="dark"] .search-suggest-tag{background:color-mix(in srgb,var(--primary) 24%,#0f1b2d);color:#93c5fd}
body[data-color-scheme="dark"] .search-suggest-heading,
body[data-color-scheme="dark"] .search-suggest-empty,
body[data-color-scheme="dark"] .search-suggest-item-meta{color:var(--muted)}
body[data-color-scheme="dark"] .btn-light{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .btn-icon{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .mobile-menu-toggle{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .profile-menu-btn{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .profile-menu-dropdown{background:var(--surface);border-color:var(--line);box-shadow:0 8px 32px rgba(0,0,0,.42)}
body[data-color-scheme="dark"] .pmenu-head-info strong{color:var(--text)}
body[data-color-scheme="dark"] .pmenu-head-info small{color:var(--muted)}
body[data-color-scheme="dark"] .profile-menu-separator{background:var(--line)}
body[data-color-scheme="dark"] .pmenu-grid a{color:#cbd5e1}
body[data-color-scheme="dark"] .pmenu-grid a:hover{background:var(--surface-soft);color:var(--text)}
body[data-color-scheme="dark"] .pmenu-grid a svg{opacity:.65}
body[data-color-scheme="dark"] .profile-menu-dropdown>a,
body[data-color-scheme="dark"] .profile-menu-dropdown>form button{color:#cbd5e1;background:transparent}
body[data-color-scheme="dark"] .profile-menu-dropdown>a:hover,
body[data-color-scheme="dark"] .profile-menu-dropdown>form button:hover{background:var(--surface-soft);color:var(--text)}
body[data-color-scheme="dark"] .menu-mega-close-btn{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
body[data-color-scheme="dark"] .menu-mega-close-btn:hover{background:var(--surface);color:var(--text)}
body[data-color-scheme="dark"] .menu-mega-links a{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1)}
body[data-color-scheme="dark"] .menu-mega-links a:hover{background:rgba(255,255,255,.12)}
body[data-color-scheme="dark"] .menu-mega-links-links a{border-bottom-color:var(--line)}
body[data-color-scheme="dark"] .mobile-nav{background:var(--surface);border-top-color:var(--line)}
body[data-color-scheme="dark"] .mobile-nav a{border-bottom-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .mobile-nav-logout{background:var(--surface);border-color:var(--line);color:#f87171}
body[data-color-scheme="dark"] .mobile-nav-logout:hover{background:rgba(220,38,38,.14)}
body[data-color-scheme="dark"] .mobile-nav-grid a{color:var(--text)}
body[data-color-scheme="dark"] .mobile-nav-grid a:hover{background:var(--surface-soft)}
body[data-color-scheme="dark"] .mobile-nav-badge{border-color:var(--surface)}
body[data-color-scheme="dark"] .brand-strip{background:var(--surface)}
body[data-color-scheme="dark"] .page-hero{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-bottom-color:var(--line)}
body[data-color-scheme="dark"] .feature-banner,
body[data-color-scheme="dark"] .vehicle-sample-card{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .product-body,
body[data-color-scheme="dark"] .vehicle-body{background:var(--surface)}
body[data-color-scheme="dark"] .product-body p,
body[data-color-scheme="dark"] .vehicle-body p{color:var(--muted)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card:hover{border-color:rgba(148,163,184,.38);box-shadow:0 12px 32px rgba(0,0,0,.34)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__body,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--ad-inline .market-card__body{background:var(--surface)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__topline{border-bottom-color:var(--line)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__title,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__title a{color:var(--text)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__meta,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__ago{color:var(--muted)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__loc,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__cta{color:color-mix(in srgb,var(--listing-module-primary,var(--primary)) 62%,#dbeafe)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__cta:hover{color:#bfdbfe}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__media-placeholder{background:linear-gradient(135deg,#0d1e30 0,#0f2339 100%);color:var(--muted)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured{border-color:rgba(251,146,60,.34);box-shadow:0 1px 4px rgba(0,0,0,.22),0 0 0 1px rgba(251,146,60,.12)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body h3,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured .vehicle-body h3 a{color:#fb923c}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__title--accent,
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .market-card__title--accent a{color:#fb923c}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--featured .card-micro-badge--featured-text{background:rgba(234,88,12,.14);color:#fb923c;border-color:rgba(234,88,12,.28)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-image{background:linear-gradient(135deg,#0d1e30 0,#0f2339 100%)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--ad-inline{background:linear-gradient(180deg,var(--surface) 0%,var(--surface-soft) 100%);border-color:rgba(34,211,238,.24);box-shadow:0 1px 4px rgba(0,0,0,.22),inset 4px 0 0 rgba(34,211,238,.24)}
body[data-color-scheme="dark"] .listing-layout .vehicle-grid .vehicle-card--ad-inline:hover{border-color:rgba(34,211,238,.36);box-shadow:0 12px 28px rgba(0,0,0,.32),inset 4px 0 0 rgba(34,211,238,.34)}
body[data-color-scheme="dark"] .filters-toggle-btn{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .filters-toggle-btn:hover{background:var(--surface-soft);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}
body[data-color-scheme="dark"] .filters-tooltip{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 16px 34px rgba(0,0,0,.32)}
body[data-color-scheme="dark"] .filters-tooltip::before{background:var(--surface);border-top-color:var(--line);border-left-color:var(--line)}
body[data-color-scheme="dark"] .filter-status-chip{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .filter-status-chip:hover{background:var(--surface-soft);border-color:var(--line);color:var(--text)}
/* filters-card dark mode — module-specific overrides */
body[data-module][data-color-scheme="dark"] .filters-card{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 18px 42px rgba(0,0,0,.28)
}
body[data-module][data-color-scheme="dark"] .filters-card h3{color:var(--text)}
body[data-module][data-color-scheme="dark"] .filters-card .stack-form input,
body[data-module][data-color-scheme="dark"] .filters-card .stack-form select,
body[data-module][data-color-scheme="dark"] .filters-card .stack-form textarea{
  background:var(--surface-soft);
  border-color:var(--line);
  color:var(--text)
}
body[data-module][data-color-scheme="dark"] .filters-card .stack-form input:focus,
body[data-module][data-color-scheme="dark"] .filters-card .stack-form select:focus,
body[data-module][data-color-scheme="dark"] .filters-card .stack-form textarea:focus{
  background:#0b1728;
  border-color:color-mix(in srgb,var(--primary) 50%,var(--line))
}
body[data-module][data-color-scheme="dark"] .filters-card .stack-form select{background-color:var(--surface-soft)}
body[data-module][data-color-scheme="dark"] .filters-card .stack-form select:hover{background-color:var(--surface);border-color:var(--line)}
body[data-module][data-color-scheme="dark"] .filter-links a{
  background:var(--surface-soft);
  color:var(--text);
  border-color:var(--line)
}
body[data-module][data-color-scheme="dark"] .filter-links a:hover{
  background:var(--surface);
  border-color:color-mix(in srgb,var(--primary) 36%,var(--line))
}
body[data-color-scheme="dark"] .filter-check{color:var(--text)}
body[data-color-scheme="dark"] .filters-card .filter-check input[type="checkbox"]{accent-color:var(--primary)}
body[data-color-scheme="dark"] .stack-form select:hover,
body[data-color-scheme="dark"] .access-form select:hover,
body[data-color-scheme="dark"] .form-grid select:hover{background-color:var(--surface-soft)}
body[data-color-scheme="dark"] .stack-form select:focus,
body[data-color-scheme="dark"] .access-form select:focus,
body[data-color-scheme="dark"] .form-grid select:focus{background-color:#0b1728}
body[data-color-scheme="dark"] .search-save-input{background:#0b1728;border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .upload-dropzone{background:var(--surface-soft);border-color:rgba(148,163,184,.3)}
body[data-color-scheme="dark"] .upload-dropzone:hover{background:var(--surface);border-color:color-mix(in srgb,var(--primary) 40%,var(--line))}
body[data-color-scheme="dark"] .check-item{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .junk-part-tab{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .junk-part-tab:hover{background:var(--surface-soft);border-color:color-mix(in srgb,var(--primary) 28%,var(--line));color:var(--text)}
body[data-color-scheme="dark"] .junk-part-tab.is-active,
body[data-color-scheme="dark"] .junk-part-tab[aria-selected="true"]{background:color-mix(in srgb,var(--primary) 16%,var(--surface));border-color:color-mix(in srgb,var(--primary) 44%,var(--line));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 18%,transparent)}
body[data-color-scheme="dark"] .junk-part-tab-num{background:var(--surface-soft);color:var(--muted)}
body[data-color-scheme="dark"] .junk-part-tab.is-active .junk-part-tab-num,
body[data-color-scheme="dark"] .junk-part-tab[aria-selected="true"] .junk-part-tab-num{background:color-mix(in srgb,var(--primary) 28%,#0b1728);color:#93c5fd}
body[data-color-scheme="dark"] .junk-part-tab--add{color:var(--muted)}
body[data-color-scheme="dark"] .junk-part-tab--add:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 36%,var(--line))}
body[data-color-scheme="dark"] .junk-part-panel{background:var(--surface);border-color:var(--line);box-shadow:none}
body[data-color-scheme="dark"] .junk-part-seg{background:var(--surface-soft)}
body[data-color-scheme="dark"] .junk-part-seg button{color:var(--muted)}
body[data-color-scheme="dark"] .junk-part-seg button:hover{background:rgba(255,255,255,.05);color:var(--text)}
body[data-color-scheme="dark"] .junk-part-seg button.is-active{background:#0b1728;color:#93c5fd;box-shadow:0 1px 2px rgba(0,0,0,.2)}
body[data-color-scheme="dark"] .junk-part-hint{color:var(--muted)}
body[data-color-scheme="dark"] .junk-part-panel__foot{border-top-color:var(--line)}
body[data-color-scheme="dark"] .pager-btn{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.2)}
body[data-color-scheme="dark"] .pager-btn:hover{background:var(--surface-soft);border-color:color-mix(in srgb,var(--primary) 30%,var(--line));color:var(--text)}
body[data-color-scheme="dark"] .pager-summary{background:var(--surface);border-color:var(--line);color:var(--muted);box-shadow:0 6px 16px rgba(0,0,0,.2)}
body[data-color-scheme="dark"] .pager-summary strong{color:var(--text)}
body[data-color-scheme="dark"] .listing-layout nav[role="navigation"] .inline-flex.items-center{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .listing-layout nav[role="navigation"] a.inline-flex.items-center:hover{background:var(--surface-soft);color:var(--text)}
body[data-color-scheme="dark"] .card-fav{background:rgba(15,27,45,.72);border-color:rgba(255,255,255,.12);color:var(--muted)}
body[data-color-scheme="dark"] .card-fav:hover,
body[data-color-scheme="dark"] .card-fav--saved{background:rgba(15,27,45,.92);color:var(--error)}
body[data-color-scheme="dark"] .status-badge-tooltip,
body[data-color-scheme="dark"] .listing-status-owner-hovertip{background:var(--surface);border-color:var(--line);color:var(--text);box-shadow:0 12px 28px rgba(0,0,0,.32)}
body[data-color-scheme="dark"] .panel-card{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-table-wrap{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-table th{background:var(--surface-soft);color:var(--muted)}
body[data-color-scheme="dark"] .seller-status-panel{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .seller-status-toolbar{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .seller-status-panel__eyebrow,
body[data-color-scheme="dark"] .seller-status-toolbar__eyebrow{color:var(--muted)}
body[data-color-scheme="dark"] .seller-status-panel__copy{color:var(--muted)}
body[data-color-scheme="dark"] .seller-status-form__label{color:var(--text)}
body[data-color-scheme="dark"] .seller-status-form__select,
body[data-color-scheme="dark"] .mine-seller-status-editor__select,
body[data-color-scheme="dark"] .seller-status-toolbar__select{background:#0b1728;border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-hero-card{background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 10%,transparent) 0%,transparent 36%),linear-gradient(145deg,var(--surface) 0%,var(--bg) 100%);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-hero-stat{background:rgba(255,255,255,.04);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-tabs--filters{background:rgba(15,27,45,.88);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-hero-eyebrow{background:color-mix(in srgb,var(--primary) 16%,#0f1b2d);border-color:color-mix(in srgb,var(--primary) 24%,transparent)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-filter-chip{background:linear-gradient(180deg,var(--surface-soft) 0%,var(--surface) 100%);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-filter-chip:hover,
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-filter-chip.is-active{background:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 14%,var(--surface));border-color:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 34%,var(--line));color:var(--text)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-tab-count{background:rgba(255,255,255,.08);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-section{background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-section-kicker{color:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 70%,#cbd5e1)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-soft) 100%);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__pricing,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__detail,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-seller-status-editor{background:rgba(255,255,255,.04);border-color:var(--line)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__image,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__image-placeholder{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__module-chip{background:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 14%,var(--surface));border-color:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 30%,var(--line));color:color-mix(in srgb,var(--listing-tab-primary,var(--primary)) 45%,#e5eef7)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__title,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__price,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__detail-value,
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-section-head h2,
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-hero-stat__value,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-seller-status-editor__label{color:var(--text)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__meta,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__description,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__detail-label,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__price-label,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__photo-count,
body[data-color-scheme="dark"] .panel-shell--my-listings .listings-section-head p,
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listings-progress{color:var(--muted)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listings-loadmore-wrap{border-top-color:var(--line)}
body[data-color-scheme="dark"] .listings-advanced-toggle-btn,
body[data-color-scheme="dark"] .listings-advanced-filters-panel{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .listings-advanced-toggle-btn:hover,
body[data-color-scheme="dark"] .listings-advanced-toggle-btn.is-open,
body[data-color-scheme="dark"] .listings-advanced-toggle-btn.has-active-filters{background:var(--surface-soft);border-color:color-mix(in srgb,var(--primary) 36%,var(--line));color:var(--text)}
body[data-color-scheme="dark"] .filter-status-chip{background:var(--surface-soft);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .filter-status-chip.is-active{background:color-mix(in srgb,var(--primary) 16%,var(--surface));border-color:color-mix(in srgb,var(--primary) 34%,var(--line));color:var(--text)}
body[data-color-scheme="dark"] .mine-action-btn.mine-spark--on{background:rgba(251,146,60,.12);border-color:rgba(251,146,60,.3)}
body[data-color-scheme="dark"] .mine-action-btn.mine-spark--off,
body[data-color-scheme="dark"] span.mine-action-btn:not(.mine-spark--on):not(.mine-spark--off){background:var(--surface-soft);border-color:var(--line)}
body[data-color-scheme="dark"] .conversation-bubble{background:var(--surface-soft);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .empty-state{background:var(--surface);border-color:rgba(148,163,184,.2)}
body[data-color-scheme="dark"] .del-modal-box{background:var(--surface);border:1px solid var(--line)}
body[data-color-scheme="dark"] .del-modal-box h3{color:var(--text)}
body[data-color-scheme="dark"] .junk-legal-modal{background:var(--surface);color:var(--text)}
body[data-color-scheme="dark"] .junk-legal-modal h3{color:var(--text)}
body[data-color-scheme="dark"] .junk-legal-modal p{color:var(--muted)}
body[data-color-scheme="dark"] .junk-legal-modal__close{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
body[data-color-scheme="dark"] .junk-legal-modal__close:hover{background:var(--surface);color:var(--text)}
body[data-color-scheme="dark"] .junk-legal-modal__grid section{background:rgba(252,211,77,.06);border-color:rgba(252,211,77,.2)}
body[data-color-scheme="dark"] .junk-legal-modal__note{background:var(--surface-soft)}
body[data-color-scheme="dark"] .junk-legal-modal__eyebrow{background:rgba(252,211,77,.12);color:#fcd34d}
body[data-color-scheme="dark"] .flash-alert,
body[data-color-scheme="dark"] .flash-alert--success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.22);color:#86efac}
body[data-color-scheme="dark"] .flash-alert--info{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.22);color:#7dd3fc}
body[data-color-scheme="dark"] .flash-alert--warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.22);color:#fcd34d}
body[data-color-scheme="dark"] .flash-alert--error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.22);color:#fca5a5}
body[data-color-scheme="dark"] .chip-read{background:var(--surface-soft);color:var(--muted);border-color:var(--line)}
body[data-color-scheme="dark"] .featured-confirm-card{background:rgba(251,146,60,.06);border-color:rgba(251,146,60,.2)}
body[data-color-scheme="dark"] .featured-confirm-item{background:var(--surface-soft);border-color:rgba(251,146,60,.2)}
body[data-color-scheme="dark"] .featured-confirm-chip{background:var(--surface);border-color:rgba(251,146,60,.3);color:#fb923c}
body[data-color-scheme="dark"] .featured-confirm-value{color:var(--text)}
body[data-color-scheme="dark"] .danger-zone-card{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.2)}
body[data-color-scheme="dark"] .danger-zone-btn{background:rgba(220,38,38,.12);color:#f87171;border-color:rgba(220,38,38,.28)}
body[data-color-scheme="dark"] .danger-zone-btn:hover{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.38)}
body[data-color-scheme="dark"] .danger-confirm-card__foot{color:var(--muted)}
body[data-color-scheme="dark"] .pending-offers-banner__inner{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.22)}
body[data-color-scheme="dark"] .pending-offers-banner__text{color:#86efac}
body[data-color-scheme="dark"] .pending-offers-banner__icon{color:#4ade80}
/* ── Custom pages (Términos, Privacidad, etc.) ────────────── */
body[data-color-scheme="dark"] .custom-page-card{background:var(--surface);border-color:var(--line);box-shadow:0 12px 28px rgba(0,0,0,.32)}
body[data-color-scheme="dark"] .custom-page-title{color:var(--text)}
body[data-color-scheme="dark"] .custom-page-description{color:var(--muted)}
body[data-color-scheme="dark"] .custom-page-content{color:var(--text)}
body[data-color-scheme="dark"] .custom-page-content h1,
body[data-color-scheme="dark"] .custom-page-content h2,
body[data-color-scheme="dark"] .custom-page-content h3,
body[data-color-scheme="dark"] .custom-page-content h4{color:var(--text)}
body[data-color-scheme="dark"] .custom-page-content a{color:#93c5fd}
body[data-color-scheme="dark"] .custom-page-content blockquote{background:var(--surface-soft);border-left-color:var(--line);color:var(--muted)}
body[data-color-scheme="dark"] .custom-page-content table,
body[data-color-scheme="dark"] .custom-page-content th,
body[data-color-scheme="dark"] .custom-page-content td{border-color:var(--line)}
body[data-color-scheme="dark"] .custom-page-content th{background:var(--surface-soft);color:var(--text)}
body[data-color-scheme="dark"] .custom-page-content td{color:var(--muted)}
body[data-color-scheme="dark"] .custom-page-content hr{border-top-color:var(--line)}
body[data-color-scheme="dark"] .share-social-btn{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
body[data-color-scheme="dark"] .share-social-btn:hover{background:var(--surface);border-color:rgba(148,163,184,.38);color:var(--text)}
/* ── Hero promo form ──────────────────────────────────────── */
body[data-color-scheme="dark"] .hero-promo-form-intro{background:var(--surface-soft);border-color:var(--line)}
body[data-color-scheme="dark"] .hero-promo-form-intro p{color:var(--muted)}
body[data-color-scheme="dark"] .hero-promo-form-field{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .hero-promo-form-field strong{color:var(--text)}
body[data-color-scheme="dark"] .hero-promo-form-field small{color:var(--muted)}
body[data-color-scheme="dark"] .hero-promo-form-error{color:#fca5a5}
/* ── Messages / Conversations ─────────────────────────────── */
body[data-color-scheme="dark"] .conv-item{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .conv-item:hover{border-color:rgba(148,163,184,.38);box-shadow:0 4px 14px rgba(0,0,0,.28)}
body[data-color-scheme="dark"] .chat-info-bar{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .chat-listing-thumb{background:var(--surface-soft);border-color:var(--line)}
body[data-color-scheme="dark"] .chat-listing-thumb--placeholder{color:var(--muted)}
body[data-color-scheme="dark"] .chat-messages{background:var(--bg);border-color:var(--line)}
body[data-color-scheme="dark"] .chat-bubble-row:not(.mine) .chat-bubble{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .chat-reply-box{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .chat-reply-box textarea{background:#0b1728;border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .chat-reply-box textarea::placeholder{color:var(--muted)}
body[data-color-scheme="dark"] .chat-listing-status{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .chat-listing-status--readonly{background:rgba(185,28,28,.08);border-color:rgba(185,28,28,.28)}
body[data-color-scheme="dark"] .chat-listing-status__note{color:#fca5a5}
body[data-color-scheme="dark"] .chat-listing-status__item{background:var(--surface-soft);border-color:var(--line)}
body[data-color-scheme="dark"] .message-status-notice{background:var(--surface-soft);border-color:var(--line)}
/* ── Publish page ─────────────────────────────────────────── */
body[data-color-scheme="dark"] .publish-choice-card{
  background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-soft)
}
body[data-color-scheme="dark"] .publish-choice-grid.is-visible .publish-choice-card:hover{
  border-color:rgba(148,163,184,.38);box-shadow:0 16px 40px rgba(0,0,0,.32);transform:translateY(-4px)
}
/* Module cards dark mode — driven by --pc-* identity vars */
body[data-color-scheme="dark"] .publish-choice-card--vehicle,
body[data-color-scheme="dark"] .publish-choice-card--bike,
body[data-color-scheme="dark"] .publish-choice-card--parts,
body[data-color-scheme="dark"] .publish-choice-card--product,
body[data-color-scheme="dark"] .publish-choice-card--junker{
  background:radial-gradient(220px 160px at 100% 0%,color-mix(in srgb, var(--pc-soft) 45%, transparent) 0%,transparent 68%),linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);
  border-color:color-mix(in srgb, var(--pc-primary) 32%, transparent);
  --publish-btn-bg:color-mix(in srgb, var(--pc-primary) 18%, transparent);
  --publish-btn-border:color-mix(in srgb, var(--pc-primary) 36%, transparent);
  --publish-btn-color:var(--pc-soft);
  --publish-btn-hover-bg:color-mix(in srgb, var(--pc-primary) 28%, transparent);
  --publish-btn-hover-border:color-mix(in srgb, var(--pc-primary) 48%, transparent);
  --publish-btn-hover-color:var(--pc-soft)
}
body[data-color-scheme="dark"] .publish-choice-card--vehicle .publish-choice-icon,
body[data-color-scheme="dark"] .publish-choice-card--bike .publish-choice-icon,
body[data-color-scheme="dark"] .publish-choice-card--parts .publish-choice-icon,
body[data-color-scheme="dark"] .publish-choice-card--product .publish-choice-icon,
body[data-color-scheme="dark"] .publish-choice-card--junker .publish-choice-icon{background:color-mix(in srgb, var(--pc-primary) 18%, transparent);color:var(--pc-soft)}
body[data-color-scheme="dark"] .publish-choice-card--vehicle .eyebrow,
body[data-color-scheme="dark"] .publish-choice-card--bike .eyebrow,
body[data-color-scheme="dark"] .publish-choice-card--parts .eyebrow,
body[data-color-scheme="dark"] .publish-choice-card--product .eyebrow,
body[data-color-scheme="dark"] .publish-choice-card--junker .eyebrow{background:color-mix(in srgb, var(--pc-primary) 16%, transparent);color:var(--pc-soft)}
/* Ads */
body[data-color-scheme="dark"] .publish-choice-card--ads{
  background:radial-gradient(220px 160px at 100% 0%,rgba(37,99,235,.2) 0%,transparent 68%),linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);
  border-color:rgba(37,99,235,.32);
  --publish-btn-bg:rgba(37,99,235,.18);--publish-btn-border:rgba(37,99,235,.36);--publish-btn-color:#93c5fd;
  --publish-btn-hover-bg:rgba(37,99,235,.28);--publish-btn-hover-border:rgba(37,99,235,.48);--publish-btn-hover-color:#93c5fd
}
body[data-color-scheme="dark"] .publish-choice-card--ads .publish-choice-icon{background:rgba(37,99,235,.18);color:#93c5fd}
body[data-color-scheme="dark"] .publish-choice-card--ads .eyebrow{background:rgba(37,99,235,.16);color:#93c5fd}
body[data-color-scheme="dark"] .publish-choice-card--ads .publish-choice-btn--secondary{background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--text)!important}
body[data-color-scheme="dark"] .publish-choice-card--ads .publish-choice-btn--secondary:hover{background:var(--surface)!important;border-color:rgba(148,163,184,.38)!important}

/* ── Dark mode: listing detail pages ─────────────────────────────────── */
body[data-color-scheme="dark"] .detail-card,
body[data-color-scheme="dark"] .contact-card{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .detail-card h2,
body[data-color-scheme="dark"] .detail-card h3,
body[data-color-scheme="dark"] .contact-card h1,
body[data-color-scheme="dark"] .contact-card h2,
body[data-color-scheme="dark"] .contact-card h3{color:var(--text)}
body[data-color-scheme="dark"] .detail-card p{color:var(--muted)}
body[data-color-scheme="dark"] .spec-grid div{background:var(--surface-soft)}
body[data-color-scheme="dark"] .spec-grid div span{color:var(--muted)}
body[data-color-scheme="dark"] .spec-grid div strong{color:var(--text)}
body[data-color-scheme="dark"] .contact-card--featured{background:radial-gradient(circle at top right,rgba(234,88,12,.12) 0%,var(--surface) 60%);border-color:rgba(234,88,12,.4)}
body[data-color-scheme="dark"] .seller-status-badge--available{--seller-status-bg:rgba(21,128,61,.14);--seller-status-border:rgba(34,197,94,.28);color:#86efac}
body[data-color-scheme="dark"] .seller-status-badge--reserved{--seller-status-bg:rgba(217,119,6,.14);--seller-status-border:rgba(251,191,36,.28);color:#fcd34d}
body[data-color-scheme="dark"] .seller-status-badge--sold{--seller-status-bg:rgba(185,28,28,.14);--seller-status-border:rgba(248,113,113,.28);color:#fca5a5}
body[data-color-scheme="dark"] .seller-status-badge--paused{--seller-status-bg:rgba(51,65,85,.35);--seller-status-border:rgba(148,163,184,.28);color:#94a3b8}
body[data-color-scheme="dark"] .quick-list li{background:var(--surface-soft);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .listing-report-card{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .listing-report-card__title{color:var(--text)}
body[data-color-scheme="dark"] .listing-report-card__intro{color:var(--muted)}
body[data-color-scheme="dark"] .listing-report-modal__eyebrow{background:var(--surface-soft);color:var(--muted)}
body[data-color-scheme="dark"] .listing-report-modal__title{color:var(--text)}
body[data-color-scheme="dark"] .listing-report-modal__intro{color:var(--muted)}
body[data-color-scheme="dark"] .detail-table-scroll td{border-color:var(--line)!important;color:var(--text)}
body[data-color-scheme="dark"] .detail-table-scroll th{background:var(--surface-soft);color:var(--muted);border-color:var(--line)!important}
/* Inline-styled option chips (negotiable, certified, etc.) */
body[data-color-scheme="dark"] .detail-card [style*="border-radius:999px"]{background:var(--surface-soft)!important;border-color:var(--line)!important;color:var(--text)!important}
/* Legal alert chips (multas/gravámenes) */
body[data-color-scheme="dark"] .detail-card [style*="background:#fef2f2"]{background:rgba(185,28,28,.14)!important;border-color:rgba(248,113,113,.28)!important;color:#fca5a5!important}
/* Seller card section */
body[data-color-scheme="dark"] .seller-avatar-img{border-color:var(--line)}
body[data-color-scheme="dark"] .contact-card .seller-card-identity strong{color:var(--text)}
body[data-color-scheme="dark"] .contact-card .seller-card-identity small,
body[data-color-scheme="dark"] .contact-card .seller-card-identity span{color:var(--muted)}
/* Safety notes section */
body[data-color-scheme="dark"] .safety-notes{background:var(--surface-soft);border-top-color:var(--line)}
body[data-color-scheme="dark"] .safety-notes__title{color:var(--text)}
body[data-color-scheme="dark"] .safety-notes__sub{color:var(--muted)}
body[data-color-scheme="dark"] .safety-notes__badge{background:rgba(37,99,235,.14);border-color:rgba(37,99,235,.3);color:#93c5fd}
body[data-color-scheme="dark"] .safety-notes__link{color:#93c5fd;border-bottom-color:rgba(37,99,235,.4)}
body[data-color-scheme="dark"] .safety-notes__link:hover{color:#bfdbfe;border-bottom-color:#bfdbfe}
body[data-color-scheme="dark"] .safety-note{background:var(--surface);border-color:var(--line);box-shadow:none}
body[data-color-scheme="dark"] .safety-note__label{color:var(--text)}
body[data-color-scheme="dark"] .safety-note__desc{color:var(--muted)}
body[data-color-scheme="dark"] .safety-note__icon--blue{background:rgba(37,99,235,.16);color:#93c5fd}
body[data-color-scheme="dark"] .safety-note__icon--green{background:rgba(21,128,61,.16);color:#86efac}
body[data-color-scheme="dark"] .safety-note__icon--amber{background:rgba(217,119,6,.16);color:#fcd34d}
body[data-color-scheme="dark"] .safety-note__icon--red{background:rgba(185,28,28,.16);color:#fca5a5}
body[data-color-scheme="dark"] .safety-note__icon--purple{background:rgba(147,51,234,.16);color:#d8b4fe}
body[data-color-scheme="dark"] .safety-note__icon--slate{background:rgba(51,65,85,.3);color:#94a3b8}

/* Hero promo media placement override */
.home-hero--carousel .home-hero-grid--content{
  align-items:center;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:32px;
}
.home-hero--carousel .home-hero-grid--content.has-promo-media{
  position:relative;
  grid-template-columns:1fr;
  min-height:540px;
}
.home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-copy{
  max-width:min(42vw,520px);
  padding-right:24px;
}
.home-hero-promo-media{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  width:100%;
}
.home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-promo-media{
  position:absolute;
  right:clamp(8px,1.8vw,24px);
  top:50%;
  transform:translateY(-50%);
  width:min(54vw,640px);
  max-width:100%;
  justify-content:flex-end;
  pointer-events:none;
}
.home-hero-promo-media__frame,
.home-hero-promo-media__link{
  display:block;
  width:min(100%,560px);
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:18px;
  background:rgba(3,10,20,.68);
  box-shadow:0 26px 54px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
.home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-promo-media__frame,
.home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-promo-media__link{
  width:100%;
  border-radius:22px;
  box-shadow:0 28px 64px rgba(0,0,0,.34);
  pointer-events:auto;
}
.home-hero-promo-media__frame iframe,
.home-hero-promo-media__video,
.home-hero-promo-media__image{
  width:100%;
  height:100%;
  border:0;
  display:block;
  object-fit:cover;
}
@media (max-width: 900px){
  .home-hero--carousel .home-hero-grid--content{
    grid-template-columns:1fr;
    gap:22px;
  }
  .home-hero--carousel .home-hero-grid--content.has-promo-media{
    min-height:auto;
  }
  .home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-copy{
    max-width:none;
    padding-right:0;
  }
  .home-hero-promo-media{
    justify-content:flex-start;
  }
  .home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-promo-media{
    position:relative;
    right:auto;
    top:auto;
    bottom:auto;
    transform:none;
    width:100%;
    pointer-events:auto;
  }
  .home-hero-promo-media__frame,
  .home-hero-promo-media__link{
    width:min(100%,520px);
  }
}
@media (max-width: 640px){
  .home-hero-promo-media__frame,
  .home-hero-promo-media__link{
    width:100%;
    border-radius:14px;
  }
  .home-hero--carousel .home-hero-grid--content.has-promo-media .home-hero-promo-media{
    width:100%;
  }
}

/* ── Part detail: compat widget toggle button ───────────────────────────── */
.compat-widget-toggle{
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:10px 16px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  color:var(--text);
  text-align:left;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.compat-widget-toggle:hover{
  border-color:color-mix(in srgb,var(--primary) 50%,var(--line));
  background:color-mix(in srgb,var(--primary) 3%,#fff);
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.compat-widget-toggle__icon{
  display:flex;
  align-items:center;
  color:var(--primary);
  flex-shrink:0;
}
.compat-widget-toggle__chevron{
  margin-left:auto;
  flex-shrink:0;
  color:var(--muted);
  transition:transform .2s;
}
.compat-widget-toggle__badge{
  font-size:11px;
  font-weight:700;
  padding:2px 9px;
  border-radius:999px;
  flex-shrink:0;
}
.compat-widget-toggle__badge--ok{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.compat-widget-toggle__badge--no{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.compat-widget-toggle__badge--unknown{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}
/* dark */
body[data-color-scheme="dark"] .compat-widget-toggle{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .compat-widget-toggle:hover{background:var(--surface-soft)}
body[data-color-scheme="dark"] .compat-widget-toggle__badge--ok{background:rgba(21,128,61,.12);border-color:rgba(34,197,94,.28);color:#86efac}
body[data-color-scheme="dark"] .compat-widget-toggle__badge--no{background:rgba(185,28,28,.12);border-color:rgba(248,113,113,.28);color:#fca5a5}
body[data-color-scheme="dark"] .compat-widget-toggle__badge--unknown{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
/* radius */
body[data-radius="semi"] .compat-widget-toggle,
body[data-radius="sharp"] .compat-widget-toggle{border-radius:var(--r-md)}
body[data-radius="semi"] .compat-widget-toggle__badge,
body[data-radius="sharp"] .compat-widget-toggle__badge{border-radius:var(--r-pill)}

/* ── Part detail: compat status badge ───────────────────────────────────── */
.part-compat-status{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:11px 14px;
  border-radius:var(--radius-sm);
  border:1px solid transparent;
  margin:12px 0;
  font-size:13px;
  line-height:1.35;
}
.part-compat-status--ok{
  background:#f0fdf4;
  border-color:#bbf7d0;
  color:#15803d;
}
.part-compat-status--no{
  background:#fef2f2;
  border-color:#fecaca;
  color:#b91c1c;
}
.part-compat-status--unknown{
  background:#f8fafc;
  border-color:#e2e8f0;
  color:#475569;
}
.part-compat-status__icon{
  flex-shrink:0;
  margin-top:1px;
  display:flex;
}
.part-compat-status__label{
  display:block;
  font-weight:700;
}
.part-compat-status__vehicle{
  display:block;
  font-size:12px;
  margin-top:2px;
  opacity:.85;
}
/* dark */
body[data-color-scheme="dark"] .part-compat-status--ok{background:rgba(21,128,61,.12);border-color:rgba(34,197,94,.28);color:#86efac}
body[data-color-scheme="dark"] .part-compat-status--no{background:rgba(185,28,28,.12);border-color:rgba(248,113,113,.28);color:#fca5a5}
body[data-color-scheme="dark"] .part-compat-status--unknown{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}
/* radius */
body[data-radius="semi"] .part-compat-status,
body[data-radius="sharp"] .part-compat-status{border-radius:var(--r-md)}

/* ── Parts compatibility widget ─────────────────────────────────────────── */
.compat-widget{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:16px 18px 10px;
  margin-bottom:18px;
  position:relative;
}
.compat-widget--guest{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  padding:14px 18px;
}
.compat-widget__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  flex-wrap:wrap;
}
.compat-widget__title{
  margin:0 0 3px;
  font-size:14px;
  font-weight:700;
  color:var(--text);
  line-height:1.3;
}
.compat-widget__title-vehicle{
  color:var(--primary);
}
.compat-widget__sub{
  margin:0;
  font-size:12px;
  color:var(--muted);
  line-height:1.4;
}
.compat-widget__clear-btn{
  display:inline-flex;
  align-items:center;
  gap:5px;
  flex-shrink:0;
  font-size:12px;
  font-weight:600;
  color:var(--muted);
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:999px;
  padding:4px 11px;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .15s, color .15s;
}
.compat-widget__clear-btn:hover{
  border-color:rgba(148,163,184,.6);
  color:var(--text);
}
.compat-widget__scroll-wrap{
  position:relative;
  display:flex;
  align-items:center;
  gap:0;
}
.compat-widget__row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-bottom:4px;
  flex:1;
  min-width:0;
}
.compat-widget__row::-webkit-scrollbar{display:none}
.compat-widget__nav{
  position:absolute;
  z-index:2;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 2px 8px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:var(--text);
  transition:box-shadow .15s, background .15s;
}
.compat-widget__nav:hover{background:var(--bg);box-shadow:0 4px 14px rgba(0,0,0,.16)}
.compat-widget__nav--prev{left:-12px}
.compat-widget__nav--next{right:-12px}
/* vehicle card */
.compat-vehicle-card{
  flex-shrink:0;
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  width:100px;
  padding:10px 8px 8px;
  border:1.5px solid var(--line);
  border-radius:var(--radius-sm);
  text-decoration:none;
  color:var(--text);
  background:#fff;
  transition:border-color .15s, background .15s, box-shadow .15s;
  position:relative;
  cursor:pointer;
}
.compat-vehicle-card:hover{
  border-color:color-mix(in srgb,var(--primary) 50%,var(--line));
  background:color-mix(in srgb,var(--primary) 4%,#fff);
  box-shadow:0 2px 8px rgba(0,0,0,.07);
}
.compat-vehicle-card--active{
  border-color:var(--primary)!important;
  background:color-mix(in srgb,var(--primary) 7%,#fff)!important;
  box-shadow:0 0 0 1px var(--primary)!important;
}
.compat-vehicle-card--add{
  border-style:dashed;
  color:var(--muted);
}
.compat-vehicle-card--add:hover{
  border-color:var(--primary);
  color:var(--primary);
  background:color-mix(in srgb,var(--primary) 5%,#fff);
}
.compat-vehicle-card__img{
  width:52px;
  height:38px;
  border-radius:8px;
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  flex-shrink:0;
}
.compat-vehicle-card--active .compat-vehicle-card__img{
  color:var(--primary);
  background:color-mix(in srgb,var(--primary) 10%,#fff);
}
.compat-vehicle-card--add .compat-vehicle-card__img{
  background:transparent;
  width:36px;
  height:36px;
}
.compat-vehicle-card__meta{
  text-align:center;
  min-width:0;
  width:100%;
}
.compat-vehicle-card__year{
  display:block;
  font-size:10px;
  font-weight:700;
  color:var(--muted);
  letter-spacing:.04em;
  line-height:1.2;
}
.compat-vehicle-card--active .compat-vehicle-card__year{color:var(--primary)}
.compat-vehicle-card__name{
  display:block;
  font-size:12px;
  font-weight:700;
  color:var(--text);
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  text-align:center;
}
.compat-vehicle-card--add .compat-vehicle-card__name{
  font-size:11px;
  font-weight:600;
  color:inherit;
  white-space:normal;
  text-align:center;
  line-height:1.3;
}
.compat-vehicle-card__model{
  display:block;
  font-size:11px;
  font-weight:400;
  color:var(--muted);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  text-align:center;
}
.compat-vehicle-card__nickname{
  display:block;
  font-size:10px;
  font-weight:600;
  color:var(--primary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:100%;
  text-align:center;
  margin-top:1px;
}
.compat-vehicle-card__check{
  position:absolute;
  top:5px;
  right:5px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--primary);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.compat-vehicle-card__primary-dot{
  position:absolute;
  top:5px;
  left:5px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--primary);
}
.compat-widget__manage-link{
  margin:8px 0 0;
  text-align:right;
  font-size:11px;
}
.compat-widget__manage-link a{
  color:var(--muted);
  text-decoration:none;
}
.compat-widget__manage-link a:hover{color:var(--text);text-decoration:underline}
/* guest teaser */
.compat-widget__guest-icon{
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--bg);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  flex-shrink:0;
}
.compat-widget__guest-copy{flex:1;min-width:160px}
.compat-widget__guest-actions{display:flex;gap:8px;flex-wrap:wrap}
/* dark mode */
body[data-color-scheme="dark"] .compat-widget{background:var(--surface);border-color:var(--line)}
body[data-color-scheme="dark"] .compat-vehicle-card{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .compat-vehicle-card:hover{background:var(--surface-soft)}
body[data-color-scheme="dark"] .compat-vehicle-card--active{background:color-mix(in srgb,var(--primary) 12%,var(--surface))!important}
body[data-color-scheme="dark"] .compat-vehicle-card__img{background:var(--surface-soft)}
body[data-color-scheme="dark"] .compat-vehicle-card--active .compat-vehicle-card__img{background:color-mix(in srgb,var(--primary) 16%,var(--surface))}
body[data-color-scheme="dark"] .compat-widget__nav{background:var(--surface);border-color:var(--line);color:var(--text)}
body[data-color-scheme="dark"] .compat-widget__nav:hover{background:var(--surface-soft)}
body[data-color-scheme="dark"] .compat-widget__guest-icon{background:var(--surface-soft)}
/* border radius system */
body[data-radius="semi"] .compat-widget,
body[data-radius="sharp"] .compat-widget{border-radius:var(--r-lg)}
body[data-radius="semi"] .compat-vehicle-card,
body[data-radius="sharp"] .compat-vehicle-card{border-radius:var(--r-md)}
body[data-radius="semi"] .compat-vehicle-card__img,
body[data-radius="sharp"] .compat-vehicle-card__img{border-radius:var(--r-sm)}
body[data-radius="semi"] .compat-widget__nav,
body[data-radius="sharp"] .compat-widget__nav{border-radius:var(--r-pill)}
body[data-color-scheme="dark"] .panel-shell--my-listings .mine-listing-card__statuses{border-color:rgba(148,163,184,.12)}
body[data-color-scheme="dark"] .mine-status-slot+.mine-status-slot::before{background:rgba(148,163,184,.15)}
