/** Shopify CDN: Minification failed

Line 167:24 Unexpected "{"

**/
/* ===========================
   LUMIN PRODUCT – STANDALONE
   =========================== */
:root{
  --header-height:72px;
  --color-body:#111;
  --color-bg:#fff;
  --color-muted:#6b6b6b;
  --color-border:rgba(0,0,0,.12);
  --brand:#111;
  --brand-ink:#fff;
  --zindex-sticky:1100;

  /* Miniaturas (columna = tamaño miniatura) */
  --thumb-size: 92px;   /* ancho/alto miniatura */
  --thumb-col:  92px;   /* ancho de la columna (igual a miniatura) */
  --thumb-gap: 12px;    /* separación entre miniaturas */
  --thumb-btn: 38px;    /* diámetro botón circular flecha */
  --thumb-pad: 36px;    /* aire arriba/abajo para alojar flechas */
}

/* ===== Base (común) ===== */
.w-100{width:100%} .mx-auto{margin-left:auto;margin-right:auto}
.d-grid{display:grid} .d-flex{display:flex}
.flex-column{flex-direction:column}
.align-center{align-items:center} .justify-center{justify-content:center}
.space-between{justify-content:space-between}
.text-upper{text-transform:uppercase}
.text-small{font-size:.875rem;color:var(--color-muted)}
.ml-xs{margin-left:.35rem}

.lumin-product{color:var(--color-body)}
.lumin-product .boxed{max-width:1200px;margin:0 auto;padding:0 16px}
.product-grid{gap:28px}

.breadcrumbs--root{gap:.5rem;margin:8px 0;color:var(--color-muted)}
.breadcrumbs--root .breadcrumbs__link{color:var(--color-muted);font-size:.875rem}
.product__title{font-size:32px;line-height:1.18;margin:.5rem 0 .75rem}
.product__description__price-wrap{display:inline-flex;align-items:baseline;gap:.5rem}
.current-price{font-weight:800}
.product__price--compare-alternate{color:#555;text-decoration:line-through}

.btn{
  appearance:none;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);
  padding:.85rem 1.2rem;font-weight:800;letter-spacing:.02em;border-radius:10px;cursor:pointer
}
.btn--primary{background:var(--brand);border-color:var(--brand)}
.product__bullet-points .metafield-rich_text_field{margin:.5rem 0;color:#222}

/* Galería (estructura base) */
.lumin-gallery{
  display:grid; gap:24px; align-items:start;
  grid-template-columns:var(--thumb-col) 1fr; /* columna thumbs + imagen grande */
  grid-template-areas:"thumbs main";
}
.lumin-thumbs{ grid-area: thumbs; position:relative; display:flex; flex-direction:column; align-items:center; padding-top:var(--thumb-pad); padding-bottom:var(--thumb-pad); width:var(--thumb-col); }
.lumin-main{ grid-area: main; position:relative; overflow:hidden; }

.thumbs-scroller{
  width:100%; display:flex; flex-direction:column; gap:var(--thumb-gap);
  padding:2px 0;
}
.thumb{
  border:1px solid var(--color-border); background:#fff; padding:0;
  width:var(--thumb-size); height:var(--thumb-size);
  border-radius:10px; overflow:hidden; cursor:pointer; display:block; flex:0 0 auto;
}
.thumb img{width:100%;height:100%;object-fit:cover;display:block}
.thumb.active, .thumb[aria-current="true"]{outline:2px solid var(--color-body);outline-offset:2px}

/* Botones de flecha de miniaturas (posición base) */
.thumbs-nav{
  position:absolute; width:var(--thumb-btn); height:var(--thumb-btn);
  border-radius:50%; background:#fff; border:1px solid var(--color-border);
  display:flex; align-items:center; justify-content:center; color:#111; cursor:pointer;
  transition:opacity .2s ease; z-index:3; box-shadow:0 1px 3px rgba(0,0,0,.08);
  left: calc((var(--thumb-col) - var(--thumb-btn)) / 2); /* centradas por defecto */
}
.thumbs-nav svg{width:22px;height:22px}
.thumbs-nav[aria-disabled="true"]{opacity:.35;pointer-events:none}
.thumbs-nav--up{top:-16px}
.thumbs-nav--down{bottom:-16px}

/* Carrusel principal */
.carousel__inner{display:flex;transition:transform .35s ease;will-change:transform}
.carousel__item{flex:0 0 100%;display:flex;align-items:center;justify-content:center;background:#fff}
.carousel-image,.carousel-video{width:100%;height:auto;object-fit:contain;display:block}

/* Flechas del carrusel principal */
.carousel__button{
  position:absolute;top:50%;transform:translateY(-50%);
  width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--color-border);
  display:flex;align-items:center;justify-content:center;color:#111;cursor:pointer;transition:opacity .2s ease;z-index:3;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
}
.carousel__button svg{width:28px;height:28px}
.carousel__button--prev{left:12px}
.carousel__button--next{right:12px}
.carousel__button[aria-disabled="true"]{opacity:.35;pointer-events:none}

/* Acordeones / Ingredientes / Sticky ATC */
[data-accordion-root] .accordion-list__item{border-top:1px solid var(--color-border)}
.accordion-list__item:last-child{border-bottom:1px solid var(--color-border)}
.accordion-list-item_title{width:100%;padding:1rem 0;background:none;border:0;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}
.accordion--item-description{max-height:0;overflow:hidden;transition:max-height .25s ease}
.accordion-list__item.open .accordion--item-description{max-height:2000px;padding-bottom:1rem}

/* ==============================
   PDP – Ingredientes principales
   ============================== */

.key-ingredient-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; /* más aire entre ingredientes */
}

