/** Shopify CDN: Minification failed

Line 432:0 Unexpected "}"

**/


/* 1. DEFINICIÓN DE FUENTES PERSONALIZADAS DE LA MARCA */

@font-face {
  font-family: 'Qlassy';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/QLASSY-REGULAR.OTF?v=75025459237486809901781037655") format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Qlassy';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/QLASSY-ITALIC.OTF?v=19767337004526347641781037655") format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Kurdis';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/KURDIS-REGULAR.TTF?v=93971504900387531681781037655") format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kurdis';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/KURDIS-SEMIBOLD.TTF?v=104713214010419216271781037655") format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kurdis';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/KURDIS-BOLD.TTF?v=60156360023087445931781037655") format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kurdis Wide';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/KURDIS-WIDE.TTF?v=14085838039529229701781037655") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Kurdis Extra Wide';
  src: url("//wd05ha-uu.myshopify.com/cdn/shop/t/2/assets/KURDIS-EXTRAWIDE.TTF?v=52779608188274697971781037655") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 2. VARIABLES GLOBALES DE TIPOGRAFÍA */
:root {
  --font-stack-header: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  --font-stack-body: 'Poppins', 'Jost', sans-serif !important;
}

/* 3. APLICACIÓN DE KURDIS PARA BOTONES, ENLACES DE MENÚ Y DETALLES DE PRODUCTO */
.m-btn, 
.sf__btn, 
button, 
.m-hamburger-box, 
.m-footer .m-footer--block .m-footer--block-title,
.badge,
.m-topbar,
.m-announcement-bar {
  font-family: 'Kurdis', 'Jost', sans-serif !important;
}

/* 3b. TÍTULOS DE PRODUCTO EN KURDIS EXTRA WIDE MAYÚSCULAS */
.m-product-card .m-product-card__title .m-product-card__name, 
.m-product-card__name,
.m-product-title {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  font-weight: 400 !important; /* Regular */
}

/* 4. MEJORAS DE CABECERA: LOGOTIPO Y MENÚ */
.m-menu .m-menu__item .m-menu__link--main,
.m-menu-mobile__link {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-weight: 400 !important; /* Regular */
  -webkit-text-stroke: 0px transparent !important;
  text-shadow: none !important;
}

.m-menu .m-menu__item .m-menu__link--main {
  font-size: 11px !important; /* Ligeramente más grande para balancear el grosor */
}

.m-menu-mobile__link {
  font-size: 16px !important;
}

/* Hacer más grande el logo SVG de The Real Outlet en cabecera */
.m-header__logo img,
.m-logo__image img {
  max-width: 250px !important;
  width: 250px !important;
  height: auto !important;
}

/* Redimensionar logo en cabecera móvil */
@media (max-width: 1023px) {
  .m-header__logo img,
  .m-logo__image img {
    max-width: 165px !important;
    width: 165px !important;
  }
}

/* 5. TIPOGRAFÍA EN BANNERS PRINCIPALES (SLIDESHOW Y HERO) */
.m-custom-slideshow .m-slide__title,
.m-slide__title,
.m-hero__title,
.m-slideshow .m-slide__title,
.m-hero__content h2,
.m-slide__content h2,
.m-hero .m-hero__title,
.m-image-card__heading {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  font-weight: 400 !important; /* Regular como fue solicitado */
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  -webkit-text-stroke: 0px transparent !important;
  text-shadow: none !important;
}

/* 6. AJUSTE DE TAMAÑO Y ALINEACIÓN DE LOGOS EN EL SLIDER DE MARCAS */
.m-scrolling-promotion .m-promotion {
  display: flex !important;
  align-items: center !important;
}

.m-promotion__item img[src*="logo-louisvuitton"] {
  height: 48px !important;
}
.m-promotion__item img[src*="logo-ysl"] {
  height: 65px !important;
}
.m-promotion__item img[src*="logo-balmain"] {
  height: 50px !important;
}
.m-promotion__item img[src*="logo-dita"] {
  height: 46px !important;
}

/* 7. CONTRASTE Y TIPOGRAFÍA BLANCA PARA EL VIDEO BANNER DE INICIO */
.m-hero-section .m-hero__title,
.m-hero-section .m-hero__subtitle,
.m-hero-section .m-hero__text,
.m-hero-section .m-hero__text p,
.m-hero-section .m-hero__text span,
.m-hero-section .m-hero__btn a,
.m-hero-section .m-hero__btn a.m-button {
  color: #ffffff !important;
}

