/** Shopify CDN: Minification failed

Line 776:0 Unexpected "="

**/
.site-header,
.header,
.page__header--desktop,
.page__header--mobile {
  background-image: url('/cdn/shop/files/Fara_titlu_1920_x_150_px.png?v=1744010623') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  min-height: 80px !important;
}

.footer.layout__stretchBg {
  background-image: url('/cdn/shop/files/Design_fara_titlu_16_e17e51c4-1761-4ae7-b971-098f4d193784.png?v=1744356686');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


/* SEO: visually-hidden — accesible para crawlers y lectores de pantalla */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* ================================================
   ADT CALZADOS — NAV PREMIUM v2
   ================================================ */

/* Aumentar tamaño y peso de los links de primer nivel */
.main__navigation > .nav__link__holder > a.nav__link {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #1a1a1a !important;
  padding: 8px 10px !important;
  position: relative;
  text-decoration: none !important;
  transition: color 0.22s ease, opacity 0.22s ease !important;
  opacity: 0.82;
}

/* Quitar subrayado por defecto del tema y añadir el nuestro */
.main__navigation--underline > .nav__link__holder > .nav__link::before {
  display: none !important;
}

/* Animación de subrayado expansivo desde el centro */
.main__navigation > .nav__link__holder > a.nav__link::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 0 !important;
  height: 1.5px !important;
  background: #1a1a1a !important;
  transition: width 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.main__navigation > .nav__link__holder:hover > a.nav__link::after,
.main__navigation > .nav__link__holder > a.nav__link:focus::after {
  width: calc(100% - 28px) !important;
}

.main__navigation > .nav__link__holder:hover > a.nav__link,
.main__navigation > .nav__link__holder > a.nav__link:hover {
  opacity: 1 !important;
  color: #000 !important;
}

/* Separador vertical fino entre items */
.main__navigation > .nav__link__holder {
  position: relative;
}
.main__navigation > .nav__link__holder + .nav__link__holder::before {
  content: '';
  position: absolute;
  left: 0;
  top: 28%;
  height: 44%;
  width: 1px;
  background: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}

/* Dropdown premium: borde negro superior + sombra sutil */
.nav__submenu--regular {
  border-top: 2px solid #1a1a1a !important;
  border-radius: 0 0 3px 3px !important;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.1) !important;
  padding: 6px 0 10px !important;
  background: #ffffff !important;
}

/* Links del dropdown */
.nav__submenu .nav__link .nav__link__title {
  font-size: 0.72rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #555 !important;
  padding: 7px 22px !important;
  display: block;
  transition: color 0.15s ease, padding-left 0.18s ease !important;
}
.nav__submenu .nav__link__holder:hover .nav__link__title {
  color: #000 !important;
  padding-left: 28px !important;
}

/* Iconos de utilidad (cuenta, buscar, cesta): un poco más de spacing */
.page__header .header__utility {
  gap: 6px;
}


/* ================================================
   ADT CALZADOS — FOOTER PREMIUM
   ================================================ */

/* --- FONDO OSCURO: máxima legibilidad --- */
.footer.layout__stretchBg {
  background-image: none !important;
  background-color: #111111 !important;
  color: #d8d8d8 !important;
  border-top: 3px solid #222 !important;
  padding: 52px 0 36px !important;
}

/* Línea de acento dorada en la parte superior */
.footer.layout__stretchBg::before {
  content: '';
  display: block;
  width: 60px;
  height: 2px;
  background: #c9a96e;
  margin: 0 auto 40px;
}

/* --- TÍTULOS DE COLUMNA --- */
.footer__title {
  display: block;
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  margin-bottom: 18px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.15) !important;
}

/* --- CONTACTO: links y texto --- */
.footer__contact a,
.footer__contact span,
.footer__contact > * {
  display: block;
  color: #b0b0b0 !important;
  font-size: 0.82rem !important;
  line-height: 1.8 !important;
  text-decoration: none !important;
  transition: color 0.18s ease !important;
  margin-bottom: 2px;
}
.footer__contact a:hover {
  color: #ffffff !important;
}

/* --- ENLACES ÚTILES --- */
.footer__links a {
  display: block;
  color: #b0b0b0 !important;
  font-size: 0.8rem !important;
  line-height: 1 !important;
  text-decoration: none !important;
  padding: 5px 0 !important;
  letter-spacing: 0.02em;
  transition: color 0.18s ease, padding-left 0.18s ease !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}
.footer__links a:hover {
  color: #ffffff !important;
  padding-left: 6px !important;
}