.key-ingredient__item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

/* Imagen dentro de círculo gris claro */
.circle-bg {
  background-color: #f7f7f7;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.circle-bg img.key-ingredient__image {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 50%;
}

/* Contenedor texto */
.key-ingredient__item-desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Título arriba, sin “:” */
.key-ingredient__title {
  font-weight: 700;
  margin: 0 0 6px 0;
  display: block;
  color: #111;
  font-size: 1.4rem;   /* más grande, legible */
  line-height: 1.3;
}

/* Descripción richtext */
.key-ingredient__text p,{
  margin: 0;
  color: #222;
  line-height: 1.6;
  font-size: 1rem;     /* texto más grande (igual que el original) */
}

/* Espaciado responsivo */
@media (max-width: 768px) {
  .key-ingredient__item {
    align-items: flex-start;
    gap: 1rem;
  }
  .circle-bg {
    width: 80px;
    height: 80px;
  }
  .circle-bg img.key-ingredient__image {
    width: 60px;
    height: 60px;
  }
}


.lumin-product .pdp-add-to-cart__wrap{
  position:fixed;left:0;right:0;top:var(--header-height);
  transform:translateY(-150%) !important; opacity:0; pointer-events:none;
  transition:transform .25s ease, opacity .2s ease; background:var(--color-bg);
  border-bottom:1px solid var(--color-border);z-index:var(--zindex-sticky)
}
.lumin-product .pdp-add-to-cart__wrap.active{transform:translateY(0) !important; opacity:1; pointer-events:auto}
.pdp-add-to-cart__container{max-width:1200px;margin:0 auto;padding:.55rem 16px;display:flex;gap:.75rem;align-items:center}
.stick-add__title{font-size:1rem;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ================================
   PDP – Qué está incluido (RESTORE)
   ================================ */
.lumin-product .bundle-included-list {
  --thumb-m: 72px;   /* tamaño miniatura móvil */
  --thumb-d: 84px;   /* tamaño miniatura desktop */
  margin-top: .5rem;
}
.lumin-product .bundle-included-list .product-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid var(--lp-border, #eee);
}
.lumin-product .bundle-included-list .product-wrapper:first-child { border-top: 0; }
.lumin-product .bundle-included-list .product-wrapper > a {
  flex: 0 0 var(--thumb-d);
  width: var(--thumb-d);
  display: block;
}
.lumin-product .bundle-included-list .accordion-product__image {
  width: 100%;
  height: var(--thumb-d);
  object-fit: cover;
  border-radius: 8px;
  background: #f6f6f6;
  display: block;
}
.lumin-product .bundle-included-list .accordion-product__detail a {
  display: block;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 2px;
  margin-bottom: 4px;
}
.lumin-product .bundle-included-list .accordion-product__detail p {
  margin: 0;
  font-size: .95rem;
  line-height: 1.35;
  color: var(--lp-muted, #6b7280);
  white-space: normal;
  overflow: visible;
}
.lumin-product .bundle-included-list .accordion-product__price {
  margin-left: auto;
  padding-left: 12px;
  white-space: nowrap;
  font-weight: 600;
}

/* =========================
   MOBILE (<= 991px) – ÚNICO
   ========================= */
@media (max-width: 991px){
  /* Galería 1 columna, full-bleed */
  .lumin-gallery{
    grid-template-columns:1fr;
    grid-template-areas:"main" "thumbs";
    gap:12px;
    width:100vw;max-width:100vw;
    margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    overflow:hidden
  }
  .lumin-main{margin:0;padding:0;position:relative;overflow:hidden}
  .carousel__inner{display:flex;margin:0;width:100%} /* no tocar transform (lo usa el JS) */
  .carousel__item{flex:0 0 100%;min-height:66vw}
  .carousel-image,.carousel-video{width:100%;max-width:100%;height:auto;object-fit:contain;display:block}

  /* Miniaturas en fila (sin flechas en mobile) */
  .lumin-thumbs{
    width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    padding-top:8px;padding-bottom:8px;overflow-x:hidden;box-sizing:border-box
  }
  .thumbs-nav,.thumbs-nav--up,.thumbs-nav--down{display:none !important}
  .thumbs-scroller{
    flex-direction:row;gap:8px;width:100%;max-width:100%;
    overflow-x:auto;overflow-y:hidden;padding:6px 8px 2px;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x proximity
  }
  .thumb{width:64px;height:64px;flex:0 0 64px;scroll-snap-align:start}
  .thumbs-scroller .thumb:nth-child(n+7){display:none} /* máx. 6 en mobile */

  /* Flechas del carrusel visibles y respetando safe-area */
  .carousel__button{z-index:999}
  .carousel__button--next{right:calc(env(safe-area-inset-right,0px) + 10px)}
  .carousel__button--prev{left: calc(env(safe-area-inset-left, 0px) + 10px)}

  /* “Qué está incluido” – mobile en grid 2 columnas con precio visible */
  .lumin-product .bundle-included-list .product-wrapper {
    display: grid !important;
    grid-template-columns: 72px 1fr;
    grid-template-rows: auto auto;
    gap: 10px 12px;
    padding: 12px 0;
  }
  .lumin-product .bundle-included-list .product-wrapper > a { width: 72px !important; flex:0 0 auto; }
  .lumin-product .bundle-included-list .accordion-product__image { height:72px !important; }
  .lumin-product .bundle-included-list .accordion-product__price {
    grid-column: 2; grid-row: 2; justify-self: end; margin-top: 6px; white-space: nowrap; font-weight: 600; padding-left: 8px;
  }

  /* Texto */
  .product__title{font-size:26px}
}

/* ==========================
   DESKTOP (>= 992px) – ÚNICO
   ========================== */
@media (min-width: 992px){
    .lumin-main { margin-top: var(--thumb-pad) !important; }

  .product-grid{grid-template-columns:1.35fr 1fr}

  /* Galería 2 columnas: columna de thumbs = EXACTAMENTE ancho miniatura */
  .lumin-gallery{grid-template-columns:var(--thumb-col) 1fr;grid-template-areas:"thumbs main"}
  .lumin-thumbs{width:var(--thumb-col)}      /* sin gutter extra */

  /* Mostrar SOLO 5 miniaturas en desktop (evita exceso de alto) */
  .thumbs-scroller .thumb:nth-child(n+6){display:none !important}

  /* Sin scroll visible en la columna de miniaturas */
  .thumbs-scroller{overflow:visible;max-height:none;height:auto}
  .thumbs-scroller::-webkit-scrollbar{width:0;height:0}

  /* Flechas verticales centradas y con orientación correcta */
  .thumbs-nav{
    left: calc((var(--thumb-col) - var(--thumb-btn)) / 2);
    transform:none;
  }
  /* Si tus íconos base apuntan “→”/“←”, forzamos ↑ / ↓: */
  .thumbs-nav--up svg{ transform: rotate(90deg) !important; }   /* ↑ */
  .thumbs-nav--down svg{ transform: rotate(90deg)  !important; }  /* ↓ */

  /* Título */
  .product__title{font-size:32px}
}


/* =========================================
   PATCH · Botón ATC + Chevron acordeones
   (aditivo, sin pisar reglas previas)
   Fecha: 2025-09-17
========================================= */

/* 1) Botón “Agregar al carrito” estilo original (outline → hover negro)
   Aplica SOLO al botón del formulario PDP y al sticky, no a todos los .btn */
.product-details .product-form__submit.btn--primary.btn,
.pdp-add-to-cart__wrap .product-form__submit.btn--primary.btn {
  width: 100%;
  min-height: 56px;
  padding: 16px 20px;
  border: 2px solid #111;
  background: #fff;
  color: #111;
  font-weight: 800;
  font-size: 16px;
  line-height: 1;
  letter-spacing: .2px;
  text-align: center;
  border-radius: 8px;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.product-details .product-form__submit.btn--primary.btn:hover,
.pdp-add-to-cart__wrap .product-form__submit.btn--primary.btn:hover {
  background: #111;
  color: #fff;
  border-color: #111;
}

/* Si dentro del botón imprimes precios, formatea comparativo */
.product-details .product-form__submit .current-price,
.pdp-add-to-cart__wrap .product-form__submit .current-price { font-weight: 800; }

.product-details .product-form__submit .price-compare,
.pdp-add-to-cart__wrap .product-form__submit .price-compare {
  text-decoration: line-through;
  opacity: .65;
  margin-right: 8px;
}

.product-details .product-form__submit .price-sep,
.pdp-add-to-cart__wrap .product-form__submit .price-sep {
  opacity: .5;
  margin: 0 6px;
}

/* 2) Chevron en acordeones (→ cerrado / ↓ abierto)
   Tu markup usa:
   .accordion-list__item > .accordion-list-item_title  +  .accordion--item-description
   y agrega .open en .accordion-list__item cuando está abierto. */
.accordion-list__item .accordion-list-item_title {
  position: relative;
  padding-right: 28px; /* espacio para el ícono */
  cursor: pointer;
}

/* Chevron RIGHT por defecto (cerrado) */
.accordion-list__item .accordion-list-item_title::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 7px;
  height: 12px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'><path d='M1 1L6 6L1 11' stroke='%23261A1A' stroke-linecap='round' stroke-linejoin='round'/></svg>")
              no-repeat center/contain;
  opacity: .9;
}

/* Estado ABIERTO → chevron ABAJO (rota 90°) */
.accordion-list__item.open .accordion-list-item_title::after {
  transform: translateY(-50%) rotate(90deg);
}