.m-hero-section .m-hero__btn a.m-button--link {
  border-bottom-color: #ffffff !important; /* Línea de subrayado blanca */
}

/* Capa de contraste oscura sobre el video */
.m-hero-section .m-hero--has-overlay .m-hero__bg::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.35) !important; /* Capa oscura del 35% de opacidad para legibilidad */
  pointer-events: none !important;
  z-index: 1 !important;
}

.m-hero-section .m-hero__inner {
  z-index: 2 !important; /* Colocar los textos por encima de la capa oscura */
}

/* 8. PERSONALIZACIÓN DE LA BARRA SUPERIOR (TOPBAR Y ANNOUNCEMENT BAR) */
/* Colores y Tipografía para la barra superior estilo Obsidian Black y Champagne Gold */
.m-topbar,
.m-announcement-bar {
  background-color: #121212 !important; /* Obsidian Black */
  background: #121212 !important;
  border-bottom: 1px solid #1a1a1a !important; /* Borde muy sutil */
}

/* Tipografía Kurdis Extra Wide en mayúsculas para todo el texto de la barra superior */
.m-topbar,
.m-topbar a,
.m-topbar span,
.m-topbar div,
.m-topbar select,
.m-topbar option,
.m-announcement-bar,
.m-announcement-bar a,
.m-announcement-bar span,
.m-announcement-bar div,
.m-announcement-bar .m-announcement-bar__content,
.m-topbar .m-select-custom--trigger-text,
.m-topbar .m-select-custom--option {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  font-weight: 400 !important;
  color: #ffffff !important; /* Blanco */
  font-size: 10px !important; /* Tamaño estilizado para la tipografía extra wide */
  transition: color 0.3s ease, opacity 0.3s ease !important;
}

/* Iconos SVG en Blanco */
.m-topbar svg,
.m-topbar svg path,
.m-announcement-bar svg,
.m-announcement-bar svg path,
.m-topbar__link svg,
.social-media-links--item svg {
  fill: #ffffff !important;
  color: #ffffff !important;
  stroke: none !important;
}

/* Manejar stroke para los SVGs que usan stroke en vez de fill */
.m-topbar svg[stroke],
.m-announcement-bar svg[stroke] {
  stroke: #ffffff !important;
}

/* Efectos de hover elegantes (cambio a Champagne Gold interactivo) */
.m-topbar a:hover,
.m-topbar a:hover span,
.m-topbar a:hover svg,
.m-announcement-bar a:hover,
.m-announcement-bar a:hover span,
.m-announcement-bar a:hover svg {
  color: #c5a880 !important; /* Champagne Gold en hover */
  opacity: 1 !important;
}

.m-topbar a:hover svg path {
  fill: #c5a880 !important;
}

/* Ajustes específicos para el dropdown del selector de idioma */
.m-topbar .m-select-custom--trigger {
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
}

.m-topbar .m-select-custom--options {
  background-color: #121212 !important; /* Fondo del dropdown en Obsidian Black */
  border: 1px solid #ffffff !important; /* Borde en Blanco */
}

.m-topbar .m-select-custom--option:hover {
  background-color: #1a1a1a !important;
  color: #c5a880 !important;
}

/* Alineación perfecta y consistente de elementos, enlaces e iconos en la barra superior (topbar) */
.m-topbar .social-media-links,
.m-topbar__left,
.m-topbar__right,
.m-topbar__inner {
  display: flex !important;
  align-items: center !important;
}

.m-topbar .social-media-links {
  gap: 16px !important; /* Espaciado entre distintas redes sociales */
}

.m-topbar .social-media-links--item,
.m-topbar .m-topbar__link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important; /* Espaciado óptimo entre icono y texto */
  vertical-align: middle !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

/* Alinear iconos SVG de forma precisa */
.m-topbar .social-media-links--item svg,
.m-topbar .m-topbar__link svg,
.m-topbar__left svg,
.m-topbar__right svg {
  display: inline-block !important;
  vertical-align: middle !important;
  width: 14px !important; /* Tamaño uniforme para los iconos de redes sociales y de contacto */
  height: 14px !important;
  margin: 0 !important;
  position: relative !important;
  top: -1px !important; /* Ajuste micrométrico para compensar el descentre óptico de la tipografía Kurdis */
  flex-shrink: 0 !important;
}

