/* ==========================================================================
   bls_sidebar - Sidebar premium para BloodthirstyLabs
   Identidad: negro estructura / rojo acento. Todas las reglas van bajo
   .bls- / #bls- para no interferir con el tema ebusiness.
   ========================================================================== */

:root {
  --bls-red: #e4002b;
  --bls-red-dark: #b30021;
  --bls-red-soft: rgba(228, 0, 43, .14);
  --bls-bg: #0c0c0e;
  --bls-bg-2: #131317;
  --bls-bg-3: #1b1b21;
  --bls-line: rgba(255, 255, 255, .09);
  --bls-txt: #f4f4f6;
  --bls-txt-dim: #b9b9c2;
  --bls-w: 328px;
  --bls-ease: cubic-bezier(.4, 0, .2, 1);
}

/* ==========================================================================
   TIPOGRAFIA DE TITULARES: Oswald
   Sans condensada normal y legible, con caracter deportivo acorde a la
   tienda. La carga el propio tema ebusiness desde Google Fonts
   (templates/_partials/stylesheets.tpl, pesos 400 y 600), por eso aquí
   NO hay @font-face propio: basta con referenciar la familia. Se aplica
   a TODOS los titulares menos el slider, que conserva su Pirata One
   original. El cuerpo de texto conserva la Lato del tema para mantener
   la legibilidad en parrafos. En titulares se usa el grosor 600.
   ========================================================================== */

/* --- Reparto de fuentes (las reglas de aplicacion estan al FINAL del
       archivo, despues de .bls-sec__title): todos los titulares en
       Oswald 600, menos el slider (Pirata One original, sin regla
       propia). Cuerpo y precios en Lato. --- */

/* Las reglas de aplicacion van al FINAL del archivo: hay que ir despues
   de la regla .bls-sec__title de la seccion SECCIONES y pisar estilos de
   terceros (custom.css y el <style> inline del megamenu). */

/* --- Accesibilidad: boton visible solo con teclado --- */
#bls-sidebar:focus-visible,
.bls-toggle:focus-visible,
.bls-close:focus-visible {
  outline: 3px solid var(--bls-red);
  outline-offset: 2px;
}

.bls-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0);
  white-space: nowrap; border: 0;
}

/* ==========================================================================
   BOTON FLOTANTE DE APERTURA
   ========================================================================== */
.bls-toggle {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 9998;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 12px 12px 10px;
  border: 0;
  border-radius: 0 8px 8px 0;
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  color: #fff;
  cursor: pointer;
  box-shadow: 0 6px 20px rgba(228, 0, 43, .38), 0 2px 6px rgba(0, 0, 0, .5);
  transition: transform .25s var(--bls-ease), box-shadow .25s var(--bls-ease), padding .25s var(--bls-ease);
}

.bls-toggle:hover {
  padding-right: 18px;
  box-shadow: 0 10px 28px rgba(228, 0, 43, .5), 0 3px 8px rgba(0, 0, 0, .55);
}

.bls-toggle:active { transform: translateY(-50%) scale(.97); }

.bls-toggle__bars {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
  width: 20px;
}

.bls-toggle__bars span {
  display: block;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 2px;
  transition: transform .3s var(--bls-ease), opacity .2s linear;
}

.bls-toggle[aria-expanded="true"] .bls-toggle__bars span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.bls-toggle[aria-expanded="true"] .bls-toggle__bars span:nth-child(2) { opacity: 0; }
.bls-toggle[aria-expanded="true"] .bls-toggle__bars span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

.bls-toggle__label {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* ==========================================================================
   OVERLAY
   ========================================================================== */
.bls-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, .68);
  backdrop-filter: blur(2px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s var(--bls-ease), visibility .3s var(--bls-ease);
}

.bls-overlay.is-on { opacity: 1; visibility: visible; }

/* ==========================================================================
   PANEL
   ========================================================================== */
.bls-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  width: var(--bls-w);
  max-width: 88vw;
  height: 100vh;
  height: 100dvh;
  background: linear-gradient(180deg, var(--bls-bg) 0%, var(--bls-bg-2) 100%);
  border-right: 1px solid var(--bls-line);
  box-shadow: 4px 0 32px rgba(0, 0, 0, .6);
  transform: translateX(-102%);
  visibility: hidden;
  transition: transform .34s var(--bls-ease), visibility .34s var(--bls-ease);
  overflow: hidden;
}

.bls-sidebar.is-open { transform: translateX(0); visibility: visible; }

/* --- Cabecera --- */
.bls-sidebar__head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 16px 14px 16px 18px;
  background: linear-gradient(135deg, #000 0%, #170006 100%);
  border-bottom: 1px solid var(--bls-line);
}

.bls-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }

/* Logo propio del sidebar: PNG cuadrado 512x512 con transparencia, que ya
   incluye el texto "BLOODTHIRSTY LABS". Se mantiene la proporcion cuadrada
   (object-fit:contain) para no deformarlo, a diferencia del logo horizontal
   de la navbar. */
.bls-brand__logo {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  min-width: 0;
  object-fit: contain;
  object-position: left center;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .6));
}

.bls-brand__mark {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .04em;
  box-shadow: 0 3px 10px rgba(228, 0, 43, .45);
}

.bls-brand__text { display: flex; flex-direction: column; min-width: 0; }

/* Con logo: el eslogan pasa a ser el unico texto y puede envolver */
.bls-brand--with-logo .bls-brand__text {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 10px;
  border-left: 1px solid var(--bls-line);
}

.bls-brand--with-logo .bls-brand__text small {
  white-space: normal;
  line-height: 1.35;
}

