/* Netforta Search + Filters ÔÇö extracted for conditional load (tienda only) */
#netforta-search-wrapper { position: relative; }
#netforta-search {
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 2.25rem;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  font-size: 0.875rem;
  background: #fff;
  color: #0a0e17;
  transition: box-shadow 0.15s, border-color 0.15s;
}
#netforta-search::placeholder {
  color: #9ca3af;
}
#netforta-search:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}
#netforta-search-results {
  position: absolute;
  left: 0; right: 0; top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  max-height: 420px;
  overflow-y: auto;
  z-index: 50;
}
#netforta-search-results.hidden { display: none; }

.products-sidebar {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  overflow: hidden;
}
.products-sidebar .filter-group + .filter-group {
  border-top: 1px solid #f3f4f6;
  padding-top: 1rem;
  margin-top: 1rem;
}

/* Drawer transitions */
#filterDrawer, #catDrawer {
  transition: transform 0.3s ease;
}
#filterDrawerOverlay, #catDrawerOverlay {
  transition: opacity 0.3s ease;
}

/* Range slider */
input[type="range"] {
  accent-color: #2563eb;
}

/* Shop toolbar ÔÇö unified row: left count+filtrar, center search pill, right orderby */
.shop-toolbar {display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; background:#fff; border:1px solid #e5e7eb; border-radius:0.75rem; padding:0.75rem; margin-bottom:1.25rem}
.shop-toolbar__left {display:flex; align-items:center; gap:1rem; flex-wrap:wrap}
.shop-toolbar__count {
  font-size: 0.875rem;
  color: #6b7280;
  white-space: nowrap;
  margin: 0;
}
.shop-toolbar__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  font-size: 0.8125rem;
  background: #fff;
  color: #374151;
  transition: background 0.15s, border-color 0.15s;
}
.shop-toolbar__btn:hover { background: #f9fafb; }
.shop-toolbar__btn.is-active { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; font-weight: 500; }
.shop-toolbar__search {flex:1; max-width:400px; margin:0 auto; display:flex; gap:0.5rem; align-items:center; min-width:0; width:100%}
.shop-toolbar__search-wrap {
  position: relative;
  flex: 1;
  min-width: 0;
}
.shop-toolbar__search-icon {
  position: absolute;
  left: 0.75rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  color: #9ca3af;
  pointer-events: none;
}
.shop-toolbar__input {
  width: 100%;
  padding: 0.5rem 2.25rem 0.5rem 2.25rem;
  border: 1px solid #d1d5db;
  border-radius: 9999px;
  font-size: 0.875rem;
  background: #fff;
  color: #0a0e17;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.shop-toolbar__input::placeholder {
  color: #9ca3af;
}
.shop-toolbar__input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15);
}
.shop-toolbar__clear {
  position: absolute;
  right: 0.6rem;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  padding: 0.25rem;
  border-radius: 9999px;
}
.shop-toolbar__clear:hover { color: #4b5563; background: #f3f4f6; }
.shop-toolbar__results {
  position: absolute;
  left: 0; right: 0; top: calc(100% + 6px);
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  max-height: 420px;
  overflow-y: auto;
  z-index: 50;
}
.shop-toolbar__results.hidden { display: none; }
.shop-toolbar__submit {
  padding: 0.5rem 0.85rem;
  background: #2563eb;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  border-radius: 0.5rem;
  border: 1px solid #2563eb;
  flex-shrink: 0;
}
.shop-toolbar__submit:hover { background: #1d4ed8; }
.shop-toolbar__right {margin-left:auto; display:flex; align-items:center; gap:0.5rem; flex-shrink:0}
.shop-toolbar__orderby {
  width: 100%;
  font-size: 0.8125rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
  padding: 0.5rem 2rem 0.5rem 0.75rem;
  background: #fff;
  min-width: 180px;
}
.shop-toolbar__orderby:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.15); }

/* Mobile: toolbar stacks cleanly — no border touch, no cut-off pill
   Row 1: count + Filtrar (space-between)
   Row 2: search pill full width (input + Buscar button)
   Row 3: orden dropdown full width
   Ensures gap, padding, and wrapping so "Buscar por SKU..." is not cut off */