/* --- ICONOS RRSS: círculos con hover --- */
.icon-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  color: #cccccc !important;
  margin: 4px !important;
  transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.18s ease !important;
  text-decoration: none !important;
}
.icon-link:hover {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #111111 !important;
  transform: translateY(-2px) !important;
}
.icon-link svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
}

/* --- LOGO EN FOOTER --- */
.footer__block .lazyload,
.footer__block img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.9;
}

/* --- SUBFOOTER (copyright bar) --- */
.subfooter, .footer__subfooter, [class*="subfooter"] {
  background-color: #0a0a0a !important;
  color: #666 !important;
  font-size: 0.72rem !important;
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding: 12px 0 !important;
}

/* Responsive: en móvil separar bloques */
@media (max-width: 767px) {
  .footer__block {
    border-bottom: 1px solid rgba(255,255,255,0.08);
    padding-bottom: 20px !important;
    margin-bottom: 4px;
  }
}

/* =============================================
   PRODUCT DESCRIPTION — siempre desplegada
   ============================================= */
.product__accordion .accordion__item--content {
  max-height: none !important;
  overflow: visible !important;
  opacity: 1 !important;
  color: inherit !important;
  background: transparent !important;
}
.product__accordion input[type="radio"] {
  display: none !important;
}
.product__accordion .accordion__item--title .collapse {
  display: none !important;
}
.product__accordion .accordion__item--title {
  cursor: default !important;
}

/* --- MOBILE NAV Z-INDEX FIX --- */
/* El menú móvil siempre por delante del vídeo/hero y cualquier sección */
.page__header--mobile {
  position: relative !important;
  z-index: 9999 !important;
}
.mobile__navigation {
  z-index: 9999 !important;
}
.overlay--nav {
  z-index: 9998 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.banner-video-section,
[class*="banner-video"],
video {
  z-index: 0 !important;
  position: relative !important;
}

/* --- DESKTOP NAV SUBMENU Z-INDEX FIX --- */
/* Submenús desktop (SEÑORA, NIÑOS, etc.) siempre por delante del vídeo hero */
.page__header--desktop {
  position: relative !important;
  z-index: 200 !important;
}
.nav__link__holder {
  z-index: 1 !important;
}
.nav__submenu {
  z-index: 9999 !important;
}

/* --- OVERFLOW-X FIX --- */
/* Evita scroll horizontal en movil: cookie popup, minicart translateX, etc. */
body {
  overflow-x: hidden !important;
}

/* --- FILTRO MOVIL: Z-INDEX FIX --- */
@media (max-width: 767px) {
  #filterToggle:checked ~ #filterSidebar {
    z-index: 10000 !important;
  }
  #filterToggle:checked + .filter__overlay {
    z-index: 9999 !important;
  }
}

/* --- FILTRO: OCULTAR GRUPOS INNECESARIOS --- */
/* Solo Marcas y Tallas visibles */
.filter__group:has([data-filter-href*="filter.v.availability"]) {
  display: none !important;
}
.filter__group[id^="brand_list"] {
  display: none !important;
}
.filter__group[id^="tag_list"] {
  display: none !important;
}

/* ============================================
   OPTIMIZACIONES ORBITACLICK — 31 MAR 2026
   ============================================ */

/* --- BOTÓN AÑADIR A LA CESTA: Negro, contraste, pulso --- */
.add-to-cart,
.add-to-cart-btn,
button[name="add"],
.product-card__button,
.product-list .add-to-cart,
form[action="/cart/add"] button[type="submit"],
.card__button a,
.card__button button {
  background-color: #111 !important;
  color: #fff !important;
  border: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  transition: all 0.3s ease !important;
  animation: adt-pulse 2s infinite !important;
}

.add-to-cart:hover,
.add-to-cart-btn:hover,
button[name="add"]:hover,
.product-card__button:hover,
form[action="/cart/add"] button[type="submit"]:hover,
.card__button a:hover,
.card__button button:hover {
  background-color: #000 !important;
  color: #fff !important;
  transform: scale(1.03) !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  animation: none !important;
}

@keyframes adt-pulse {
  0% { box-shadow: 0 0 0 0 rgba(17,17,17,0.4); }
  50% { box-shadow: 0 0 0 8px rgba(17,17,17,0); }
  100% { box-shadow: 0 0 0 0 rgba(17,17,17,0); }
}

/* --- BOTÓN SCROLL TO TOP --- */
#adt-scroll-top {
  position: fixed;
  bottom: 100px;
  right: 20px;
  width: 45px;
  height: 45px;
  background: #111;
  color: #fff;
  border: none;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  z-index: 9998;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

#adt-scroll-top.visible {
  opacity: 1;
  visibility: visible;
}

