/** Shopify CDN: Minification failed

Line 26:0 All "@import" rules must come first

**/
/* ═══════════════════════════════════════════════════════
   MORAH · Custom CSS para Shopify Atelier 2.0
   Pega este código en: Customize → Theme Settings → Custom CSS
   ═══════════════════════════════════════════════════════ */

/* ── VARIABLES DE MARCA ── */
:root {
  --morah-gold:    #C9A84C;
  --morah-gold2:   #E8C97A;
  --morah-night:   #0F0C06;
  --morah-night2:  #1A1208;
  --morah-cream:   #F5EDD8;
  --morah-cream2:  #EDE0C4;
  --morah-forest:  #2D4A2A;
  --morah-berry:   #6B2D4A;
  --morah-mango:   #D4956A;
  --morah-orange:  #da642d;
}

/* ── GOOGLE FONTS — cargar en theme.liquid también ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Montserrat:wght@200;300;400;500&display=swap');

/* ── TIPOGRAFÍA GLOBAL ── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3,
.heading,
.section-heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em;
}

body,
p, span, a, li, label, input, button,
.body-text {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300;
}

/* ── ANNOUNCEMENT BAR ── */
.announcement-bar {
  background-color: var(--morah-night2) !important;
  color: var(--morah-gold) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.announcement-bar a {
  color: var(--morah-gold) !important;
}

/* ── HEADER / NAVEGACIÓN ── */
.header {
  background: transparent !important;
}
.header--has-menu .header__menu-item {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 400;
}
.header__heading-link {
  color: var(--morah-cream) !important;
}
/* Header sobre hero (transparent) */
.shopify-section-header-sticky .header {
  background: rgba(15,12,6,0.92) !important;
  backdrop-filter: blur(20px);
  border-bottom: 0.5px solid rgba(201,168,76,0.2);
  transition: background 0.4s;
}

/* ── HERO BANNER ── */
.banner__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(60px, 12vw, 140px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.25em !important;
  color: var(--morah-gold) !important;
  text-shadow: 0 0 60px rgba(201,168,76,0.15);
}
.banner__text {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic !important;
  font-size: clamp(15px, 2vw, 22px) !important;
  color: rgba(245,237,216,0.85) !important;
  letter-spacing: 0.06em;
}

/* ── BOTONES ── */
.button, .btn, button[type="submit"] {
  background-color: var(--morah-night2) !important;
  color: var(--morah-cream) !important;
  border: 0.5px solid rgba(201,168,76,0.4) !important;
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 14px 28px !important;
  transition: all 0.3s ease !important;
}
.button:hover, .btn:hover {
  background-color: var(--morah-gold) !important;
  color: var(--morah-night) !important;
  border-color: var(--morah-gold) !important;
}

/* Botón primario (Add to cart) */
.button--primary,
.product-form__submit {
  background-color: var(--morah-gold) !important;
  color: var(--morah-night) !important;
  border: none !important;
  font-weight: 500 !important;
}
.button--primary:hover,
.product-form__submit:hover {
  background-color: var(--morah-gold2) !important;
}

/* ── TARJETAS DE PRODUCTO ── */
.card {
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
}
.card__media {
  overflow: hidden;
}
.card__media img {
  transition: transform 0.6s ease !important;
  filter: brightness(0.92);
}
.card:hover .card__media img {
  transform: scale(1.04) !important;
  filter: brightness(1);
}
.card__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em;
  color: var(--morah-night2) !important;
}
.card__heading a {
  color: inherit !important;
}
.price {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--morah-gold) !important;
  letter-spacing: 0.05em;
}
.price--on-sale .price__regular {
  color: rgba(26,18,8,0.4) !important;
}

/* ── COLECCIONES — GRID ── */
.collection-list-grid {
  gap: 2px !important;
}
.collection-item__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 300 !important;
  font-style: italic;
  letter-spacing: 0.05em;
}

/* ── PÁGINA DE PRODUCTO ── */
.product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-weight: 300 !important;
  letter-spacing: 0.08em !important;
  color: var(--morah-night2) !important;
}
.product__vendor {
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--morah-gold) !important;
}
.product__description {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-style: italic !important;
  line-height: 1.75 !important;
  color: rgba(26,18,8,0.7) !important;
}
.product__description p {
  font-family: 'Cormorant Garamond', serif !important;
}

