/** Shopify CDN: Minification failed

Line 155:18 Expected identifier but found "."
Line 906:34 Unexpected ".5"

**/
/* Media Grid: Max-width 1140px */
.media-grid {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* Asegurar que el contenedor padre no interfiera */
.shopify-section .media-grid {
  width: 100%;
  box-sizing: border-box;
}

/* Mobile: Full width con padding */
@media (max-width: 699px) {
  .media-grid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/* ============================================
   FEATURED PRODUCTS STYLING
   ============================================ */

/* Espaciado de la section */
.featured-collection {
  padding: 80px 0;
  background: #ffffff;
}

/* Título y descripción */
.featured-collection__heading {
  text-align: center;
  margin-bottom: 16px;
}

.featured-collection__description {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 48px;
  color: #666;
  font-size: 1.1rem;
}

/* Grid de productos */
.product-list {
  max-width: 1140px;
  margin: 0 auto;
}

/* Spacing entre productos */
.product-card {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  .featured-collection {
    padding: 60px 20px;
  }
}

#shopify-section-template--19327760171146__featured_collection_yNLfM9 > div {    text-align: -webkit-center !important;  }

.section-stack {
    max-width: 1140px;
}

.product-card__info {
    text-align: left;
}

.header-nacach__row--nav {
    background: #6060604f !important;

}

@font-face {
  font-family: 'Fambrey';
  src: url('/cdn/shop/files/Fambrey.woff?v=1760359204') format('woff'),
       url('/cdn/shop/files/Fambrey.woff2?v=1760359203') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Gotham-Book';
  src: url('/cdn/shop/files/Gotham-Book.woff?v=1760359222') format('woff'),
       url('/cdn/shop/files/Gotham-Book.woff2?v=1760359222') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'HelveticaNeueCondensedBlack';
  src: url('/cdn/shop/files/HelveticaNeueCondensedBlack.woff?v=1760359694') format('woff'),
       url('/cdn/shop/files/HelveticaNeueCondensedBlack.woff2?v=1760359694') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ClanProRegular';
  src: url('/cdn/shop/files/FFClanProRegular.woff?v=1760566083') format('woff'),
       url('/cdn/shop/files/FFClanProRegular.woff2?v=1760566082') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
#shopify-section-template--19327760171146__video_hero_nacach_PDTHKL > section > div > div > h1 { 
    font-family:'Fambrey'; 
}
#shopify-section-template--19327760171146__featured_collection_yNLfM9 > div > div > section-header > div > h2 {
  font-family:'Fambrey';
  text-align: left;
}
#shopify-section-template--19327760171146__featured_collection_yNLfM9 > div > div > section-header > div > p {
  font-family: 'ClanProRegular';
  font-weight: 500;
  font-size: 20px;
  text-align:center !important;
}
#scroll-area-template--19327760171146__featured_collection_yNLfM9 > reveal-items > product-list > product-card > div.product-card__info > div > span > a {
  font-family: 'ClanProRegular';
  font-weight: bold;
  font-size:14px;
}
p.h5 {
  font-family: 'ClanProRegular';
  font-weight: 500;
  font-size: 20px;
}
p.h6 {
  font-family: 'ClanProRegular';
  font-weight: 500;
  font-size: 18px;
}

div.prose > button { display:none; }

.place-self-end-start.text-start.sm\:place-self-end-start.sm\:text-start {
    grid-area: 3 / 2 / auto / span 1;
}
#shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh > div > image-banner > div > div > div > p {
 font-family: 'ClanProRegular';
  font-weight: 500;
  font-size: 17px;.
  text-align: justify;
}
/* SECCIÓN MARCOS NACACH - ANCHO PROPORCIONAL FINAL */
#shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
#shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
  width: 100%;
  max-width: clamp(480px, 52vw, 934px);
  margin: 0 auto;
  padding: 0 clamp(15px, 2vw, 30px);
}

#shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .prose {
  max-width: 100% !important;
  width: 100%;
  margin: 0;
}

#shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .prose p {
  text-align: justify !important;
  text-align: -webkit-right !important;
  text-justify: inter-word;
  width: 100%;
  margin: 0;
  hyphens: auto;
  font-size: clamp(0.85rem, 1.4vw, 1.2rem);
  line-height: 1.6;
}