/* Alinear el selector de idioma dropdown y su icono */
.m-topbar .m-language-switcher,
.m-topbar .m-select-custom,
.m-topbar .m-select-custom--trigger {
  display: inline-flex !important;
  align-items: center !important;
}

.m-topbar .m-select-custom--trigger-icon svg {
  width: 10px !important;
  height: 10px !important;
  margin-left: 5px !important;
  top: 0px !important; /* No necesita descentre */
}

/* Ocultar redes sociales que no sean Facebook o Instagram en la barra superior (topbar) */
.m-topbar .social-media-links--item:not([href*="facebook"]):not([href*="instagram"]) {
  display: none !important;
}

/* Tipografía Kurdis Extra Wide en mayúsculas para los botones de Agregar rápido (Quick Add) */
.m-product-card__action-wrapper .m-button,
.m-product-card__action-wrapper a.m-button,
.m-product-card__action-wrapper button.m-button,
.m-add-to-cart,
.m-add-to-cart--text,
.m-product-quickview-button,
.m-product-card__action-wrapper span {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 11px !important; /* Tamaño sutil y premium */
}

/* Tipografía Kurdis Extra Wide en mayúsculas para textos destacados de SEO (Banners de Texto) */
.m-seo-text-kurdis .m-richtext__title,
.m-seo-text-kurdis h3,
.m-seo-text-kurdis p {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  font-size: 20px !important; /* Tamaño premium balanceado */
}

@media (max-width: 767px) {
  .m-seo-text-kurdis .m-richtext__title,
  .m-seo-text-kurdis h3 {
    font-size: 14px !important; /* Ajuste responsivo para pantallas móviles */
    letter-spacing: 1.5px !important;
  }
}

/* 9. SECCIÓN "LENTES VANGUARDISTAS" (DISEÑO Y AUTENTICIDAD) */
/* Subtítulo (Subheading) en Kurdis Extra Wide Mayúsculas */
.m-seo-text-vanguardia .m-richtext__subtitle {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #121212 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Título (Heading) en Kurdis Extra Wide Mayúsculas */
.m-seo-text-vanguardia .m-richtext__title {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
}

/* Descripción en Poppins */
.m-seo-text-vanguardia .m-richtext__description,
.m-seo-text-vanguardia .m-richtext__description p,
.m-seo-text-vanguardia .m-richtext__description strong {
  font-family: 'Poppins', 'Jost', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #4a4a4a !important; /* Gris oscuro elegante para mejor legibilidad */
}

/* Mantener palabras clave en strong un poco más remarcadas */
.m-seo-text-vanguardia .m-richtext__description strong {
  font-weight: 600 !important;
  color: #121212 !important;
}

/* Botón en Kurdis Extra Wide Mayúsculas */
.m-seo-text-vanguardia .m-richtext__button a,
.m-seo-text-vanguardia .m-button {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

  .m-seo-text-vanguardia .m-richtext__description,
  .m-seo-text-vanguardia .m-richtext__description p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }
}

/* 10. SECCIÓN "COLECCIÓN DE TEMPORADA" (COLLECTION LIST) */
/* Cabecera de la sección (Título H2) en Kurdis Extra Wide Mayúsculas */
.m-seo-collection-list-kurdis .m-section__header-heading,
.m-seo-collection-list-kurdis h2 {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
}

/* Descripción de la sección en Poppins */
.m-seo-collection-list-kurdis .m-section__header-description,
.m-seo-collection-list-kurdis p {
  font-family: 'Poppins', 'Jost', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #4a4a4a !important;
}

/* Nombres de Colección en Kurdis Extra Wide Mayúsculas */
.m-seo-collection-list-kurdis .m-collection-card__title,
.m-seo-collection-list-kurdis .m-collection-card__link {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #121212 !important;
}