@media (max-width: 640px) {
  .shop-toolbar { flex-wrap: wrap; gap: 0.75rem; padding: 0.75rem; margin: 0 0.5rem 1rem; }
  .shop-toolbar__left { width: 100%; justify-content: space-between; }
  .shop-toolbar__search { max-width: 100%; flex-basis: 100%; width: 100%; order: 2; margin: 0; min-width: 0; }
  .shop-toolbar__search-wrap { min-width: 0; flex: 1; }
  .shop-toolbar__input { min-width: 0; }
  .shop-toolbar__submit { flex-shrink: 0; white-space: nowrap; }
  .shop-toolbar__right { margin-left: 0; width: 100%; order: 3; }
  .shop-toolbar__orderby { width: 100%; min-width: 0; }
}
@media (min-width: 641px) {
  .shop-toolbar__orderby {width:auto}
}

/* Grid: 24 with Tailwind fallback  2 mobile, 3 sm, 4 lg+ */
#products-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.destacados-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
@media (min-width: 640px) {
  #products-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .destacados-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
  #products-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
  .destacados-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
/* Destacados heading ÔÇö single, compact, dark palette border */
.destacados-block { border: 1px solid #e5e7eb; border-radius: 0.75rem; padding: 0.75rem; background: #fff; }
.destacados-block h2 { color: #0a0e17; }

/* Parent block — compact professional, dark Netforta palette #111827/#1e293b/#06b6d4 — SCOPED to tienda only (seguridad uses #seguridadSidebar) */
.products-layout--tienda .parent-block { background:#111827; border:1px solid #1e293b; border-radius:0.75rem; padding:0.5rem; margin-bottom:0.75rem; }
.products-layout--tienda .parent-block__title { font-size:0.6875rem; font-weight:700; letter-spacing:0.05em; text-transform:uppercase; color:#e8ecf4; margin:0 0 0.5rem; }
.products-layout--tienda .parent-block__nav { display:flex; flex-direction:column; gap:0.125rem; }
.products-layout--tienda .parent-block__link { display:flex; align-items:center; gap:0.375rem; padding:0.375rem 0.5rem; border-radius:0.5rem; font-size:0.75rem; color:#e8ecf4; text-decoration:none; border:1px solid transparent; line-height:1.2; }
.products-layout--tienda .parent-block__link:hover:not(.is-active) { background:rgba(6,182,212,0.08); border-color:#06b6d4; color:#06b6d4; }
.products-layout--tienda .parent-block__link.is-active, .products-layout--tienda .parent-block__link[aria-current="page"] { background:#0a0e17; color:#fff; border-color:#06b6d4; }
.products-layout--tienda .parent-block__link.is-active .parent-block__img, .products-layout--tienda .parent-block__link[aria-current="page"] .parent-block__img { filter:brightness(0) invert(1); opacity:1; }
.products-layout--tienda .parent-block__img { width:1rem; height:1rem; opacity:0.85; flex-shrink:0; }
.products-layout--tienda .parent-block__dot { width:1rem; height:1rem; display:flex; align-items:center; justify-content:center; color:#64748b; font-size:0.5rem; flex-shrink:0; }
.products-layout--tienda .parent-block__label { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.products-layout--tienda .parent-block__count { font-size:0.6875rem; padding:0.125rem 0.375rem; border-radius:9999px; background:#1e293b; color:#a8b3c4; flex-shrink:0; min-width:1.25rem; text-align:center; border:1px solid #334155; }
.products-layout--tienda .parent-block__link.is-active .parent-block__count { background:rgba(6,182,212,0.2); color:#06b6d4; border-color:#06b6d4; }
.products-layout--tienda .parent-block__toggle { width:100%; margin-top:0.5rem; padding:0.375rem 0.5rem; border:1px solid #334155; border-radius:0.5rem; background:#0a0e17; color:#e8ecf4; font-size:0.75rem; font-weight:600; }
.products-layout--tienda .parent-block__toggle:hover { background:#1e293b; border-color:#06b6d4; color:#06b6d4; }
.products-layout--tienda .parent-block .parent-extra.hidden { display:none !important; }
/* Legacy nav selectors (woo-tienda.php uses nav a[data-cat]) — scoped to tienda */
.products-layout--tienda .parent-block nav a[data-cat] { border:1px solid transparent; font-size:0.75rem; padding:0.375rem 0.5rem; gap:0.375rem; color:#e8ecf4; }
.products-layout--tienda .parent-block nav a[data-cat].is-active, .products-layout--tienda .parent-block nav a[data-cat][aria-current="page"] { background:#0a0e17; color:#fff; border-color:#06b6d4; }
.products-layout--tienda .parent-block nav a[data-cat].is-active img, .products-layout--tienda .parent-block nav a[data-cat][aria-current="page"] img { filter:brightness(0) invert(1); opacity:1; }
.products-layout--tienda .parent-block nav a[data-cat]:hover:not(.is-active) { background:rgba(6,182,212,0.08); border-color:#06b6d4; color:#06b6d4; }
.products-layout--tienda .parent-block button[data-toggle-parents] { border-color:#334155; color:#e8ecf4; font-size:0.75rem; padding:0.375rem 0.5rem; background:#0a0e17; border-radius:0.5rem; }
.products-layout--tienda .parent-block button[data-toggle-parents]:hover { background:#1e293b; border-color:#06b6d4; color:#06b6d4; }

/* Filter cards ÔÇö below parent block, dark variant */
.products-sidebar .filter-group { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.75rem; }
.products-sidebar .filter-group h4 { color: #0a0e17; }
.products-sidebar .filter-group + .filter-group { border-top: none; margin-top: 0.75rem; }

/* Drawer  85vw  18rem on 1024, fixed overlay, transform off-canvas */
#catDrawer { width: 85vw; max-width: 18rem; }
#catDrawerOverlay { backdrop-filter: blur(2px); }
@media (max-width: 1024px) {
  #catDrawer { position: fixed; top: 0; left: 0; bottom: 0; z-index: 50; }
  #catDrawer.-translate-x-full { transform: translateX(-100%); }
  #catDrawer:not(.-translate-x-full) { transform: translateX(0); }
}
@media (min-width: 1025px) {
  #catDrawer { width: 18rem; max-width: 18rem; position: sticky; top: 1rem; transform: none !important; }
}

/* Pagination ÔÇö classic 1 2 3 ... NEXT, single nav */
nav[aria-label="Paginaci├│n"] { gap: 0.25rem; }
nav[aria-label="Paginaci├│n"] a,
nav[aria-label="Paginaci├│n"] span { min-width: 2.25rem; text-align: center; }
nav[aria-label="Paginaci├│n"] a[aria-current="page"] {
  background: #0a0e17;
  color: #fff;
  border-color: #0a0e17;
}
nav[aria-label="Paginaci├│n"] a:hover:not([aria-current]) { border-color: #06b6d4; color: #0a0e17; }

/* Ensure grid gap consistent ÔÇö override any floating centered search container */
#products-grid { gap: 1rem; }

/* Mobile duplicate search — hidden on ALL viewports (toolbar is single source of truth).
   Previously: display:block on mobile + none on desktop → two searches on mobile (toolbar+mobile).
   Fix: hide entirely so only toolbar search is visible on both mobile and desktop. */
#netforta-search-wrapper-mobile { display: none !important; }
/* Mobile padding: prevent touching borders (fix 2026-09-09) + banner/title breathing room */
/* FIX mobile title: ensure H1 "Sistemas de video vigilancia y seguridad" not cut off, proper wrap, no lowercase */
.page-header--seguridad .page-title {
  text-transform: none !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  line-height: 1.2;
  padding-right: 0.5rem;
  max-width: 100%;
}
.page-header--seguridad .page-description {
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding-right: 0.5rem;
  line-height: 1.5;
}
@media (max-width: 640px) {
  .container { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .products-layout { padding-left: 0.5rem; padding-right: 0.5rem; }
  /* Banner: add inner padding so title/description don't touch edges */
  .page-header--seguridad { padding-left: 0.75rem; padding-right: 0.75rem; }
  .page-header--seguridad .page-header-content { padding: 0 0.5rem; max-width: 100%; }
  .page-header--seguridad .page-description { padding-right: 0.5rem; font-size: 0.875rem; margin-top: 0.75rem; line-height: 1.6; }
  .page-header--seguridad .page-title { font-size: 1.75rem !important; line-height: 1.25; padding-left: 0.25rem; padding-right: 0.5rem; }
}
.dark #netforta-search,
.dark .shop-toolbar__input { background:#1f2937; border-color:#374151; color:#e5e7eb; }
.dark #netforta-search::placeholder,
.dark .shop-toolbar__input::placeholder { color:#6b7280; }
.dark #netforta-search-results,
.dark .shop-toolbar__results { background:#1f2937; border-color:#374151; }
.dark .products-sidebar { background:#1f2937; border-color:#374151; }
.dark .shop-toolbar { background:#1f2937; border-color:#374151; }
.dark .shop-toolbar__btn { background:#111827; border-color:#374151; color:#e5e7eb; }
.dark .shop-toolbar__orderby { background:#111827; border-color:#374151; color:#e5e7eb; }

/* ── FIX 2026-09-09: seguridad dark frames + tienda grid (reversible) ── */
/* Restore flex layout for tienda+seguridad — overrides style.css grid (8598B white rollback lost .products-layout flex) */
.products-layout {display:flex; gap:1.5rem; align-items:flex-start}
.products-layout .products-sidebar {width:16rem; flex-shrink:0; position:sticky; top:5rem; max-height:calc(100vh - 6rem); overflow-y:auto; background:#fff; border:1px solid #e5e7eb; border-radius:0.75rem; padding:1rem; overflow:hidden}
.products-layout .products-main {flex:1; min-width:0}
@media(max-width:1023px){
  .products-layout{flex-direction:column}
  .products-layout .products-sidebar{width:100%; position:static; max-height:none; max-width:none}
  .products-layout .products-sidebar--drawer{position:fixed; inset:0 auto 0 0; width:85vw; max-width:18rem; z-index:70; border-radius:0; transform:translateX(-100%); transition:transform 0.3s ease; overflow-y:auto}
  .products-layout .products-sidebar--drawer.is-open{transform:translateX(0)}
  .products-layout .products-sidebar--drawer:not(.is-open){visibility:hidden}
  .filter-drawer-overlay{position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:65}
  .filter-drawer-overlay.hidden{display:none}
}

/* Seguridad dark frames — toolbar + sidebar (scoped to seguridad only via .shop-toolbar--seguridad) */
.shop-toolbar--seguridad{background:var(--color-card,#111827)!important; border-color:var(--color-border,#1e293b)!important; color:var(--color-foreground,#e8ecf4)}
.shop-toolbar--seguridad .shop-toolbar__count{color:var(--color-muted-foreground,#a8b3c4)}
.shop-toolbar--seguridad .shop-toolbar__btn{background:#0a0e17; border-color:#1e293b; color:#e8ecf4}
.shop-toolbar--seguridad .shop-toolbar__btn:hover{background:#1e293b}
.shop-toolbar--seguridad .shop-toolbar__input{background:var(--color-card,#111827); border-color:#334155; color:#e8ecf4}
.shop-toolbar--seguridad .shop-toolbar__input::placeholder{color:#64748b}
.shop-toolbar--seguridad .shop-toolbar__orderby{background:var(--color-card,#111827); border-color:#334155; color:#e8ecf4}
.shop-toolbar--seguridad .shop-toolbar__submit{background:#06b6d4; border-color:#06b6d4; color:#0a0e17}
#seguridadSidebar,.products-sidebar--seguridad,#seguridadSidebarWrap{background:var(--color-card,#111827)!important; border:1px solid var(--color-border,#1e293b)!important; color:var(--color-foreground,#e8ecf4); border-radius:0.75rem; padding:1rem}
#seguridadSidebar .filter-title,.products-sidebar--seguridad .filter-title{color:#e8ecf4}
#seguridadSidebar .filter-item,.products-sidebar--seguridad .filter-item,.seguridad-sidebar .filter-item{background:transparent; color:#e8ecf4; border-radius:0.5rem}
#seguridadSidebar .filter-item:hover,.seguridad-sidebar .filter-item:hover{background:#1e293b}
#seguridadSidebar .filter-item.is-active,.products-sidebar--seguridad .filter-item.is-active{background:rgba(6,182,212,0.12); color:#06b6d4}
#seguridadSidebar .count{color:#a8b3c4}
#seguridadSidebar .count.is-muted{opacity:0.6}
#seguridadSidebar .badge-soon{font-size:0.6875rem; padding:0.125rem 0.375rem; background:#1e293b; color:#a8b3c4; border-radius:9999px; margin-left:0.375rem}

/* Filter item flex — fixes "Todas126" / "Fuente CCTV/IP19" stuck quantities */
.filter-item{display:flex; align-items:center; justify-content:space-between; gap:0.5rem; width:100%; padding:0.5rem 0.75rem; font-size:0.875rem; text-decoration:none}
.filter-item span:first-child{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.filter-item .count,.filter-item .ml-auto{background:#f3f4f6; color:#6b7280; font-size:0.75rem; padding:0.125rem 0.375rem; border-radius:9999px; flex-shrink:0; margin-left:auto; min-width:1.5rem; text-align:center}
#seguridadSidebar .filter-item .count,.products-sidebar--seguridad .filter-item .count,.seguridad-sidebar .filter-item .count{background:#1e293b; color:#e8ecf4; border:1px solid #334155}
.filter-item .badge-soon + .count{margin-left:0.375rem}

/* WooCommerce grid — ensure full-width 4-col, fixes stacked narrow cards with empty right space */
.woocommerce ul.products{display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:1rem!important}
@media(min-width:640px){.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important; float:none!important; margin:0!important; clear:none!important; max-width:none!important; background:#111827!important; border:1px solid #1e293b!important; border-radius:0.75rem!important; overflow:hidden}
.woocommerce ul.products li.product .woocommerce-loop-product__title{color:#e8ecf4!important; font-size:0.875rem!important; font-weight:600!important; line-height:1.3!important;}
.woocommerce ul.products li.product .price{color:#06b6d4!important; font-weight:700!important;}
.woocommerce ul.products li.product .price .amount{color:#06b6d4!important;}

/* ── FIX 2026-09-10: tienda dark for legacy branch — toolbar + sidebar should be #111827/#0a0e17 like seguridad, not white, especially on mobile where white is jarring ── */
/* Tienda legacy toolbar dark — scoped to .shop-toolbar--tienda (added in archive-product.php legacy branch) */
.shop-toolbar--tienda{background:#111827!important; border-color:#1e293b!important; color:#e8ecf4}
.shop-toolbar--tienda .shop-toolbar__count{color:#a8b3c4}
.shop-toolbar--tienda .shop-toolbar__btn{background:#0a0e17; border-color:#1e293b; color:#e8ecf4}
.shop-toolbar--tienda .shop-toolbar__btn:hover{background:#1e293b}
.shop-toolbar--tienda .shop-toolbar__input{background:#0a0e17; border-color:#334155; color:#e8ecf4}
.shop-toolbar--tienda .shop-toolbar__input::placeholder{color:#64748b}
.shop-toolbar--tienda .shop-toolbar__orderby{background:#0a0e17; border-color:#334155; color:#e8ecf4}
.shop-toolbar--tienda .shop-toolbar__submit{background:#06b6d4; border-color:#06b6d4; color:#0a0e17}
.products-sidebar--tienda,.products-layout--tienda .products-sidebar{background:#111827!important; border:1px solid #1e293b!important; color:#e8ecf4; border-radius:0.75rem; padding:1rem}
.products-sidebar--tienda .filter-title,.products-layout--tienda .filter-title,.products-sidebar--tienda .filter-group__title{color:#e8ecf4}
.products-sidebar--tienda .filter-item,.products-layout--tienda .filter-item{background:transparent; color:#e8ecf4; border-radius:0.5rem}
.products-sidebar--tienda .filter-item:hover{background:#1e293b}
.products-sidebar--tienda .filter-item.is-active{background:rgba(6,182,212,0.12); color:#06b6d4}
.products-sidebar--tienda .count{color:#a8b3c4}
.products-sidebar--tienda .filter-item .count{background:#1e293b; color:#e8ecf4; border:1px solid #334155}
/* ── FIX 2026-09-10b: tienda legacy compact — hide huge category tiles (rely on sidebar) + children drill-down ── */
.products-layout--tienda li.product-category,.woocommerce ul.products li.product-category{display:none!important}
.tienda-child-block__title{font-size:0.6875rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#a8b3c4;margin:0 0 0.5rem}
.tienda-child-link:hover:not(.is-active){background:rgba(6,182,212,0.08)!important;border-color:#06b6d4!important;color:#06b6d4!important}
.tienda-child-link.is-active{border-color:#06b6d4!important;background:#0a0e17!important;color:#fff!important}
/* Mobile: even non---tienda toolbar should be dark on mobile (white toolbar + white grid was reported as white on celular) */
@media(max-width:640px){
  .shop-toolbar{background:#111827!important; border-color:#1e293b!important; color:#e8ecf4}
  .shop-toolbar .shop-toolbar__count{color:#a8b3c4}
  .shop-toolbar .shop-toolbar__input{background:#0a0e17; border-color:#334155; color:#e8ecf4}
  .shop-toolbar .shop-toolbar__input::placeholder{color:#64748b}
  .shop-toolbar .shop-toolbar__orderby{background:#0a0e17; border-color:#334155; color:#e8ecf4}
  .shop-toolbar__submit{background:#06b6d4; border-color:#06b6d4; color:#0a0e17}
  .products-sidebar,.products-layout .products-sidebar{background:#111827!important; border-color:#1e293b!important; color:#e8ecf4}
  /* Grid container dark hint — keeps page dark even when product cards are white */
  .products-layout--tienda,.products-layout__main{background:transparent}
  .woocommerce ul.products li.product{background:#fff; border-radius:0.5rem; overflow:hidden}
}