/* Desktop XL (1800px+) */
@media screen and (min-width: 1800px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
    max-width: 934px;
    padding: 0;
  }
}

/* Desktop medio-grande (1140-1799px) */
@media screen and (min-width: 1140px) and (max-width: 1799px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
    max-width: 52vw;
  }
}

/* Tablet grande (900-1139px) - CORREGIDO */
@media screen and (min-width: 900px) and (max-width: 1139px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
    max-width: 55vw; /* ← CAMBIADO: De 60vw a 55vw (más estrecho) */
    padding: 0 clamp(15px, 2vw, 25px);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .prose p {
    font-size: clamp(0.88rem, 1.6vw, 1.05rem);
  }
}

/* Tablet (700-899px) */
@media screen and (min-width: 700px) and (max-width: 899px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
    max-width: 65vw;
    padding: 0 clamp(15px, 1.8vw, 22px);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .prose p {
    font-size: clamp(0.85rem, 1.8vw, 1rem);
  }
}

/* Mobile (< 700px) */
@media (max-width: 699px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .sm\:place-self-center {
    max-width: 90vw;
    padding: 0 20px;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_aAEcCh .prose p {
    text-align: left !important;
    font-size: clamp(0.9rem, 3.5vw, 1rem);
  }
}
/*AJUSTE FUENTE MOBILE*/
#shopify-section-template--19327760171146__featured_collection_yNLfM9 > div > div > section-header > div > p {
  text-align:left !important;
}
/* =============================================
   FEATURED COLLECTION - OVERLAY GRIS (CORREGIDO)
   ============================================= */

/* Overlay gris en imágenes de productos */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .product-card__figure {
  position: relative;
  /* NO agregar height ni otras propiedades que afecten el layout */
}

/* Overlay como pseudo-elemento */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .product-card__figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:rgba(184, 184, 184, 0.25);
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 25px
}

/* Remover overlay al hacer hover */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .product-card:hover .product-card__figure::before {
  opacity: 0;
}

/* Asegurar que la imagen mantenga su aspect ratio */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .product-card__figure img {
  display: block;
  width: 100%;
  height: auto; /* ← IMPORTANTE: Mantener aspect ratio */
  object-fit: cover;
}
/* =============================================
   SECCIÓN KITS - LAYOUT VERTICAL IZQUIERDA
   ============================================= */

/* Contenedor principal de la sección */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .section {
  position: relative;
  height: clamp(70vh, 60vw, 917px);
  overflow: hidden;
}

/* Contenedor de contenido - Max-width 1140px */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .place-self-end-center,
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .sm\:place-self-start {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Título arriba, texto abajo */
  align-items: flex-start; /* Todo alineado a la izquierda */
  padding: clamp(60px, 8vh, 120px) clamp(20px, 2vw, 40px);
  box-sizing: border-box;
}

/* Bloque superior: Título y botón (arriba izquierda) */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(20px, 3vh, 32px); /* Espacio entre título y botón */
  max-width: 50%; /* Limita ancho para mejor legibilidad */
  margin: 0; /* Pegado al margen superior */
}

/* Título */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose .h2 {
  font-family: 'Fambrey', sans-serif;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  line-height: 1.1;
  text-align: left !important;
}

/* Botón */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose button {
  font-family: 'ClanProRegular', sans-serif;
  font-size: clamp(0.9rem, 1.2vw, 1.1rem);
  font-weight: 500;
  padding: clamp(12px, 1.8vh, 18px) clamp(24px, 3vw, 40px);
  background: #ffffff;
  color: #1a1a1a;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose button:hover {
  background: #f0f0f0;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Bloque inferior: Texto descriptivo (abajo izquierda) */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div {
  max-width: 55%; /* Ancho del texto descriptivo */
  margin: 0; /* Pegado al margen inferior */
  align-self: flex-start; /* Alineado a la izquierda */
}

/* Texto descriptivo */
#shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div > p {
  font-family: 'ClanProRegular', sans-serif;
  font-size: clamp(1rem, 1.4vw, 1.3rem);
  color: #ffffff;
  line-height: 1.6;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  padding: clamp(20px, 3vh, 30px);
  border-radius: 8px;
  margin: 0;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* =============================================
   RESPONSIVE
   ============================================= */