/* 11. SECCIÓN "OUTLET DE LENTES DE SOL DE LUJO" (IMAGE WITH TEXT) */
/* Subtítulo (Subheading) en Kurdis Extra Wide Mayúsculas */
.m-seo-image-text-kurdis .m-richtext__subtitle {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 3px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #121212 !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* Título (Heading) en Kurdis Extra Wide Mayúsculas */
.m-seo-image-text-kurdis .m-richtext__title {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
}

/* Descripción en Poppins */
.m-seo-image-text-kurdis .m-richtext__description,
.m-seo-image-text-kurdis .m-richtext__description p,
.m-seo-image-text-kurdis .m-richtext__description strong {
  font-family: 'Poppins', 'Jost', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #4a4a4a !important;
}

.m-seo-image-text-kurdis .m-richtext__description strong {
  font-weight: 600 !important;
  color: #121212 !important;
}

/* Botón en Kurdis Extra Wide Mayúsculas */
.m-seo-image-text-kurdis .m-richtext__button a,
.m-seo-image-text-kurdis .m-button {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 11px !important;
}

/* Ajustes de adaptabilidad responsiva (móviles) */
@media (max-width: 767px) {
  .m-seo-collection-list-kurdis .m-section__header-heading,
  .m-seo-collection-list-kurdis h2 {
    font-size: 20px !important;
    letter-spacing: 1.5px !important;
  }
  .m-seo-collection-list-kurdis .m-section__header-description,
  .m-seo-collection-list-kurdis p {
    font-size: 13.5px !important;
  }
  .m-seo-collection-list-kurdis .m-collection-card__title,
  .m-seo-collection-list-kurdis .m-collection-card__link {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
  }
  .m-seo-image-text-kurdis .m-richtext__subtitle {
    font-size: 10px !important;
    letter-spacing: 2px !important;
  }
  .m-seo-image-text-kurdis .m-richtext__title {
    font-size: 20px !important;
    line-height: 1.35 !important;
    letter-spacing: 1.5px !important;
  }
  .m-seo-image-text-kurdis .m-richtext__description,
  .m-seo-image-text-kurdis .m-richtext__description p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }
}

/* 12. SECCIÓN PREGUNTAS FRECUENTES (FAQ) */
/* Cabecera de la sección (Título H2) en Kurdis Extra Wide Mayúsculas */
.m-seo-faq-kurdis .m-section__heading,
.m-seo-faq-kurdis h2.m-section__heading {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2.5px !important;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
}

/* Preguntas (Acordeón) en Kurdis Extra Wide Mayúsculas */
.m-seo-faq-kurdis .m-collapsible--button,
.m-seo-faq-kurdis .m-collapsible--button span {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #121212 !important;
}

/* Respuestas (Cuerpo) en Poppins */
.m-seo-faq-kurdis .m-collapsible--content__inner,
.m-seo-faq-kurdis .m-collapsible--content__inner p,
.m-seo-faq-kurdis .rte,
.m-seo-faq-kurdis .rte p,
.m-seo-faq-kurdis .rte span {
  font-family: 'Poppins', 'Jost', sans-serif !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  color: #4a4a4a !important;
}

/* Resaltados dentro de la respuesta */
.m-seo-faq-kurdis .m-collapsible--content__inner strong,
.m-seo-faq-kurdis .rte strong {
  font-weight: 600 !important;
  color: #121212 !important;
}

/* Ajustes responsivos para pantallas móviles */
@media (max-width: 767px) {
  .m-seo-faq-kurdis .m-section__heading,
  .m-seo-faq-kurdis h2.m-section__heading {
    font-size: 20px !important;
    letter-spacing: 1.5px !important;
  }
  .m-seo-faq-kurdis .m-collapsible--button,
  .m-seo-faq-kurdis .m-collapsible--button span {
    font-size: 11px !important;
    letter-spacing: 1.5px !important;
  }
  .m-seo-faq-kurdis .m-collapsible--content__inner,
  .m-seo-faq-kurdis .m-collapsible--content__inner p,
  .m-seo-faq-kurdis .rte,
  .m-seo-faq-kurdis .rte p {
    font-size: 13.5px !important;
    line-height: 1.65 !important;
  }
}

/* 13. ESTILO Y POSICIONAMIENTO DEL BOTÓN DE PROBADOR VIRTUAL (FITTINGBOX VTO) */
/* Contenedor principal de Fittingbox para que ocupe el 100% del ancho y se coloque arriba de Cantidad */
.m-product-form--wrapper > [class*="fitbox"],
.m-product-form--wrapper > [class*="fittingbox"],
.m-product-form--wrapper > [class*="vto"],
.m-product-form--wrapper > [id*="fitbox"],
.m-product-form--wrapper > [id*="fittingbox"] {
  width: 100% !important;
  max-width: 100% !important;
  order: -1 !important; /* Colocar por encima de la cantidad y del botón Añadir a la cesta */
  margin-bottom: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
  float: none !important;
  clear: both !important;
}