#adt-scroll-top:hover {
  background: #333;
  transform: translateY(-3px);
}

/* --- BLOQUE SEO HOME --- */
.adt-seo-block {
  max-width: 900px;
  margin: 40px auto;
  padding: 30px 20px;
  font-size: 15px;
  line-height: 1.7;
  color: #444;
  text-align: center;
}

.adt-seo-block h2 {
  font-size: 22px;
  color: #111;
  margin-bottom: 15px;
  font-weight: 700;
}

.adt-seo-block p {
  margin-bottom: 12px;
}

/* --- FIX: Select variante en español --- */
select option[disabled] {
  color: #999;
}


/* =====================================================
   OrbitaClick: Mejoras visuales ADT Calzados
   ===================================================== */

/* --- BOTÓN "AÑADIR A LA CESTA" - Llamativo y visible --- */
a.button--addToCart,
button.button--addToCart,
.button--addToCart {
  background: #000000 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 3px 12px rgba(200, 75, 42, 0.38) !important;
}

a.button--addToCart:hover,
button.button--addToCart:hover,
.button--addToCart:hover {
  background: #222222 !important;
  box-shadow: 0 6px 22px rgba(200, 75, 42, 0.55) !important;
  transform: translateY(-2px) scale(1.02) !important;
  color: #ffffff !important;
}

a.button--addToCart:active,
button.button--addToCart:active {
  transform: translateY(0) scale(0.99) !important;
  box-shadow: 0 2px 6px rgba(200, 75, 42, 0.3) !important;
}

/* Icono del carrito dentro del botón */
.button--addToCart svg,
.button--addToCart .icon {
  filter: brightness(0) invert(1) !important;
}