/* Tablet (700-1199px) */
@media screen and (min-width: 700px) and (max-width: 1199px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .section {
    height: clamp(65vh, 55vw, 750px);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .sm\:place-self-start {
    padding: clamp(50px, 7vh, 100px) clamp(20px, 2.5vw, 35px);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose {
    max-width: 55%;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div {
    max-width: 60%;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose .h2 {
    font-size: clamp(2rem, 3.5vw, 4rem);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose button {
    font-size: clamp(0.85rem, 1.3vw, 1rem);
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div > p {
    font-size: clamp(0.95rem, 1.3vw, 1.2rem);
  }
}

/* Mobile (< 700px) */
@media (max-width: 699px) {
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .section {
    height: 70vh;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .place-self-end-center,
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .sm\:place-self-start {
    padding: 40px 20px;
    justify-content: flex-start;
    align-items: center;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose {
    max-width: 100%;
    align-items: center;
    text-align: center;
    margin-bottom: 30px;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div {
    max-width: 100%;
    align-self: center;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose .h2 {
    font-size: clamp(1.8rem, 6vw, 2.5rem);
    text-align: center !important;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose button {
    font-size: 1rem;
  }
  
  #shopify-section-template--19327760171146__image_with_text_overlay_QAYiVY .prose > div > p {
    font-size: 1rem;
    padding: 20px;
    max-width: 320px;
    text-align: center;
  }
}

/* SECCION LISTADO PRODUCTOS */
/* Ajuste de tipografía fluida para Featured Collection */

/* Título principal de la sección */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-header .h2,
.section-header .h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 3rem) !important;
  line-height: 1.2;
}

/* Descripción/subtítulo de la sección */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-header .prose p,
.section-header .prose p {
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem) !important;
  line-height: 1.5;
}

/* Títulos de productos */
.product-card__title a {
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem) !important;
  line-height: 1.4;
}

/* Precios de productos */
.price-list {
  font-size: clamp(0.813rem, 1.25vw + 0.2rem, 0.938rem) !important;
}

/* Ajustes específicos para móviles */
@media screen and (max-width: 699px) {
  .product-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .section-header .prose {
    max-width: 90%;
    margin: 0 auto;
  }
}

/* Ajustes para tablets */
@media screen and (min-width: 700px) and (max-width: 999px) {
  .product-card__title a {
    font-size: clamp(0.875rem, 1.8vw, 1.125rem) !important;
  }
}

/* ========================================
   FEATURED COLLECTION - RESPONSIVE FIXES
   ======================================== */

/* --- TIPOGRAFÍA FLUIDA --- */

/* Título principal de la sección */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-header .h2,
.section-header .h2 {
  font-size: clamp(1.5rem, 4vw + 0.5rem, 3rem) !important;
  line-height: 1.2;
}

/* Descripción/subtítulo de la sección */
#shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-header .prose p,
.section-header .prose p {
  font-size: clamp(0.875rem, 2vw + 0.25rem, 1.125rem) !important;
  line-height: 1.5;
}

/* Títulos de productos */
.product-card__title a {
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem) !important;
  line-height: 1.4;
}

/* Precios de productos */
.price-list {
  font-size: clamp(0.813rem, 1.25vw + 0.2rem, 0.938rem) !important;
}

/* --- AJUSTES MÓVILES --- */
@media screen and (max-width: 699px) {
  /* Padding lateral para section-stack */
  #shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-stack,
  .section--featured-collection .section-stack {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  
  /* Max-width 100% para prose */
  #shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-header .prose,
  .section-header .prose {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Ajuste para contenedor de productos con bleed */
  #shopify-section-template--19327760171146__featured_collection_yNLfM9 .scroll-area.bleed {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  
  /* Limitar títulos de productos a 2 líneas */
  .product-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

/* --- AJUSTES TABLETS --- */
@media screen and (min-width: 700px) and (max-width: 999px) {
  #shopify-section-template--19327760171146__featured_collection_yNLfM9 .section-stack,
  .section--featured-collection .section-stack {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  
  .section-header .prose {
    max-width: 100%;
  }
  
  .product-card__title a {
    font-size: clamp(0.875rem, 1.8vw, 1.125rem) !important;
  }
}

/* ===================================================
   PRODUCT CARD TITLES - TRUNCADO RESPONSIVO
   Solo en tablet y desktop, NO en móvil
   =================================================== */

/* MÓVIL: Sin truncado (comportamiento natural) */
.product-card__title,
.product-card__title a {
  /* Permitir flujo natural del texto */
  display: block !important;
  overflow: visible !important;
  
  /* Tipografía responsiva */
  font-size: clamp(0.875rem, 1.5vw + 0.25rem, 1rem) !important;
  line-height: 1.4 !important;
  word-break: break-word;
  hyphens: auto;
  
  /* Transición suave para hover */
  transition: color 0.2s ease;
}

/* TABLET Y DESKTOP: Truncado a 2 líneas */
@media screen and (min-width: 700px) {
  .product-card__title,
  .product-card__title a {
    /* Activar truncado a 2 líneas */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    
    /* Altura mínima para consistencia visual */
    min-height: 2.8em;
  }
  
  /* Tooltip solo en desktop donde hay truncado */
  .product-card__title {
    position: relative;
  }
}

/* DESKTOP: Tooltip visual mejorado */
@media (hover: hover) and (pointer: fine) and (min-width: 700px) {
  .product-card__title a:hover::after {
    content: attr(title);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.95);
    color: white;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 0.875rem;
    white-space: normal;
    z-index: 1000;
    pointer-events: none;
    max-width: 280px;
    width: max-content;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    line-height: 1.4;
    animation: tooltipFadeIn 0.2s ease;
  }

  /* Flecha del tooltip */
  .product-card__title a:hover::before {
    content: '';
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.95);
    z-index: 1000;
    pointer-events: none;
  }
}

/* Animación suave del tooltip */
@keyframes tooltipFadeIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Ajuste fino para tablets */
@media screen and (min-width: 700px) and (max-width: 999px) {
  .product-card__title,
  .product-card__title a {
    font-size: clamp(0.875rem, 1.8vw, 1.125rem) !important;
  }
}

/* Ajuste fino para desktop grande */
@media screen and (min-width: 1000px) {
  .product-card__title,
  .product-card__title a {
    font-size: clamp(0.875rem, 1vw, 1rem) !important;
  }
}

/* ASIGNACION DE TYPOS EN TESTIMONIOS */
div.testimonial-text > p, div.testimonial-header > div > span.testimonial-name, div > time {
  font-family: 'ClanProRegular', sans-serif;
}

#CustomTestimonials--template--19327760171146__custom_testimonials_Nt33Qk > div.page-width > div > h2, h1, h3, h4, h5 {
  font-family: 'Fambrey', sans-serif;
}


div.product-card__info > div > price-list, p, span, a {
  font-family: 'ClanProRegular', sans-serif;
}

.footer__block--text, .footer__block--menu, .header-nacach__main-nav {
  font-family: 'ClanProRegular', sans-serif;
}
.shopify-section--newsletter input {
      border-radius: 35px;
      border: #f8b96e;
      border-width: 2px;
      border-style: solid;
}

.shopify-section--newsletter {
  padding-top:3rem; padding-bottom:3rem;
  background-color: #000;
}

/*WHYNACACH-CARDRADIOUS*/
.images-scrolling-desktop__media-wrapper {
    border-radius: 3rem !important;
    background-color: #000;
    padding: 3rem;
}

.rounded-sm {
    border-radius: 3rem;
}

/*TIMELINE -WHYNACACH*/
.timeline__slide {
  align-items: center;
}

/*PRODUCTPAGE*/
/* Max-width para página de producto en desktop */
/* Max-width para la sección de producto main-product.liquid */
@media screen and (min-width: 1000px) {
  /* Contenedor principal cuando full_width está activo */
  .shopify-section--main-product > div {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--spacing-12);
    padding-right: var(--spacing-12);
  }
  
  /* Grid del producto (media + info) */
  .product__media-wrapper,
  .product__info {
    max-width: 100%;
  }
}
section.shopify-section--main-product {
    background: #dddddd !important;
    padding:2rem;
}
.shopify-section--main-product>div {
  background-color:#ffffff;
  padding:2rem;
  border-radius:2.5rem;
}

/* ===================================
   GALERÍA PRODUCTO - FONDO #DDD + OVERLAY BLEND
   radius 25px + padding 3px
   =================================== */

@media screen and (min-width: 1000px) {
  /* FOTO PRINCIPAL - Fondo #ddd con overlay blend */
  .product-gallery__media {
    position: relative;
    background-color: #ddd;
    padding: 3px;
  }

  .product-gallery__media::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ddd;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-radius: 20px;
  }

  .product-gallery__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
  }

  /* MINIATURAS - Fondo #ddd con overlay blend + radius 25px */
  .product-gallery__thumbnail {
    position: relative;
    background-color: #ddd;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    padding: 7px;
    border-radius: 5px;
  }

  .product-gallery__thumbnail::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ddd;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-radius: 13px;
    z-index: 1;
  }

  .product-gallery__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 13px;
    position: relative;
    z-index: 0;
  }
}

@media screen and (max-width: 999px) {
  .product-gallery__media {
    position: relative;
    background-color: #ddd;
    padding: 3px;
  }

  .product-gallery__media::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ddd;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-radius: 20px;
  }

  .product-gallery__media img {
    border-radius: 20px;
  }

  .product-gallery__thumbnail {
    position: relative;
    background-color: #ddd;
    overflow: hidden;
    padding: 3px;
    border-radius: 8px;
  }

  .product-gallery__thumbnail::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #ddd;
    mix-blend-mode: multiply;
    pointer-events: none;
    border-radius: 8px;
    z-index: 1;
  }

  .product-gallery__thumbnail img {
    border-radius: 5px;
    position: relative;
    z-index: 0;
  }
}
page-dots > button, page-dots > [type=button], page-dots > [type=reset], page-dots > [type=submit] {
    background-color: #fff !important;
}
.product-gallery__media {
    background-color: #fff;
}
p, span, a {
  font-family: 'ClanProRegular', sans-serif;
}
h2, h1, h3, h4, h5 {
  font-family: 'Fambrey', sans-serif;
}