/* Estilo premium de botón de lujo para el VTO */
.m-product-form--wrapper > [class*="fitbox"] button,
.m-product-form--wrapper > [class*="fittingbox"] button,
.m-product-form--wrapper > [class*="vto"] button,
.m-product-form--wrapper > [id*="fitbox"] button,
.m-product-form--wrapper > [id*="fittingbox"] button,
.m-product-form--wrapper > button[class*="vto"],
#fbx-modalBtn {
  width: 100% !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 14px 28px !important;
  background-color: #ffffff !important; /* Fondo blanco */
  color: transparent !important; /* Oculta el texto original "Try-On" usando transparencia */
  border: 1px solid #121212 !important; /* Borde negro fino */
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
  font-size: 11px !important; /* Mantiene el tamaño de fuente para no colapsar la altura del botón */
  border-radius: 0 !important; /* Esquinas rectas minimalistas */
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  position: relative !important;
}

/* Reemplazo de texto y adición del texto en español (PROBAR EN VIVO) */
.m-product-form--wrapper > [class*="fitbox"] button::after,
.m-product-form--wrapper > [class*="fittingbox"] button::after,
.m-product-form--wrapper > [class*="vto"] button::after,
.m-product-form--wrapper > [id*="fitbox"] button::after,
.m-product-form--wrapper > [id*="fittingbox"] button::after,
.m-product-form--wrapper > button[class*="vto"]::after,
#fbx-modalBtn::after {
  content: "PROBAR EN VIVO" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  text-align: center !important;
  font-size: 11px !important;
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #121212 !important;
  transition: color 0.3s ease !important;
}

/* Efecto hover interactivo: cambia al color oscuro con texto Champagne Gold */
.m-product-form--wrapper > [class*="fitbox"] button:hover,
.m-product-form--wrapper > [class*="fittingbox"] button:hover,
.m-product-form--wrapper > [class*="vto"] button:hover,
.m-product-form--wrapper > [id*="fitbox"] button:hover,
.m-product-form--wrapper > [id*="fittingbox"] button:hover,
.m-product-form--wrapper > button[class*="vto"]:hover,
#fbx-modalBtn:hover {
  background-color: #121212 !important;
  border-color: #121212 !important;
}

.m-product-form--wrapper > [class*="fitbox"] button:hover::after,
.m-product-form--wrapper > [class*="fittingbox"] button:hover::after,
.m-product-form--wrapper > [class*="vto"] button:hover::after,
.m-product-form--wrapper > [id*="fitbox"] button:hover::after,
.m-product-form--wrapper > [id*="fittingbox"] button:hover::after,
.m-product-form--wrapper > button[class*="vto"]:hover::after,
#fbx-modalBtn:hover::after {
  color: #c5a880 !important; /* Texto Champagne Gold */
}

/* Ajustes responsivos para móviles */
@media (max-width: 767px) {
  .m-product-form--wrapper > [class*="fitbox"],
  .m-product-form--wrapper > [class*="fittingbox"],
  .m-product-form--wrapper > [class*="vto"],
  .m-product-form--wrapper > [id*="fitbox"],
  .m-product-form--wrapper > [id*="fittingbox"] {
    margin-bottom: 16px !important;
  }
  
  .m-product-form--wrapper > [class*="fitbox"] button::after,
  .m-product-form--wrapper > [class*="fittingbox"] button::after,
  .m-product-form--wrapper > [class*="vto"] button::after,
  .m-product-form--wrapper > [id*="fitbox"] button::after,
  .m-product-form--wrapper > [id*="fittingbox"] button::after,
  .m-product-form--wrapper > button[class*="vto"]::after,
  #fbx-modalBtn::after {
    font-size: 10px !important;
    letter-spacing: 1.5px !important;
  }
}

/* 14. AJUSTE DE TAMAÑO DE TIPOGRAFÍA Y CENTRADO DE TOOLTIPS DE TARJETAS DE PRODUCTO (VISTA RÁPIDA / DESEOS / COMPARAR) */
.m-tooltip__content,
.m-tooltip .m-tooltip__content {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  font-size: 8px !important; /* Más pequeño y sutil para una estética de ultra lujo */
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 4px 8px 6px 8px !important; /* Ajustado para compensar el descentre vertical de la fuente */
  line-height: 1 !important;
}


/* 15. OVERRIDE PARA REEMPLAZAR QLASSY POR KURDIS EXTRA WIDE EN TODOS LOS TÍTULOS Y CABECERAS */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.m-collection-page-header__title,
.m-sidebar--title,
.m-filter--widget-title,
.m-section__header-heading {
  font-family: 'Kurdis Extra Wide', 'Jost', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  font-weight: 400 !important;
}