:root{
  /* Paleta basada en el logo (puedes ajustar mas claro/oscuro si lo necesitas) */
  --brand: #010101;        /* negro */
  --brand-2: #43b434;      /* verde */
  --accent: #F4F02c;       /* amarillo */
  --accent-2: #F57e00;     /* naranja */
  --danger: #Eb0001;       /* rojo */
  --bg: #ffffff;
  --text: #0b1220;
  --muted: #4b5563;

  /* Alturas para header overlay (Inicio) */
  --topbar-h: 34px;
  --header-h: 76px;
  --header-stack: calc(var(--topbar-h) + var(--header-h));
}

body{font-family:"Roboto Condensed", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;}

/* Tipografía un poco más grande (mejor legibilidad general) */
html{font-size:16px;}

/* ---------- Header + navegación (secciones siempre visibles) ---------- */
.bbr-topbar{
  background:#43b434;   /* verde */
  color:#ffffff;         /* texto blanco */
  font-size:16px;
}

/* ---------- Header overlay “pro” en el Hero (solo Inicio) ---------- */
.bbr-header-spacer{height:0;}
.has-hero .bbr-header-spacer{height:var(--header-stack);}
.has-hero .bbr-fullbleed{margin-top:calc(-1 * var(--header-stack));}

.has-hero .bbr-topbar,
.has-hero .bbr-header{position:fixed; left:0; right:0; width:100%;}
.has-hero .bbr-topbar{top:0; z-index:56; transition:opacity .22s ease, transform .22s ease, background-color .22s ease;}
.has-hero .bbr-header{top:var(--topbar-h); z-index:55; transition:top .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;}