.bls-brand__text strong {
  color: var(--bls-txt);
  font-size: 14.5px;
  font-weight: 800;
  letter-spacing: .02em;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bls-brand__text small {
  color: var(--bls-red);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.bls-close {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--bls-line);
  border-radius: 8px;
  background: var(--bls-bg-3);
  color: var(--bls-txt);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s, border-color .2s, transform .2s;
}

.bls-close:hover { background: var(--bls-red); border-color: var(--bls-red); transform: rotate(90deg); }

/* --- Cuerpo scrollable --- */
.bls-sidebar__body {
  flex: 1 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px 0 18px;
  scrollbar-width: thin;
  scrollbar-color: var(--bls-red) transparent;
}

.bls-sidebar__body::-webkit-scrollbar { width: 7px; }
.bls-sidebar__body::-webkit-scrollbar-track { background: transparent; }
.bls-sidebar__body::-webkit-scrollbar-thumb {
  background: linear-gradient(var(--bls-red), var(--bls-red-dark));
  border-radius: 10px;
}

.bls-sidebar__foot {
  flex: 0 0 auto;
  padding: 9px 16px 10px;
  border-top: 1px solid var(--bls-line);
  background: linear-gradient(180deg, #0b0003 0%, #000 100%);
  color: var(--bls-txt-dim);
  font-size: 10.5px;
  letter-spacing: .06em;
}

/* Bloque motivacional */
.bls-motto {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0 0 6px;
  padding: 7px 10px;
  border-left: 3px solid var(--bls-red);
  border-radius: 0 8px 8px 0;
  background: linear-gradient(90deg, rgba(228, 0, 43, .14) 0%, transparent 100%);
  color: #f0f0f2;
  font-size: 11px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.4;
  letter-spacing: .01em;
}

.bls-motto .bls-ico { flex: 0 0 auto; margin-top: 2px; }

/* ==========================================================================
   REDES SOCIALES
   ========================================================================== */
.bls-social { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

.bls-social__link {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--bls-line);
  border-radius: 10px;
  background: var(--bls-bg-3);
  transition: border-color .18s, background .18s, transform .18s, box-shadow .18s;
}

.bls-social__link:hover,
.bls-social__link:focus-visible {
  border-color: var(--bls-red);
  background: var(--bls-red-soft);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(228, 0, 43, .3);
}

.bls-social__link .bls-ico { background-color: #d8d8de; }
.bls-social__link:hover .bls-ico { background-color: #fff; }

/* ==========================================================================
   SECCIONES
   ========================================================================== */
.bls-sec { padding: 14px 16px 6px; border-bottom: 1px solid var(--bls-line); }
.bls-sec:last-child { border-bottom: 0; }

.bls-sec--search { background: rgba(228, 0, 43, .05); }

.bls-sec__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 11px;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.bls-sec__title::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: linear-gradient(90deg, var(--bls-red) 0%, transparent 100%);
  opacity: .55;
}

/* ==========================================================================
   ICONOS (SVG inline via mask - sin fuentes externas)
   ========================================================================== */
.bls-ico {
  flex: 0 0 auto;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: var(--bls-red);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.bls-ico--search { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'><circle cx='11' cy='11' r='7'/><path d='M20 20l-3.5-3.5'/></svg>"); }
.bls-ico--grid { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='3' y='3' width='7.5' height='7.5' rx='1.5'/><rect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/><rect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/><rect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><rect x='3' y='3' width='7.5' height='7.5' rx='1.5'/><rect x='13.5' y='3' width='7.5' height='7.5' rx='1.5'/><rect x='3' y='13.5' width='7.5' height='7.5' rx='1.5'/><rect x='13.5' y='13.5' width='7.5' height='7.5' rx='1.5'/></svg>"); }
.bls-ico--home { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 3l9 8h-2.5v9h-5v-6h-3v6h-5v-9H3z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 3l9 8h-2.5v9h-5v-6h-3v6h-5v-9H3z'/></svg>"); }
.bls-ico--box { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M12 2.6l8.5 4.5v9.8L12 21.4 3.5 16.9V7.1z'/><path d='M3.5 7.1L12 11.6l8.5-4.5M12 11.6v9.8'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M12 2.6l8.5 4.5v9.8L12 21.4 3.5 16.9V7.1z'/><path d='M3.5 7.1L12 11.6l8.5-4.5M12 11.6v9.8'/></svg>"); }
.bls-ico--folder { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 5.5A1.5 1.5 0 014.5 4h4.2l2 2.4h8.8A1.5 1.5 0 0121 7.9v10.6a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 18.5z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 5.5A1.5 1.5 0 014.5 4h4.2l2 2.4h8.8A1.5 1.5 0 0121 7.9v10.6a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 18.5z'/></svg>"); }
.bls-ico--tag { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M3 11.2V4a1 1 0 011-1h7.2a1 1 0 01.7.3l8.5 8.5a1 1 0 010 1.4l-7.2 7.2a1 1 0 01-1.4 0L3.3 11.9a1 1 0 01-.3-.7z'/><circle cx='7.6' cy='7.6' r='1.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M3 11.2V4a1 1 0 011-1h7.2a1 1 0 01.7.3l8.5 8.5a1 1 0 010 1.4l-7.2 7.2a1 1 0 01-1.4 0L3.3 11.9a1 1 0 01-.3-.7z'/><circle cx='7.6' cy='7.6' r='1.5'/></svg>"); }
.bls-ico--sale { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'><path d='M5 19L19 5'/><circle cx='7.5' cy='7.5' r='2.6'/><circle cx='16.5' cy='16.5' r='2.6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round'><path d='M5 19L19 5'/><circle cx='7.5' cy='7.5' r='2.6'/><circle cx='16.5' cy='16.5' r='2.6'/></svg>"); }
.bls-ico--spark { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l2.2 6.1L20.5 10l-6.3 1.9L12 18l-2.2-6.1L3.5 10l6.3-1.9z'/><path d='M18.5 15l1 2.7 2.7 1-2.7 1-1 2.7-1-2.7-2.7-1 2.7-1z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l2.2 6.1L20.5 10l-6.3 1.9L12 18l-2.2-6.1L3.5 10l6.3-1.9z'/><path d='M18.5 15l1 2.7 2.7 1-2.7 1-1 2.7-1-2.7-2.7-1 2.7-1z'/></svg>"); }
.bls-ico--star { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.6l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.4l-5.8 3.1 1.1-6.5L2.6 9.4l6.5-.9z'/></svg>"); }
.bls-ico--doc { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M14 2.6H6.5A1.5 1.5 0 005 4.1v15.8a1.5 1.5 0 001.5 1.5h11a1.5 1.5 0 001.5-1.5V7.6z'/><path d='M14 2.6V7.6h5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M14 2.6H6.5A1.5 1.5 0 005 4.1v15.8a1.5 1.5 0 001.5 1.5h11a1.5 1.5 0 001.5-1.5V7.6z'/><path d='M14 2.6V7.6h5'/></svg>"); }
.bls-ico--eye { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1'><path d='M1.8 12S5.6 5.2 12 5.2 22.2 12 22.2 12 18.4 18.8 12 18.8 1.8 12 1.8 12z'/><circle cx='12' cy='12' r='3.2'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1'><path d='M1.8 12S5.6 5.2 12 5.2 22.2 12 22.2 12 18.4 18.8 12 18.8 1.8 12 1.8 12z'/><circle cx='12' cy='12' r='3.2'/></svg>"); }
.bls-ico--down { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.5v12M7 11l5 5 5-5M4 20.5h16'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3.5v12M7 11l5 5 5-5M4 20.5h16'/></svg>"); }
.bls-ico--ticket { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M2 7.5A1.5 1.5 0 013.5 6h17A1.5 1.5 0 0122 7.5V10a2 2 0 000 4v2.5a1.5 1.5 0 01-1.5 1.5h-17A1.5 1.5 0 012 16.5V14a2 2 0 000-4z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M2 7.5A1.5 1.5 0 013.5 6h17A1.5 1.5 0 0122 7.5V10a2 2 0 000 4v2.5a1.5 1.5 0 01-1.5 1.5h-17A1.5 1.5 0 012 16.5V14a2 2 0 000-4z'/></svg>"); }
.bls-ico--user { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><circle cx='12' cy='8' r='4.2'/><path d='M3.6 20.4a8.4 8.4 0 0116.8 0z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><circle cx='12' cy='8' r='4.2'/><path d='M3.6 20.4a8.4 8.4 0 0116.8 0z'/></svg>"); }
.bls-ico--id { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='2.5' y='4.5' width='19' height='15' rx='2'/><circle cx='8.5' cy='11' r='2.2'/><path d='M5 16.2c.7-1.5 2-2.2 3.5-2.2s2.8.7 3.5 2.2M15 9.5h4M15 13h3'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><rect x='2.5' y='4.5' width='19' height='15' rx='2'/><circle cx='8.5' cy='11' r='2.2'/><path d='M5 16.2c.7-1.5 2-2.2 3.5-2.2s2.8.7 3.5 2.2M15 9.5h4M15 13h3'/></svg>"); }
.bls-ico--list { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'><path d='M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01'/></svg>"); }
.bls-ico--heart { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 20.6l-1.4-1.3C5.7 14.7 2.7 12 2.7 8.6 2.7 6 4.7 4 7.2 4c1.6 0 3 .7 3.9 1.9l.9 1.1.9-1.1C13.8 4.7 15.2 4 16.8 4c2.5 0 4.5 2 4.5 4.6 0 3.4-3 6.1-7.9 10.7z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 20.6l-1.4-1.3C5.7 14.7 2.7 12 2.7 8.6 2.7 6 4.7 4 7.2 4c1.6 0 3 .7 3.9 1.9l.9 1.1.9-1.1C13.8 4.7 15.2 4 16.8 4c2.5 0 4.5 2 4.5 4.6 0 3.4-3 6.1-7.9 10.7z'/></svg>"); }
.bls-ico--cart { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 3.5h2.6l2.3 11.2h10.4l2.1-8.1H6.2'/><circle cx='9' cy='19.5' r='1.7'/><circle cx='17.5' cy='19.5' r='1.7'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 3.5h2.6l2.3 11.2h10.4l2.1-8.1H6.2'/><circle cx='9' cy='19.5' r='1.7'/><circle cx='17.5' cy='19.5' r='1.7'/></svg>"); }
.bls-ico--mail { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M3 6.5l9 6.5 9-6.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M3 6.5l9 6.5 9-6.5'/></svg>"); }
.bls-ico--map { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M9 3.5L3.5 5.8v14.7L9 18.2l6 2.3 5.5-2.3V3.5L15 5.8z'/><path d='M9 3.5v14.7M15 5.8v14.7'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M9 3.5L3.5 5.8v14.7L9 18.2l6 2.3 5.5-2.3V3.5L15 5.8z'/><path d='M9 3.5v14.7M15 5.8v14.7'/></svg>"); }
.bls-ico--info { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'><circle cx='12' cy='12' r='9.2'/><path d='M12 11v5.2M12 7.6h.01'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round'><circle cx='12' cy='12' r='9.2'/><path d='M12 11v5.2M12 7.6h.01'/></svg>"); }
.bls-ico--in { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3.5H6a1.5 1.5 0 00-1.5 1.5v14A1.5 1.5 0 006 20.5h8'/><path d='M17 8.5l3.5 3.5L17 15.5M20 12H9.5'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 3.5H6a1.5 1.5 0 00-1.5 1.5v14A1.5 1.5 0 006 20.5h8'/><path d='M17 8.5l3.5 3.5L17 15.5M20 12H9.5'/></svg>"); }
.bls-ico--out { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 3.5H6A1.5 1.5 0 004.5 5v14A1.5 1.5 0 006 20.5h4'/><path d='M16 8l4 4-4 4M20 12H9'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M10 3.5H6A1.5 1.5 0 004.5 5v14A1.5 1.5 0 006 20.5h4'/><path d='M16 8l4 4-4 4M20 12H9'/></svg>"); }
.bls-ico--chevron { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9.5l6 6 6-6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9.5l6 6 6-6'/></svg>"); }
.bls-ico--chevron-r { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9.5 6l6 6-6 6'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'><path d='M9.5 6l6 6-6 6'/></svg>"); }
.bls-ico--truck { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 6.5h11v9h-11z'/><path d='M13.5 9.5h4l3 3v3h-7z'/><circle cx='6.5' cy='18' r='1.9'/><circle cx='17' cy='18' r='1.9'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M2.5 6.5h11v9h-11z'/><path d='M13.5 9.5h4l3 3v3h-7z'/><circle cx='6.5' cy='18' r='1.9'/><circle cx='17' cy='18' r='1.9'/></svg>"); }
.bls-ico--layers { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M12 2.9l9.2 4.8L12 12.5 2.8 7.7z'/><path d='M2.8 12.2L12 16.9l9.2-4.7'/><path d='M2.8 16.6L12 21.3l9.2-4.7'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'><path d='M12 2.9l9.2 4.8L12 12.5 2.8 7.7z'/><path d='M2.8 12.2L12 16.9l9.2-4.7'/><path d='M2.8 16.6L12 21.3l9.2-4.7'/></svg>"); }
.bls-ico--shield { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M12 2.8l7.5 3v6.1c0 4.6-3.1 8-7.5 9.3-4.4-1.3-7.5-4.7-7.5-9.3V5.8z'/><path d='M8.8 12.1l2.3 2.3 4.1-4.1' stroke-linecap='round'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M12 2.8l7.5 3v6.1c0 4.6-3.1 8-7.5 9.3-4.4-1.3-7.5-4.7-7.5-9.3V5.8z'/><path d='M8.8 12.1l2.3 2.3 4.1-4.1' stroke-linecap='round'/></svg>"); }
.bls-ico--compass { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><circle cx='12' cy='12' r='9.2'/><path d='M15.6 8.4l-2 5.2-5.2 2 2-5.2z' fill='black'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><circle cx='12' cy='12' r='9.2'/><path d='M15.6 8.4l-2 5.2-5.2 2 2-5.2z' fill='black'/></svg>"); }
.bls-ico--medal { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M8.4 2.6h7.2l-2.2 5.4h-2.8z'/><circle cx='12' cy='15' r='5.6'/><path d='M12 12.4l.9 1.9 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3z' fill='black' stroke='none'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linejoin='round'><path d='M8.4 2.6h7.2l-2.2 5.4h-2.8z'/><circle cx='12' cy='15' r='5.6'/><path d='M12 12.4l.9 1.9 2 .3-1.5 1.4.4 2-1.8-1-1.8 1 .4-2-1.5-1.4 2-.3z' fill='black' stroke='none'/></svg>"); }
.bls-ico--question { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M9.2 9a2.9 2.9 0 015.6 1c0 2-2.8 2.6-2.8 4.4'/><path d='M12 18.4h.01'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M9.2 9a2.9 2.9 0 015.6 1c0 2-2.8 2.6-2.8 4.4'/><path d='M12 18.4h.01'/></svg>"); }
.bls-ico--flame { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M13.4 2.2c.5 3-1 4.6-2.4 6C9.4 9.7 8 11.2 8 13.8a6 6 0 0012 0c0-2-1-3.6-2-4.7-.2 1.2-.9 2-1.8 2.4.4-2.6-.4-6.4-2.8-9.3z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M13.4 2.2c.5 3-1 4.6-2.4 6C9.4 9.7 8 11.2 8 13.8a6 6 0 0012 0c0-2-1-3.6-2-4.7-.2 1.2-.9 2-1.8 2.4.4-2.6-.4-6.4-2.8-9.3z'/></svg>"); }
.bls-ico--facebook { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M14.6 8.4h2.4V5.1h-2.8c-2.6 0-4.2 1.6-4.2 4.2v2H7.6v3.3h2.4V21h3.4v-6.4h2.6l.4-3.3h-3v-1.7c0-.9.4-1.2 1.2-1.2z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M14.6 8.4h2.4V5.1h-2.8c-2.6 0-4.2 1.6-4.2 4.2v2H7.6v3.3h2.4V21h3.4v-6.4h2.6l.4-3.3h-3v-1.7c0-.9.4-1.2 1.2-1.2z'/></svg>"); }
.bls-ico--twitter { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 6.1c-.7.3-1.4.5-2.1.6.8-.5 1.3-1.2 1.6-2.1-.7.4-1.5.7-2.3.9a3.6 3.6 0 00-6.2 3.3A10.3 10.3 0 014.3 5a3.6 3.6 0 001.1 4.8c-.6 0-1.2-.2-1.6-.4 0 1.8 1.2 3.2 2.9 3.6-.5.2-1.1.2-1.6.1a3.6 3.6 0 003.4 2.5A7.3 7.3 0 013 17.3a10.2 10.2 0 005.6 1.6c6.7 0 10.4-5.6 10.4-10.4v-.5c.7-.5 1.3-1.1 1.8-1.9z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21 6.1c-.7.3-1.4.5-2.1.6.8-.5 1.3-1.2 1.6-2.1-.7.4-1.5.7-2.3.9a3.6 3.6 0 00-6.2 3.3A10.3 10.3 0 014.3 5a3.6 3.6 0 001.1 4.8c-.6 0-1.2-.2-1.6-.4 0 1.8 1.2 3.2 2.9 3.6-.5.2-1.1.2-1.6.1a3.6 3.6 0 003.4 2.5A7.3 7.3 0 013 17.3a10.2 10.2 0 005.6 1.6c6.7 0 10.4-5.6 10.4-10.4v-.5c.7-.5 1.3-1.1 1.8-1.9z'/></svg>"); }
.bls-ico--instagram { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1'><rect x='3.2' y='3.2' width='17.6' height='17.6' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17' cy='7' r='1.1' fill='black' stroke='none'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1'><rect x='3.2' y='3.2' width='17.6' height='17.6' rx='5'/><circle cx='12' cy='12' r='4'/><circle cx='17' cy='7' r='1.1' fill='black' stroke='none'/></svg>"); }
.bls-ico--youtube { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21.5 8.2a2.6 2.6 0 00-1.8-1.8C18.1 6 12 6 12 6s-6.1 0-7.7.4A2.6 2.6 0 002.5 8.2 27 27 0 002.1 12c0 1.3.1 2.6.4 3.8a2.6 2.6 0 001.8 1.8c1.6.4 7.7.4 7.7.4s6.1 0 7.7-.4a2.6 2.6 0 001.8-1.8c.3-1.2.4-2.5.4-3.8s-.1-2.6-.4-3.8zM10.1 14.9V9.1l5 2.9z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M21.5 8.2a2.6 2.6 0 00-1.8-1.8C18.1 6 12 6 12 6s-6.1 0-7.7.4A2.6 2.6 0 002.5 8.2 27 27 0 002.1 12c0 1.3.1 2.6.4 3.8a2.6 2.6 0 001.8 1.8c1.6.4 7.7.4 7.7.4s6.1 0 7.7-.4a2.6 2.6 0 001.8-1.8c.3-1.2.4-2.5.4-3.8s-.1-2.6-.4-3.8zM10.1 14.9V9.1l5 2.9z'/></svg>"); }
.bls-ico--pinterest { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.4a9.6 9.6 0 00-3.5 18.5c-.1-.8-.2-2 0-2.8l1.2-5s-.3-.6-.3-1.5c0-1.4.8-2.4 1.8-2.4.9 0 1.3.6 1.3 1.4 0 .9-.6 2.2-.9 3.4-.2 1 .5 1.8 1.5 1.8 1.8 0 3.1-2.3 3.1-5 0-2.1-1.4-3.6-3.9-3.6-2.8 0-4.5 2.1-4.5 4.3 0 .8.3 1.6.7 2.1.1.1.1.2 0 .3l-.2.9c0 .2-.2.2-.4.1-1.2-.5-1.9-2.2-1.9-3.6 0-2.9 2.1-5.6 6.1-5.6 3.2 0 5.7 2.3 5.7 5.3 0 3.2-2 5.8-4.8 5.8-.9 0-1.8-.5-2.1-1.1l-.6 2.2c-.2.8-.8 1.9-1.2 2.5A9.6 9.6 0 1012 2.4z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.4a9.6 9.6 0 00-3.5 18.5c-.1-.8-.2-2 0-2.8l1.2-5s-.3-.6-.3-1.5c0-1.4.8-2.4 1.8-2.4.9 0 1.3.6 1.3 1.4 0 .9-.6 2.2-.9 3.4-.2 1 .5 1.8 1.5 1.8 1.8 0 3.1-2.3 3.1-5 0-2.1-1.4-3.6-3.9-3.6-2.8 0-4.5 2.1-4.5 4.3 0 .8.3 1.6.7 2.1.1.1.1.2 0 .3l-.2.9c0 .2-.2.2-.4.1-1.2-.5-1.9-2.2-1.9-3.6 0-2.9 2.1-5.6 6.1-5.6 3.2 0 5.7 2.3 5.7 5.3 0 3.2-2 5.8-4.8 5.8-.9 0-1.8-.5-2.1-1.1l-.6 2.2c-.2.8-.8 1.9-1.2 2.5A9.6 9.6 0 1012 2.4z'/></svg>"); }
.bls-ico--tiktok { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M16.6 2.4h-3v13.2a2.7 2.7 0 11-2.7-2.7c.3 0 .5 0 .8.1V9.9a5.9 5.9 0 105 5.8V9.1c1 .7 2.2 1.1 3.5 1.2V7.2a4.3 4.3 0 01-3.6-4.8z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M16.6 2.4h-3v13.2a2.7 2.7 0 11-2.7-2.7c.3 0 .5 0 .8.1V9.9a5.9 5.9 0 105 5.8V9.1c1 .7 2.2 1.1 3.5 1.2V7.2a4.3 4.3 0 01-3.6-4.8z'/></svg>"); }
.bls-ico--whatsapp { -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.4a9.6 9.6 0 00-8.3 14.6L2.4 21.6l4.7-1.2A9.6 9.6 0 1012 2.4zm5.4 13.5c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1-1.4-1-2.6s.6-1.8.9-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 1.9c.1.2 0 .4-.1.5l-.4.5c-.1.2-.3.3-.1.6.1.3.6 1.1 1.4 1.8 1 .9 1.8 1.1 2 1.2.3.1.4.1.6-.1l.8-.9c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.5.3.1.2.1.7-.1 1.3z'/></svg>"); mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2.4a9.6 9.6 0 00-8.3 14.6L2.4 21.6l4.7-1.2A9.6 9.6 0 1012 2.4zm5.4 13.5c-.2.6-1.2 1.2-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.6-2.6-1.1-4.3-3.8-4.4-4-.1-.2-1-1.4-1-2.6s.6-1.8.9-2.1c.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.8 1.9c.1.2 0 .4-.1.5l-.4.5c-.1.2-.3.3-.1.6.1.3.6 1.1 1.4 1.8 1 .9 1.8 1.1 2 1.2.3.1.4.1.6-.1l.8-.9c.2-.2.4-.2.6-.1l1.8.9c.2.1.4.2.5.3.1.2.1.7-.1 1.3z'/></svg>"); }

/* ==========================================================================
   BUSCADOR
   ========================================================================== */
.bls-search { position: relative; display: flex; gap: 0; }

.bls-search__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 44px;
  padding: 0 12px;
  border: 1px solid var(--bls-line);
  border-right: 0;
  border-radius: 9px 0 0 9px;
  background: #000;
  color: var(--bls-txt);
  font-size: 13.5px;
  transition: border-color .2s, box-shadow .2s;
}

.bls-search__input::placeholder { color: #6f6f7a; }

.bls-search__input:focus {
  outline: none;
  border-color: var(--bls-red);
  box-shadow: 0 0 0 3px var(--bls-red-soft);
}

.bls-search__btn {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 46px;
  height: 44px;
  border: 1px solid var(--bls-red);
  border-radius: 0 9px 9px 0;
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  cursor: pointer;
  transition: filter .2s;
}

.bls-search__btn:hover { filter: brightness(1.15); }
.bls-search__btn .bls-ico { background-color: #fff; }

.bls-search__results {
  margin-top: 10px;
  max-height: 264px;
  overflow-y: auto;
  border: 1px solid var(--bls-line);
  border-radius: 10px;
  background: var(--bls-bg-3);
  animation: bls-fade .22s var(--bls-ease);
}

@keyframes bls-fade { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: none; } }

.bls-hit {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--bls-line);
  text-decoration: none;
  transition: background .16s;
}

.bls-hit:last-child { border-bottom: 0; }
.bls-hit:hover, .bls-hit:focus-visible { background: var(--bls-red-soft); }

.bls-hit__img {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  object-fit: contain;
  border-radius: 7px;
  background: #fff;
}

.bls-hit__body { flex: 1 1 auto; min-width: 0; }

.bls-hit__name {
  display: block;
  color: var(--bls-txt);
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.35;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.bls-hit__price { display: block; margin-top: 2px; color: var(--bls-red); font-size: 13px; font-weight: 800; }

.bls-search__empty {
  margin: 10px 0 0;
  padding: 11px 12px;
  border: 1px dashed rgba(228, 0, 43, .5);
  border-radius: 9px;
  background: var(--bls-red-soft);
  color: #ffd7de;
  font-size: 12.5px;
}

/* spinner */
.bls-search__busy {
  margin-top: 10px;
  height: 3px;
  overflow: hidden;
  border-radius: 3px;
  background: var(--bls-line);
}
.bls-search__busy::after {
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  background: var(--bls-red);
  animation: bls-busy 1s linear infinite;
}
@keyframes bls-busy { from { transform: translateX(-100%); } to { transform: translateX(300%); } }

/* ==========================================================================
   NAVEGACION / ARBOL
   ========================================================================== */
.bls-nav { list-style: none; margin: 0; padding: 0; }
.bls-nav--tight .bls-nav__link { padding-top: 7px; padding-bottom: 7px; }

.bls-nav__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  /* padding -> min-height tactil de 44px */
  min-height: 44px;
  padding: 11px 10px;
  margin-bottom: 3px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: var(--bls-txt);
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: background .18s, border-color .18s, transform .18s;
}

.bls-nav__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%) scaleY(0);
  width: 3px;
  height: 62%;
  border-radius: 0 3px 3px 0;
  background: var(--bls-red);
  transition: transform .2s var(--bls-ease);
}

.bls-nav__link:hover,
.bls-nav__link:focus-visible {
  background: linear-gradient(90deg, var(--bls-red-soft) 0%, transparent 100%);
  border-color: rgba(228, 0, 43, .35);
  transform: translateX(3px);
}

.bls-nav__link:hover::before,
.bls-nav__link:focus-visible::before { transform: translateY(-50%) scaleY(1); }

.bls-nav__link span { flex: 1 1 auto; min-width: 0; }
.bls-nav__link .bls-ico { background-color: var(--bls-txt-dim); transition: background-color .18s; }
.bls-nav__link:hover .bls-ico,
.bls-nav__link:focus-visible .bls-ico { background-color: var(--bls-red); }

.bls-nav__link--hot { color: #fff; }
.bls-nav__link--muted { color: var(--bls-txt-dim); font-weight: 500; font-size: 12.8px; }
.bls-nav__link--muted::before { display: none; }

.bls-badge {
  flex: 0 0 auto;
  min-width: 22px;
  padding: 2px 7px;
  border-radius: 20px;
  background: var(--bls-red);
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  font-style: normal;
  text-align: center;
  box-shadow: 0 2px 7px rgba(228, 0, 43, .5);
}

.bls-tree, .bls-sub { list-style: none; margin: 0; padding: 0; }

/* --- Mini titulo de sub-bloque (Elige tu variante) --- */
.bls-mini-title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 14px 0 8px;
  padding-top: 12px;
  border-top: 1px dashed var(--bls-line);
  color: var(--bls-txt-dim);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

/* --- Productos con combinaciones (variantes) --- */
.bls-combos { list-style: none; margin: 0; padding: 0; }

.bls-combos li { margin-bottom: 5px; }

.bls-combo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 44px;
  padding: 8px 11px;
  border: 1px solid var(--bls-line);
  border-radius: 9px;
  background: var(--bls-bg-3);
  color: var(--bls-txt);
  font-size: 12.6px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: border-color .18s, background .18s, transform .18s, box-shadow .18s;
}

.bls-combo:hover,
.bls-combo:focus-visible {
  border-color: var(--bls-red);
  background: var(--bls-red-soft);
  transform: translateX(2px);
  box-shadow: 0 3px 10px rgba(228, 0, 43, .25);
}

.bls-combo__name { min-width: 0; }

.bls-combo__badge {
  flex: 0 0 auto;
  padding: 2px 7px;
  border-radius: 20px;
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .02em;
  white-space: nowrap;
}

.bls-tree__item { margin-bottom: 2px; }

.bls-tree__row {
  display: flex;
  align-items: center;
  gap: 4px;
}

.bls-tree__link {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 9px 8px 9px 10px;
  border-radius: 8px;
  color: var(--bls-txt);
  font-size: 13.5px;
  font-weight: 700;
  text-decoration: none;
  transition: background .18s, color .18s;
}

.bls-tree__link:hover,
.bls-tree__link:focus-visible { background: var(--bls-red-soft); color: #fff; }

.bls-tree__toggle {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  /* Minimo tactil recomendado (WCAG 2.5.5 / Lighthouse) */
  width: 44px;
  height: 44px;
  margin: -7px -8px -7px 0;
  border: 1px solid var(--bls-line);
  border-radius: 8px;
  background: var(--bls-bg-3);
  cursor: pointer;
  transition: background .2s, border-color .2s;
}

.bls-tree__toggle .bls-ico { width: 13px; height: 13px; background-color: var(--bls-txt-dim); transition: transform .25s var(--bls-ease), background-color .2s; }
.bls-tree__toggle:hover { border-color: var(--bls-red); }
.bls-tree__toggle:hover .bls-ico { background-color: var(--bls-red); }
.bls-tree__toggle[aria-expanded="true"] .bls-ico { transform: rotate(180deg); background-color: var(--bls-red); }

.bls-sub {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-left: 17px;
  padding-left: 9px;
  border-left: 1px solid rgba(228, 0, 43, .45);
  transition: max-height .3s var(--bls-ease), opacity .25s linear, margin .25s;
}

.bls-sub.is-open { max-height: 460px; opacity: 1; margin-top: 3px; }

.bls-sub__link {
  display: flex;
  align-items: center;
  min-height: 44px;
  padding: 7px 9px;
  border-radius: 7px;
  color: var(--bls-txt-dim);
  font-size: 12.8px;
  font-weight: 500;
  text-decoration: none;
  transition: background .16s, color .16s, padding-left .16s;
}

.bls-sub__link::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 8px; border-radius: 50%; background: #4a4a55; vertical-align: middle; transition: background .16s; }

.bls-sub__link:hover,
.bls-sub__link:focus-visible { background: var(--bls-red-soft); color: #fff; padding-left: 13px; }
.bls-sub__link:hover::before,
.bls-sub__link:focus-visible::before { background: var(--bls-red); }

/* ==========================================================================
   MARCAS
   ========================================================================== */
.bls-brands { display: flex; flex-wrap: wrap; gap: 7px; }

.bls-brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  /* Minimo tactil de 44px */
  min-height: 44px;
  padding: 9px 12px 9px 8px;
  border: 1px solid var(--bls-line);
  border-radius: 24px;
  background: var(--bls-bg-3);
  color: var(--bls-txt);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color .18s, background .18s, transform .18s, box-shadow .18s;
}

.bls-brand-chip__initials {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  color: #fff;
  font-size: 9.5px;
  font-weight: 900;
  letter-spacing: .02em;
}

/* Variante con logo oficial subido en el back office */
.bls-brand-chip__logo {
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  flex: 0 0 auto;
}

.bls-brand-chip__logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 2px;
}

.bls-brand-chip__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bls-brand-chip:hover,
.bls-brand-chip:focus-visible {
  border-color: var(--bls-red);
  background: var(--bls-red-soft);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(228, 0, 43, .3);
}

.bls-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 44px;
  margin-top: 4px;
  color: var(--bls-red);
  font-size: 12.3px;
  font-weight: 700;
  text-decoration: none;
  transition: gap .2s, color .2s;
}
.bls-more:hover { gap: 9px; color: #fff; }
.bls-more .bls-ico { width: 12px; height: 12px; }

/* ==========================================================================
   PDF
   ========================================================================== */
.bls-pdf__text { margin: 0 0 11px; color: var(--bls-txt-dim); font-size: 12.6px; line-height: 1.55; }

.bls-pdf__actions { display: flex; gap: 8px; flex-wrap: wrap; }

/* ==========================================================================
   BLOQUE DE DESCARGA EN FICHA DE PRODUCTO (tema claro)
   El catalogo es un producto virtual sin precio: en su lugar se ofrece
   ver el PDF o descargarlo. Los tokens --bls-* se redefinen aqui porque
   este bloque vive sobre el fondo claro del tema, no sobre el sidebar.
   ========================================================================== */
.bls-dl {
  margin: 4px 0 0;
  padding: 16px 17px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-left: 3px solid #e4002b;
  border-radius: 10px;
  background: #fafafa;
}

.bls-dl__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 7px;
  color: #111;
  font-size: 14px;
  font-weight: 800;
}

.bls-dl__title .bls-ico { width: 17px; height: 17px; }

.bls-dl__text { margin: 0 0 13px; color: #555; font-size: 13px; line-height: 1.55; }

.bls-dl__actions { display: flex; gap: 9px; flex-wrap: wrap; }

/* Sobre fondo claro el boton fantasma necesita texto oscuro para el contraste */
.bls-dl .bls-btn--ghost {
  border-color: rgba(0, 0, 0, .18);
  color: #1a1a1a;
}
.bls-dl .bls-btn--ghost:hover,
.bls-dl .bls-btn--ghost:focus-visible {
  border-color: #e4002b;
  background: rgba(228, 0, 43, .07);
  color: #b30021;
}

@media (max-width: 480px) {
  .bls-dl__actions { flex-direction: column; }
  .bls-dl__actions .bls-btn { width: 100%; }
}

/* ==========================================================================
   APARTADO DE CUPON EN FICHA DE PRODUCTO (tema claro)
   Mismo tratamiento visual que el bloque de descarga: vive sobre el fondo
   claro del tema, asi que redefine los colores que necesita.
   ========================================================================== */
.bls-promo {
  margin: 4px 0 0;
  padding: 16px 17px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-left: 3px solid #e4002b;
  border-radius: 10px;
  background: #fafafa;
}

.bls-promo__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  color: #111;
  font-size: 14px;
  font-weight: 800;
}

.bls-promo__title .bls-ico { width: 17px; height: 17px; }

.bls-promo__item + .bls-promo__item {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed rgba(0, 0, 0, .15);
}

.bls-promo__lead { margin: 0 0 4px; color: #111; font-size: 14px; }
.bls-promo__lead strong { color: #e4002b; }
.bls-promo__desc { margin: 0 0 11px; color: #555; font-size: 13px; line-height: 1.5; }

.bls-promo__row { display: flex; gap: 8px; flex-wrap: wrap; }

.bls-promo__input {
  flex: 1 1 140px;
  min-width: 0;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px dashed #e4002b;
  border-radius: 9px;
  background: #fff;
  color: #111;
  font-family: "Courier New", monospace;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bls-promo__copy { flex: 0 0 auto; }
.bls-promo__go { width: 100%; margin-top: 9px; }
.bls-promo__hint { margin: 8px 0 0; color: #777; font-size: 11.5px; line-height: 1.5; }

.bls-promo__msg {
  margin: 9px 0 0;
  padding: 9px 11px;
  border-radius: 8px;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.45;
}
.bls-promo__msg[hidden] { display: none; }
.bls-promo__msg.is-ok { background: rgba(22, 140, 60, .1); color: #0f6b2e; border-left: 3px solid #168c3c; }
.bls-promo__msg.is-error { background: rgba(228, 0, 43, .08); color: #b30021; border-left: 3px solid #e4002b; }

.bls-promo__item.is-applied .bls-promo__input { opacity: .72; }

/* Enlace para comprobar el descuento en el carrito (se muestra al aplicar) */
.bls-promo__viewcart {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 9px 0 0;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.bls-promo__viewcart[hidden] { display: none; }

/* Sobre fondo claro el boton fantasma necesita texto oscuro para el contraste */
.bls-promo .bls-btn--ghost { border-color: rgba(0, 0, 0, .18); color: #1a1a1a; }
.bls-promo .bls-btn--ghost:hover,
.bls-promo .bls-btn--ghost:focus-visible {
  border-color: #e4002b;
  background: rgba(228, 0, 43, .07);
  color: #b30021;
}
.bls-promo .bls-btn--primary { color: #fff; }
.bls-promo .bls-btn.is-busy { opacity: .7; cursor: progress; }

@media (max-width: 480px) {
  .bls-promo__row { flex-direction: column; }
  .bls-promo__copy { width: 100%; }
}

/* ==========================================================================
   BOTONES
   ========================================================================== */
.bls-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  /* Minimo tactil de 44px */
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 12.8px;
  font-weight: 800;
  letter-spacing: .02em;
  text-decoration: none;
  cursor: pointer;
  transition: transform .18s, box-shadow .18s, background .18s, color .18s, border-color .18s;
}

.bls-btn--primary {
  background: linear-gradient(135deg, var(--bls-red) 0%, var(--bls-red-dark) 100%);
  color: #fff;
  box-shadow: 0 4px 14px rgba(228, 0, 43, .35);
}
.bls-btn--primary:hover,
.bls-btn--primary:focus-visible {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(228, 0, 43, .5);
}
.bls-btn--primary .bls-ico { background-color: #fff; }

.bls-btn--ghost {
  border-color: var(--bls-line);
  background: transparent;
  color: var(--bls-txt);
}
.bls-btn--ghost:hover,
.bls-btn--ghost:focus-visible {
  border-color: var(--bls-red);
  background: var(--bls-red-soft);
  color: #fff;
}
.bls-btn--ghost .bls-ico { background-color: var(--bls-red); }
.bls-btn--ghost:hover .bls-ico { background-color: #fff; }

.bls-btn--block { width: 100%; margin-top: 11px; }

/* ==========================================================================
   CUPONES
   ========================================================================== */
.bls-vouchers { list-style: none; margin: 0; padding: 0; }

.bls-voucher {
  margin-bottom: 9px;
  padding: 11px 12px;
  border: 1px dashed rgba(228, 0, 43, .55);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(228, 0, 43, .1) 0%, transparent 100%);
}

.bls-voucher__code {
  display: inline-block;
  padding: 4px 10px;
  border: 1px dashed var(--bls-red);
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-family: "Courier New", monospace;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .1em;
}

.bls-voucher__desc { margin: 8px 0 6px; color: var(--bls-txt); font-size: 12.5px; line-height: 1.5; }

.bls-voucher__cond { list-style: none; margin: 0; padding: 0; }
.bls-voucher__cond li { position: relative; padding-left: 14px; color: var(--bls-txt-dim); font-size: 11.8px; line-height: 1.7; }
.bls-voucher__cond li::before { content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background: var(--bls-red); }
.bls-voucher__cond strong { color: #fff; }

.bls-note {
  margin: 0;
  padding: 10px 12px;
  border-left: 3px solid var(--bls-red);
  border-radius: 0 8px 8px 0;
  background: rgba(255, 255, 255, .04);
  color: var(--bls-txt-dim);
  font-size: 12.4px;
  line-height: 1.6;
}
.bls-note--sm { margin-top: 10px; font-size: 11.8px; }
/* Enlace dentro de la nota: se le da area tactil sin romper el texto */
.bls-note a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 4px;
  color: var(--bls-red);
  font-weight: 700;
}
.bls-note a:hover { color: #fff; }

/* ==========================================================================
   CUENTA
   ========================================================================== */
.bls-hello { margin: 0 0 9px; color: var(--bls-txt-dim); font-size: 12.8px; }
.bls-hello strong { color: var(--bls-red); }

.bls-auth { display: flex; flex-direction: column; gap: 8px; }
.bls-auth .bls-btn--block { margin-top: 0; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 767.98px) {
  :root { --bls-w: 300px; }

  /* En movil el boton se ancla abajo-izquierda para no ocupar la mitad
     de la pantalla; mantiene el mismo look y comportamiento. */
  .bls-toggle {
    top: auto;
    bottom: 18px;
    left: 14px;
    transform: none;
    padding: 13px 16px;
    border-radius: 30px;
  }

  .bls-toggle:hover { padding-right: 16px; }
  .bls-toggle:active { transform: scale(.97); }

  .bls-sidebar { max-width: 86vw; box-shadow: 0 0 40px rgba(0, 0, 0, .8); }
  .bls-pdf__actions { flex-direction: column; }
  .bls-pdf__actions .bls-btn { width: 100%; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
  :root { --bls-w: 312px; }
}

/* Escritorio ancho: boton un poco mas discreto */
@media (min-width: 1400px) {
  .bls-toggle { opacity: .92; }
  .bls-toggle:hover { opacity: 1; }
}

/* ==========================================================================
   MOVIMIENTO REDUCIDO (accesibilidad)
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .bls-sidebar, .bls-overlay, .bls-toggle, .bls-nav__link, .bls-sub,
  .bls-brand-chip, .bls-btn, .bls-close, .bls-tree__toggle .bls-ico {
    transition: none !important;
    animation: none !important;
  }
}

/* Impresion: no mostrar la interfaz del sidebar */
@media print {
  .bls-sidebar, .bls-toggle, .bls-overlay { display: none !important; }
}

/* ==========================================================================
   APLICACION DE OSWALD A TITULARES (bloque final, menos el slider)
   Va al final del archivo a proposito: debe ir despues de la regla
   .bls-sec__title de la seccion SECCIONES (si no, esa gana por ir
   despues) y debe pisar estilos de terceros que no controlamos:
     - custom.css (se carga despues de este archivo) con
       .featured-products .product-title a{font-weight:700} especificidad (0,2,1)
     - el <style> inline del megamenu, con .ets_mm_megamenu *{font-family:inherit}
       y .ets_mm_megamenu .mm_menus_li h4... que ganan dentro del menu
     - el atributo style en linea del slider: NO se toca, conserva su
       Pirata One original tal como estaba
   Por eso font-family lleva !important. font-weight tambien, para fijar
   el 600 de Oswald en todos los titulares.
   ========================================================================== */

/* --- Slider: SIN regla propia. Conserva su Pirata One original del
       atributo style en linea, tal como estaba. --- */

/* --- Titulares de seccion, bloque y cuenta: Oswald --- */
.products-section-title,
.home_block_col_title,
.block-contact-title,
.myaccount-title {
  font-family: "Oswald", sans-serif !important;
  font-weight: 600 !important;
}

/* --- Titulos de producto (fichas y megamenu): Oswald 600. Sans
       condensada normal y legible, con caracter deportivo. La carga el
       propio tema (stylesheets.tpl, pesos 400 y 600), por eso no hay
       @font-face propio. Incluye la variante dentro del megamenu, que si
       no queda en Lato por el reset del propio menu. --- */
.product-title,
h3.product-title a,
.product-title a,
.ets_mm_megamenu .product-title,
.ets_mm_megamenu .product-title a {
  font-family: "Oswald", sans-serif !important;
  font-weight: 600 !important;
}

/* --- Titulares dentro del sidebar: Oswald. Se mantiene el punto extra
       de cuerpo para conservar la jerarquia visual. --- */
.bls-sec__title,
.bls-brand__text strong {
  font-family: "Oswald", sans-serif !important;
  font-weight: 600 !important;
}
.bls-sec__title { font-size: 14px; }
.bls-brand__text strong { font-size: 17px; letter-spacing: .01em; }