h1.product-info__title.h2 {
  font-family: 'Fambrey', sans-serif;
}

div#shopify-installments {
  font-family: 'ClanProRegular', sans-serif !important;
}
.font-system {
    font-family: 'ClanProRegular', sans-serif !important;
}
div > div > div > div > h2 {
    font-family: 'ClanProRegular', sans-serif !important;
}

#shopify-installments-content.pr-1.5 {
  font-family: 'ClanProRegular', sans-serif !important;
}

buy-buttons > button > div  {
  font-family: 'ClanProRegular', sans-serif !important;
}

.shopify-section--main-product > div > buy-buttons > button {
  font-family: 'ClanProRegular', sans-serif !important;
}

.shopify-section--main-product > div > div > div > div > p {
  font-family: 'ClanProRegular', sans-serif !important;
}

.heading, .h0, .h1, .h2, .h3, .h4, .h5, .h6, .prose :is(h1,h2,h3,h4,h5,h6) {
  font-family: 'Fambrey', sans-serif;
}
body {
  font-family: 'ClanProRegular', sans-serif !important;
}

h1.product-info__title {
  font-size:1.8rem;
}

div.custom-kits-content > div.custom-kits-top > h2 {
  font-family: 'Fambrey', sans-serif !important;
}

.media-grid > div > div > p{
    font-family: 'ClanProRegular', sans-serif !important;
}
/* NACACH WAX - VARIANT PICKER TABLE STYLE */
/* ========================================
   NACACH WAX - CUSTOM VARIANT PICKER
   ======================================== */

