/** Shopify CDN: Minification failed

Line 362:0 Expected "}" to go with "{"

**/
/* ===== OVERRIDE COLOR FOREGROUND ===== */
:root {
  --color-foreground: #171717 !important;
  --color-foreground-rgb: 23 23 23 !important;
}

quick-add-modal__content,
.quick-add-modal__content * {
  --color-foreground: #171717 !important;
}


/* ============================================================ */
/*  NOX PERFUMES — Estética global (negro · amarillo · glass)   */
/* ============================================================ */

/* ---------- BASE ---------- */
body { background: radial-gradient(140% 120% at 50% -10%, #1c1c1c 0%, #0d0d0d 50%, #060606 100%) !important; }
html { scroll-behavior: smooth; }
::selection { background: rgba(255,224,0,0.85); color: #0d0d0d; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: #2e2e2e; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #FFE000; }

/* ---------- TIPOGRAFÍA ---------- */
h1, h2, h3 { letter-spacing: -0.015em; }
a:hover { color: #FFE000; }

/* ---------- BOTÓN PRINCIPAL ---------- */
.button:not([class*="secondary"]) {
  background: rgba(28,24,14,0.55) !important; color: #F5F5F5 !important;
  border: 1.5px solid rgba(255,224,0,0.9) !important;
  text-transform: uppercase; letter-spacing: 2px; font-weight: 700; border-radius: 12px;
  box-shadow: 0 0 18px rgba(255,224,0,0.35), inset 0 0 12px rgba(255,224,0,0.10);
  transition: transform .4s ease, box-shadow .4s ease, background .4s ease !important;
}
.button:not([class*="secondary"]):hover {
  background: rgba(255,224,0,0.16) !important; transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(255,224,0,0.55), 0 0 28px rgba(255,224,0,0.45), 0 0 55px rgba(255,224,0,0.25), inset 0 0 16px rgba(255,224,0,0.15);
}
.button[class*="secondary"] { border-radius: 12px; text-transform: uppercase; letter-spacing: 2px; }

/* ---------- BOTÓN DEL HERO (dorado sólido) ---------- */
.banner .button:not([class*="secondary"]), .hero .button:not([class*="secondary"]), .section-hero .button:not([class*="secondary"]) {
  background: linear-gradient(135deg, #FFE76B 0%, #FFE000 45%, #E0A800 100%) !important;
  color: #0D0D0D !important; border: none !important;
  box-shadow: 0 0 24px rgba(255,224,0,0.55), 0 6px 20px rgba(0,0,0,0.45) !important;
}
.banner .button:not([class*="secondary"]):hover, .hero .button:not([class*="secondary"]):hover, .section-hero .button:not([class*="secondary"]):hover {
  transform: translateY(-2px) scale(1.03);
  box-shadow: 0 0 32px rgba(255,224,0,0.8), 0 8px 26px rgba(0,0,0,0.5) !important;
}

/* ---------- TARJETAS DE MOMENTOS ---------- */
.collection-card {
  border: 1px solid rgba(255,224,0,0.45) !important; border-radius: 16px !important; overflow: hidden;
  box-shadow: 0 0 22px rgba(255,224,0,0.12);
  transition: box-shadow .45s ease, border-color .45s ease, transform .45s ease !important;
}
.collection-card:hover { border-color: rgba(255,224,0,0.95) !important; transform: translateY(-6px); box-shadow: 0 0 16px rgba(255,224,0,0.45), 0 0 50px rgba(255,224,0,0.30); }
.collection-card__image { position: relative; }
.collection-card__image::after { content:""; position:absolute; inset:0; pointer-events:none; z-index:1; background: linear-gradient(180deg, rgba(13,13,13,0.20) 0%, rgba(13,13,13,0.55) 55%, rgba(13,13,13,0.92) 100%); }
.collection-card__image img { transition: transform .7s ease; }
.collection-card:hover .collection-card__image img { transform: scale(1.07); }
.collection-card__content { position: relative; z-index: 2; }
.collection-card__content, .collection-card__content * { color: #F5F5F5 !important; }


/* ---------- BÚSQUEDA / RECURSOS ---------- */
.resource-card__content, .resource-card__content * { color: #F5F5F5 !important; }

/* ---------- INPUTS ---------- */
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea {
  background: rgba(255,255,255,0.04) !important; color: #F5F5F5 !important;
  border: 1px solid rgba(255,224,0,0.30) !important; border-radius: 12px !important;
}
input:focus, textarea:focus { border-color: rgba(255,224,0,0.9) !important; box-shadow: 0 0 12px rgba(255,224,0,0.25) !important; outline: none !important; }
::placeholder { color: #8B8B8B !important; }

/* ---------- TARJETAS DE BENEFICIOS ---------- */
.nox-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; max-width: 1100px; margin: 50px auto; padding: 0 20px; }
@media (max-width: 749px) { .nox-feats { grid-template-columns: 1fr; } }
.nox-feat {
  position: relative; border-radius: 22px; padding: 30px 26px; overflow: hidden;
  background: radial-gradient(120% 90% at 0% 0%, rgba(255,224,0,0.13) 0%, rgba(255,224,0,0) 45%), linear-gradient(160deg, #1a1a1a 0%, #0d0d0d 100%);
  border: 1px solid rgba(255,224,0,0.30); box-shadow: 0 0 22px rgba(255,224,0,0.08);
  transition: transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}
.nox-feat:hover { transform: translateY(-6px); border-color: rgba(255,224,0,0.85); box-shadow: 0 0 16px rgba(255,224,0,0.35), 0 0 50px rgba(255,224,0,0.22); }
.nox-feat__icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 14px; font-size: 26px; margin-bottom: 16px; background: rgba(255,224,0,0.10); border: 1px solid rgba(255,224,0,0.35); }
.nox-feat__title { color: #F5F5F5; font-size: 1.25rem; font-weight: 800; margin: 0 0 8px; }
.nox-feat__text { color: #8B8B8B; font-size: .95rem; line-height: 1.5; margin: 0; }

/* ---------- BOTÓN WHATSAPP FLOTANTE ---------- */
.nox-wa-wrap {
  position: fixed !important;
  bottom: 24px !important;
  right: 24px !important;
  z-index: 99999 !important;
  margin: 0 !important;
  display: flex !important;
}

.nox-wa {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 52px !important;
  height: 52px !important;
  border: none !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  overflow: hidden !important;
  text-decoration: none !important;
  background-color: #00d757 !important;
  box-shadow: 0 0 16px rgba(0,215,87,0.45) !important;
  transition: width .3s, border-radius .3s, box-shadow .3s !important;
  position: relative !important;
  z-index: 99999 !important;
}

.nox-wa:hover {
  width: 175px !important;
  border-radius: 30px !important;
  box-shadow: 0 0 26px rgba(0,215,87,0.7) !important;
}

.nox-wa__sign {
  width: 52px !important;
  min-width: 52px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.nox-wa__sign svg { width: 26px !important; height: 26px !important; }
.nox-wa__sign svg path { fill: #fff !important; }

.nox-wa__text {
  white-space: nowrap !important;
  opacity: 0 !important;
  color: #fff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  transition: opacity .3s !important;
}

.nox-wa:hover .nox-wa__text {
  opacity: 1 !important;
  padding-right: 16px !important;
}

.nox-wa:active { transform: translateY(2px) !important; }


/* ===== QUICK ADD BUTTON — ESTILO NOX ===== */

/* Botón "Agregar al carrito" — amarillo sólido */
.quick-add__button,
.product-card .quick-add button,
.card-quick-add button,
[class*="quick-add"] button {
  background: #FFE000 !important;
  color: #0D0D0D !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 16px rgba(255,224,0,0.4) !important;
  transition: background .2s ease, transform .2s ease !important;
}

.quick-add__button:hover,
.product-card .quick-add button:hover,
[class*="quick-add"] button:hover {
  background: #FFE76B !important;
  transform: translateY(-1px) !important;
}

/* Botón "Ver producto" — glass con borde dorado */
.card-information__overlay-link,
.product-card__overlay-link,
[class*="card-overlay"] a {
  background: rgba(255,255,255,0.05) !important;
  border: 1.5px solid rgba(255,224,0,0.6) !important;
  color: #F5F5F5 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  transition: background .2s ease, border-color .2s ease !important;
}

[class*="card-overlay"] a:hover {
  background: rgba(255,224,0,0.10) !important;
  border-color: #FFE000 !important;
}


/* ===== BOTÓN WHATSAPP FLOTANTE GLOBAL ===== */
.nox-float-wa {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 99999;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 52px;
  height: 52px;
  background: #00d757;
  border-radius: 50%;
  text-decoration: none;
  overflow: hidden;
  box-shadow: 0 0 16px rgba(0,215,87,0.45);
  transition: width .3s ease, border-radius .3s ease, box-shadow .3s ease;
}
.nox-float-wa:hover {
  width: 175px;
  border-radius: 30px;
  box-shadow: 0 0 26px rgba(0,215,87,0.7);
}
.nox-float-wa__icon {
  width: 52px;
  min-width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nox-float-wa__text {
  white-space: nowrap;
  opacity: 0;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: opacity .3s ease;
  padding-right: 0;
}
.nox-float-wa:hover .nox-float-wa__text {
  opacity: 1;
  padding-right: 16px;
}
.nox-float-wa:active { transform: translateY(2px); }


/* ===== PÁGINA DE PRODUCTO NOX ===== */

/* Descripción principal — quitar color amarillo */
.product-information .rte,
.product-information .rte p,
[data-block-type="text"] .rte p {
  color: #C8C8C8 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}

/* Precio — píldora amarilla */
.product-information .price-item--regular,
.product-information .price {
  display: inline-block !important;
  background: #FFE000 !important;
  color: #0D0D0D !important;
  font-weight: 900 !important;
  padding: 5px 18px !important;
  border-radius: 999px !important;
  font-size: 16px !important;
  box-shadow: 0 0 14px rgba(255,224,0,0.4) !important;
}

/* Botón agregar al carrito — amarillo brillante */
.product-information [data-block-type="buy-buttons"] button[name="add"],
.product-information button[name="add"],
.product-form__submit {
  background: linear-gradient(135deg, #FFE76B 0%, #FFE000 50%, #E8C800 100%) !important;
  color: #0D0D0D !important;
  border: none !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  border-radius: 12px !important;
  box-shadow: 0 0 20px rgba(255,224,0,0.45) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}
.product-form__submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 30px rgba(255,224,0,0.65) !important;
}

/* Título del producto */
.product-information h1 {
  color: #FFE000 !important;
  font-size: clamp(24px, 3vw, 36px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

/* Label "Presentación" */
.product-information .variant-picker__option-label,
.product-information [class*="option-label"],
.product-information legend {
  color: #8B8B8B !important;
  font-size: 11px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

/* Separador */
.product-information hr,
.product-information [data-block-type="_divider"] {
  border-color: rgba(255,224,0,0.12) !important;
}

/* Sección nox-pd — ancho completo */
.nox-pd {
  max-width: 100% !important;
}

/* ===== STICKY ADD TO CART ===== */
[class*="sticky-add-to-cart"],
[class*="sticky_add_to_cart"],
.sticky-add-to-cart,
[data-sticky-add-to-cart] {
  background: #0d0d0d !important;
  border-top: 1px solid rgba(255,224,0,0.2) !important;
  ;
}

/* Nombre del producto */
[class*="sticky-add-to-cart"] [class*="title"],
[class*="sticky-add-to-cart"] h2,
[class*="sticky-add-to-cart"] h3 {
  color: #F5F5F5 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Variante seleccionada */
[class*="sticky-add-to-cart"] [class*="variant"],
[class*="sticky-add-to-cart"] [class*="subtitle"],
[class*="sticky-add-to-cart"] p {
  color: #8B8B8B !important;
  font-size: 12px !important;
}

/* Precio */
[class*="sticky-add-to-cart"] [class*="price"] {
  color: #FFE000