/* Acordeón de detalles del producto */
.accordion__title {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ── SECCIÓN RICH TEXT (Statement de marca) ── */
.rich-text__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(28px, 4vw, 52px) !important;
  font-style: italic !important;
  font-weight: 300 !important;
  color: var(--morah-gold) !important;
  line-height: 1.25 !important;
  letter-spacing: 0.04em !important;
}
.rich-text__text {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 17px !important;
  font-style: italic !important;
  line-height: 1.8 !important;
  color: rgba(245,237,216,0.8) !important;
}

/* ── SECCIÓN MULTICOLUMN (Pilares) ── */
.multicolumn-card__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 22px !important;
  font-weight: 400 !important;
}
.multicolumn-card__description {
  font-size: 13px !important;
  line-height: 1.8 !important;
  color: rgba(26,18,8,0.65) !important;
}

/* ── NEWSLETTER SIGNUP ── */
.newsletter__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(28px, 4vw, 48px) !important;
  font-style: italic !important;
  font-weight: 300 !important;
}
.field__input {
  border-radius: 0 !important;
  border: 0.5px solid rgba(201,168,76,0.3) !important;
  background: rgba(201,168,76,0.04) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.05em;
}
.field__input:focus {
  border-color: var(--morah-gold) !important;
  outline: none !important;
  box-shadow: none !important;
}

/* ── BADGE / ETIQUETAS DE PRODUCTO ── */
.badge {
  border-radius: 0 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  padding: 3px 8px !important;
}
.badge--sale {
  background-color: var(--morah-berry) !important;
}
.badge--sold-out {
  background-color: var(--morah-night2) !important;
}

/* ── BREADCRUMBS ── */
.breadcrumbs {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: rgba(26,18,8,0.4) !important;
}
.breadcrumbs a {
  color: rgba(26,18,8,0.4) !important;
}
.breadcrumbs a:hover {
  color: var(--morah-gold) !important;
}

/* ── FILTROS DE COLECCIÓN ── */
.facets__label,
.facets__summary {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

/* ── FOOTER ── */
.footer {
  background-color: var(--morah-night2) !important;
  color: var(--morah-cream) !important;
  border-top: 0.5px solid rgba(201,168,76,0.15) !important;
}
.footer__heading {
  font-family: 'Montserrat', sans-serif !important;
  font-size: 10px !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  color: var(--morah-gold) !important;
}
.footer a {
  color: rgba(245,237,216,0.55) !important;
  font-size: 12px !important;
  transition: color 0.3s !important;
}
.footer a:hover {
  color: var(--morah-gold) !important;
}
.footer__copyright {
  font-size: 10px !important;
  color: rgba(245,237,216,0.25) !important;
  letter-spacing: 0.15em !important;
}

/* ── CART / CARRITO ── */
.cart-item__name {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}
.cart-item__price {
  color: var(--morah-gold) !important;
  font-weight: 400 !important;
}
.cart__total {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 20px !important;
}

/* ── SEARCH ── */
.search__input {
  border-radius: 0 !important;
  border-bottom: 1px solid var(--morah-gold) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
}

/* ── DIVISORES / SEPARADORES ── */
hr {
  border-color: rgba(201,168,76,0.2) !important;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background: var(--morah-cream2); }
::-webkit-scrollbar-thumb { background: var(--morah-gold); border-radius: 2px; }

/* ── ANIMACIONES DE ENTRADA ── */
@keyframes moraha-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}
.banner__heading,
.banner__text,
.section-heading {
  animation: moraha-fade-up 0.9s ease forwards;
}

/* ── SELECTOR DE VARIANTES ── */
.swatch-input:checked + .swatch-label {
  border-color: var(--morah-gold) !important;
  background-color: rgba(201,168,76,0.08) !important;
}

/* ── PÁGINA "NOSOTRAS" / ABOUT ── */
.page__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: clamp(36px, 6vw, 72px) !important;
  font-weight: 300 !important;
  font-style: italic !important;
  color: var(--morah-gold) !important;
}

/* ── MOBILE ── */
@media (max-width: 749px) {
  .banner__heading {
    font-size: clamp(42px, 14vw, 72px) !important;
    letter-spacing: 0.15em !important;
  }
  .card__heading {
    font-size: 15px !important;
  }
  .button {
    padding: 12px 20px !important;
  }
}

/* ═══════════════════════════════════════════════════════
   FIN DEL CSS MORAH
   ═══════════════════════════════════════════════════════ */