/* ============================================================================
   CONSOLIDATED 2026-05-22
   This file is intentionally empty. All rules previously here were merged into
   bobgrow.css to produce a single source-of-truth stylesheet.
   ============================================================================ */


/* ============ LISTADOS-FIX 2026-05-25 ============ */
/* Facetas: sin scroll interno pegado — el sidebar fluye natural, sin caja con scrollbar */
@media (min-width: 768px){
  /* Sidebar STICKY (los productos siguen abajo) anclado arriba: top pequeño porque
     en desktop la cabecera NO queda fija al scrollear -> usa casi toda la altura,
     así apenas hace falta scroll interno. */
  #wrapper .bobgrow-sidebar__inner{
    position: sticky;
    top: 205px;                /* debajo del header sticky (~193px) */
    max-height: calc(100vh - 225px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 5;
  }
  #wrapper .bobgrow-sidebar__inner > #search_filters_wrapper,
  #wrapper .bobgrow-sidebar__inner > .ps-facetedsearch,
  #wrapper .bobgrow-sidebar__inner > .left-block{
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;   /* sin "salto" al llegar al final (scroll-chaining) */
    min-height: 0;
    padding-right: 12px;
    scrollbar-width: thin;
    scrollbar-color: rgba(0,174,105,.32) transparent;
  }
  #wrapper .bobgrow-sidebar__inner > #search_filters_wrapper::-webkit-scrollbar,
  #wrapper .bobgrow-sidebar__inner > .ps-facetedsearch::-webkit-scrollbar{width:6px;}
  #wrapper .bobgrow-sidebar__inner > #search_filters_wrapper::-webkit-scrollbar-track,
  #wrapper .bobgrow-sidebar__inner > .ps-facetedsearch::-webkit-scrollbar-track{background:transparent;}
  #wrapper .bobgrow-sidebar__inner > #search_filters_wrapper::-webkit-scrollbar-thumb,
  #wrapper .bobgrow-sidebar__inner > .ps-facetedsearch::-webkit-scrollbar-thumb{background:rgba(0,174,105,.3);border-radius:999px;}
  #wrapper .bobgrow-sidebar__inner > #search_filters_wrapper:hover::-webkit-scrollbar-thumb,
  #wrapper .bobgrow-sidebar__inner > .ps-facetedsearch:hover::-webkit-scrollbar-thumb{background:rgba(0,174,105,.5);}
  /* Fade inferior elegante (indica que hay más, sin corte seco) */
  #wrapper .bobgrow-sidebar__inner::after{
    content:""; position:absolute; left:0; right:0; bottom:0; height:24px;
    background:linear-gradient(to top, var(--bg-card,#fff), rgba(255,255,255,0));
    pointer-events:none;
  }
}
/* Miniatura de producto: UN solo enlace (el título) cubre toda la card (stretched-link);
   los elementos interactivos (wishlist, variantes, botón comprar) quedan por encima. */
#wrapper .bobgrow-card{position:relative;}
#wrapper .bobgrow-card__title-link::after{content:"";position:absolute;inset:0;z-index:1;}
#wrapper .bobgrow-card__wishlist,
#wrapper .bobgrow-card__variants,
#wrapper .bobgrow-card__footer,
#wrapper .bobgrow-card__form{position:relative;z-index:2;}

/* Sticky funcional: overflow-x:hidden en html/body ROMPE position:sticky.
   clip evita el scroll horizontal SIN romper el sticky (sidebar facetas, etc.). */
html, body { overflow-x: clip; }

/* === Urgencia por stock === */
.bobgrow-urgency{margin:10px 0 4px;padding:10px 14px;background:linear-gradient(135deg,#fff4e6,#ffe9cc);border:1px solid #ffd9a8;border-radius:12px;}
.bobgrow-urgency__txt{display:block;font-size:14px;font-weight:700;color:#b3540a;}
.bobgrow-urgency__bar{display:block;height:6px;border-radius:999px;background:#ffd9a8;margin-top:8px;overflow:hidden;}
.bobgrow-urgency__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff8a00,#ff5a3c);}
/* === Vistos recientemente === */
.rl-recent{max-width:1240px;margin:30px auto;padding:0 24px;}
.rl-recent__title{font-size:22px;font-weight:800;color:#16201b;margin:0 0 16px;letter-spacing:-.01em;}
.rl-recent__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;}
.rl-recent__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e9e6;border-radius:14px;overflow:hidden;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease;}
.rl-recent__card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,40,30,.12);}
.rl-recent__imgw{display:block;aspect-ratio:1/1;background:#f6f8f6;display:flex;align-items:center;justify-content:center;padding:10px;}
.rl-recent__imgw img{max-width:100%;max-height:100%;object-fit:contain;}
.rl-recent__name{font-size:13px;color:#16201b;font-weight:600;line-height:1.3;padding:10px 12px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.rl-recent__price{font-size:15px;font-weight:800;color:#00ae69;padding:0 12px 12px;}
@media(max-width:767px){.rl-recent__row{grid-auto-columns:minmax(135px,1fr);}}

/* === Accesos directos en la barra del menú (Blog + Comparador) === */
.rlmenu .rlmenu_navigation{display:flex;align-items:center;}
.rlmenu_extra{margin-left:auto;display:flex;align-items:center;gap:4px;}
.rlmenu_extra .rlmenu_link{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:700;font-size:14px;text-decoration:none;padding:8px 14px;border-radius:8px;transition:background .15s ease;white-space:nowrap;}
.rlmenu_extra .rlmenu_link:hover{background:rgba(255,255,255,.16);color:#fff;}
.rlmenu_extra .rlmenu_link .material-icons{font-size:18px;line-height:1;}
@media(max-width:575px){
  .rlmenu .rlmenu_navigation{flex-wrap:nowrap;padding-left:.5rem;padding-right:.5rem;}
  .rlmenu .element_nav{margin-right:.4rem;min-width:0;}
  .rlmenu_extra{gap:0;flex:none;}
  .rlmenu_extra .rlmenu_link span{display:none;}
  .rlmenu_extra .rlmenu_link{padding:8px 9px;}
  .rlmenu_extra .rlmenu_link .material-icons{font-size:22px;}
}

/* Botón comparar en tarjetas de "Vistos recientemente" */
.rl-recent__link{display:flex;flex-direction:column;text-decoration:none;color:inherit;flex:1;}
.rl-recent__cmp{margin:0 12px 12px;border:1px solid #e6e9e6;background:#fff;color:#7c837e;font-weight:700;font-size:12px;border-radius:40px;padding:7px 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;transition:border-color .15s,color .15s,background .15s;font-family:inherit;}
.rl-recent__cmp:hover{border-color:#00ae69;color:#00ae69;}
.rl-recent__cmp.is-sel{background:#eef1ee;color:#16201b;border-color:#cdd6cd;}