/* --- GRID: 5 PRODUCTOS POR FILA EN DESKTOP --- */
@media (min-width: 992px) {
  .col-md-3.card--holder {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
}

@media (min-width: 1200px) {
  .col-md-3.card--holder {
    flex: 0 0 20% !important;
    max-width: 20% !important;
    width: 20% !important;
  }
}

/* Imagen de producto más compacta con 5 cols */
@media (min-width: 992px) {
  .col-md-3.card--holder .card__main-image,
  .col-md-3.card--holder img:first-of-type {
    max-height: 240px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}

/* --- REDUCIR PADDING ENTRE SECCIONES --- */
.s__holder.padding__vertical {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.s__content,
.layout__content.s__content {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

/* Títulos de sección más compactos */
.s__heading,
.s__title,
[class*="section__header"],
[class*="section-header"] {
  margin-top: 12px !important;
  margin-bottom: 8px !important;
}

/* Reducir margen inferior de cards */
.card--holder {
  margin-bottom: 12px !important;
}


/* ============================================================
   ADT CALZADOS - BOTON GUIA DE TALLAS (Kiwi Size Chart)
   Selectores reales: .ks-chart-modal-button / .sizing-chart-modal-button
   ============================================================ */

.ks-chart-modal-button,
.sizing-chart-modal-button,
button.ks-chart-modal-button {
  background-color: #e67e22 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.6px !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  border: 2px solid #e67e22 !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  box-shadow: 0 2px 6px rgba(230,126,34,0.40) !important;
}

.ks-chart-modal-button:hover,
.sizing-chart-modal-button:hover {
  background-color: #ca6d15 !important;
  border-color: #ca6d15 !important;
  transform: translateY(-1px) !important;
  color: #ffffff !important;
}

/* Texto del boton */
.ks-chart-modal-button ._ks_text,
.sizing-chart-modal-button ._ks_text {
  font-weight: 700 !important;
  color: #ffffff !important;
}

/* Icono dentro del boton */
.ks-chart-modal-button svg,
.sizing-chart-modal-button svg {
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* ============================================================
   ADT CALZADOS - BOTON WHATSAPP "Consultar talla"
   Clase .adt-whatsapp-talla - anadir via Liquid al template
   ============================================================ */

.adt-whatsapp-talla {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #25D366;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 4px;
  text-decoration: none !important;
  margin: 8px 0;
  transition: background-color 0.2s ease, transform 0.15s ease;
  box-shadow: 0 2px 6px rgba(37,211,102,0.35);
  cursor: pointer;
}

.adt-whatsapp-talla:hover {
  background-color: #1da851;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.adt-whatsapp-talla svg {
  width: 18px;
  height: 18px;
  fill: #ffffff;
  flex-shrink: 0;
}

/* Wrapper que agrupa Guia de Tallas + WhatsApp */
.adt-talla-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 10px 0 4px 0;
}

/* Mayor especificidad para superar CSS de Kiwi en el boton GUIA DE TALLAS */
.ks-chart-container .ks-chart-modal-button,
.ks-chart-container .sizing-chart-modal-button,
.ks-chart-container.sizing-chart-container .ks-chart-modal-button,
.ks-chart-container .btn.ks-chart-modal-button {
  background-color: #e67e22 !important;
  color: #ffffff !important;
  border-color: #e67e22 !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
}

.ks-chart-container .ks-chart-modal-button:hover,
.ks-chart-container .sizing-chart-modal-button:hover {
  background-color: #ca6d15 !important;
  border-color: #ca6d15 !important;
  color: #ffffff !important;
}

/* ADT Calzados - Tallas agotadas */
option[data-adt-soldout] {
  color: #999;
  font-style: italic;
}
.swatch--soldout:not(.swatch--active) {
  opacity: 0.45;
  cursor: not-allowed;
  text-decoration: line-through;
  position: relative;
}

/* ADT Calzados - Ajuste posicion banner Senora homepage */
a[href="/collections/senora"] .card__img img,
a[href="/collections/senora"] .card__img .lazyloaded {
  object-position: center 25% !important;
}

/* OrbitaClick fix: restores viewport scroll for Booster infinite scroll */
html {
  height: auto !important;
}

/* OrbitaClick fix: prevent utility icons overflowing into nav */
.header__element--width.header__utility {
  min-width: 260px !important;
  flex-shrink: 0 !important;
}

/* Hide duplicate native scroll-to-top btn — overlaps WhatsApp widget */
#scrollTopBtn { display: none !important; }

@media (min-width: 768px) {
  #adt-scroll-top { bottom: 120px !important; }
}


/* ============================================
   OrbitaClick: Tallas agotadas (GLO Color Swatch)
   Sizes with globo-out-of-stock = tachadas + no seleccionables
   ============================================ */

/* Talla agotada: tachada, opacidad reducida, cursor bloqueado */
.select-option.globo-out-of-stock {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  text-decoration: line-through !important;
  pointer-events: none !important;
  position: relative;
}

/* Línea diagonal adicional sobre la talla agotada */
.select-option.globo-out-of-stock::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  background: currentColor;
  opacity: 0.6;
  transform: rotate(-15deg);
}

/* Asegurar que el hover no engañe al usuario */
.select-option.globo-out-of-stock:hover {
  opacity: 0.4 !important;
  background: transparent !important;
  border-color: inherit !important;
  color: inherit !important;
}


/* OrbitaClick: Ocultar sticky ATC bar (solapa contenido en móvil) */
.product-page-sticky--atc {
  display: none !important;
}

/* OrbitaClick: Fix hover botón ATC — sombra verde en lugar de rojiza */
a.button--addToCart:hover,
button.button--addToCart:hover,
.button--addToCart:hover {
  box-shadow: rgba(56, 142, 60, 0.45) 0px 6px 22px !important;
}


/* ============================================
   OrbitaClick · ADT CALZADOS — FIX BUSCADOR MÓVIL
   v1.0 · 2026-05-15
   El header móvil mantiene z-index 9999 (necesario para ir por
   delante del hero/vídeo). Subimos el popup del buscador y su
   overlay por encima para que en móvil no se vea solapado con el
   menú/header.
   ============================================ */

/* Popup de búsqueda SIEMPRE por encima del header móvil */
.search__container--abs {
  z-index: 10000 !important;
}

/* Backdrop oscuro (antes en z-index: -1, no funcionaba como tal) */
.search__overlay {
  z-index: 9999 !important;
  background: rgba(0, 0, 0, 0.55) !important;
}

/* Resultados con scroll propio y altura controlada */
.search__results.search__results--abs {
  z-index: 10001 !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Layout pulido del popup en móvil */
@media (max-width: 749px) {
  .search__container--abs {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    padding-top: env(safe-area-inset-top, 0) !important;
  }
  .search__container--wrapper {
    padding: 16px 16px 24px !important;
  }
  /* Evita zoom automático en iOS al hacer focus en el input */
  .search__container--abs input[name="q"] {
    font-size: 16px !important;
  }
}

==================================================================
BLOQUE CSS — pega esto al final de assets/custom.css
==================================================================
 
/* ========== ADT — Badge -20% en miniaturas (mobile) ========== */
/* Reduce tamaño del badge "-20% Descuento" en cards de colecciones
   en móvil para que no tape la imagen del producto.
   Aplicado: 22/05/2026 OrbitaClick */
@media (max-width: 768px) {
  .card__tags .tag.tag--sale {
    font-size: 9px !important;
    padding: 2px 5px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
}