/** Shopify CDN: Minification failed

Line 16:1 Unexpected "{"
Line 16:2 Expected identifier but found "%"
Line 17:25 Expected identifier but found whitespace
Line 18:63 Expected identifier but found whitespace
Line 19:1 Expected identifier but found "%"
Line 177:2 Unexpected "{"
Line 177:3 Expected identifier but found "%"
Line 178:8 Unexpected "11."
Line 180:3 Expected identifier but found "%"
Line 305:2 Unexpected "{"
... and 62 more hidden warnings

**/
 {% comment %} 
  --- ADN VISUAL HERMINE: REAJUSTE DE TALLAS PRO ---
  Reducimos la escala general para un look más lujoso y sutil.
{% endcomment %}

/* 1. TÍTULOS REFINADOS (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;
  line-height: 1.2 !important;
  color: #121212;
  /* REDUCCIÓN DE TAMAÑO PC: Antes era automático, ahora lo limitamos */
  font-size: 2.2rem !important; 
}

/* 2. EXCEPCIÓN: BANNERS Y TÍTULOS DE PÁGINA (Un poco más grandes que el resto) */
.banner__heading.h1, 
.collection-hero__title,
.main-page-title {
  font-size: 2.8rem !important; /* En PC se verá elegante, no gigante */
  letter-spacing: 0.2rem !important;
}

/* 3. CUERPO DE TEXTO (ASSISTANT 300) - AJUSTE A 1.35rem */
body, p, .rich-text__text, .product__description, .accordion__content, .trust-hermine-item p {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 300 !important;
  font-size: 1.80rem !important; /* Más fino y boutique */
  line-height: 1.6 !important;
  color: #555555 !important;
}

