/** Shopify CDN: Minification failed

Line 24:0 All "@import" rules must come first
Line 24:142 Unexpected ";"

**/
/* ============================================================
   NOAGENDA v3 — New font pairing
   ============================================================ */

:root{
  --na-base:    #F2ECE1;
  --na-ink:     #100F0C;
  --na-stone:   #93887A;
  --na-sand:    #E3D5B8;
  --na-clay:    #6B5A44;
  --na-charcoal:#18160F;
  --na-line:    rgba(16,15,12,0.14);

  --na-serif: "Fraunces", Georgia, serif;
  --na-sans:  "Manrope", -apple-system, sans-serif;
  --na-ease:  cubic-bezier(.16,.84,.44,1);
}
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600&display=swap');;

body{ background: var(--na-base); color: var(--na-ink); font-family: var(--na-sans); }
h1, h2, h3, h4 { font-family: var(--na-serif); font-weight: 600; letter-spacing: -0.005em; }

.na-reveal{ opacity:0; transform: translateY(28px); transition: opacity 0.9s var(--na-ease), transform 0.9s var(--na-ease); }
.na-reveal.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){ .na-reveal{ opacity:1; transform:none; transition:none; } }

.header{ background: transparent; border-bottom: none; transition: background 0.4s var(--na-ease), backdrop-filter 0.4s var(--na-ease); }
.header.na-scrolled{ background: rgba(242,236,225,0.88); backdrop-filter: blur(12px); border-bottom: 1px solid var(--na-line); }
.header__heading-logo{ font-family: var(--na-serif); }
.header__inline-menu a{ font-size:12px; letter-spacing:0.1em; text-transform:uppercase; font-weight:500; }

.card__content .quick-add, .card .quick-add, quick-add-bulk, .card-wrapper .quick-add__submit{ display:none !important; }
.card-wrapper .card__media{ overflow:hidden; background: #E5DECD; }
.card-wrapper .card__media img{ transition: opacity 0.6s var(--na-ease), transform 1.2s var(--na-ease); }
.card-wrapper:hover .card__media img{ transform: scale(1.06); }
.card-wrapper .card__media img.na-secondary{ position:absolute; inset:0; opacity:0; }
.card-wrapper:hover .card__media img.na-primary{ opacity:0; }
.card-wrapper:hover .card__media img.na-secondary{ opacity:1; }
.card__information .card__heading{ font-family: var(--na-serif); font-size:18px; margin-top:14px; }
.price{ font-family: var(--na-sans); font-size:13px; color:#5b584f; }

.button, button.button, a.button, .shopify-payment-button__button{
  background: var(--na-ink) !important; color: var(--na-base) !important; border: none !important;
  letter-spacing:0.14em; text-transform:uppercase; font-size:12px; border-radius:0 !important;
  transition: background 0.3s var(--na-ease), letter-spacing 0.3s var(--na-ease);
}
.button:hover{ background:#2b2924 !important; letter-spacing:0.18em; }
.button--secondary{ background: transparent !important; color: var(--na-ink) !important; border:1px solid var(--na-line) !important; }

.product__title h1{ font-family: var(--na-serif); font-size: clamp(28px,3.4vw,46px); }
.product .price{ font-size:15px; margin: 10px 0 20px; }
.product-form__input{ border-color: var(--na-line); }
.product__description{ font-size:14px; line-height:1.8; color:#403e38; }

.collection__title, .collection-hero__title{ font-family: var(--na-serif); }
.facets, .facets__summary{ font-size:12px; letter-spacing:0.05em; }

.cart-drawer, .drawer__inner{ background: var(--na-base) !important; }
.cart-item__name{ font-family: var(--na-serif); font-size:15px; }
.cart-drawer .price{ color: var(--na-ink); }

.footer{ background: var(--na-charcoal) !important; color: var(--na-sand) !important; }
.footer-block__heading{ font-family: var(--na-serif); color: var(--na-base) !important; }
.footer a{ color: #C9C5BB !important; }
.footer a:hover{ color: var(--na-base) !important; }

.newsletter{ background: var(--na-base); }
.newsletter-form__field-wrapper input{ border-bottom:1px solid var(--na-line); }

.announcement-bar{ background: var(--na-ink); color: var(--na-base); font-size:11px; letter-spacing:0.14em; }
/* Keep header nav buttons (language, search, cart) plain - no solid box */
.header .button,
header-component .button {
  background: transparent !important;
  color: inherit !important;
  border: none !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding: 0 !important;
}
/* Fix: cart icon still had its own background box */
.header-actions__cart-icon,
cart-icon,
[class*="header-actions__cart"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}