/** Shopify CDN: Minification failed

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

**/
/* SUNRICH — brand design tokens & overrides */

/* ── Homepage: full-bleed takeover ── */
/* Hide Shopify's header, footer, and section gutters on the index page */
body:has(main[data-template="index"]) #header-group,
body:has(main[data-template="index"]) > footer {
  display: none !important;
}

body:has(main[data-template="index"]) #MainContent {
  padding: 0 !important;
  margin: 0 !important;
}

body:has(main[data-template="index"]) .section {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

body:has(main[data-template="index"]) .section > * {
  grid-column: unset !important;
}

body:has(main[data-template="index"]) .spacing-style {
  padding: 0 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Caveat:wght@500;600&display=swap');

:root {
  --kona-cream:   #F5E6D3;
  --cream-deep:   #EAD7BE;
  --espresso:     #3D2B1F;
  --kona-copper:  #AB5C2F;
  --hi-turquoise: #2C7A7A;
  --sun-amber:    #E8943A;
  --warm-gold:    #C8923D;
  --caveat: 'Caveat', cursive;
}

/* ── Body ── */
body {
  background: var(--kona-cream);
  color: var(--espresso);
  font-family: 'Inter', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

/* ── Typography ── */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  letter-spacing: -0.025em;
  /* no color override — let each section's color context inherit correctly */
}

/* ── Header / Nav ── */
.header {
  background: transparent;
  transition: background 0.4s ease, padding 0.4s ease;
}
.header--scrolled,
.header--has-background {
  background: rgba(245, 230, 211, 0.92);
  backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 rgba(61, 43, 31, 0.08);
}
.header__heading-link,
.header__menu-item a,
.header__icon {
  color: var(--espresso);
}
.header__logo-image {
  filter: none;
}

/* ── Links ── */
a { color: var(--hi-turquoise); }
a:hover { color: var(--kona-copper); }

/* ── Buttons ── */
.button,
.btn,
button[type="submit"] {
  border-radius: 40px;
  font-family: 'Inter', sans-serif;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8rem;
}
.button--primary,
.shopify-payment-button__button {
  background: var(--kona-copper);
  color: var(--kona-cream);
  border-color: var(--kona-copper);
}
.button--primary:hover,
.shopify-payment-button__button:hover {
  background: var(--sun-amber);
  border-color: var(--sun-amber);
  color: var(--kona-cream);
  transform: translateY(-2px);
}
.button--secondary {
  background: transparent;
  color: var(--kona-copper);
  border-color: var(--kona-copper);
}
.button--secondary:hover {
  background: var(--kona-copper);
  color: var(--kona-cream);
}

/* ── Product cards ── */
.card-wrapper,
.card {
  border-radius: 16px;
  overflow: hidden;
  background: var(--cream-deep);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}
.card-wrapper:hover,
.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 22px 50px rgba(61, 43, 31, 0.14);
}
.card__heading a {
  color: var(--espresso);
  font-weight: 600;
  letter-spacing: -0.02em;
}
.price {
  color: var(--kona-copper);
  font-weight: 500;
}

/* ── Inputs ── */
.field__input,
input[type="email"],
input[type="text"],
input[type="search"],
textarea {
  background: rgba(245, 230, 211, 0.7);
  border-color: rgba(61, 43, 31, 0.2);
  color: var(--espresso);
  border-radius: 8px;
  font-family: 'Inter', sans-serif;
}
.field__input:focus,
input[type="email"]:focus {
  border-color: var(--kona-copper);
  outline: none;
  box-shadow: 0 0 0 2px rgba(171, 92, 47, 0.15);
}

/* ── Footer ── */
.footer {
  background: var(--espresso);
  color: var(--kona-cream);
}
.footer a,
.footer__list-item a {
  color: var(--kona-cream);
  opacity: 0.8;
  transition: opacity 0.3s;
}
.footer a:hover {
  opacity: 1;
  color: var(--sun-amber);
}
.footer__logo-image {
  filter: brightness(0) invert(1);
}

/* ── Badges ── */
.badge--sale {
  background: var(--kona-copper);
  color: var(--kona-cream);
  border-radius: 100px;
}
.badge--sold-out {
  background: var(--espresso);
  color: var(--kona-cream);
}

/* ── Cart drawer ── */
.drawer {
  background: var(--kona-cream);
}
.cart-items th,
.cart-items td {
  color: var(--espresso);
}

/* ── Announcement bar ── */
.announcement-bar {
  background: var(--espresso);
  color: var(--kona-cream);
}
.announcement-bar__message a {
  color: var(--sun-amber);
}

/* ── Section padding & max-width ── */
.section {
  padding: 6.5rem 2.5rem;
}

/* ── Eyebrow / label style ── */
.eyebrow,
.collection-list__title,
.caption-with-letter-spacing {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.32em;
  font-size: 0.7rem;
  color: var(--kona-copper);
}

/* ── Scroll reveal utility (mirrors the HTML) ── */
.reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.in {
  opacity: 1;
  transform: none;
}