/* Estado arriba del todo: header transparente dentro del hero */
html:not(.is-scrolled) .has-hero .bbr-topbar{opacity:0; transform:translateY(-100%); pointer-events:none; background:transparent;}
html:not(.is-scrolled) .has-hero .bbr-header{top:0; background:transparent; border-bottom:1px solid rgba(255,255,255,.18); backdrop-filter:none; box-shadow:none;}
html:not(.is-scrolled) .has-hero .bbr-brand{color:#fff;}
html:not(.is-scrolled) .has-hero .bbr-brand__tag{color:rgba(255,255,255,.78);} 
html:not(.is-scrolled) .has-hero .bbr-nav a{color:rgba(255,255,255,.92);} 
html:not(.is-scrolled) .has-hero .bbr-nav a:hover{color:#fff; border-bottom-color:rgba(255,255,255,.75);} 
html:not(.is-scrolled) .has-hero .bbr-burger{color:#fff;}
html:not(.is-scrolled) .has-hero .bbr-burger > span:not(.bbr-burger__label){background:#fff;}
html:not(.is-scrolled) .has-hero .bbr-burger__label{color:rgba(255,255,255,.88);} 

/* Al hacer scroll: vuelve a “como está” (sólido) */
html.is-scrolled .has-hero .bbr-topbar{opacity:1; transform:translateY(0); background:#43b434; pointer-events:auto;}
html.is-scrolled .has-hero .bbr-header{top:var(--topbar-h); background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid #e2e8f0; box-shadow:0 10px 30px rgba(2,6,23,.08);} 

@media (min-width: 1280px){
  :root{--topbar-h: 38px; --header-h: 86px;}
}
body {
  cursor: url('../assets/img/cursor.png') 16 16, auto;
}
a, button {
  cursor: url('../assets/img/cursor.png') 16 16, pointer !important;
}

.bbr-topbar__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:8px 0;
}

.bbr-topbar__right{
  color:#ffffff;
  text-decoration:none;
}

.bbr-topbar__right:hover{
  text-decoration:underline;
}
@media (min-width: 1280px){
  .bbr-topbar{font-size:14px;}
  .bbr-topbar__inner{padding:10px 0;}
}


.bbr-header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid #e2e8f0;}
.bbr-header__row{display:flex; align-items:center; gap:14px;}

.bbr-brand{display:flex; align-items:center; gap:12px; text-decoration:none; color:#0b1220; min-width:260px;}
.bbr-brand__logo{width:50px; height:50px; border-radius:14px; border:0px solid #e2e8f0; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.bbr-brand__logo img{width:100%; height:100%; object-fit:contain;}
.bbr-brand__name{display:block; font-weight:800; letter-spacing:.2px;}
.bbr-brand__tag{display:block; font-size:12px; color:#64748b; margin-top:1px;}
.bbr-nav{
  justify-self: center;
  display: none;
  gap: 42px;
  font-size: 1.45rem;
  letter-spacing: .01em;
}

.bbr-nav a{
  padding: 10px 0;
  color: #fff;
  font-weight: 800;
  border-bottom: 2px solid transparent;
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}.bbr-nav a:hover{color:#0b1220; border-bottom-color:color-mix(in srgb, var(--accent) 70%, white);}

.bbr-actions{display:none; align-items:center; gap:10px;}
.bbr-cta{background:var(--brand); color:#fff; text-decoration:none; padding:10px 14px; border-radius:14px; font-weight:900; letter-spacing:.2px;}
.bbr-cta:hover{filter:brightness(1.08);}

.bbr-burger{display:flex; align-items:center; gap:10px; border:0; background:transparent; color:#0b1220; padding:10px 10px; border-radius:14px;}
.bbr-burger:hover{background:rgba(15,23,42,.06);}
.bbr-burger span{display:block;}
.bbr-burger > span:not(.bbr-burger__label){width:18px; height:2px; background:#0b1220; border-radius:999px;}
.bbr-burger__label{font-weight:800; font-size:14px; color:#334155; margin-left:2px;}

@media (min-width: 900px){
  .bbr-burger{display:none;}
  .bbr-nav{display:flex;}
  .bbr-actions{display:flex;}
}
@media (min-width: 1280px){
  .bbr-header__row{gap:20px; padding-top:14px; padding-bottom:14px;}
  .bbr-brand__logo{width:58px; height:58px; border-radius:16px;}
  .bbr-brand{min-width:320px; gap:14px;}
  .bbr-brand__name{font-size:18px;}
  .bbr-nav{gap:28px; font-size:16px;}
  .bbr-nav a{padding:12px 8px;}
}

/* Drawer móvil */
.bbr-drawer{position:fixed; inset:0; z-index:60; pointer-events:none; opacity:0; transition:opacity .18s ease;}
.bbr-drawer.is-open{pointer-events:auto; opacity:1;}
.bbr-drawer__backdrop{position:absolute; inset:0; background:rgba(2,6,23,.55);}
.bbr-drawer__panel{position:absolute; top:0; left:0; height:100%; width:min(340px, 92vw); background:#fff; box-shadow:0 20px 50px rgba(0,0,0,.35); transform:translateX(-105%); transition:transform .2s ease; display:flex; flex-direction:column;}
.bbr-drawer.is-open .bbr-drawer__panel{transform:translateX(0);} 
.bbr-drawer__head{display:flex; align-items:center; justify-content:space-between; padding:16px 16px; border-bottom:1px solid #e2e8f0;}
.bbr-drawer__title{font-weight:900; letter-spacing:.4px;}
.bbr-drawer__close{border:0; background:rgba(15,23,42,.06); border-radius:12px; padding:8px 10px; font-weight:900;}
.bbr-drawer__links{padding:10px 8px; display:flex; flex-direction:column;}
.bbr-drawer__links a{padding:12px 14px; border-radius:14px; text-decoration:none; color:#0b1220; font-weight:800;}
.bbr-drawer__links a:hover{background:rgba(15,23,42,.06);}
.bbr-drawer__foot{margin-top:auto; padding:14px 16px; border-top:1px solid #e2e8f0;}
.bbr-drawer__cta{display:block; text-align:center; background:var(--brand); color:#fff; text-decoration:none; padding:12px 14px; border-radius:14px; font-weight:900;}
.nav-lock{overflow:hidden;}

/* ---------- Footer premium ---------- */
.bbr-footer{
  position:relative;
  background:
    radial-gradient(900px 340px at 10% -20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),
    radial-gradient(900px 340px at 90% -25%, color-mix(in srgb, var(--brand-2) 22%, transparent), transparent 72%),
    linear-gradient(135deg, #053d14 0%, #0a6d21 45%, #0b1220 120%);
}
.bbr-footer__stripe{
  height:8px;
  background:linear-gradient(90deg, var(--accent) 0 25%, var(--accent-2) 25% 50%, var(--danger) 50% 75%, var(--brand-2) 75% 100%);
}
.bbr-footer a{ text-decoration:none; }
.bbr-footer a:hover{ text-decoration:underline; }

/* WhatsApp flotante */
.bbr-wa{position:fixed; right:18px; bottom:18px; z-index:55; display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:999px; background:#25D366; color:#fff; font-weight:900; text-decoration:none; box-shadow:0 12px 30px rgba(0,0,0,.22);}
.bbr-wa:hover{filter:brightness(.95);} 
.bbr-wa__icon{width:34px; height:34px; border-radius:50%; background:rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center;}
.bbr-wa__text{font-size:14px;}
@media (max-width: 520px){.bbr-wa__text{display:none;} .bbr-wa{padding:12px;}}

.btn-primary{background:#43b434; /* verde logo BB Recycling */ color:white;}
.btn-primary:hover{filter:brightness(1.1)}

.badge-accent{background:color-mix(in srgb, var(--accent) 20%, white); color:var(--brand);}

.link{color:var(--brand);}
.link:hover{filter:brightness(1.2)}


/* ---------- Detalle de producto (batería) ---------- */
.bbr-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height:46px;
  border-radius:16px;
  font-weight:900;
  letter-spacing:.2px;
  text-decoration:none;
  border:1px solid #e2e8f0;
  transition:.15s ease;
}
.bbr-btn--wa{background:#25D366; color:#fff; border-color:rgba(0,0,0,.06); box-shadow:0 10px 22px rgba(2,6,23,.12);}
.bbr-btn--wa:hover{filter:brightness(.96);} 
.bbr-btn--call{background:var(--brand); color:#fff; border-color:rgba(0,0,0,.06); box-shadow:0 10px 22px rgba(2,6,23,.12);}
.bbr-btn--call:hover{filter:brightness(1.08);} 

.bbr-imgzoom{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(226,232,240,0.9);
  background:rgba(255,255,255,0.92);
  font-weight:900;
  color:#0b1220;
  box-shadow:0 14px 28px rgba(2,6,23,.12);
}
.bbr-imgzoom:hover{filter:brightness(.98);} 

.bbr-modal[data-modal]{position:fixed; inset:0; z-index:100000; opacity:0; pointer-events:none; visibility:hidden; transition:opacity .18s ease;}
.bbr-modal[data-modal].is-open{pointer-events:auto; opacity:1; visibility:visible;}
.bbr-modal[data-modal] .bbr-modal__backdrop{position:absolute; inset:0; background:rgba(2,6,23,.65);}
.bbr-modal[data-modal] .bbr-modal__panel{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:min(980px, 92vw); max-height:86vh; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 28px 90px rgba(0,0,0,.45); border:3px solid rgba(226,232,240,0.9);}
.bbr-modal[data-modal] .bbr-modal__img{display:block; width:100%; height:86vh; max-height:86vh; object-fit:contain; background:#0b1220;}
.bbr-modal[data-modal] .bbr-modal__close{position:absolute; right:12px; top:12px; border:0; background:rgba(255,255,255,.92); border:1px solid rgba(226,232,240,0.9); border-radius:14px; padding:10px 12px; font-weight:900;}
.bbr-modal[data-modal] .bbr-modal__close:hover{filter:brightness(.96);} 


/* ---------- Layout helpers ---------- */
.container-max{max-width:1240px; margin-left:auto; margin-right:auto;}
@media (min-width: 1280px){.container-max{max-width:1360px;}}
@media (min-width: 1536px){.container-max{max-width:1480px;}}

/* ---------- Contacto (estilo tipo LTH con paleta del logo) ---------- */
.bbr-contact-hero{
  position:relative;
  background:
    radial-gradient(900px 320px at 10% -20%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 70%),
    radial-gradient(900px 320px at 90% -30%, color-mix(in srgb, var(--brand-2) 22%, transparent), transparent 70%),
    linear-gradient(135deg, #0b1220 0%, #0a0a0a 40%, #073d16 100%);
}

.bbr-contact-stripe{
  height:8px;
  background:linear-gradient(90deg, var(--accent) 0 25%, var(--accent-2) 25% 50%, var(--danger) 50% 75%, var(--brand-2) 75% 100%);
}

.bbr-contact-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:22px;
  box-shadow:0 10px 25px rgba(2, 6, 23, 0.06);
  text-align:center;
}

.bbr-contact-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  margin:0 auto 12px auto;
  color:#0b1220;
  border:1px solid rgba(15, 23, 42, 0.12);
  background:rgba(248, 234, 26, 0.18);
}

.bbr-contact-icon svg{width:26px; height:26px;}

.bbr-contact-icon[data-variant="mail"]{background:color-mix(in srgb, var(--accent) 26%, white);} /* amarillo */
.bbr-contact-icon[data-variant="phone"]{background:color-mix(in srgb, var(--accent-2) 22%, white);} /* naranja */
.bbr-contact-icon[data-variant="social"]{background:color-mix(in srgb, var(--brand-2) 22%, white);} /* verde */

.bbr-contact-label{
  font-weight:900;
  letter-spacing:.6px;
  font-size:12px;
  color:#0b1220;
}

.bbr-contact-link{
  display:inline-block;
  margin-top:10px;
  font-weight:900;
  color:#0b1220;
  text-decoration:none;
}

.bbr-contact-link:hover{ text-decoration:underline; }

.bbr-contact-hint{
  margin-top:10px;
  font-size:12px;
  color:#64748b;
}

.bbr-social-row{
  margin-top:12px;
  display:flex;
  justify-content:center;
  gap:10px;
}

.bbr-social{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid #e2e8f0;
  background:#fff;
  color:#0b1220;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.bbr-social svg{width:18px; height:18px;}

.bbr-social:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb, var(--accent) 55%, #e2e8f0);
  box-shadow:0 12px 24px rgba(2, 6, 23, 0.10);
}



/* ---------- Contacto (formulario + mapa) ---------- */
.bbr-form-card{
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:20px;
  padding:24px;
  box-shadow:0 10px 25px rgba(2, 6, 23, 0.06);
}

.bbr-field{display:flex; flex-direction:column; gap:6px;}
.bbr-label{
  font-weight:900;
  letter-spacing:.6px;
  font-size:12px;
  color:#0b1220;
  text-transform:uppercase;
}

.bbr-input,
.bbr-textarea{
  border:1px solid #e2e8f0;
  border-radius:14px;
  padding:12px 14px;
  font-size:14px;
  outline:none;
  transition:border-color .12s ease, box-shadow .12s ease;
}

.bbr-input:focus,
.bbr-textarea:focus{
  border-color:color-mix(in srgb, var(--accent) 60%, #e2e8f0);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent);
}

.bbr-alert{
  border-radius:16px;
  padding:12px 14px;
  font-weight:800;
  letter-spacing:.2px;
  border:1px solid #e2e8f0;
}
.bbr-alert--ok{
  background:color-mix(in srgb, var(--brand-2) 16%, white);
  border-color:color-mix(in srgb, var(--brand-2) 30%, #e2e8f0);
}
.bbr-alert--bad{
  background:color-mix(in srgb, var(--danger) 10%, white);
  border-color:color-mix(in srgb, var(--danger) 28%, #e2e8f0);
}

.bbr-map{
  width:100%;
  border-radius:18px;
  overflow:hidden;
  border:1px solid #e2e8f0;
  box-shadow:0 10px 25px rgba(2, 6, 23, 0.08);
  aspect-ratio:16/10;
}
.bbr-map iframe{width:100%; height:100%; border:0;}

.bbr-mini{
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:12px 14px;
  background:#fff;
}
.bbr-mini__k{font-weight:900; text-transform:uppercase; letter-spacing:.6px; font-size:12px; color:#0b1220;}
.bbr-mini__v{margin-top:4px; color:#475569; font-weight:700;}

/* ---------- Carousel (Inicio) ---------- */
.bbr-fullbleed{width:100vw; margin-left:calc(50% - 50vw);}
.bbr-carousel--hero{border-radius:0; border:0;}
/*
  En pantallas grandes (desktop) el carrusel se veía "gigante".
  Limitamos su altura y, en XL, lo contenemos en un ancho máximo.
*/
/*
  Para que el buscador se vea completo al abrir la página,
  bajamos un poco la altura del hero (antes era muy alto).
*/
.bbr-carousel--hero .bbr-carousel-slide{width:100%; height:clamp(360px,48vh,680px);}
@media (min-width: 900px){.bbr-carousel--hero .bbr-carousel-slide{height:clamp(420px,52vh,720px);}}
@media (min-width: 1280px){.bbr-carousel--hero .bbr-carousel-slide{height:clamp(460px,54vh,760px);}}
.bbr-carousel--hero .bbr-carousel-badge{top:18px; left:18px;}
.bbr-carousel--hero .bbr-carousel-btn.prev{left:18px;}
.bbr-carousel--hero .bbr-carousel-btn.next{right:18px;}
.bbr-carousel--hero .bbr-carousel-dots{bottom:16px;}
.bbr-carousel--hero .bbr-carousel-slide{object-fit:cover; object-position:center top; background:#0f172a;}

/* Si el header está encima (Inicio), bajamos un poco los controles para que no choquen */
html:not(.is-scrolled) .has-hero .bbr-carousel--hero .bbr-carousel-badge{top:calc(18px + 70px);}
html:not(.is-scrolled) .has-hero .bbr-carousel--hero .bbr-carousel-btn.prev{left:18px; top:calc(50% + 30px);} 
html:not(.is-scrolled) .has-hero .bbr-carousel--hero .bbr-carousel-btn.next{right:18px; top:calc(50% + 30px);} 

.bbr-carousel{position:relative; border-radius:24px; overflow:hidden; border:1px solid #e2e8f0; background:#0f172a;}
.bbr-carousel.bbr-carousel--hero{border-radius:0; border:0;}

.bbr-carousel-track{display:flex; transition:transform 500ms ease; will-change:transform;}


.bbr-carousel-slide{min-width:100%; height:320px; object-fit:cover; display:block;}

/* Animación sutil en imágenes (más “premium”) */
.bbr-carousel-slide{transform:scale(1.03); opacity:.92; filter:saturate(1.02) contrast(1.02); transition:transform 700ms ease, opacity 700ms ease, filter 700ms ease;}
.bbr-carousel-slide.is-active{transform:scale(1); opacity:1; filter:saturate(1.05) contrast(1.05); animation:bbr-ken 6.5s ease both;}
@keyframes bbr-ken{
  from{transform:scale(1.02) translateY(0);} 
  to{transform:scale(1.00) translateY(-2px);} 
}
@media (prefers-reduced-motion: reduce){
  .bbr-carousel-track{transition:none;}
  .bbr-carousel-slide{transition:none; animation:none; transform:none; opacity:1; filter:none;}
}
@media (min-width: 768px){
  .bbr-carousel-slide{height:280px;}
}
.bbr-carousel-btn{position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:14px; border:1px solid rgba(255,255,255,0.22); background:rgba(15,23,42,0.55); color:white; display:flex; align-items:center; justify-content:center; backdrop-filter:blur(6px);
}
.bbr-carousel-btn:hover{background:rgba(7, 171, 7, 0.75)}
.bbr-carousel-btn:focus{outline:2px solid color-mix(in srgb, var(--accent) 70%, white); outline-offset:2px;}
.bbr-carousel-btn.prev{left:14px;}
.bbr-carousel-btn.next{right:14px;}
.bbr-carousel-dots{position:absolute; left:0; right:0; bottom:14px; display:flex; justify-content:center; gap:8px;}
.bbr-carousel-dot{width:10px; height:10px; border-radius:999px; border:1px solid rgba(255,255,255,0.55); background:rgba(255,255,255,0.22);}
.bbr-carousel-dot.is-active{background:var(--accent); border-color:rgba(0,0,0,0.2);}
.bbr-carousel-badge{position:absolute; top:14px; left:14px; display:inline-flex; align-items:center; gap:10px; padding:10px 14px; border-radius:999px; background:rgba(255,255,255,0.9); border:1px solid rgba(226,232,240,0.9); font-size:12px; color:#0b1220;}
.bbr-carousel-badge .dot{width:10px; height:10px; border-radius:999px; background:var(--brand-2); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 18%, white);}

/* ---------- Finder PRO (debajo del carrusel y en Productos) ---------- */
/*
  Buscador más "arriba" (más superposición) para que el card se vea completo en primer viewport.
  Ajusta estos valores si cambias el alto del carrusel o el menú.
*/
.bbr-finder-wrap{margin-top:-120px; position:relative; z-index:10;}
@media (min-width: 900px){.bbr-finder-wrap{margin-top:-200px;}}
@media (min-width: 1280px){.bbr-finder-wrap{margin-top:-240px;}}
.bbr-finder{max-width:1280px; margin:0 auto;}
.bbr-finder{background:#fff; border:2px solid rgba(34,197,94,.55); border-radius:22px; box-shadow:0 18px 45px rgba(2,6,23,.10), 0 0 0 6px rgba(34,197,94,.12); padding:18px 18px 16px; position:relative;}
.bbr-finder::before{content:""; position:absolute; left:0; top:0; width:100%; height:6px; background:linear-gradient(90deg,#f59e0b,#ef4444,#22c55e); border-radius:22px 22px 0 0; opacity:.95;}
@media (min-width: 1280px){.bbr-finder::before{height:7px; border-radius:28px 28px 0 0;}}

@media (min-width: 1280px){.bbr-finder{border-radius:28px; padding:30px 30px 24px; box-shadow:0 26px 80px rgba(2,6,23,.14), 0 0 0 8px rgba(34,197,94,.12);}}
@media (min-width: 1536px){.bbr-finder{padding:34px 34px 26px;}}
.bbr-finder__top{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap: wrap;  }
/* En Inicio/Productos queremos el texto centrado, sin importar si hay mascota o no */
.bbr-finder__top--center{justify-content:center; text-align:center;}
.bbr-finder__headline{width:100%; max-width: 980px; margin:0 auto;}
.bbr-finder__kicker{color: var(--brand-2); font-weight:900; letter-spacing:.9px; text-transform:uppercase; font-size:clamp(16px,1.4vw,24px); width:100%; display:block; text-align:center; margin-left:auto; margin-right:auto;}
.bbr-finder__sub{color:#166534; margin-top:6px; font-size:clamp(13px,1.1vw,18px); width:100%; text-align:center;}
.brr-finder-label{font-size:12px; font-weight:900; color:#f39200; margin-bottom:6px; text-transform:uppercase; letter-spacing:.3px;}
.bbr-finder__mascot{
  /* Mascota sin “recuadro” */
  width:auto;
  height:auto;
  border:0;
  background:transparent;
  overflow:visible;
  flex:0 0 auto;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}

/* Mascota del buscador: oculta por defecto (se muestra cuando hay compatibilidad) */
.bbr-finder__mascot.is-hidden{display:none !important;}

/* Fila que aparece SOLO cuando hay compatibilidad: mascota + vehículo seleccionado */
.bbr-finder__vehicleRow{display:flex; align-items:center; justify-content:center; gap:12px; margin-top:10px;}
.bbr-finder__vehicleText{font-weight:900; color:#0b1220; font-size:14px;}
.bbr-finder__vehicleText .muted{font-weight:700; color:#64748b;}

@media (max-width: 768px){
  .bbr-finder__vehicleRow{flex-direction:column; gap:8px;}
  .bbr-finder__mascot img{width:220px;}
}
.bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}

.bbr-finder__types{margin-top:14px; padding-top:14px; border-top:1px solid #e2e8f0;}
.bbr-field--mobile-only{display:none;}
@media (max-width: 1100px){
  .bbr-field--mobile-only{display:block;}
  .bbr-finder__types{display:none;}
}
@media (min-width: 1101px){
  .bbr-field--type{display:none !important;}
}

.bbr-finder__typeslabel{font-weight:900; letter-spacing:.3px; text-transform:uppercase; font-size:12px; color:#334155; margin-bottom:10px;}
.bbr-typepills{display:flex; flex-wrap:wrap; gap:10px;}
.bbr-typebtn{display:flex; align-items:center; gap:10px; border:1px solid #e2e8f0; background:#fff; color:#0b1220; padding:10px 12px; border-radius:999px; font-weight:900; transition:.15s ease;}
.bbr-typebtn:hover{background:#f8fafc;}
.bbr-typebtn.is-active{border-color:color-mix(in srgb, var(--brand-2) 55%, #e2e8f0); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 18%, transparent);} 
.bbr-typebtn__ico{width:18px; height:18px; display:flex; align-items:center; justify-content:center;}
.bbr-typebtn__ico img{width:18px; height:18px; display:block;}
.bbr-typebtn__label{font-size:15px;}

.bbr-finder__form{display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 170px; gap:12px; align-items:end; margin-top:18px;}
@media (min-width: 1280px){.bbr-finder__form{gap:16px; grid-template-columns: repeat(5, minmax(0, 1fr)) 200px;}}
@media (min-width: 1536px){.bbr-finder__form{grid-template-columns: repeat(5, minmax(0, 1fr)) 220px;}}
@media (max-width: 1100px){.bbr-finder__form{grid-template-columns: repeat(2, minmax(0, 1fr));} .bbr-findbtn{grid-column:1/-1;}}
.bbr-label{display:block; font-size:13px; font-weight:900; color:#334155; margin-bottom:6px; text-transform:uppercase; letter-spacing:.3px;}
@media (min-width: 1280px){.bbr-label{font-size:14px;}}
@media (min-width: 1536px){.bbr-label{font-size:15px;}}
.bbr-select{width:100%; height:46px; border-radius:14px; border:2px solid #17c23f; background:#fff; padding:0 12px; outline:none; font-size:16px;}

/*
  Tipo en MAYÚSCULAS solo para visual (buscador).
  La data se mantiene tal cual viene de la API, pero el usuario lo ve consistente.
*/
#tipo,
#home-tipo{ text-transform: uppercase; }
#tipo option,
#home-tipo option{ text-transform: uppercase; }

@media (min-width: 1280px){.bbr-select{height:48px; border-radius:16px;}}
.bbr-select:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 20%, transparent); border-color:color-mix(in srgb, var(--brand-2) 70%, #e2e8f0);} 
.bbr-findbtn{height:44px; border:0; border-radius:14px; font-weight:900; letter-spacing:.2px; background: #4CAF50; /* verde logo BB Recycling */ color:#fff; box-shadow:0 10px 22px rgba(2,6,23,.16);}
@media (min-width: 1280px){.bbr-findbtn{height:48px; border-radius:16px; font-size:15px;}}
.bbr-findbtn:hover{filter:brightness(1.08);} 

/* Botón "Cambiar" (para volver al buscador en productos.php) */
.bbr-changebtn{
  height:44px;
  padding:0 18px;
  border-radius:14px;
  font-weight:900;
  letter-spacing:.2px;
  background:#43b434;
  color:#0f172a;
  border:1px solid #e2e8f0;
  box-shadow:0 10px 22px rgba(2,6,23,.08);
}
.bbr-changebtn:hover{filter:brightness(0.98);} 
.bbr-changebtn:focus{outline:2px solid color-mix(in srgb, var(--accent) 75%, white); outline-offset:2px;}
.bbr-status{margin-top:10px; color:#0b1220; font-size:14px;}


/* ---------- Buscador estilo LTH (Hero + Finder) ---------- */
.lth-hero{position:relative; min-height:520px; display:flex; align-items:center; overflow:hidden; background:#0f172a;}
.lth-hero-bg{position:absolute; inset:0; background-image:url('img/slider/slide-1.svg'); background-size:cover; background-position:center; filter:saturate(1.05); transform:scale(1.03);}
.lth-hero-overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(2,6,23,.55), rgba(2,6,23,.72));}
.lth-hero-inner{position:relative; display:grid; grid-template-columns: 1.2fr 1fr; gap:22px; align-items:center; padding:52px 0;}
@media (max-width: 1024px){.lth-hero-inner{grid-template-columns:1fr; padding:40px 0;}}
.lth-hero-copy{color:#fff;}
.lth-hero-title{font-weight:900; letter-spacing:.5px; text-transform:uppercase; font-size:clamp(28px, 4vw, 48px); line-height:1.05;}
.lth-hero-sub{margin-top:8px; opacity:.9;}

.lth-finder{background:rgba(2,6,23,.55); border:1px solid rgba(255,255,255,.14); border-radius:18px; overflow:hidden; backdrop-filter:blur(8px); box-shadow:0 18px 45px rgba(0,0,0,.25);}
.lth-finder-head{padding:14px 16px 10px; border-bottom:1px solid rgba(255,255,255,.12);}
.lth-finder-label{color:#fff; font-weight:900; letter-spacing:.8px; text-transform:uppercase; text-align:center; font-size:13px;}
.lth-finder-tabs{display:flex; justify-content:center; gap:14px; margin-top:10px;}
.lth-tab{background:transparent; border:0; color:rgba(255,255,255,.85); font-weight:800; padding:8px 10px; border-bottom:2px solid transparent;}
.lth-tab.is-active{color:#fff; border-bottom-color:var(--accent);}
.lth-tab:disabled{opacity:.35; cursor:not-allowed;}

.lth-finder-body{padding:16px;}
.lth-type-row{display:flex; flex-direction:column; gap:8px;}
.lth-type-pills{display:flex; flex-wrap:wrap; gap:10px; justify-content:center;}
.lth-pill{display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; font-weight:800; transition:.15s ease;}
.lth-pill:hover{background:rgba(255,255,255,.10);} 
.lth-pill.is-active{border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);} 
.lth-pill-ico{width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center;}
.lth-pill-ico img{width:18px; height:18px; display:block; color:#fff; filter:drop-shadow(0 1px 0 rgba(0,0,0,.3));}
.lth-type-note{text-align:center; color:rgba(255,255,255,.75); font-size:12px;}

.lth-form-grid{display:grid; grid-template-columns: repeat(5, minmax(0, 1fr)) 140px; gap:12px; align-items:end; margin-top:14px;}
@media (max-width: 1100px){.lth-form-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} .lth-field-btn{grid-column:1/-1;}}
.lth-label{display:block; color:rgba(255,255,255,.9); font-size:12px; font-weight:800; margin-bottom:6px;}
.lth-select{width:100%; height:42px; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.92); padding:0 12px; outline:none;}
.lth-select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);} 
.lth-btn{height:42px; width:100%; border:0; border-radius:10px; font-weight:900; background: #4CAF50; /* verde logo BB Recycling */ color:#fff;}
.lth-btn:hover{filter:brightness(.96);} 
.lth-status{margin-top:10px; color:#fff; font-size:13px; opacity:.9; text-align:center;}
.hidden{display:none !important;}

.lth-hero-mascot{display:flex; justify-content:center; align-items:flex-end;}
.lth-hero-mascot img{max-width:280px; width:100%; height:auto; filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));}
@media (max-width: 1024px){.lth-hero-mascot{display:none;}}

/* Banner servicio a domicilio */
.service-banner{margin-top:22px; border-radius:22px; overflow:hidden; border:1px solid #e2e8f0; background:#0f172a; position:relative;}
.service-banner img{width:100%; height:220px; object-fit:cover; display:block; filter:saturate(1.05);}
@media (min-width: 768px){.service-banner img{height:260px;}}
.service-banner .overlay{position:absolute; inset:0; background:linear-gradient(90deg, rgba(2,6,23,.72), rgba(2,6,23,.15));}
.service-banner .content{position:absolute; inset:0; display:flex; align-items:center; padding:18px 18px;}
.service-banner h3{color:#fff; font-weight:900; letter-spacing:.4px; text-transform:uppercase; font-size:clamp(18px,2.4vw,28px);}
.service-banner p{color:rgba(255,255,255,.9); margin-top:6px; max-width:520px;}

/* CTA del banner (más empresarial) */
.service-banner .actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px;}
.service-banner .btn{display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 16px; border-radius:999px; font-weight:800; text-decoration:none; background:var(--accent, #f4d400); color:#0b1220; box-shadow:0 10px 24px rgba(0,0,0,.22);} 
.service-banner .btn:hover{filter:brightness(.96);} 
.service-banner .btn.btn-outline{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.35); box-shadow:none;} 
.service-banner .btn.btn-outline:hover{background:rgba(255,255,255,.10);}


/* ===== Mascota PRO (inicio + productos + secciones) ===== */
.bbr-finder__top{ position:relative; overflow:hidden; }
.bbr-finder__mascot{
  position:relative;
  flex:0 0 auto;
  width:320px;
  height:190px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  pointer-events:none;
}
.bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}

/* Watermark sutil en el panel del buscador 
.bbr-finder{ position:relative; }
.bbr-finder::after{
  content:"";
  position:absolute;
  right:-70px;
  top:-55px;
  width:460px;
  height:320px;
  background: url("img/Mascota1.1.png") no-repeat;
  background-size: contain;
  opacity:.05;
  pointer-events:none;
  transform: rotate(-8deg);
}
*/
/* Watermark global (otras secciones / páginas) */
.bbr-main{ position:relative; }
.bbr-main::before{
  content:"";
  position: fixed;
  right: -140px;
  bottom: -120px;
  width: 520px;
  height: 520px;
  background: url("img/Mascota1.1.png") no-repeat;
  background-size: contain;
  opacity: .03;
  pointer-events:none;
  z-index: 0;
  transform: rotate(-10deg);
}
.bbr-main > *{ position:relative; z-index:1; }

/* Servicio a domicilio: toque más empresarial + watermark */
.service-banner{ position:relative; overflow:hidden; }
.service-banner::after{
  content:"";
  position:absolute;
  left:-90px;
  top:-70px;
  width:420px;
  height:300px;
  background: url("img/Mascota1.1.png") no-repeat;
  background-size: contain;
  opacity:.06;
  pointer-events:none;
  transform: rotate(10deg);
}

/* Responsive */
@media (max-width: 1024px){
  .bbr-finder__mascot{ width:220px; height:150px; }
  .bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
  .bbr-finder::after{ width:360px; height:260px; right:-80px; top:-55px; opacity:.045; }
}
@media (max-width: 640px){
  .bbr-finder__mascot{ display:none; }
  .bbr-finder::after{ display:none; }
  .bbr-main::before{ display:none; }
}

/* =========================
   HERO: SERVICIO A DOMICILIO
   ========================= */
.bbr-delivery-hero{
  position: relative;
  min-height: 520px;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  margin: 28px 0 10px;
  border-radius: 0; /* full-bleed look */
}

.bbr-delivery-hero__bg{
  position:absolute;
  inset:0;
  /* Fondo corporativo (cámbialo a tu gusto) */
  background: linear-gradient(135deg, var(--delivery-bg-1, #0a6d21), var(--delivery-bg-2, #0b1a2b));
  transform: scale(1.01);
}

.bbr-delivery-hero__overlay{
  position:absolute;
  inset:0;
  background: radial-gradient(60% 80% at 30% 30%, rgba(255,255,255,0.06) 0%, rgba(0,0,0,0) 55%),
              linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.72));
}

.bbr-delivery-hero__inner{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 28px;
  align-items: center;
  padding: 64px 0;
  color: #fff;
}

.bbr-delivery-hero__eyebrow{
  display: inline-block;
  font-weight: 900;
  letter-spacing: 1.2px;
  opacity: .92;
  font-size: 12px;
  margin-bottom: 8px;
}

.bbr-delivery-hero__title{
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .6px;
  margin: 0 0 10px;
  text-transform: uppercase;
}

.bbr-delivery-hero__text{
  max-width: 560px;
  font-size: 16px;
  line-height: 1.55;
  opacity: .94;
  margin: 0 0 18px;
}

.bbr-delivery-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
}

/* Botones CTA (pro) */
.bbr-cta{
  height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  text-decoration: none;
  letter-spacing: .2px;
  transition: transform .12s ease, filter .12s ease, background .12s ease;
  user-select: none;
}

.bbr-cta:hover{ transform: translateY(-1px); filter: brightness(.98); }

.bbr-cta--primary{
  background: var(--accent, #ffd400);
  color: #111;
}

.bbr-cta--ghost{
  background: rgba(45, 188, 13, 0.1);
  border: 1px solid rgba(255,255,255,.22);
  color: #fff;
}

.bbr-cta--whatsapp{
  background: #25D366;
  color: #fff;
}

.bbr-cta:disabled{
  opacity: .65;
  cursor: not-allowed;
  transform: none;
  filter: none;
}

/* Visual */
.bbr-delivery-hero__visual{
  position: relative;
  min-height: 340px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.bbr-delivery-hero__van{
  width: min(560px, 100%);
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.35));
  transform: translateY(10px);
}

.bbr-delivery-hero__mascot{
  position: absolute;
  right: 80px;
  bottom: 40px;
  width: 420px;
  height: auto;
  filter: drop-shadow(0 18px 28px rgba(0,0,0,.35));
  opacity: 1;
}

/* Responsive */
@media (max-width: 980px){
  .bbr-delivery-hero__inner{
    grid-template-columns: 1fr;
    padding: 46px 0;
  }
  .bbr-delivery-hero__visual{ min-height: 280px; }
  .bbr-delivery-hero__mascot{
    right: 0;
    width: 180px;
    bottom: 22px;
  }
}

@media (max-width: 520px){
  .bbr-delivery-hero{ min-height: 460px; }
  .bbr-delivery-hero__mascot{ display: none; }
}
/* Apaga cualquier watermark de mascota */
.bbr-finder{
  position:relative;
  overflow:hidden;
}
.bbr-finder::before{
  content:"";
  position:absolute;
  left:0; top:0; right:0;
  height:4px;
  background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--danger), var(--brand-2));
}
/* Mascota del buscador*/
.bbr-finder__mascot{
  opacity: 1 !important;
  filter: none;
}

.bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
.bbr-finder__top{
  position: relative;
  overflow: hidden;
}

.bbr-finder__mascot{
  width: 200px;
  height: 260px;
  overflow: visible;
  display: flex;
  align-items: center;
  background: transparent;
}

.bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
@media (max-width: 900px){
  .bbr-finder__mascot{ width: 200px; height: 140px; }
  .bbr-finder__mascot img{
  width: 280px;
  height: auto;
  max-width: none;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.20));
}
}
@media (max-width: 640px){
  .bbr-finder__mascot{ display:none; }
}


/* Evita que la mascota se recorte */
.bbr-finder__top{ overflow: visible; }

/* ===== Sucursales estilo LTH ===== */

/* ===== Sucursales estilo LTH ===== */
.bbr-page-title{
  font-size: 30px;
  font-weight: 900;
  color: #0f172a;
  letter-spacing: .2px;
}
.bbr-page-subtitle{
  margin-top: 6px;
  color: #282727;
  font-size: 14px;



  
}
.bbr-branch-layout{
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 22px;
  margin-top: 24px;
  align-items: start;
}

/* Tabs (mobile): Lista / Mapa */
.bbr-branch-tabs{
  display: none;
  margin-top: 14px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  padding: 6px;
  gap: 6px;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.bbr-branch-tab{
  flex: 1;
  height: 42px;
  border-radius: 12px;
  border: 0;
  background: transparent;
  font-weight: 900;
  color: #0f172a;
  cursor: pointer;
}
.bbr-branch-tab.is-active{
  background: #0b1a2b;
  color: #fff;
}
.bbr-branch-list{
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
  height: 640px;
  display: flex;
  flex-direction: column;
}
.bbr-branch-list__header{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: #f8fafc;
  font-size: 13px;
  color: #334155;
  font-weight: 700;
}
.bbr-branch-list__items{
  overflow: auto;
  padding: 10px 0;
}
.bbr-branch-item{
  padding: 14px 16px;
  border-bottom: 1px solid rgba(15,23,42,.06);
  background: #fff;
}
.bbr-branch-item{ transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.bbr-branch-item:hover{ transform: translateY(-1px); }
.bbr-branch-item:last-child{ border-bottom: 0; }
.bbr-branch-item.is-active{
  background: linear-gradient(90deg, rgba(245,225,27,.18), rgba(255,255,255,0));
  border-left: 4px solid var(--accent, #F4F02c);
}

.bbr-branch-item__top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.bbr-branch-item__title{
  font-weight: 900;
  color: #0f172a;
  font-size: 15px;
  margin-bottom: 8px;
}

.bbr-branch-badge{
  flex: none;
  height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .5px;
  border: 1px solid rgba(15,23,42,.10);
  background: #f8fafc;
  color: #0f172a;
}
.bbr-branch-badge--cedis{ background: rgba(11,26,43,.08); border-color: rgba(11,26,43,.18); }
.bbr-branch-badge--acopio{ background: rgba(244,240,44,.18); border-color: rgba(244,240,44,.45); }
.bbr-branch-badge--rec{ background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.22); }

.bbr-branch-item__lines{
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
}
.bbr-branch-line{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 6px;
}
.bbr-branch-line:first-child{ margin-top: 0; }
.bbr-branch-ico{
  width: 18px;
  line-height: 1.2;
  opacity: .9;
}
.bbr-branch-item__meta{
  font-size: 13px;
  color: #475569;
  line-height: 1.45;
}
.bbr-branch-item__meta a{ color: #0f172a; text-decoration: underline; }
.bbr-branch-item__actions{
  margin-top: 10px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.bbr-branch-btn{
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  font-weight: 900;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
}
.bbr-branch-btn--primary{
  background: #0b1a2b;
  color: #fff;
}
.bbr-branch-btn--ghost{
  background: #f1f5f9;
  color: #0f172a;
}
.bbr-branch-map{
  height: 640px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.bbr-branch-searchbox{
  background: #0b1a2b;
  border-radius: 16px;
  padding: 14px 16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.10);
}
.bbr-branch-searchbox{
  position: sticky;
  top: 96px; /* debajo del header */
  z-index: 10;
}
.bbr-branch-searchbox__title{
  color: #fff;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: .8px;
  margin-bottom: 10px;
}
.bbr-branch-searchbox__form{
  display: grid;
  grid-template-columns: 1fr 1fr 130px;
  gap: 12px;
  align-items: end;
}
.bbr-btn-search{
  height: 42px;
  border-radius: 12px;
  font-weight: 900;
  background: var(--accent, #F4F02c);
  color: #111;
  border: none;
  cursor: pointer;
}

/* --- Mejoras visuales para filtros de Sucursales (Estado/Ciudad) --- */
.bbr-branch-searchbox{
  /* un poco más de profundidad y un borde sutil con color de marca */
  border: 1px solid rgba(248, 234, 26, .18);
  background: linear-gradient(180deg, #0b1a2b 0%, #091526 100%);
}

.bbr-branch-searchbox__title{
  position: relative;
  padding-left: 12px;
}
.bbr-branch-searchbox__title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 14px;
  border-radius: 3px;
  background: var(--accent);
}

/* Labels con mejor contraste y acento de marca */
.bbr-branch-searchbox .bbr-label{
  color: var(--accent);
  font-weight: 900;
  letter-spacing: .6px;
}

.bbr-branch-searchbox .bbr-label::after{
  content: "";
  display: block;
  width: 28px;
  height: 3px;
  margin-top: 6px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--brand-2) 90%, #ffffff);
}

/* Selects: borde base más limpio y foco más notorio sobre fondo oscuro */
.bbr-branch-searchbox .bbr-select{
  border: 1px solid rgba(255,255,255,.35);
}

.bbr-branch-searchbox .bbr-select:focus{
  border-color: var(--brand-2);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand-2) 22%, transparent);
}

.bbr-branch-map__frame{
  flex: 1;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);
  background: #fff;
  box-shadow: 0 10px 26px rgba(0,0,0,.06);
}
.bbr-branch-map__frame iframe{
  width: 100%;
  height: 100%;
  border: 0;
}
@media (max-width: 980px){
  .bbr-branch-layout{ grid-template-columns: 1fr; }
  .bbr-branch-list, .bbr-branch-map{ height: auto; }
  .bbr-branch-list{ max-height: 520px; }
  .bbr-branch-searchbox__form{ grid-template-columns: 1fr; }
  .bbr-branch-tabs{ display: flex; }
  .bbr-branch-searchbox{ position: static; }
  .bbr-branch-map__frame{ min-height: 520px; }
}

.redefine-search label{
  color: #ffffff;            /* blanco fuerte */
  font-weight: 600;
  opacity: 1;                /* evita que se vea deslavado */
}

/* Placeholder del select cuando dice "Todos / Todas" */
.redefine-search select{
  color: #0f172a;             /* texto oscuro */
}

/* Opcional: cuando el select está cerrado */
.redefine-search select option{
  color: #0f172a;
}




/* ===== Leaflet map + brand overlay ===== */

.bbr-leaflet-map{width:100%;height:100%;min-height:520px;}
.bbr-branch-map__frame{ position: relative; }
.bbr-map-brand{
  position: absolute;
  left: 14px;
  bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 12px 26px rgba(0,0,0,.18);
  backdrop-filter: blur(8px);
  z-index: 500; /* over map tiles */
  pointer-events: none;
}
.bbr-map-brand img{
  width: 44px;
  height: 44px;
  object-fit: contain;
  border-radius: 10px;
}
.bbr-map-brand__title{
  font-weight: 900;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.1;
}
.bbr-map-brand__sub{
  font-size: 12px;
  color: #475569;
  line-height: 1.1;
  margin-top: 2px;
}
@media (max-width: 520px){
  .bbr-map-brand{ left: 10px; bottom: 10px; padding: 8px 10px; }
  .bbr-map-brand img{ width: 36px; height: 36px; }
  .bbr-map-brand__sub{ display:none; }
}

.bbr-leaflet-logo-pin{border-radius: 10px;}

/* Pin activo (Leaflet) */
.bbr-leaflet-logo-pin.is-active{
  animation: bbrPinPulse 900ms ease;
  filter: drop-shadow(0 10px 16px rgba(0,0,0,.25));
}
@keyframes bbrPinPulse{
  0%{ transform: translateY(0) scale(1); }
  35%{ transform: translateY(-6px) scale(1.06); }
  70%{ transform: translateY(0) scale(1); }
  100%{ transform: translateY(0) scale(1); }
}


 
/* Cards: Tipos de baterías (más premium / profesional) */
.bbr-tipo-card{
  position: relative;
  border-radius: 22px;
  padding: 14px;
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border: 1px solid rgba(2,6,23,.08);
  box-shadow:
    0 10px 30px rgba(2,6,23,.08),
    0 1px 0 rgba(255,255,255,.9) inset;
  cursor: pointer;
  text-align: center;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Barra superior sutil (marca) */
.bbr-tipo-card::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:12px;
  height:3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--brand-2), var(--accent), var(--accent-2));
  opacity:.9;
}

/* Borde “premium” solo al hover (evita el arcoíris siempre activo) */
.bbr-tipo-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg, rgba(75,164,57,.55), rgba(242,146,1,.55), rgba(227,24,55,.45));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity .18s ease;
  pointer-events: none;
}

.bbr-tipo-card:hover{
  transform: translateY(-6px);
  box-shadow:
    0 24px 60px rgba(2,6,23,.16),
    0 1px 0 rgba(255,255,255,.92) inset;
  border-color: rgba(2,6,23,.06);
}
.bbr-tipo-card:hover::after{ opacity: 1; }
.bbr-tipo-card:active{ transform: translateY(-2px); }
.bbr-tipo-card:focus-visible{
  outline: 3px solid rgba(75,164,57,.35);
  outline-offset: 4px;
}

/* Media */
.bbr-tipo-media{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(120% 120% at 20% 10%, rgba(75,164,57,.12), transparent 55%),
    radial-gradient(120% 120% at 80% 0%, rgba(242,146,1,.10), transparent 55%),
    #f8fafc;
  border: 1px solid rgba(2,6,23,.08);
}
.bbr-tipo-thumb{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 18px;
  display: block;
  margin: 0 auto;
  transition: transform .35s ease;
  will-change: transform;
}
.bbr-tipo-card:hover .bbr-tipo-thumb{ transform: scale(1.06); }

/* Overlay (más limpio) */
.bbr-tipo-overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(2,6,23,.12), rgba(2,6,23,.70));
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity .25s ease;
  border: none;
  padding: 0;
  cursor: pointer;
}
.bbr-tipo-card:hover .bbr-tipo-overlay{ opacity: 1; }
.bbr-tipo-overlay span{
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(2,6,23,.22);
  backdrop-filter: blur(6px);
}

.bbr-tipo-overlay:focus-visible{
  outline: 2px solid rgba(255,255,255,.7);
  outline-offset: -6px;
}

/* Text */
.bbr-tipo-title{
  margin-top: 12px;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: .02em;
  color: #0b1220;
}
.bbr-tipo-subtitle{
  margin-top: 4px;
  font-size: 12px;
  color: #64748b;
}

/* CTA */
.bbr-tipo-cta{
  margin-top: 10px;
  font-weight: 800;
  font-size: 12px;
  color: rgba(2,6,23,.72);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(2,6,23,.10);
  background: rgba(255,255,255,.8);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.bbr-tipo-card:hover .bbr-tipo-cta{
  transform: translateY(-1px);
  border-color: rgba(75,164,57,.25);
  background: rgba(75,164,57,.06);
}
.bbr-tipo-cta span{ transition: transform .18s ease; }
.bbr-tipo-card:hover .bbr-tipo-cta span{ transform: translateX(2px); }

/* MODAL */
  .bbr-modal{
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
  }
  .bbr-modal.hidden{
    display: none;
  }
  .bbr-modal__backdrop{
    position: absolute;
    inset: 0;
    /* Más opaco para que no se “transparente” la siguiente sección */
    background: rgba(2, 6, 23, .88);
    backdrop-filter: blur(2px);
  }
  .bbr-modal__content{
    position: relative;
    background: #fff;
    border-radius:18px;
    padding: 18px;
    max-width: 1100px;
    width: 100%;
    box-shadow: 0 20px 60px rgba(0,0,0,.25);
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 88vh;
    overflow: hidden;
  }

  .bbr-modal__head{
    padding: 6px 10px 2px;
    text-align: center;
  }
  .bbr-modal__kicker{
    font-size: 11px;
    letter-spacing: .14em;
    font-weight: 900;
    text-transform: uppercase;
    color: color-mix(in srgb, var(--brand-2) 72%, #0f172a);
  }
  .bbr-modal__title{
    margin-top: 6px;
    font-size: clamp(18px, 2.1vw, 28px);
    font-weight: 900;
    color: #0f172a;
  }
  .bbr-modal__meta{
    margin-top: 6px;
    font-size: 13px;
    color: #64748b;
  }
  .bbr-modal__body{
    padding: 0 6px 10px;
    overflow: auto;
  }
  .bbr-modal__close{
    position: absolute;
    top: 10px;
    right: 12px;
    border: 0;
    background: #0f172a;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 16px;
  }
  /* .bbr-modal__title se redefinió arriba (título premium) */
/* =========================
   RESPONSIVE (CELULARES)
   ========================= */

/* Mejor separación y tamaño en pantallas chicas */
@media (max-width: 640px){
  /* la grid ya es 2 columnas por default, aquí ajustamos gaps/padding */
  .bbr-tipo-card{
    padding: 12px;
    border-radius: 16px;
  }

  .bbr-tipo-thumb{
    max-height: 95px; /* más chico para que no se vean enormes */
  }

  .bbr-tipo-title{
    font-size: 13px;
    margin-top: 8px;
  }

  /* Modal más cómodo en celular */
  .bbr-modal{
    padding: 10px;
  }

  .bbr-modal__content{
    padding: 12px;
    border-radius: 14px;
    max-width: 100%;
  }

  .bbr-modal__close{
    top: 8px;
    right: 8px;
    width: 34px;
    height: 34px;
    font-size: 15px;
  }

  .bbr-modal__title{ font-size: 16px; }
}

/* Para pantallas MUY chicas (ej. 360px) */
@media (max-width: 380px){
  .bbr-tipo-thumb{
    max-height: 85px;
  }

  .bbr-tipo-title{
    font-size: 12px;
  }

  .bbr-modal__title{ font-size: 15px; }
}

.bbr-findbtn:focus{outline:2px solid color-mix(in srgb, var(--accent) 75%, white); outline-offset:2px;}

/* Force center for Finder title/subtitle */
.bbr-finder__kicker,
.bbr-finder__sub{ text-align:center !important; margin-left:auto !important; margin-right:auto !important; }


/* Mascota debajo del finder (centrada) */
/* Resultado visual (fuera del finder): mascota + vehículo seleccionado */
.bbr-finder__resultRow{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin:20px auto 0;
  padding:0;
  max-width:860px;
  border-radius:0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}

.bbr-finder__resultMascot img{
  max-width:180px;
  width:100%;
  height:auto;
  filter: drop-shadow(0 14px 26px rgba(0,0,0,.18));
}

.bbr-finder__resultText{
  font-weight:800;
  letter-spacing:.2px;
  font-size:1.05rem;
  line-height:1.25;
}

/* -------- Vehículo seleccionado (tarjeta PRO) -------- */
.bbr-vehCard{min-width:min(560px, 100%);}
.bbr-vehCard__top{display:flex; align-items:flex-start; justify-content:space-between; gap:14px;}
.bbr-vehCard__title{font-weight:950; font-size:25px; letter-spacing:.38px; text-transform:uppercase; color:#64748b;}
.bbr-vehCard__subtitle{margin-top:4px; font-weight:950; color:#0b1220; font-size:35px; line-height:1.2;}
.bbr-vehCard__count{white-space:nowrap; font-weight:900; font-size:12px; padding:8px 10px; border-radius:999px; border:1px solid rgba(226,232,240,.9); background:rgba(248,250,252,.9); color:#0b1220;}
.bbr-vehCard__badges{display:flex; flex-wrap:wrap; gap:10px; margin-top:12px;}
.bbr-badge{display:inline-flex; align-items:center; gap:8px; padding:8px 10px; border-radius:999px; border:1px solid rgba(226,232,240,.9); background:rgba(255,255,255,.92); box-shadow:0 1px 0 rgba(2,6,23,.04);}
.bbr-badge__k{font-size:11px; font-weight:950; color:#64748b; letter-spacing:.25px; text-transform:uppercase;}
.bbr-badge__v{font-size:13px; font-weight:900; color:#0b1220;}

/* -------- Baterías (cards PRO) -------- */

/* =========================
   Battery cards (LTH-style)
   ========================= */
.bbr-lthCard{
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(2,6,23,.06);
  overflow: hidden;
  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.bbr-lthCard:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 40px rgba(2,6,23,.10);
  border-color: rgba(148,163,184,.8);
}

/* optional subtle brand wash behind (very light) */
.bbr-lthCard::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(520px 220px at 0% 0%, rgba(248,234,26,.10), transparent 60%),
    radial-gradient(520px 220px at 100% 0%, rgba(242,146,1,.08), transparent 60%),
    radial-gradient(520px 220px at 0% 100%, rgba(74,164,56,.08), transparent 60%),
    radial-gradient(520px 220px at 100% 100%, rgba(226,8,20,.06), transparent 60%);
  pointer-events:none;
}

/* (Badges removidos por preferencia de UI) */

/* Media */
.bbr-lthCard__media{
  height: 220px;
  background: linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.00));
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 18px 18px 10px;
  position: relative;
  z-index:2;
}
.bbr-lthCard__img{
  max-width: 78%;
  max-height: 170px;
  object-fit: contain;
  filter: drop-shadow(0 14px 18px rgba(2,6,23,.14));
}
.bbr-lthCard__noimg{
  width: 100%;
  height: 170px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: rgba(71,85,105,.85);
  border: 1px dashed rgba(148,163,184,.55);
  border-radius: 12px;
  background:
    radial-gradient(420px 220px at 0% 0%, rgba(248,234,26,.12), transparent 60%),
    radial-gradient(420px 220px at 100% 0%, rgba(242,146,1,.10), transparent 60%),
    radial-gradient(420px 220px at 0% 100%, rgba(74,164,56,.10), transparent 60%),
    radial-gradient(420px 220px at 100% 100%, rgba(226,8,20,.08), transparent 60%),
    rgba(248,250,252,.92);
}

/* Content */
.bbr-lthCard__content{
  padding: 14px 16px 16px;
  position: relative;
  z-index:2;
}
.bbr-lthCard__tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
.bbr-tag{
  font-size:12px;
  font-weight:800;
  padding: 6px 10px;
  border-radius: 10px;
  line-height: 1;
  border: 1px solid rgba(148,163,184,.45);
  background: rgba(255,255,255,.95);
  color:#0f172a;
}
.bbr-tag--dark{
  background: rgba(15,23,42,.92);
  color:#fff;
  border-color: rgba(15,23,42,.92);
}
.bbr-tag--violet{
  background: rgba(99,102,241,.12);
  border-color: rgba(99,102,241,.25);
  color:#3730a3;
}

.bbr-lthCard__title{
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.3px;
  color: #0f172a;
  margin: 0 0 10px 0;
}

.bbr-lthCard__priceBlock{
  border-top: 1px solid rgba(226,232,240,.9);
  padding-top: 12px;
  margin-top: 10px;
}
.bbr-lthCard__priceMain{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap: 10px;
}
.bbr-lthCard__price{
  font-size: 28px;
  font-weight: 950;
  color: #0f172a;
}
.bbr-lthCard__save{
  font-size: 12px;
  font-weight: 900;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(74,164,56,.14);
  border: 1px solid rgba(74,164,56,.25);
  color: #14532d;
}
.bbr-lthCard__priceSub{
  margin-top: 6px;
  display:flex;
  gap: 10px;
  align-items:baseline;
  color: rgba(71,85,105,.95);
}
.bbr-lthCard__old{
  text-decoration: line-through;
  color: #94a3b8;
  font-weight: 800;
}

.bbr-lthCard__subLabel{
  font-size: 12px;
  font-weight: 700;
}
.bbr-lthCard__subNote{
  margin-top: 6px;
  font-size: 12px;
  color: rgba(71,85,105,.9);
}

/* CTA */
.bbr-lthCard__cta{
  margin-top: 14px;
  display:flex;
  justify-content:center;
  align-items:center;
  height: 46px;
  border-radius: 10px;
  font-weight: 900;
  text-decoration: none;
  color: #ffffff;
  /* Botón con colores de tu logo (sobrio y profesional) */
  background: #4CAF50; /* verde logo BB Recycling */
  border: 1px solid rgba(15,23,42,.10);
  box-shadow: 0 12px 22px rgba(2,6,23,.10);
}
.bbr-lthCard__cta:hover{
  filter: brightness(0.98) saturate(1.05);
  text-decoration:none;
}

.bbr-lthCard__link{
  display:block;
  margin-top: 10px;
  text-align:center;
  font-weight: 800;
  font-size: 13px;
  text-decoration:none;
  color: #0f172a;
}
.bbr-lthCard__link:hover{
  text-decoration: underline;
}

/* Make sure cards grid keeps spacing */
.productCard, .bbr-batCard {
  /* legacy safety - do not style */
}


/* Compactar tarjeta de especificaciones */
.specs-card{
    padding:14px 16px;
    min-height:unset;
}

.specs-list{
    gap:6px;
}

.specs-item{
    padding:4px 0;
    font-size:14px;
}


/* Compactar tarjeta de especificaciones */
.specs-card{ padding:14px 16px !important; min-height:unset !important; }
.specs-list{ gap:6px !important; }
.specs-item{ padding:4px 0 !important; font-size:14px !important; }

/* Acercar tarjetas en columna derecha (precio / especificaciones) */
.right-column{ gap:16px !important; }



/* ===== Compactar contenido interno de Especificaciones ===== */
.specs-card{
    padding:12px 14px !important;
}

.specs-card .specs-item{
    padding:2px 0 !important;
    line-height:1.3 !important;
}

.specs-card dt,
.specs-card dd{
    margin:0 !important;
    line-height:1.3 !important;
}

.specs-card span{
    font-size:13.5px !important;
}



/* ---------- Zoom dentro del contenedor (hover) ---------- */
.bbr-hoverzoom{
  position: relative;
  overflow: hidden;
  cursor: zoom-in;
}

.bbr-hoverzoom img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 24px;
  transition: transform .12s ease-out;
  transform-origin: 50% 50%;
  will-change: transform, transform-origin;
}

.bbr-hoverzoom.is-zoom img{
  transform: scale(2);
  cursor: zoom-out;
}

@media (pointer: coarse){
  .bbr-hoverzoom{ cursor: default; }
}

/* === Mascota Contacto con Guiño === */
.contact-cards{ position: relative; }

.mascota-inline{
  position:absolute;
  right:-20px;
  bottom:-20px;
  width:160px;
  pointer-events:none;
  z-index:5;
  animation: mascota-bounce 3.2s ease-in-out infinite;
}

.mascota-inline img{
  width:100%;
  position:absolute;
  left:0; top:0;
}

.mascota-wink{
  opacity:0;
  animation: mascota-wink 6s infinite;
}

@keyframes mascota-bounce{
  0%,100%{ transform:translateY(0) }
  50%{ transform:translateY(-10px) }
}

@keyframes mascota-wink{
  0%,90%,100%{ opacity:0 }
  92%,96%{ opacity:1 }
}

@media(max-width:768px){
  .mascota-inline{
    position:static;
    margin:20px auto 0;
  }
}

/* === FIX Mascota sobre contenedor === */
.contact-cards{
  position: relative;
  overflow: visible !important;
  z-index: 1;
}

.contact-card{
  position: relative;
  z-index: 2;
}

.mascota-inline{
  position: absolute;
  right: -10px;
  top: -45px;
  width: 180px;
  pointer-events: none;
  z-index: 9999;
}


/* === FIX: bloquear scroll del fondo cuando hay modal abierto === */
body.modal-open{
  overflow: hidden;
}

/* Algunos navegadores aplican el scroll en el <html> */
html.modal-open{
  overflow: hidden;
}

/* === PREMIUM: mientras el modal está abierto, escondemos header/topbar ===
   (evita que “asome” arriba y se siente más tipo app/e-commerce pro) */
.modal-open .bbr-topbar,
.modal-open .bbr-header{
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
}

/* También al abrir el showcase (Características) */
.showcase-open .bbr-topbar,
.showcase-open .bbr-header{
  opacity: 0;
  pointer-events: none;
  transform: translateY(-6px);
  transition: opacity .18s ease, transform .18s ease;
}

/* =============================
   Showcase premium automotriz
   (Características -> imagen grande)
   ============================= */

.bbr-showcase{
  position: fixed;
  inset: 0;
  z-index: 6500;
  display: grid;
  place-items: center;
  padding: 40px;
}

.bbr-showcase.hidden{
  display: none;
}

.bbr-showcase__backdrop{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(1200px 600px at 50% 30%, rgba(255,255,255,0.08), transparent 60%),
    rgba(6,10,18,0.90);
  backdrop-filter: blur(10px);
}

.bbr-showcase__shell{
  position: relative;
  width: min(1100px, 96vw);
  max-height: 90vh;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(180deg, rgba(18,24,38,0.80), rgba(10,14,24,0.78));
  box-shadow: 0 35px 120px rgba(0,0,0,0.65);
  overflow: hidden;
  transform: translateY(8px) scale(0.98);
  animation: bbrShowcaseIn .22s ease forwards;
}

@keyframes bbrShowcaseIn{
  to { transform: translateY(0) scale(1); }
}

.bbr-showcase__close{
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(10,14,24,0.55);
  color: rgba(255,255,255,0.9);
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.bbr-showcase__close:hover{
  transform: scale(1.05);
  background: rgba(10,14,24,0.75);
}

.bbr-showcase__frame{
  padding: 56px 18px 14px;
  display: grid;
  place-items: center;
  position: relative;
  user-select: none;
}

.bbr-showcase__frame img{
  width: 100%;
  height: auto;
  max-height: 72vh;
  object-fit: contain;
  border-radius: 14px;
  box-shadow: 0 22px 70px rgba(0,0,0,0.55);
  transform: translate(0px, 0px) scale(1);
  transition: transform .18s ease;
  will-change: transform;
}

/* micro zoom premium (tipo automotriz) */
.bbr-showcase:not(.is-zoomable) .bbr-showcase__frame:hover img{ transform: scale(1.02); }

/* Controles de zoom (premium, sutil) */
.bbr-showcase__controls{
  position: absolute;
  top: 14px;
  left: 14px;
  display: flex;
  gap: 10px;
  z-index: 2;
}

.bbr-showcase__ctrl{
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(10,14,24,0.55);
  color: rgba(255,255,255,0.92);
  font-weight: 700;
  letter-spacing: .2px;
  cursor: pointer;
  transition: transform .16s ease, background .16s ease, opacity .16s ease;
}

.bbr-showcase__ctrl:hover{
  transform: translateY(-1px);
  background: rgba(10,14,24,0.78);
}

.bbr-showcase__ctrl:active{
  transform: translateY(0);
  opacity: .9;
}

.bbr-showcase__caption{
  padding: 0 20px 18px;
  color: rgba(255,255,255,0.80);
  font-size: 14px;
  letter-spacing: .2px;
  text-align: center;
}

@media (max-width: 768px){
  .bbr-showcase{ padding: 18px; }
  .bbr-showcase__shell{ width: 100%; border-radius: 16px; }
  .bbr-showcase__frame{ padding: 56px 12px 10px; }
  .bbr-showcase__frame img{ max-height: 70vh; }
}

@media (prefers-reduced-motion: reduce){
  .bbr-showcase__shell{ animation: none; transform: none; }
  .bbr-showcase__frame img{ transition: none; }
}


/* ===== Loading states (sin cambiar estructura) ===== */
.bbr-btn-search.is-loading,
.bbr-findbtn.is-loading{
  opacity: .75;
  cursor: progress;
}

.bbr-btn-search:disabled,
.bbr-findbtn:disabled{
  opacity: .75;
  cursor: not-allowed;
}


/* ===== HERO FIX PREMIUM AJUSTE ===== */
.hero,
.carousel-item,
.carousel-item img {
    height: 90vh;
}

.carousel-item img {
    width: 100%;
    object-fit: cover;
    object-position: 70% center;
}

@media (max-width: 768px) {
    .carousel-item,
    .carousel-item img {
        height: 70vh;
    }
}


/* ===== SEARCH BOX LIFT UP OVER HERO ===== */
.search-section,
.buscador-section,
.finder-section {
    position: relative;
    margin-top: -120px;
    z-index: 10;
}

@media (max-width: 768px) {
    .search-section,
    .buscador-section,
    .finder-section {
        margin-top: -60px;
    }
}


/* ===== PRODUCTOS: MENOS ESPACIO ARRIBA (MENU -> RESULTADOS) ===== */
/* Reduce el espacio grande entre header y el resumen/resultado en productos.php */
section[aria-label="Buscador de productos"]{
  padding-top: 1rem !important;   /* antes pt-10 */
  padding-bottom: 0.5rem !important;
}

section[aria-label="Resultados de productos"]{
  padding-top: 1.25rem !important; /* antes py-12 */
}

/* Evita aire extra arriba del resumen */
#vehicleRow{
  margin-top: 0 !important;
}

/* ====== PREMIUM REFINEMENT LAYER ====== */
:root{
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#eef4ef;
  --line:#e2e8f0;
  --shadow-soft:0 18px 45px rgba(2,6,23,.08);
  --shadow-card:0 14px 34px rgba(2,6,23,.07);
}
html{scroll-behavior:smooth;}
body{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);}
.container-max{max-width:1200px;}
.bbr-main{overflow-x:hidden;}
.bbr-chip{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.22);font-size:14px;font-weight:800;text-decoration:none;}
.bbr-chip--light{background:rgba(15,23,42,.04);color:#0f172a;border-color:#dbe4ee;}
.bbr-chip--light:hover{background:rgba(15,23,42,.08);}
.bbr-header{box-shadow:0 8px 24px rgba(2,6,23,.05);}
.bbr-header__row{min-height:76px;}
.bbr-topbar__left,.bbr-topbar__right{font-weight:700;}
.bbr-brand__logo{box-shadow:0 8px 24px rgba(2,6,23,.10);}
.bbr-finder-wrap{position:relative;margin-top:-108px;z-index:8;}
.bbr-finder{
  border:1px solid rgba(226,232,240,.9);
  box-shadow:var(--shadow-soft);
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.98));
  backdrop-filter:blur(14px);
}
.bbr-finder__headline{max-width:760px;margin-inline:auto;}
.bbr-finder__kicker{font-size:clamp(24px,2.1vw,40px);line-height:1.05;letter-spacing:-.02em;}
.bbr-finder__sub{font-size:15px;color:#475569;}
.bbr-field,.bbr-contact-card,.bbr-form-card,.bbr-sidepanel,.bbr-branch-searchbox,.bbr-branch-list,.bbr-branch-map__frame,.bbr-lthCard,.card{
  box-shadow:var(--shadow-card);
}
.bbr-select,.bbr-input{min-height:52px;border-radius:16px;border:1px solid #dbe3ee;background:#fff;padding:0 14px;font-size:15px;}
.bbr-input--textarea{min-height:140px;padding:14px;resize:vertical;}
.bbr-select:focus,.bbr-input:focus{outline:none;border-color:rgba(67,180,52,.7);box-shadow:0 0 0 4px rgba(67,180,52,.14);}
.bbr-findbtn{min-height:52px;border-radius:16px;padding:0 22px;box-shadow:0 14px 26px rgba(67,180,52,.25);}
.bbr-findbtn--inline{width:auto;min-width:220px;}
.bbr-secondarybtn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:16px;border:1px solid #dbe3ee;background:#fff;color:#0f172a;font-weight:800;text-decoration:none;}
.bbr-secondarybtn:hover{background:#f8fafc;}
.bbr-section-shell{background:rgba(255,255,255,.86);border:1px solid rgba(226,232,240,.92);border-radius:32px;padding:28px;box-shadow:var(--shadow-soft);}
.bbr-section-shell--tight{padding:24px;}
.bbr-section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;}
.bbr-section-head--center{text-align:center;align-items:center;}
.bbr-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ecfdf3;color:#166534;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.bbr-alert{margin-top:18px;padding:14px 16px;border-radius:18px;font-weight:700;}
.bbr-alert--error{background:#fff1f2;color:#b91c1c;border:1px solid #fecdd3;}
.bbr-alert--ok{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0;}
.bbr-page-title{font-size:clamp(28px,2.7vw,44px);line-height:1.05;font-weight:900;letter-spacing:-.03em;color:#0f172a;}
.bbr-page-subtitle{font-size:16px;color:#475569;max-width:760px;}
.bbr-contact-card,.bbr-form-card,.bbr-sidepanel{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:26px;}
.bbr-contact-card{padding:22px;}
.bbr-contact-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#ecfdf3;color:#166534;font-size:24px;box-shadow:inset 0 0 0 1px rgba(22,101,52,.10);}
.bbr-contact-label{margin-top:16px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;}
.bbr-contact-link{display:block;margin-top:8px;font-size:18px;font-weight:800;color:#0f172a;text-decoration:none;word-break:break-word;}
.bbr-contact-link:hover{color:#166534;}
.bbr-form-card{padding:28px;}
.bbr-sidepanel{padding:24px;position:sticky;top:110px;}
.bbr-sidepanel__title{font-size:20px;font-weight:900;color:#0f172a;}
.bbr-sidepanel__list{margin-top:16px;display:grid;gap:12px;color:#334155;padding-left:18px;}
.bbr-branch-tabs{position:sticky;top:86px;z-index:4;background:rgba(248,250,252,.92);backdrop-filter:blur(8px);padding:10px;border-radius:18px;border:1px solid #e2e8f0;box-shadow:var(--shadow-card);}
.bbr-branch-tab{min-height:46px;border-radius:14px;font-weight:800;}
.bbr-branch-tab.is-active{box-shadow:0 10px 24px rgba(67,180,52,.18);}
.bbr-branch-searchbox,.bbr-branch-list,.bbr-branch-map__frame{border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:26px;}
.bbr-branch-searchbox{padding:18px;}
.bbr-branch-map__frame{overflow:hidden;}
.bbr-branch-item{border-radius:20px;border:1px solid #e2e8f0;background:#fff;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.bbr-branch-item:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(2,6,23,.08);border-color:#cbd5e1;}
.bbr-branch-item.is-active{border-color:rgba(67,180,52,.65);box-shadow:0 0 0 4px rgba(67,180,52,.12),0 18px 32px rgba(2,6,23,.08);}
.bbr-lthCard{border-radius:26px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);overflow:hidden;transition:transform .2s ease, box-shadow .2s ease;}
.bbr-lthCard:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(2,6,23,.10);}
.bbr-lthCard__media{background:radial-gradient(circle at top,#eefbf1,#f8fafc 60%);}
.bbr-footer{background:linear-gradient(180deg,#0f172a 0%,#101827 100%);}
.bbr-footer__stripe{background:linear-gradient(90deg,var(--brand-2),var(--accent),var(--accent-2));height:5px;}

@media (max-width: 1024px){
  .bbr-finder-wrap{margin-top:-86px;}
  .bbr-header__row{min-height:72px;}
  .bbr-sidepanel{position:static;}
}

@media (max-width: 768px){
  :root{--topbar-h:30px;--header-h:68px;}
  body{padding-bottom:0;}
  .bbr-topbar{font-size:13px;}
  .bbr-topbar__inner{padding:6px 0;gap:10px;}
  .bbr-topbar__left{display:none;}
  .bbr-header__row{gap:10px;padding-top:10px;padding-bottom:10px;min-height:68px;}
  .bbr-brand{min-width:0;flex:1;gap:10px;}
  .bbr-brand__logo{width:42px;height:42px;border-radius:12px;}
  .bbr-brand__name{font-size:15px;line-height:1.05;}
  .bbr-brand__tag{font-size:11px;}
  .bbr-finder-wrap{margin-top:-58px;padding-left:14px;padding-right:14px;}
  .bbr-finder{border-radius:24px;padding:18px 16px 16px;}
  .bbr-finder__form{display:grid;grid-template-columns:1fr;gap:12px;}
  .bbr-field{width:100%;}
  .bbr-select,.bbr-input,.bbr-findbtn,.bbr-secondarybtn{width:100%;min-height:50px;}
  .bbr-finder__kicker{font-size:28px;}
  .bbr-section-shell,.bbr-form-card,.bbr-sidepanel,.bbr-contact-card,.bbr-branch-searchbox,.bbr-branch-list,.bbr-branch-map__frame{border-radius:22px;}
  .bbr-section-shell{padding:18px;}
  .bbr-page-title{font-size:30px;}
  .bbr-page-subtitle{font-size:15px;}
  .bbr-branch-tabs{top:74px;}
  .bbr-branch-item__actions{display:grid;grid-template-columns:1fr;gap:10px;}
  .bbr-wa{right:16px;bottom:16px;}
}

@media (max-width: 480px){
  .bbr-carousel--hero{border-radius:0 0 24px 24px;overflow:hidden;}
  .bbr-carousel-slide{min-height:280px;object-fit:cover;}
  .bbr-finder__sub{font-size:14px;}
  .bbr-contact-link{font-size:16px;}
  .bbr-lthCard__content{padding:16px;}
  .bbr-page-title{font-size:26px;}
}

/* ===== Premium inner pages ===== */
.bbr-page-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);
  gap:24px;
  align-items:stretch;
}
.bbr-page-hero__content,
.bbr-page-hero__aside{
  border:1px solid rgba(226,232,240,.95);
  border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,252,.96));
  box-shadow:var(--shadow-soft);
}
.bbr-page-hero__content{padding:32px;}
.bbr-page-hero__aside{padding:22px;display:flex;align-items:stretch;}
.bbr-highlight-card{
  position:relative;
  width:100%;
  border-radius:26px;
  padding:24px;
  color:#fff;
  background:linear-gradient(145deg,#0f172a,#1e293b 62%,#14532d 130%);
  overflow:hidden;
}
.bbr-highlight-card::before,
.bbr-highlight-card::after{
  content:"";
  position:absolute;
  border-radius:999px;
  pointer-events:none;
}
.bbr-highlight-card::before{
  width:220px;height:220px;right:-110px;top:-100px;
  background:radial-gradient(circle,rgba(74,222,128,.22),transparent 65%);
}
.bbr-highlight-card::after{
  width:200px;height:200px;left:-90px;bottom:-110px;
  background:radial-gradient(circle,rgba(250,204,21,.18),transparent 65%);
}
.bbr-highlight-card__label{
  position:relative;z-index:1;
  font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72);
}
.bbr-highlight-card__value{
  position:relative;z-index:1;
  margin-top:18px;font-size:clamp(22px,2vw,32px);line-height:1.05;font-weight:900;letter-spacing:-.03em;
}
.bbr-highlight-card__text{
  position:relative;z-index:1;
  margin-top:14px;color:rgba(255,255,255,.86);line-height:1.8;
}
.bbr-feature-card,
.bbr-testimonial-card,
.bbr-logo-card,
.bbr-legal-block{
  border:1px solid #e2e8f0;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#f8fafc);
  box-shadow:var(--shadow-card);
}
.bbr-feature-card,
.bbr-testimonial-card{padding:22px;}
.bbr-feature-card__icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:52px;height:52px;border-radius:18px;
  background:rgba(67,180,52,.12);color:#166534;
  font-size:22px;font-weight:900;
}
.bbr-logo-card{
  min-height:110px;padding:18px;display:flex;align-items:center;justify-content:center;
}
.bbr-logo-card img{max-width:100%;max-height:52px;object-fit:contain;filter:grayscale(1);opacity:.9;transition:filter .18s ease,opacity .18s ease,transform .18s ease;}
.bbr-logo-card:hover img{filter:none;opacity:1;transform:translateY(-1px);}
.bbr-logo-card--placeholder{
  color:#64748b;font-weight:800;background:linear-gradient(180deg,#f8fafc,#eef2f7);border-style:dashed;
}
.bbr-testimonial-card{position:relative;overflow:hidden;}
.bbr-testimonial-card::before{
  content:"“";position:absolute;right:18px;top:10px;font-size:72px;line-height:1;color:rgba(148,163,184,.18);font-weight:900;
}
.bbr-legal-nav{
  display:flex;align-items:center;min-height:42px;padding:0 12px;border-radius:14px;text-decoration:none;color:#334155;
}
.bbr-legal-nav:hover{background:#f8fafc;color:#0f172a;}
.bbr-legal-block{padding:24px 24px 22px;}
.bbr-legal-block + .bbr-legal-block{margin-top:16px;}
.bbr-legal-title{font-size:22px;font-weight:900;letter-spacing:-.02em;color:#0f172a;}
.bbr-legal-block p{margin-top:12px;color:#475569;line-height:1.9;}
.bbr-about-hero .container-max{padding-bottom:18px;}
.bbr-about-gallery .container-max{padding-top:22px;}

@media (max-width: 1024px){
  .bbr-page-hero{grid-template-columns:1fr;}
}

@media (max-width: 768px){
  .bbr-page-hero__content,
  .bbr-page-hero__aside,
  .bbr-section-shell,
  .bbr-feature-card,
  .bbr-testimonial-card,
  .bbr-legal-block{border-radius:24px;}
  .bbr-page-hero__content{padding:24px;}
  .bbr-page-hero__aside{padding:16px;}
  .bbr-highlight-card{padding:20px;border-radius:22px;}
  .bbr-highlight-card__value{font-size:24px;}
  .bbr-feature-card,
  .bbr-testimonial-card,
  .bbr-legal-block{padding:18px;}
  .bbr-legal-title{font-size:20px;}
  .bbr-logo-card{min-height:92px;padding:14px;}
}


/* ===== 2026 premium refinement ===== */
:root{
  --header-h: 82px;
  --topbar-h: 42px;
  --navy-900:#0b1730;
  --navy-800:#132447;
  --footer-bg-start:#f8fbff;
  --footer-bg-end:#eef6f0;
}
html{font-size:15px;}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color:#0f172a;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 42%,#f3f7f5 100%);
}
h1,h2,h3,h4,.bbr-nav a,.bbr-brand__name,.bbr-finder__kicker,.bbr-page-title,.bbr-label,.bbr-topbar,.bbr-burger__label,.bbr-tipo-title{
  font-family:'Barlow Condensed','Inter',sans-serif;
}
.container-max{max-width:1280px;}
.bbr-main{overflow-x:hidden;}

/* Header */
.bbr-header{background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(226,232,240,.95);box-shadow:0 14px 40px rgba(15,23,42,.06);} 
.bbr-header__row{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(250px,1fr);align-items:center;min-height:82px;gap:24px;}
.bbr-header__spacer{display:none;}
.bbr-brand{min-width:0;gap:14px;}
.bbr-brand__logo{width:54px;height:54px;border-radius:16px;box-shadow:0 12px 28px rgba(15,23,42,.10);} 
.bbr-brand__name{font-size:1.8rem;line-height:1;font-weight:800;letter-spacing:.01em;}
.bbr-brand__tag{font-size:.82rem;line-height:1.2;color:#64748b;}
.bbr-nav{justify-self:center;display:none;gap:34px;font-size:1.45rem;letter-spacing:.01em;}
.bbr-nav a{padding:10px 0;color:#334155;font-weight:700;border-bottom:2px solid transparent;}
.bbr-nav a:hover{color:var(--navy-900);border-bottom-color:color-mix(in srgb, var(--brand-2) 36%, transparent);}
.bbr-topbar{background:#43b434;color:#fff;font-size:1.25rem;box-shadow:0 12px 30px rgba(67,180,52,.18);} 
.bbr-topbar__inner{padding:9px 0;}
.bbr-topbar__left,.bbr-topbar__right{font-weight:700;}
.bbr-topbar__right strong{font-weight:800;}
.bbr-burger{padding:10px 12px;border-radius:14px;}
.bbr-burger__label{font-size:1.05rem;}
@media (min-width:900px){.bbr-nav{display:flex;}.bbr-header__spacer{display:block;}}
@media (max-width:899px){
  .bbr-header__row{display:flex;gap:12px;min-height:72px;}
  .bbr-brand__name{font-size:1.45rem;}
  .bbr-brand__tag{font-size:.74rem;}
}

/* Home transparent header */
.has-hero .bbr-header-spacer{height:var(--header-stack);} 
.has-hero .bbr-fullbleed{margin-top:calc(-1 * var(--header-stack));}
.has-hero .bbr-topbar,.has-hero .bbr-header{position:fixed;left:0;right:0;width:100%;}
.has-hero .bbr-topbar{top:0;z-index:58;transition:opacity .22s ease,transform .22s ease,background-color .22s ease;}
.has-hero .bbr-header{top:var(--topbar-h);z-index:57;transition:top .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease;}
html:not(.is-scrolled) .has-hero .bbr-topbar{opacity:0;transform:translateY(-100%);pointer-events:none;}
html:not(.is-scrolled) .has-hero .bbr-header{top:0;background:linear-gradient(180deg,rgba(9,16,29,.54) 0%,rgba(9,16,29,.18) 68%,rgba(9,16,29,0) 100%);border-bottom-color:transparent;box-shadow:none;backdrop-filter:none;}
html:not(.is-scrolled) .has-hero .bbr-header::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none;}
html:not(.is-scrolled) .has-hero .bbr-brand,
html:not(.is-scrolled) .has-hero .bbr-nav a,
html:not(.is-scrolled) .has-hero .bbr-burger,
html:not(.is-scrolled) .has-hero .bbr-burger__label{color:#fff;position:relative;z-index:1;}
html:not(.is-scrolled) .has-hero .bbr-brand__tag{color:rgba(255,255,255,.82);}
html:not(.is-scrolled) .has-hero .bbr-nav a{border-bottom-color:transparent;}
html:not(.is-scrolled) .has-hero .bbr-nav a:hover{border-bottom-color:rgba(255,255,255,.7);}
html:not(.is-scrolled) .has-hero .bbr-burger>span:not(.bbr-burger__label){background:#fff;position:relative;z-index:1;}
html.is-scrolled .has-hero .bbr-topbar{opacity:1;transform:translateY(0);pointer-events:auto;}
html.is-scrolled .has-hero .bbr-header{top:var(--topbar-h);background:rgba(255,255,255,.94);box-shadow:0 14px 40px rgba(15,23,42,.08);}

/* Finder */
.bbr-finder-wrap{margin-top:-122px;z-index:9;}
.bbr-finder{max-width:1140px;border:1px solid rgba(255,255,255,.72);background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(248,250,252,.96));backdrop-filter:blur(16px);border-radius:30px;box-shadow:0 28px 60px rgba(15,23,42,.12),0 10px 30px rgba(67,180,52,.08);padding:26px 26px 22px;}
.bbr-finder::before{height:5px;background:linear-gradient(90deg,var(--brand-2) 0%, var(--accent) 50%, var(--accent-2) 100%);}
.bbr-finder__headline{max-width:720px;}
.bbr-finder__kicker{font-size:clamp(2.2rem,3vw,4rem);line-height:.95;letter-spacing:-.03em;color:var(--navy-900);text-transform:none;}
.bbr-finder__sub{font-size:1rem;color:#64748b;margin-top:10px;}
.bbr-finder__form{margin-top:22px;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr)) 180px;}
.bbr-label{font-size:1rem;letter-spacing:.08em;color:#334155;margin-bottom:8px;}
.bbr-select,.bbr-input{min-height:56px;border-radius:18px;border:1px solid #d6dee8;background:#ffffff;font-size:1rem;padding:0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8);} 
.bbr-findbtn{min-height:56px;border-radius:18px;background:linear-gradient(180deg,#77d264 0%, #43b434 100%);font-size:1.15rem;font-family:'Barlow Condensed','Inter',sans-serif;font-weight:700;letter-spacing:.02em;box-shadow:0 18px 30px rgba(67,180,52,.24);} 
.bbr-findbtn:hover{filter:brightness(.98);transform:translateY(-1px);} 
@media (max-width:1100px){.bbr-finder__form{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:768px){
  html{font-size:14px;}
  .bbr-finder-wrap{margin-top:-62px;padding-left:14px;padding-right:14px;}
  .bbr-finder{padding:20px 16px 16px;border-radius:24px;}
  .bbr-finder__kicker{font-size:2rem;}
  .bbr-finder__sub{font-size:.96rem;}
}

/* Carousel */
.bbr-carousel-slide{filter:saturate(1.02) contrast(1.03);} 
.bbr-carousel--hero .bbr-carousel-slide{height:clamp(390px,58vh,760px);object-position:center center;}
@media (max-width:768px){.bbr-carousel--hero .bbr-carousel-slide{height:clamp(300px,42vh,460px);object-position:center top;}}
.bbr-carousel-btn{width:48px;height:48px;border-radius:16px;background:rgba(11,23,48,.46);border-color:rgba(255,255,255,.26);} 
.bbr-carousel-badge{background:rgba(255,255,255,.88);font-family:'Inter',sans-serif;}

/* Footer */
.bbr-footer{
  background:linear-gradient(180deg,var(--footer-bg-start) 0%, var(--footer-bg-end) 100%);
  border-top:1px solid rgba(148,163,184,.22);
}
.bbr-footer__stripe{height:4px;background:linear-gradient(90deg,var(--brand-2),var(--accent),var(--accent-2));}
.bbr-footer .text-white,.bbr-footer [class*='text-white']{color:inherit !important;}
.bbr-footer a{color:#0f172a;}
.bbr-footer a:hover{color:#132447;}
.bbr-footer .rounded-xl.bg-white\/95{background:#fff;}
.bbr-footer .shadow-sm{box-shadow:0 10px 24px rgba(15,23,42,.08);} 

/* Misc premium cleanup */
.bbr-wa{box-shadow:0 14px 34px rgba(37,211,102,.28);}
.bbr-tipo-card{transition:transform .22s ease, box-shadow .22s ease,border-color .22s ease;}
.bbr-tipo-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(15,23,42,.12);}


/* ===== Refinamiento premium home/header/footer ===== */
html{font-size:14px;}
body{font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:#0f172a;}
h1,h2,h3,.bbr-nav a,.bbr-label,.bbr-brand__name,.bbr-typebtn__label,.bbr-tipo-title{font-family:"Barlow Condensed","Inter",sans-serif;}

/* Header transparente real en home */
.has-hero .bbr-header,
.has-hero .bbr-topbar{will-change:transform, opacity, background-color;}
html:not(.is-scrolled) .has-hero .bbr-topbar{opacity:0 !important;transform:translateY(-100%) !important;pointer-events:none !important;background:transparent !important;}
html:not(.is-scrolled) .has-hero .bbr-header{top:0 !important;background:transparent !important;border-bottom-color:transparent !important;box-shadow:none !important;backdrop-filter:none !important;}
html:not(.is-scrolled) .has-hero .bbr-header::before{content:"";position:absolute;inset:0 0 auto 0;height:116px;background:linear-gradient(180deg, rgba(2,6,23,.54), rgba(2,6,23,.18) 58%, rgba(2,6,23,0));pointer-events:none;}
html:not(.is-scrolled) .has-hero .bbr-header__row{position:relative;z-index:1;}
html:not(.is-scrolled) .has-hero .bbr-brand,
html:not(.is-scrolled) .has-hero .bbr-nav a,
html:not(.is-scrolled) .has-hero .bbr-burger,
html:not(.is-scrolled) .has-hero .bbr-burger__label,
html:not(.is-scrolled) .has-hero .bbr-brand__tag{color:#fff !important;text-shadow:0 2px 16px rgba(0,0,0,.28);}
html:not(.is-scrolled) .has-hero .bbr-brand__logo{background:rgba(255,255,255,.96); box-shadow:0 10px 26px rgba(2,6,23,.18);}
html:not(.is-scrolled) .has-hero .bbr-nav a:hover{border-bottom-color:rgba(255,255,255,.95) !important;}
html.is-scrolled .has-hero .bbr-topbar{background:#43b434 !important;}
html.is-scrolled .has-hero .bbr-header{background:rgba(255,255,255,.94) !important;border-bottom:1px solid rgba(203,213,225,.9) !important;box-shadow:0 12px 34px rgba(15,23,42,.09) !important;}

.bbr-header__row{justify-content:space-between; gap:22px;}
.bbr-brand{min-width:280px;}
.bbr-nav{flex:0 1 auto; margin:0 auto; gap:34px; font-size:1rem; letter-spacing:.01em;}
.bbr-nav a{padding:14px 6px; font-weight:700;}
.bbr-header__spacer{flex:1 1 0;}
.bbr-brand__name{font-size:1.2rem; line-height:1;}
.bbr-brand__tag{font-size:.82rem; margin-top:4px;}
.bbr-brand__logo{width:56px;height:56px;border-radius:16px;}
@media (max-width: 899px){
  html{font-size:13px;}
  .bbr-brand{min-width:0;}
  .bbr-brand__logo{width:48px;height:48px;}
  .bbr-brand__name{font-size:1.05rem;}
  .bbr-brand__tag{font-size:.76rem;}
}

/* Finder más fino */
.bbr-carousel--hero .bbr-carousel-slide{height:clamp(410px,59vh,760px);}
.bbr-finder-wrap{margin-top:-134px;}
.bbr-finder{background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.97)); border:1px solid rgba(226,232,240,.9); box-shadow:0 24px 60px rgba(15,23,42,.13); border-radius:34px;}
.bbr-finder::before{height:4px;background:linear-gradient(90deg, #43b434 0%, #f4f02c 52%, #f57e00 100%);}
.bbr-finder__title{font-size:clamp(2.1rem,4vw,4rem); letter-spacing:-.03em;}
.bbr-finder__subtitle{font-size:1.05rem; color:#64748b;}
.bbr-label{font-size:.95rem; letter-spacing:.08em;}
.bbr-select,.bbr-input{font-size:.98rem; min-height:64px; border-radius:18px;}
.bbr-findbtn{font-size:1.05rem; min-height:64px; border-radius:20px; box-shadow:0 16px 30px rgba(67,180,52,.22);}
@media (max-width: 768px){
  .bbr-finder-wrap{margin-top:-72px;}
  .bbr-finder{border-radius:24px;}
  .bbr-finder__title{font-size:2rem;}
}

/* Tarjetas de líneas más premium */
.bbr-tipo-card{position:relative; overflow:hidden; background:linear-gradient(180deg,#ffffff,#f8fafc); border:1px solid rgba(226,232,240,.95); border-radius:28px; box-shadow:0 14px 34px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.9); padding:0 0 20px;}
.bbr-tipo-card::before{content:""; position:absolute; left:18px; right:18px; top:0; height:4px; border-radius:999px; background:linear-gradient(90deg,#43b434 0%, #f4f02c 55%, #f57e00 100%); opacity:1;}
.bbr-tipo-card::after{content:""; position:absolute; inset:auto -35% -35% auto; width:180px; height:180px; background:radial-gradient(circle, rgba(67,180,52,.12), rgba(67,180,52,0) 70%); pointer-events:none;}
.bbr-tipo-media{margin:18px 18px 0; border-radius:22px; overflow:hidden; background:linear-gradient(180deg,#f7faf7,#f8fafc); border:1px solid rgba(226,232,240,.9); box-shadow:inset 0 1px 0 rgba(255,255,255,.85);}
.bbr-tipo-thumb{aspect-ratio:16/10; object-fit:contain; padding:12px; transition:transform .3s ease;}
.bbr-tipo-title{font-size:1.7rem; letter-spacing:-.02em; margin-top:18px; padding:0 18px; color:#0f172a;}
.bbr-tipo-subtitle{font-size:.96rem; color:#64748b; line-height:1.55; padding:0 18px; margin-top:8px; min-height:48px;}
.bbr-tipo-overlay{background:linear-gradient(180deg, rgba(2,6,23,.04), rgba(2,6,23,.78));}
.bbr-tipo-overlay span{border-radius:999px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.24); backdrop-filter:blur(6px); padding:10px 16px; font-size:.95rem; letter-spacing:.02em;}
.bbr-tipo-card:hover{transform:translateY(-8px); box-shadow:0 24px 46px rgba(15,23,42,.12);} 
.bbr-tipo-card:hover .bbr-tipo-thumb{transform:scale(1.04);} 

/* Footer con color de marca, menos negro */
.bbr-footer{background:linear-gradient(180deg,#f8fbf8 0%, #eef7ee 54%, #fdf8ef 100%) !important; border-top:1px solid rgba(203,213,225,.7);}
.bbr-footer__stripe{height:4px;background:linear-gradient(90deg,#43b434 0%, #f4f02c 54%, #f57e00 100%) !important;}
.bbr-footer::before{content:""; position:absolute; inset:0; background:radial-gradient(700px 220px at 14% 0%, rgba(67,180,52,.08), transparent 60%), radial-gradient(520px 180px at 100% 0%, rgba(245,126,0,.08), transparent 58%); pointer-events:none;}
.bbr-footer > .mx-auto{position:relative; z-index:1;}
.bbr-footer h3{color:#0f172a !important;}
.bbr-footer p,.bbr-footer li,.bbr-footer a,.bbr-footer div{color:#334155;}
.bbr-footer a:hover{color:#0f172a;}

/* Títulos de sección un poco más sobrios */
section h2.text-\[clamp\(24px\,2\.2vw\,40px\)\]{font-size:clamp(2rem,3vw,3.1rem); letter-spacing:-.03em; font-family:"Barlow Condensed","Inter",sans-serif;}

/* ===== Fix pass: header home + hero scale + sucursales search ===== */
html{font-size:13px;}
body{font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
h1,h2,h3,h4,.bbr-nav a,.bbr-brand__name,.bbr-label,.bbr-page-title,.bbr-finder__kicker,.bbr-tipo-title{font-family:"Barlow Condensed","Inter",sans-serif;}

.bbr-topbar{font-size:13px;}
.bbr-brand__name{font-size:1.05rem;}
.bbr-brand__tag{font-size:.76rem;}
.bbr-nav{gap:32px;font-size:.94rem;}
.bbr-nav a{padding:12px 4px;font-weight:700;}
.bbr-page-title{font-size:clamp(2rem,2.2vw,3rem);}
.bbr-page-subtitle{font-size:1.15rem;}

/* Home: header truly transparent while user is inside the carousel area */
.has-hero .bbr-fullbleed{position:relative;}
.has-hero .bbr-fullbleed::before{content:"";position:absolute;left:0;right:0;top:0;height:180px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,23,.62) 0%,rgba(2,6,23,.28) 45%,rgba(2,6,23,0) 100%);}
.has-hero .bbr-carousel{position:relative;z-index:1;}
html:not(.is-scrolled) .has-hero .bbr-topbar{opacity:0 !important;transform:translateY(-100%) !important;pointer-events:none !important;background:transparent !important;}
html:not(.is-scrolled) .has-hero .bbr-header{top:0 !important;background:transparent !important;border-bottom:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
html:not(.is-scrolled) .has-hero .bbr-header::before,
html:not(.is-scrolled) .has-hero .bbr-header::after{display:none !important;content:none !important;}
html:not(.is-scrolled) .has-hero .bbr-header__row{position:relative;z-index:5;min-height:86px;}
html:not(.is-scrolled) .has-hero .bbr-brand,
html:not(.is-scrolled) .has-hero .bbr-brand__tag,
html:not(.is-scrolled) .has-hero .bbr-nav a,
html:not(.is-scrolled) .has-hero .bbr-burger,
html:not(.is-scrolled) .has-hero .bbr-burger__label{color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,.42);}
html:not(.is-scrolled) .has-hero .bbr-brand__logo{background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(2,6,23,.18);}
html:not(.is-scrolled) .has-hero .bbr-nav a:hover{border-bottom-color:rgba(255,255,255,.92) !important;}
html.is-scrolled .has-hero .bbr-topbar{opacity:1 !important;transform:translateY(0) !important;pointer-events:auto !important;background:#43b434 !important;}
html.is-scrolled .has-hero .bbr-header{top:var(--topbar-h) !important;background:rgba(255,255,255,.95) !important;border-bottom:1px solid rgba(226,232,240,.95) !important;box-shadow:0 12px 34px rgba(15,23,42,.09) !important;}

/* Hero copy larger, rest of typography smaller */
.bbr-carousel--hero .bbr-carousel-slide{height:clamp(420px,60vh,760px);}
.bbr-finder-wrap{margin-top:-136px;z-index:9;}
.bbr-finder{max-width:1140px;padding:26px 26px 22px;border-radius:34px;box-shadow:0 24px 56px rgba(15,23,42,.13);}
.bbr-finder__headline{max-width:860px;}
.bbr-finder__kicker{font-size:clamp(3rem,4.6vw,5rem) !important;line-height:.92;letter-spacing:-.04em;color:#0f172a;}
.bbr-finder__sub{font-size:1.05rem !important;color:#64748b;}
.bbr-label{font-size:.88rem;letter-spacing:.08em;color:#334155;}
.bbr-select,.bbr-input{font-size:.95rem;min-height:58px;border-radius:18px;}
.bbr-findbtn{font-size:1rem;min-height:58px;border-radius:18px;}

/* Premium cards for lines */
.bbr-tipo-card{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(226,232,240,.96);border-radius:28px;box-shadow:0 16px 34px rgba(15,23,42,.08);padding-bottom:18px;}
.bbr-tipo-card::before{content:"";position:absolute;left:18px;right:18px;top:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#43b434 0%,#f4f02c 55%,#f57e00 100%);}
.bbr-tipo-media{margin:18px 18px 0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f7faf7,#f8fafc);border:1px solid rgba(226,232,240,.92);}
.bbr-tipo-thumb{padding:12px;}
.bbr-tipo-title{font-size:1.55rem;}
.bbr-tipo-subtitle{font-size:.95rem;color:#64748b;}

/* Sucursales search redesign */
.bbr-branch-searchbox{position:sticky;top:96px;padding:22px;border:1px solid rgba(15,23,42,.06) !important;background:linear-gradient(135deg,rgba(67,180,52,.10) 0%,rgba(244,240,44,.18) 52%,rgba(245,126,0,.14) 100%) !important;box-shadow:0 22px 42px rgba(15,23,42,.08) !important;overflow:hidden;}
.bbr-branch-searchbox::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#43b434 0%,#f4f02c 50%,#f57e00 100%);}
.bbr-branch-searchbox::after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(67,180,52,.18),rgba(67,180,52,0) 70%);pointer-events:none;}
.bbr-branch-searchbox__title{position:relative;font-size:.95rem;font-weight:900;letter-spacing:.14em;color:#0f172a !important;margin-bottom:14px;padding-left:0;}
.bbr-branch-searchbox__title::before{display:none;}
.bbr-branch-searchbox__form{position:relative;z-index:1;grid-template-columns:1fr 1fr 160px;gap:14px;align-items:end;}
.bbr-branch-searchbox .bbr-label{font-size:.84rem;color:#334155 !important;letter-spacing:.08em;}
.bbr-branch-searchbox .bbr-label::after{width:36px;height:3px;border-radius:999px;background:#43b434;margin-top:7px;}
.bbr-branch-searchbox .bbr-select{min-height:58px;border-radius:18px;border:1px solid rgba(15,23,42,.08);background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.95);}
.bbr-branch-searchbox .bbr-select:focus{border-color:rgba(67,180,52,.78);box-shadow:0 0 0 4px rgba(67,180,52,.14);}
.bbr-btn-search{min-height:58px;border-radius:18px;font-size:1rem;font-weight:900;background:linear-gradient(180deg,#f4f02c 0%,#e8de14 100%) !important;color:#111827 !important;box-shadow:0 14px 26px rgba(234,217,24,.28);}
.bbr-btn-search:hover{filter:brightness(.98);transform:translateY(-1px);}

@media (max-width:1024px){
  .bbr-nav{gap:24px;}
  .bbr-finder__kicker{font-size:clamp(2.5rem,5vw,4rem) !important;}
  .bbr-branch-searchbox__form{grid-template-columns:1fr;}
}
@media (max-width:768px){
  html{font-size:12.5px;}
  .bbr-topbar{font-size:12px;}
  .bbr-finder-wrap{margin-top:-76px;padding-left:14px;padding-right:14px;}
  .bbr-finder{padding:18px 16px 16px;border-radius:24px;}
  .bbr-finder__kicker{font-size:2.35rem !important;}
  .bbr-finder__sub{font-size:.95rem !important;}
  .bbr-branch-searchbox{top:84px;padding:18px;}
}

/* ===== final home proportion pass ===== */
.has-hero .bbr-header-spacer{display:none !important; height:0 !important;}
.has-hero .bbr-main{padding-top:0 !important;}
.has-hero .bbr-fullbleed{margin-top:0 !important; position:relative;}
.has-hero .bbr-fullbleed::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:150px;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(2,6,23,.58) 0%, rgba(2,6,23,.26) 46%, rgba(2,6,23,0) 100%);
}
.has-hero .bbr-carousel,
.has-hero .bbr-carousel-track,
.has-hero .bbr-carousel-slide{position:relative;}
.has-hero .bbr-carousel{z-index:1;}
.has-hero .bbr-carousel--hero .bbr-carousel-slide{
  height:clamp(430px, 64vh, 790px) !important;
  object-position:center center !important;
}
html:not(.is-scrolled) .has-hero .bbr-header{
  top:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
html:not(.is-scrolled) .has-hero .bbr-header__row{
  min-height:92px !important;
  padding-top:18px !important;
  padding-bottom:18px !important;
  position:relative;
  z-index:5;
}
html:not(.is-scrolled) .has-hero .bbr-brand,
html:not(.is-scrolled) .has-hero .bbr-brand__tag,
html:not(.is-scrolled) .has-hero .bbr-nav a,
html:not(.is-scrolled) .has-hero .bbr-burger,
html:not(.is-scrolled) .has-hero .bbr-burger__label{
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.52) !important;
}
html:not(.is-scrolled) .has-hero .bbr-brand__logo{
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 10px 22px rgba(2,6,23,.24) !important;
}
html:not(.is-scrolled) .has-hero .bbr-nav a{
  font-size:.98rem !important;
  font-weight:700 !important;
  letter-spacing:.01em;
}
html:not(.is-scrolled) .has-hero .bbr-nav a:hover{
  border-bottom-color:rgba(255,255,255,.95) !important;
}
html.is-scrolled .has-hero .bbr-topbar{
  background:#43b434 !important;
}
html.is-scrolled .has-hero .bbr-header{
  background:rgba(255,255,255,.95) !important;
  border-bottom:1px solid rgba(226,232,240,.95) !important;
  box-shadow:0 14px 36px rgba(15,23,42,.10) !important;
}

/* better finder proportion */
.bbr-finder-wrap{
  margin-top:-116px !important;
  z-index:9 !important;
}
.bbr-finder{
  max-width:1220px;
  padding:24px 24px 20px !important;
  border-radius:34px !important;
}
.bbr-finder__headline{max-width:860px;margin:0 auto;}
.bbr-finder__kicker{
  font-size:clamp(2rem, 3.4vw, 3.55rem) !important;
  line-height:.98 !important;
  letter-spacing:-.028em !important;
  max-width:860px;
  margin-inline:auto;
}
.bbr-finder__sub{
  font-size:1rem !important;
  margin-top:.5rem;
}
.bbr-label{font-size:.82rem !important;}
.bbr-select,.bbr-input,.bbr-findbtn{min-height:56px !important;}
.bbr-findbtn{font-size:1rem !important;}

/* desktop nav slightly smaller and cleaner */
.bbr-brand__name{font-size:1rem !important;}
.bbr-brand__tag{font-size:.74rem !important;}
.bbr-nav{gap:28px !important;}
.bbr-nav a{font-size:.95rem !important;}

@media (max-width: 1024px){
  .bbr-finder-wrap{margin-top:-88px !important;}
  .bbr-finder__kicker{font-size:clamp(1.85rem, 4vw, 2.8rem) !important;}
}
@media (max-width: 768px){
  .has-hero .bbr-fullbleed::before{height:120px;}
  .has-hero .bbr-carousel--hero .bbr-carousel-slide{height:clamp(320px, 44vh, 500px) !important;}
  .bbr-finder-wrap{margin-top:-64px !important;}
  .bbr-finder{padding:18px 16px 16px !important;border-radius:24px !important;}
  .bbr-finder__kicker{font-size:clamp(1.6rem, 7vw, 2.3rem) !important;}
  .bbr-finder__sub{font-size:.92rem !important;}
}

/* ===== Refinement pass: nav prominence + tighter cards + green branches search ===== */
.bbr-nav{
  gap: clamp(18px, 2vw, 34px);
}
.bbr-nav a{
  font-size: clamp(1.22rem, 1.08vw, 1.34rem) !important;
  font-weight: 700;
  letter-spacing: -.01em;
  text-shadow: 0 1px 12px rgba(15,23,42,.12);
}
.bbr-brand__name{
  font-size: clamp(1.15rem, 1.05vw, 1.4rem) !important;
}
.bbr-brand__tag{
  font-size: .95rem;
}

/* product cards slightly more compact */
#results{
  gap: 1.05rem !important;
}
.bbr-lthCard{
  border-radius: 22px !important;
}
.bbr-lthCard__media{
  height: 184px !important;
  padding: 14px 14px 8px !important;
}
.bbr-lthCard__img{
  max-height: 138px !important;
  max-width: 74% !important;
}
.bbr-lthCard__content{
  padding: 12px 14px 14px !important;
}
.bbr-lthCard__title{
  font-size: 1.18rem !important;
  line-height: 1.08;
  margin-bottom: 8px !important;
}
.bbr-lthCard__price{
  font-size: 1.55rem !important;
}
.bbr-lthCard__cta{
  height: 42px !important;
  margin-top: 12px !important;
  border-radius: 12px !important;
}
.bbr-tag{
  font-size: .72rem !important;
  padding: 5px 9px !important;
}

/* branches page tighter scale */
.bbr-branch-layout{
  gap: 18px !important;
}
.bbr-branch-list,
.bbr-branch-searchbox,
.bbr-branch-map__frame{
  border-radius: 22px !important;
}
.bbr-branch-list__header{
  font-size: 1rem !important;
  padding: 14px 18px !important;
}
.bbr-branch-item{
  padding: 14px 14px 12px !important;
}
.bbr-branch-item__title{
  font-size: 1.05rem !important;
  line-height: 1.2;
}
.bbr-branch-line,
.bbr-branch-item__meta,
.bbr-branch-item__meta a{
  font-size: .96rem !important;
}
.bbr-branch-btn{
  min-height: 42px !important;
  padding: 0 16px !important;
  font-size: .95rem !important;
}
.bbr-branch-map__frame{
  min-height: 430px !important;
}

/* green search box for branches */
.bbr-branch-searchbox{
  top: 94px;
  padding: 18px 18px 16px !important;
  border: 1px solid rgba(67,180,52,.34) !important;
  background: linear-gradient(180deg, rgba(67,180,52,.14), rgba(67,180,52,.07)) !important;
  box-shadow: 0 18px 34px rgba(67,180,52,.10), 0 10px 28px rgba(15,23,42,.06) !important;
}
.bbr-branch-searchbox::before{
  height: 5px !important;
  background: linear-gradient(90deg, #43b434 0%, #79d455 55%, #a7e56f 100%) !important;
}
.bbr-branch-searchbox::after{
  right: -72px !important;
  top: -72px !important;
  width: 210px !important;
  height: 210px !important;
  background: radial-gradient(circle, rgba(67,180,52,.22), rgba(67,180,52,0) 70%) !important;
}
.bbr-branch-searchbox__title{
  font-size: 1rem !important;
  letter-spacing: .12em !important;
  color: #14532d !important;
  margin-bottom: 12px !important;
}
.bbr-branch-searchbox__form{
  grid-template-columns: 1fr 1fr 150px !important;
  gap: 12px !important;
}
.bbr-branch-searchbox .bbr-label{
  font-size: .8rem !important;
  color: #166534 !important;
}
.bbr-branch-searchbox .bbr-label::after{
  background: #43b434 !important;
}
.bbr-branch-searchbox .bbr-select{
  min-height: 54px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(67,180,52,.25) !important;
  background: rgba(255,255,255,.96) !important;
}
.bbr-branch-searchbox .bbr-select:focus{
  border-color: rgba(67,180,52,.75) !important;
  box-shadow: 0 0 0 4px rgba(67,180,52,.12) !important;
}
.bbr-branch-searchbox .bbr-findbtn,
.bbr-branch-searchbox button,
#branchSearchBtn{
  min-height: 54px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #43b434, #379b2a) !important;
  color: #fff !important;
  box-shadow: 0 14px 28px rgba(67,180,52,.22) !important;
  border: 1px solid rgba(32,92,24,.12) !important;
}

@media (max-width: 1100px){
  .bbr-nav a{font-size: 1.10rem !important;}
  .bbr-brand__tag{font-size: .87rem;}
  .bbr-branch-searchbox__form{grid-template-columns: 1fr !important;}
}

@media (max-width: 768px){
  .bbr-lthCard__media{height: 170px !important;}
  .bbr-lthCard__img{max-height: 128px !important;}
  .bbr-branch-item__actions{grid-template-columns: 1fr !important;}
  .bbr-branch-map__frame{min-height: 360px !important;}
}


/* ===== Smaller battery cards ===== */
#results{gap:1.1rem !important;}
.bbr-lthCard{
  border-radius:12px;
  box-shadow:0 8px 20px rgba(2,6,23,.055);
}
.bbr-lthCard__media{
  height:186px;
  padding:14px 14px 8px;
}
.bbr-lthCard__img{
  max-width:72%;
  max-height:142px;
}
.bbr-lthCard__noimg{
  height:142px;
}
.bbr-lthCard__content{
  padding:12px 14px 14px;
}
.bbr-lthCard__tags{
  gap:6px;
  margin-bottom:8px;
}
.bbr-tag{
  font-size:11px;
  padding:5px 8px;
}
.bbr-lthCard__title{
  font-size:19px;
  margin-bottom:8px;
}
.bbr-lthCard__priceBlock{
  padding-top:10px;
  margin-top:8px;
}
.bbr-lthCard__price{
  font-size:24px;
}
.bbr-lthCard__subNote,
.bbr-lthCard__subLabel,
.bbr-lthCard__old{
  font-size:11px;
}
.bbr-lthCard__cta{
  margin-top:12px;
  height:42px;
  font-size:14px;
}
@media (max-width: 1024px){
  .bbr-lthCard__media{height:176px;}
  .bbr-lthCard__img{max-height:132px;}
}