/* --- AJUSTE ESPECIAL MÓVIL (Escalado hacia abajo) --- */
@media screen and (max-width: 749px) {
  /* Títulos de secciones en móvil */
  h1, h2, h3, .h1, .h2, .h3 {
    font-size: 1.8rem !important; 
  }
  
  /* Título del producto y banner principal en móvil */
  .banner__heading.h1, 
  .product__title h1 {
    font-size: 2rem !important; 
  }

  /* Párrafos en móvil */
  body, p, .rich-text__text {
    font-size: 1.25rem !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 DEFINITIVA: TÁCTIL + FLECHAS ABAJO + PROXIMIDAD --- */
@media screen and (max-width: 749px) {
  .slider-counter.caption { display: none !important; }

  /* Permitimos deslizar con el dedo (swipe) de forma suave */
  .grid.slider.slider--tablet {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important; 
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important; /* Máxima suavidad en iPhone */
    gap: 0 !important;
    align-items: flex-start !important; 
  }

  .product__media-item.slider__slide { 
    width: 100% !important; 
    max-width: 100% !important; 
    flex-shrink: 0 !important; 
    scroll-snap-align: center !important;
  }

  /* REUBICACIÓN Y PROXIMIDAD DE FLECHAS */
  .slider-buttons {
    position: absolute !important; 
    top: auto !important; 
    bottom: 2rem !important; /* Las fijamos abajo de la foto */
    transform: none !important;
    
    /* LAS ACERCAMOS HACIA EL CENTRO: antes estaban a 100% ancho, ahora las agrupamos más */
    width: 100% !important; 
    left: 0 !important;
    padding: 0 15% !important; /* Este % las empuja hacia adentro de los lados para que no estén lejos */
    
    display: flex !important; 
    justify-content: space-between !important; 
    z-index: 10 !important; 
    pointer-events: none !important;
  }

  .slider-button {
    pointer-events: auto !important; 
    background: rgba(255, 255, 255, 0.9) !important; /* Casi blanco para que se vean nítidas */
    border: none !important; 
    border-radius: 50% !important; 
    width: 44px !important; 
    height: 44px !important; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.15); 
    color: #121212 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .slider-button .icon { width: 1.2rem; height: 1.2rem; }
}
  /* --- 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;
    }
  }

  /* --- 12. 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 %} 
  --- 13. 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 */
  }
  {% comment %} 
    --- 15. REDISEÑO DE FOOTER DE ALTA GAMA (ESTILO HERMINE) ---
    Soluciona el problema de los textos invisibles y aplica look minimalista.
  {% endcomment %}

  .footer {
    /* CAMBIA ESTE COLOR SI PREFIERES GRIS: #121212 (negro) o #222222 (gris oscuro) */
    background-color: #121212 !important; 
    color: #ffffff !important;
    border-top: 1px solid rgba(255,255,255,0.08); /* Línea divisoria muy fina */
  }

  /* FORZAMOS VISIBILIDAD DE TÍTULOS (Lo que se oculta en el vídeo) */
  .footer-block__heading,
  .footer-block__heading a,
  .footer__newsletter .footer-block__heading {
    color: #FFFFFF !important; /* Blanco brillante */
    font-family: 'Bodoni Moda', serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15rem !important;
    font-weight: 400 !important;
    opacity: 1 !important;
  }

  /* TEXTOS DE MENÚS Y PÁRRAFOS DENTRO DEL FOOTER */
  .footer-block__details-content .list-menu__item--link,
  .footer-block__details-content p,
  .copyright__content {
    color: rgba(255, 255, 255, 0.7) !important; /* Un blanco suave para no saturar */
    font-family: 'Assistant', sans-serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.05rem;
  }

  .footer-block__details-content .list-menu__item--link:hover {
    color: #FFFFFF !important; /* Blanco total al pasar el ratón */
  }

  /* CAMPO DEL CORREO ELECTRÓNICO (Newsletter) */
  .footer__newsletter input {
    background-color: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    color: #FFFFFF !important;
  }

  .footer__newsletter .field__label {
    color: rgba(255, 255, 255, 0.5) !important; /* Color del texto guía dentro del cajón */
  }

  /* ICONOS SOCIALES Y PAGOS EN BLANCO */
  .footer .list-social__link,
  .footer__payment-icons svg {
    color: #FFFFFF !important;
  }
  {% comment %} 
    --- 16. SOPORTE PARA NEGRITAS EN EL CONSEJO DE ESTILO ---
    Esto permite que las frases seleccionadas como Negrita en Shopify se vean reales.
  {% endcomment %}

  /* Targeteamos el texto del nuevo bloque de consejo */
  .consejo-main-text {
    font-weight: 300; /* Mantiene la elegancia base */
  }

  /* Forzamos a que cuando detecte un texto en negrita (strong o b) suba el grosor */
  .consejo-main-text strong, 
  .consejo-main-text b {
    font-weight: 700 !important; 
    color: #121212 !important; /* Un poco más negro para destacar */
  }
  {% comment %} 
    --- 17. PRENSA: ENLACES EDITORIALES (PASO A PASO HERMINE) ---
    Convertimos las etiquetas de enlace de cada columna en textos de lujo.
  {% endcomment %}

  /* Targeteamos el enlace de cada columna para que sea fino y subrayado */
  .multicolumn-card__info .link {
    font-family: 'Assistant', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15rem !important;
    text-decoration: underline !important;
    color: #121212 !important;
    display: inline-block;
    margin-top: 1.5rem !important;
    cursor: pointer !important;
  }

  /* Quitamos el icono de flecha pequeña que Dawn pone al lado del enlace */
  .multicolumn-card__info .link .icon-wrap {
    display: none !important;
  }

  /* Hover suave para indicar que es clicable */
  .multicolumn-card__info .link:hover {
    opacity: 0.5;
    text-decoration: none !important;
  }

  /* Unificación de los títulos de prensa en Bodoni */
  .multicolumn-card__info h3 {
    font-family: 'Bodoni Moda', serif !important;
    font-size: 1.8rem !important;
    margin-bottom: 1rem !important;
  }
  {% comment %} 
  --- 18. SOLUCIÓN CONFLICTO WHATSAPP VS BOTÓN DE PAGO ---
  Oculta el WhatsApp solo cuando el carrito está abierto para no tapar el pago.
{% endcomment %}

/* Cuando el cuerpo de la web está bloqueado (porque el carrito está abierto) 
   escondemos el widget de WhatsApp por completo */
body.overflow-hidden #shopify-section-whatsapp-widget,
body.overflow-hidden .whatsapp-widget-container,
body.drawer-active #shopify-section-whatsapp-widget {
  display: none !important;
}

/* Blindaje extra para que el carrito siempre gane en altura visual */
.drawer {
  z-index: 999999999 !important;
}

