/** Shopify CDN: Minification failed

Line 121:0 Unexpected "{"
Line 121:1 Expected identifier but found "%"
Line 122:6 Unexpected "11."
Line 124:1 Expected identifier but found "%"
Line 210:0 Unexpected "{"
Line 210:1 Expected identifier but found "%"
Line 339:0 Unexpected "{"
Line 339:1 Expected identifier but found "%"
Line 340:17 Expected identifier but found whitespace
Line 340:50 Unexpected "("
... and 9 more hidden warnings

**/
/* --- 1. TÍTULOS DE LUJO EDITORIAL (BODONI MODA) --- */
h1, h2, h3, .h0, .h1, .h2, .h3, .card__heading, .rich-text__heading, .accordion__title {
  font-family: 'Bodoni Moda', serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15rem !important; /* Aire para que las líneas finas respiren */
  line-height: 1.2 !important;
  color: #121212;
}

/* --- 2. BANNER PRINCIPAL (ESTILO VOGUE) --- */
/* Forzamos que sea blanco sobre la imagen, pero con fuente cursiva opcional para mayor glamour */
.banner__heading, 
.banner__heading.h1, 
.image-banner .banner__heading {
  color: #FFFFFF !important;
  font-family: 'Bodoni Moda', serif !important;
  text-transform: none !important; /* En el banner principal, las minúsculas con cursiva quedan más "de diseño" */
  letter-spacing: 0.05rem !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Tamaño adaptable */
@media screen and (min-width: 750px) {
  .banner__heading.h1 { font-size: 3.8rem !important; }
}
@media screen and (max-width: 749px) {
  .banner__heading.h1 { font-size: 2.5rem !important; }
}

/* --- 3. CUERPO DE TEXTO "PESO PLUMA" (ASSISTANT 300) --- */
body, p, .rich-text__text, .product__description, .accordion__content {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.45rem !important;
  line-height: 1.7 !important;
  color: #555555 !important;
}

/* --- 4. BOTONES Y PRECIOS --- */
.button, .price, .header__menu-item span, .list-menu__item {
  font-family: 'Assistant', sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1rem !important;
  font-weight: 400 !important;
  border-radius: 0 !important;
}

/* --- 5. AJUSTES DE ESPACIOS --- */
.section-padding {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

/* --- 6. GALERÍA PROFESIONAL (ESCRITORIO) --- */
@media screen and (min-width: 990px) {
  .product__media-list { display: block !important; width: 100% !important; }
  .product__media-item {
    display: none !important; width: 100% !important;
    max-width: 100% !important; flex-basis: 100% !important;
    margin: 0 !important; padding: 0 !important;
  }
  .product__media-item.is-active { display: block !important; }
  .product__column-sticky .thumbnail-list {
    display: flex !important; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 20px; list-style: none; padding: 0;
  }
  .thumbnail-list__item { width: 75px !important; cursor: pointer; opacity: 0.5; }
  .thumbnail-list__item[aria-current="true"] { opacity: 1; border: 1px solid #121212 !important; }
}

/* --- 7. GALERÍA MÓVIL: FLECHAS SEPARADAS --- */
@media screen and (max-width: 749px) {
  .slider-counter.caption { display: none !important; }
  .grid.slider.slider--tablet { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory !important; gap: 0 !important; }
  .product__media-item.slider__slide { width: 100% !important; max-width: 100% !important; flex-shrink: 0 !important; }
  .slider-buttons {
    position: absolute !important; top: 50% !important; left: 0 !important; right: 0 !important; width: 100% !important;
    justify-content: space-between !important; transform: translateY(-50%) !important; z-index: 10 !important; padding: 0 10px !important; pointer-events: none !important;
  }
  .slider-button {
    pointer-events: auto !important; background: rgba(255, 255, 255, 0.7) !important; border: none !important; border-radius: 50% !important; width: 44px !important; height: 44px !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1); color: #121212 !important;
  }
}

/* --- 8. BOTONES COMPRA RÁPIDA (V6) --- */
.quick-add__submit, .card__content .button, .quick-add__submit.button--full-width {
  background-color: #121212 !important; color: #FFFFFF !important; border-radius: 0 !important; min-height: 4.8rem !important; display: flex !important; align-items: center !important; justify-content: center !important;
}
.quick-add__submit span, .card__content .button span {
  color: #FFFFFF !important; font-family: 'Assistant', sans-serif !important; text-transform: uppercase !important; letter-spacing: 0.15rem !important; visibility: visible !important; opacity: 1 !important; display: inline-block !important;
}

/* --- 9. BANNER DE COOKIES --- */
#shopify-privacy-banner { background-color: #ffffff !important; border-top: 1px solid #eeeeee !important; padding: 25px !important; }
#shopify-privacy-banner .button { border-radius: 0 !important; background-color: #121212 !important; color: #ffffff !important; }

/* --- 10. REDES SOCIALES EN MENÚ (STAY AT BOTTOM) --- */
.menu-drawer__inner-container { display: flex !important; flex-direction: column !important; height: 100% !important; min-height: 90vh !important; }
.menu-drawer__navigation-container { display: flex !important; flex-direction: column !important; flex: 1 !important; justify-content: space-between !important; }
.menu-drawer__utility-links { display: flex !important; padding: 3rem 2rem !important; border-top: 1px solid #e8e8e8 !important; margin-top: auto !important; }
.menu-drawer__utility-links .list-social { justify-content: flex-start !important; gap: 2.5rem !important; display: flex !important; list-style: none !important; padding: 0 !important; }
.menu-drawer__utility-links .list-social__link { color: #121212 !important; padding: 0 !important; }
.menu-drawer__utility-links .icon { width: 2.2rem !important; height: 2.2rem !important; }
.menu-drawer__utility-links .list-social__link span { display: none !important; }
{% comment %} 
  --- 11. PIE DE PÁGINA LEGAL FINAL (UNA SOLA LÍNEA EN PC / 2 COLUMNAS EN MÓVIL) ---
  Este código une el copyright y las políticas con el punto intermedio ·
{% endcomment %}

/* 1. Contenedor principal de la fila de abajo */
.footer__content-bottom-wrapper {
  display: flex !important;
  flex-direction: column !important; 
  align-items: center !important;
  gap: 1.5rem;
}

@media screen and (min-width: 750px) {
  .footer__content-bottom-wrapper {
    flex-direction: row !important; 
    justify-content: center !important; 
    gap: 3rem !important;
  }
}

/* 2. La lista de políticas */
.politicas-list-horizontal {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  width: 100% !important; /* Ocupa todo el ancho en móvil para las 2 columnas */
}

/* --- PUNTO INTERMEDIO (SOLO PARA ORDENADOR) --- */
@media screen and (min-width: 750px) {
  .politicas-list-horizontal li:not(:last-child):after {
    content: "·" !important;
    margin-left: 1.5rem !important;
    margin-right: 0.5rem !important;
    color: #888888 !important;
    font-size: 1.5rem !important;
    vertical-align: middle !important;
  }
}

/* 3. Estilo de fuentes y color (Assistant 300 - Gris) */
.politicas-link, .copyright__content {
  font-family: 'Assistant', sans-serif !important;
  font-size: 1.1rem !important; 
  font-weight: 300 !important;
  color: #888888 !important; 
  text-decoration: none !important;
  text-transform: none !important;
}

.politicas-link:hover {
  color: #121212 !important; 
}

/* --- 4. AJUSTE ESPECIAL MÓVIL (DOS COLUMNAS) --- */
@media screen and (max-width: 749px) {
  .footer__content-bottom-wrapper {
    gap: 2rem !important;
  }

  .politicas-list-horizontal {
    display: flex !important;
    flex-direction: row !important; /* Permitimos que vayan hacia los lados */
    flex-wrap: wrap !important;     /* Forzamos el salto de línea */
    justify-content: center !important;
    row-gap: 1.2rem !important;      /* Espacio entre las filas */
    column-gap: 0 !important;
  }

  .politicas-list-horizontal li {
    width: 50% !important;   /* Al medir 50%, solo caben dos por fila */
    text-align: center !important;
    padding: 0 5px !important;
  }

  /* Quitamos el punto separador en móvil porque al ser 2 columnas se vería desalineado */
  .politicas-list-horizontal li:after {
    display: none !important;
  }

  /* Ajuste para el copyright en móvil */
  .copyright__content {
    margin-bottom: 1rem !important;
  }
}
{% comment %} 

/* --- 12. DISEÑO FINAL VALORES DE MARCA HERMINE (2 COLUMNAS EN MÓVIL) --- */

.footer-trust-hermine {
  border-top: 1px solid rgba(18, 18, 18, 0.08);
  padding: 5rem 0; 
  margin-top: 2rem;
  width: 100%;
}

.trust-hermine-grid {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 5rem;
  flex-wrap: wrap; /* Permite que el contenido salte de línea */
}

.trust-hermine-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex: 1;
  min-width: 180px;
  max-width: 240px;
}

.trust-hermine-item img {
  height: 50px !important;
  width: auto !important;
  object-fit: contain !important;
  margin-bottom: 2rem;
  opacity: 0.9;
}

.trust-hermine-item:nth-child(2) img,
.trust-hermine-item:nth-child(3) img {
  transform: scale(1.15);
}

.trust-hermine-item p {
  font-family: 'Assistant', sans-serif !important;
  font-size: 1.25rem !important; 
  font-weight: 300 !important; 
  line-height: 1.5;
  color: #121212;
  margin: 0;
  letter-spacing: 0.02rem;
}

/* --- AJUSTE ESPECIAL MÓVIL: FORZAR 2 COLUMNAS --- */
@media screen and (max-width: 749px) {
  .footer-trust-hermine {
    padding-top: 3rem !important;
    padding-bottom: 1rem !important;
  }

  .trust-hermine-grid {
    display: flex !important;
    flex-direction: row !important; /* Forzamos que sigan siendo fila */
    flex-wrap: wrap !important;     /* Pero que salten cuando no quepan */
    justify-content: center !important;
    gap: 4rem 1.5rem !important;    /* 4rem de separación entre filas para que no se pisen */
  }

  .trust-hermine-item {
    /* Forzamos que cada icono ocupe casi la mitad de la pantalla */
    flex: 0 0 45% !important; 
    max-width: 45% !important;
    min-width: 45% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .trust-hermine-item img {
    height: 42px !important; /* Iconos un pelín más pequeños para que el texto respire */
    margin-bottom: 1.2rem !important;
  }

  .trust-hermine-item p {
    font-size: 1rem !important; /* Tamaño de letra fino para que el texto largo quepa en el bloque */
    line-height: 1.3 !important;
    width: 100% !important;
  }
}

/* --- 13. ESTILO ENLACES LEGALES Y COOKIES --- */
.footer__column-politicas {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
  padding-bottom: 2rem;
}

.politicas-list-horizontal {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: center;
}

.politicas-link {
  font-family: 'Assistant', sans-serif !important;
  font-size: 1.1rem !important;
  color: #888888 !important;
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

/* Identificamos el bloque de aviso y le pedimos que esconda la segunda línea de texto */
.pickup-availability-preview p.pickup-availability-info:nth-of-type(2) {
  display: none !important;
}

/* Alineamos el check con el botón para que quede elegante */
.pickup-availability-preview {
  gap: 0 !important;
  margin-top: 1rem !important;
}

{% comment %} 
  BLOQUE HERMINE: OCULTAR SOLO LA FRASE DE TIEMPO (24H) 
  No modifica ninguna otra parte del diseño actual.
{% endcomment %}

/* Identificamos el contenedor de información y ocultamos específicamente la segunda frase */
.pickup-availability-info p.caption {
  display: none !important;
}

/* Nos aseguramos de que el link de "Ver información" se mantenga siempre visible */
.pickup-availability-button {
  display: inline-block !important;
  text-decoration: underline;
  margin-top: 5px;
}

/* Refuerzo para que el bloque de ubicación siga visible */
.pickup-availability-info p.caption-large {
  display: block !important;
  margin: 0 !important;
}

{% comment %} 
--- 14. CENTRADO DE PAGOS Y COPYRIGHT (FOOTER) ---
  Alinea tarjetas, Paypal y @2026 Hermine al centro exacto.
{% endcomment %}

/* Forzamos a que el carril inferior del footer ocupe todo el ancho y se centre */
.footer__content-bottom-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}

/* Centramos la columna que contiene los pagos y el texto */
.footer__column--info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  padding: 0 !important;
}

/* Centramos específicamente la lista de tarjetas (Visa, PayPal...) */
.footer__payment ul.list-payment {
  justify-content: center !important;
  padding: 0 !important;
  margin-top: 2rem !important; /* Espacio sutil con el contenido de arriba */
}

/* Centramos el texto del Copyright */
.footer__copyright {
  text-align: center !important;
  margin-top: 1rem !important;
}

/* Ajuste móvil: para asegurar que nada se desalinee en pantallas pequeñas */
@media screen and (max-width: 749px) {
  .footer__content-bottom-wrapper {
    gap: 1.5rem;
  }
}

{% comment %} 
  --- 14. CORRECCIÓN DE ENCUADRE DE BANNER HERMINE ---
  Evita que el cabecero tape la cabeza de la modelo o los pendientes.
  Fuerza a la imagen a priorizar la parte superior de la foto.
{% endcomment %}

/* 1. Forzamos a que la imagen se "ancle" arriba y no se centre */
.banner__media.media img {
  object-fit: cover !important; 
  object-position: top center !important; /* CLAVE: Mantiene la cabeza y pendientes siempre visibles */
}

/* 2. Ajuste de altura para que la imagen se vea más estilizada (Tipo Boutique) */
@media screen and (min-width: 750px) {
  .banner--small:not(.banner--adapt) {
    min-height: 48rem !important; /* Puedes subir o bajar este número (45, 50) para ver más o menos foto */
  }
}

/* 3. Evitamos que la superposición oscura sea demasiado fuerte */
.banner__media.media::after {
  opacity: 0.1 !important; /* Si la foto se ve muy oscura, esto le da más luz */
}