/* Header "By more. Save More." */
.nacach-variant-header {
  margin-bottom: 16px;
  text-align: center;
}

.nacach-variant-header-text {
  color: #0066ff;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

/* Contenedor principal */
.variant-picker__option-values--nacach {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100%;
}

/* Cada opción del variant picker */
.nacach-option-value {
  background: #1a1a1a !important;
  color: #ffffff !important;
  border: 2px solid #1a1a1a !important;
  border-radius: 30px !important;
  padding: 16px 24px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  position: relative !important;
  width: 100%;
}

/* Input radio (oculto pero funcional) */
.nacach-radio-input {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Radio button circular visible */
.nacach-radio-circle {
  width: 24px !important;
  height: 24px !important;
  border: 2px solid #ffffff !important;
  border-radius: 50% !important;
  flex-shrink: 0 !important;
  position: relative !important;
  background: transparent !important;
  transition: all 0.2s ease !important;
}

/* Radio button cuando está seleccionado */
.nacach-option-value.is-selected .nacach-radio-circle {
  background: #ffffff !important;
}

.nacach-option-value.is-selected .nacach-radio-circle::after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 10px !important;
  height: 10px !important;
  background: #1a1a1a !important;
  border-radius: 50% !important;
}

/* Contenido del texto */
.nacach-option-content {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex: 1 !important;
  gap: 12px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

.nacach-option-left {
  flex: 1 !important;
  text-align: left !important;
}

.nacach-option-equals {
  font-size: 20px !important;
  font-weight: 700 !important;
}

.nacach-option-right {
  flex: 1 !important;
  text-align: right !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* Superíndices */
.nacach-option-value sup {
  font-size: 12px !important;
  font-weight: 400 !important;
  margin-left: 2px !important;
}

/* Estado seleccionado */
.nacach-option-value.is-selected {
  border-color: #ffffff !important;
  box-shadow: 0 0 0 1px #ffffff !important;
}

/* Hover */
.nacach-option-value:hover:not(.is-disabled) {
  background: #2a2a2a !important;
  border-color: #ffffff !important;
}

/* Estado deshabilitado */
.nacach-option-value.is-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
  .nacach-option-value {
    padding: 14px 20px !important;
  }
  
  .nacach-option-content {
    font-size: 14px !important;
  }
  
  .nacach-option-right {
    font-size: 16px !important;
  }
  
  .nacach-radio-circle {
    width: 20px !important;
    height: 20px !important;
  }
}
section.shopify-section--product-recommendations {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}
.shopify-section--product-recommendations .section-full {

}
/* ===================================================
   PRODUCT CARD - FIX BORDER RADIUS EN HOVER
   =================================================== */

/* Contenedor de la imagen del producto */
.product-card__figure {
  position: relative;
  overflow: hidden;
  border-radius: 25px; /* Usa la variable del tema o 8px por defecto */
}

/* Asegurar que AMBAS imágenes tengan el mismo border-radius */
.product-card__image,
.product-card__image--primary,
.product-card__image--secondary {
  border-radius: 25px;
  overflow: hidden;
}

/* Asegurar que el link contenedor también tenga border-radius */
.product-card__figure > a {
  display: block;
  border-radius: 25px);
  overflow: hidden;
}

/* Mantener consistencia en todos los estados */
.product-card__figure:hover .product-card__image--primary,
.product-card__figure:hover .product-card__image--secondary {
  border-radius: 25px;
}

/* Fix para asegurar que las imágenes no se desborden */
.product-card__figure img {
  display: block;
  width: 100%;
  height: auto;
}

/*LISTADOS CATEGS*/
/* Limitar ancho de contenido en páginas de colección */
/* ===================================================
   ESTILOS PARA PÁGINA DE COLECCIÓN - LÍMITE 1140PX
   Basado en featured_collection_yNLfM9 de Home
   =================================================== */

/* Contenedor principal con límite de 1140px */
.collection-template > div,
.shopify-section--collection > div {
  text-align: -webkit-center !important;
  max-width: 1140px;
  margin: 0 auto;
}

/* Section stack con padding lateral consistente */
.collection-template .section-stack,
.shopify-section--collection .section-stack {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  max-width: 1140px;
  margin: 0 auto;
}

/* Header de la colección - Título y descripción */
.collection-template .section-header .h2,
.collection__header .h2 {
  font-family: Fambrey;
  text-align: left;
  font-size: clamp(1.5rem, 0.5rem + 4vw, 3rem) !important;
  line-height: 1.2;
}

.collection-template .section-header .prose p,
.collection__header .prose p {
  font-family: ClanProRegular;
  font-weight: 500;
  font-size: 20px;
  text-align: left !important;
  font-size: clamp(0.875rem, 0.25rem + 2vw, 1.125rem) !important;
  line-height: 1.5;
}

/* Descripción a ancho completo sin límites adicionales */
.collection-template .section-header .prose,
.collection__header .prose {
  max-width: 100% !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

/* Grid de productos - Product cards */
.collection-template .product-list,
.collection__products .product-list {
  max-width: 1140px;
  margin: 0 auto;
}

/* Efectos hover en tarjetas de producto */
.collection-template .product-card__figure {
  position: relative;
}

.collection-template .product-card__figure::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.collection-template .product-card:hover .product-card__figure::before {
  opacity: 0;
}

.collection-template .product-card__figure img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Scroll area con bleed effect */
.collection-template .scroll-area.bleed {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* Ajustes responsive para tablets */
@media (max-width: 1199px) {
  .collection-template > div,
  .shopify-section--collection > div,
  .collection-template .section-stack,
  .collection-template .product-list {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* Ajustes responsive para móviles */
@media (max-width: 768px) {
  .collection-template .section-stack,
  .shopify-section--collection .section-stack {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .collection-template .section-header .prose p {
    font-size: 16px;
  }
}

/* =====================================================
   OVERLAY GRIS BLEND EN PÁGINAS DE COLECCIÓN/ARCHIVO
   Mismo estilo que featured_collection_yNLfM9
   ===================================================== */

/* Overlay como pseudo-elemento en product cards de colección */
.collection-template .product-card__figure::before,
.shopify-section--collection .product-card__figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(184, 184, 184, 0.25);
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 25px;
}

/* Remover overlay al hacer hover */
.collection-template .product-card:hover .product-card__figure::before,
.shopify-section--collection .product-card:hover .product-card__figure::before {
  opacity: 0;
}

/* Asegurar posición relativa en el contenedor de imagen */
.collection-template .product-card__figure,
.shopify-section--collection .product-card__figure {
  position: relative;
  /* NO agregar height ni otras propiedades que afecten el layout */
}

/* Asegurar que la imagen mantenga su aspect ratio */
.collection-template .product-card__figure img,
.shopify-section--collection .product-card__figure img {
  display: block;
  width: 100%;
  height: auto; /* IMPORTANTE: Mantener aspect ratio */
  object-fit: cover;
  border-radius: 25px;
}

/* Para templates de colección con diferentes clases */
.template-collection .product-card__figure::before,
[class*="collection"] .product-card__figure::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(184, 184, 184, 0.25);
  mix-blend-mode: multiply;
  pointer-events: none;
  transition: opacity 0.3s ease;
  z-index: 2;
  border-radius: 25px;
}

/* Hover state */
.template-collection .product-card:hover .product-card__figure::before,
[class*="collection"] .product-card:hover .product-card__figure::before {
  opacity: 0;
}

/*pagina de producto*/
.bulk-label {display:none;}

/* ========================================
   NACACH WAX - KIT OPTIONS + ADD TO CART FIX
   ======================================== */

/* Kit Options - FULL WIDTH */
.kit-options {
  width: 100% !important;
  max-width: 100% !important;
  margin-bottom: 20px;
}

.hard-wax-options,
.soft-wax-options,
.roll-on-options {
  width: 100% !important;
}

.thumbnail-selection {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  width: 100% !important;
  justify-content: flex-start !important;
}

.thumbnail {
  flex: 0 0 auto !important;
  width: 120px !important;
  cursor: pointer !important;
}

/* ADD TO CART BUTTON - Auto size + Align right + Hover azul */
.product-info__buy-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 16px !important;
  width: 100% !important;
}

.product-info__buy-buttons .button,
button[name="add"] {
  width: auto !important;
  min-width: 200px !important;
  padding: 14px 32px !important;
  background-color: #000000 !important;
  color: white !important;
  border-radius: 25px !important;
  border: 2px solid #000000 !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.product-info__buy-buttons .button:hover,
button[name="add"]:hover {
  background-color: #1b58d5 !important;
  border-color: #1b58d5 !important;
}

/* Asegurar que el contenedor padre también sea full width */
.product-info__block-item {
  width: 100% !important;
}

@media (max-width: 767px) {
  /* Mobile: Add to cart full width */
  .product-info__buy-buttons .button,
  button[name="add"] {
    width: 100% !important;
    min-width: unset !important;
  }
  
  .thumbnail-selection {
    gap: 12px !important;
  }
  
  .thumbnail {
    width: 100px !important;
  }
}

@media (max-width: 480px) {
  .thumbnail {
    width: 80px !important;
  }
}