/* Si tu WhatsApp tiene un ID diferente, este selector lo cubre por clase genérica */
body.overflow-hidden [id*="whatsapp"] {
  display: none !important;
}
{% comment %} 
  --- 19. CORRECCIÓN DE BANNER DE COLECCIÓN (EVITAR RECORTE) ---
  Fuerza a que las fotos de Le Bloom, Invitadas, etc., aparezcan 
  completas sin zoom artificial ni cortes.
{% endcomment %}

/* 1. Ajustamos el contenedor para que admita la imagen completa */
.collection-hero__image-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent !important;
  border: none !important;
}

/* 2. Forzamos la imagen a 'encajar' (contain) en lugar de 'rellenar' (cover) */
.collection-hero__image-container img {
  object-fit: contain !important; /* Muestra la joya completa sin recortes */
  width: 100% !important;
  height: auto !important;
  max-height: 450px !important; /* Altura máxima elegante para que no se haga gigante */
  position: relative !important;
}

/* 3. Ajuste para móvil para que la pieza luzca bien de cerca */
@media screen and (max-width: 749px) {
  .collection-hero__image-container {
    min-height: 250px !important;
  }
  .collection-hero__image-container img {
    max-height: 300px !important;
  }
}
{% comment %} 
  --- 20. REPARACIÓN DEFINITIVA BANNER DE COLECCIÓN (SIN OPCIONES DE ALTURA) ---
  Este código fuerza la visibilidad COMPLETA de la joya en Le Bloom, Invitadas, etc.
  Anula el zoom automático de Shopify Dawn.
{% endcomment %}

/* 1. Preparamos el marco de la foto */
.collection-hero__image-container {
  background-color: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 300px !important; /* Altura mínima elegante */
  max-height: 500px !important; /* Evitamos que ocupe toda la pantalla */
}

/* 2. Forzamos a la imagen a no recortarse NUNCA */
.collection-hero__image-container img {
  object-fit: contain !important; /* Muestra la imagen completa de borde a borde */
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

/* 3. Ajuste para móvil (Criterio Joyería de Autor) */
@media screen and (max-width: 749px) {
  .collection-hero__image-container {
    min-height: 250px !important;
    max-height: 300px !important;
    margin-top: 1.5rem;
  }
  
  /* Centramos el título para que no choque con la imagen */
  .collection-hero__title {
    text-align: center !important;
    margin-bottom: 2rem !important;
  }
}
{% comment %} 
  --- 21. DISEÑO DE BANNER DE COLECCIÓN PREMIUM (ESTILO BOUTIQUE) ---
  Este código hace la imagen más pequeña, evita que se corte y centra la joya.
{% endcomment %}

/* 1. Reducimos la altura total de la sección de cabecera */
.collection-hero {
  min-height: 250px !important;
  padding-bottom: 2rem !important;
  background-color: #fafafa; /* Fondo muy claro para resaltar el blanco de tus fotos */
}

/* 2. Controlamos el tamaño de la imagen para que sea pequeña y entera */
.collection-hero__image-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
  max-width: 450px !important; /* Limitamos el ancho de la foto para que sea elegante */
  max-height: 350px !important; /* Limitamos la altura */
  border: none !important;
}

.collection-hero__image-container img {
  object-fit: contain !important; /* Foto 100% entera siempre */
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
}

/* 3. Estilo de los textos de la colección */
.collection-hero__title {
  font-family: 'Bodoni Moda', serif !important;
  font-size: 2.8rem !important; /* Títulos finos */
  color: #121212 !important;
}

.collection-hero__description {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 300 !important;
  color: #666666 !important;
}

/* --- AJUSTE ESPECIAL MÓVIL --- */
@media screen and (max-width: 749px) {
  .collection-hero__image-container {
    max-width: 250px !important; /* Mucho más pequeña en el móvil para que se vea refinada */
    min-height: 200px !important;
    margin-top: 2rem !important;
  }
  
  .collection-hero__inner {
    flex-direction: column !important; /* Título arriba, foto abajo */
    align-items: center !important;
    text-align: center !important;
  }
}
{% comment %} 
  --- 22. REAJUSTE DE NOMBRES DE PRODUCTO (MAESTRO) ---
  Este código solo afecta a los nombres de los pendientes en los catálogos.
  Mantiene la finura de Bodoni Moda pero con tamaños boutique.
{% endcomment %}

/* Targeteamos específicamente los nombres de productos en las tarjetas */
.card__information .card__heading, 
.card__information .card__heading a {
  font-family: 'Bodoni Moda', serif !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

/* AJUSTE PARA ORDENADOR / PORTÁTIL */
@media screen and (min-width: 990px) {
  .card__information .card__heading, 
  .card__information .card__heading a {
    font-size: 1.45rem !important; /* Equilibrio de lujo: ni pequeño ni tosco */
    letter-spacing: 0.12rem !important; /* Más aire para estatus */
    margin-bottom: 0.8rem !important;
  }
}

/* AJUSTE PARA MÓVIL (Diferenciado para evitar que se vea apretado) */
@media screen and (max-width: 749px) {
  .card__information .card__heading, 
  .card__information .card__heading a {
    font-size: 1.2rem !important; /* Tamaño fino y elegante para móvil */
    letter-spacing: 0.08rem !important;
    margin-top: 1rem !important;
  }
  
  /* Ajustamos sutilmente el precio para que no sea más grande que el nombre */
  .card__information .price {
    font-size: 1.15rem !important;
    margin-top: 0.2rem !important;
  }
}

/* Reducimos el relleno blanco de las tarjetas para que la foto y el texto vayan de la mano */
.card__content {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
{% comment %} 
  --- BLOQUE 23. AJUSTE DE REFINAMIENTO DE COLECCIONES (PC Y MÓVIL) ---
  Este bloque soluciona el tamaño pequeño en PC y el exceso de aire en móvil, 
  afectando ÚNICAMENTE a las tarjetas de colecciones.
{% endcomment %}

/* --- 1. VISTA PC (Pantalla Grande) --- */
@media screen and (min-width: 990px) {
  /* Aumentamos el nombre de la colección para que tenga peso visual de firma */
  .collection-list .card__heading,
  .collection-list .card__heading a {
    font-size: 1.9rem !important; /* Subimos a 1.9 para recuperar la autoridad en ordenador */
    letter-spacing: 0.15rem !important;
    margin-top: 1.5rem !important;
  }
}

/* --- 2. VISTA MÓVIL (Foto 2) --- */
@media screen and (max-width: 749px) {
  /* Eliminamos el hueco exagerado entre la foto y el texto "ALQUIMIA" o "LE BLOOM" */
  .collection-list .card__information {
    padding-top: 0.5rem !important; /* Reducción drástica del espacio superior */
    padding-bottom: 1.5rem !important;
    margin-top: 0 !important;
  }

  .collection-list .card__heading {
    font-size: 1.45rem !important; /* Tamaño sutil y muy legible en móvil */
    margin-top: 0.2rem !important; /* Acercamos el título a la imagen */
    letter-spacing: 0.08rem !important;
  }
  
  /* Reducimos el espacio general de la grilla de colecciones en móvil */
  .collection-list {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
}

/* --- 3. LIMPIEZA TÉCNICA (Común para todos) --- */
/* Forzamos que la flecha '->' que sale a veces sea discreta */
.collection-list .icon-wrap {
  margin-left: 0.5rem !important;
  transform: scale(0.8);
}
{% comment %} 
  --- BLOQUE 24 (REVISADO Y BLINDADO). AJUSTE DE PROXIMIDAD TOTAL ---
  Ataca todas las capas de espacio entre imagen y texto para forzar el pegado.
{% endcomment %}

/* 1. PRODUCTOS (Grilla de pendientes) */
/* Atacamos el contenedor de información */
.card__content .card__information {
  padding-top: 0.5rem !important; /* Reducimos drásticamente el hueco superior */
}

/* Atacamos el título del producto directamente */
.card__heading {
  margin-top: 0 !important;
  margin-bottom: 0.5rem !important;
}

/* 2. COLECCIONES (Cuadros de "ALQUIMIA", "LE BLOOM", etc.) */
/* Shopify usa una estructura especial para los cuadros de colección en la home */
.card--card .card__content, 
.card--standard .card__content,
.collection-list .card__information {
  padding-top: 0.8rem !important; /* Casi eliminamos el hueco entre imagen y nombre */
}

/* Eliminamos margen extra que el sistema Dawn pone en el enlace de la colección */
.card__heading a:after {
  bottom: 0 !important; /* Ajuste técnico para evitar que el área clickable genere aire */
}

/* --- AJUSTE DE PRECISIÓN PC VS MÓVIL --- */

/* VISTA ORDENADOR */
@media screen and (min-width: 750px) {
  .card__information {
    padding-bottom: 1.5rem !important;
  }
}

/* VISTA MÓVIL (Fotos 3 y 4: aquí es donde más se nota el cambio) */
@media screen and (max-width: 749px) {
  /* Forzamos el pegado máximo en las 2 columnas del móvil */
  .card__content .card__information,
  .collection-list .card__information {
    padding-top: 0.2rem !important; 
    padding-bottom: 1rem !important;
  }

  .card__heading {
    font-size: 1.25rem !important; /* Mantenemos el tamaño fino que te gustó */
  }

  /* Si las fotos de colección en móvil ("NOVIAS", "INVITADAS") tienen mucho aire, lo quitamos */
  .collection-list__item .card__content {
    margin-top: -1rem !important; /* "Subimos" el texto hacia la foto */
  }
}
{% comment %} 
{% comment %} 
  --- BLOQUE 25. REAJUSTE DE DESPLEGABLES (VISTA BOUTIQUE) ---
  Reducimos títulos y contenido de "Descripción, Artesanía, Envío y Garantía" 
  para lograr un acabado fino y proporcional en todas las pantallas.
{% endcomment %}

/* 1. TÍTULOS DE LOS DESPLEGABLES (Ej: DESCRIPCIÓN) */
.product__accordion .accordion__title {
  font-family: 'Bodoni Moda', serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12rem !important;
  font-weight: 400 !important;
  line-height: 1.1 !important;
}

/* 2. TEXTO DEL INTERIOR (Lo que sale al abrir) */
.product__accordion .accordion__content, 
.product__accordion .rte {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #666666 !important; /* Gris suave para menos peso visual */
}

/* --- AJUSTES POR PANTALLA --- */

/* ESCALA PARA ORDENADOR (Foto 1 y 2) */
@media screen and (min-width: 990px) {
  /* Título del desplegable en PC */
  .product__accordion .accordion__title {
    font-size: 1.35rem !important; /* Dejamos atrás el tamaño gigante por uno refinado */
  }
  /* Texto interior en PC */
  .product__accordion .accordion__content, .product__accordion .rte {
    font-size: 1.15rem !important; /* Letra pequeña editorial de alta joyería */
  }
  /* Quitamos aire vertical innecesario */
  .product__accordion summary {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important;
  }
}

/* ESCALA PARA MÓVIL (Foto 3 y 4) */
@media screen and (max-width: 749px) {
  /* Título del desplegable en móvil */
  .product__accordion .accordion__title {
    font-size: 1.15rem !important; /* Muy fino para que no sature la pantalla */
  }
  /* Texto interior en móvil (mantenemos el tamaño que ya te gustaba) */
  .product__accordion .accordion__content, .product__accordion .rte {
    font-size: 1.1rem !important; 
  }
  /* Máxima compresión vertical para no hacer scroll infinito */
  .product__accordion summary {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }
}

/* Extra: Limpieza de flecha de despliegue */
.product__accordion .icon-caret {
  width: 1rem !important;
  right: 0 !important;
}
{% comment %} 
  --- BLOQUE 26. REDUCCIÓN TOTAL DE TEXTO INTERIOR (MÁXIMO REFINAMIENTO) ---
  Este código fuerza a que la letra dentro de los desplegables sea pequeña
  y fina en todas las resoluciones, estilo 'nota de joyería'.
{% endcomment %}

/* Atacamos todas las posibles etiquetas dentro del desplegable */
.product__accordion .accordion__content,
.product__accordion .accordion__content p,
.product__accordion .accordion__content span,
.product__accordion .accordion__content div,
.product__accordion .rte p {
  font-family: 'Assistant', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  color: #666666 !important;
  letter-spacing: 0.02rem !important;
  text-transform: none !important; /* Aseguramos que sea natural, no mayúsculas */
}

/* Talla para ORDENADOR (Vista 1) */
@media screen and (min-width: 990px) {
  .product__accordion .accordion__content,
  .product__accordion .accordion__content p,
  .product__accordion .rte p {
    font-size: 1.30rem !important; /* Tamaño 'micro' refinado para PC */
    margin-bottom: 0.8rem !important;
  }
}

/* Talla para MÓVIL (Vista 2) */
@media screen and (max-width: 749px) {
  .product__accordion .accordion__content,
  .product__accordion .accordion__content p,
  .product__accordion .rte p {
    font-size: 1.15rem !important; /* Más pequeño para móviles */
    line-height: 1.4 !important;
    margin-bottom: 0.6rem !important;
  }
}