/** Shopify CDN: Minification failed

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

**/
/* Force cream background everywhere */
html, body, .color-scheme-1,
.shopify-section, main,
.index-section {
  background-color: #F7F3EE !important;
}

/* Remove default hero image */
.banner, .banner__media {
  display: none !important;
}

/* ── STILL HARBOR BRAND STYLES ─────────────────── */
/* All brand colors are driven by theme settings.                */
/* Edit at: Customize → Theme settings → Still Harbor Brand      */
:root {
  /* Core brand */
  --sh-sage:         #3D5A40;
  --sh-sage-light:   #EAF0E5;
  --sh-sage-mid:     #6B8A60;
  --sh-terra:        #C8956A;
  --sh-terra-light:  #F5EBE0;

  /* Backgrounds and borders */
  --sh-cream:        #F7F3EE;
  --sh-sand:         #D4C5A9;
  --sh-beliefs-bg:   #F0EBE3;

  /* Text */
  --sh-dark:         #191818;
  --sh-mid:          #5C5C5C;
  --sh-light:        #9A9A9A;

  /* Product variant swatches */
  --sh-swatch-harbour-deep:  #3D5A40;
  --sh-swatch-rose-mist:     #FFE8E8;
  --sh-swatch-harbor-blue:   #A8C8D8;
  --sh-swatch-baby-butter:   #F5EBAC;
  --sh-swatch-soft-sage:     #A8C4A8;
  --sh-swatch-sunset-orange: #D4C5A9;

  /* Legacy aliases (safety net so old references don't break) */
  --sh-rose:      var(--sh-swatch-rose-mist);
  --sh-blue:      var(--sh-swatch-harbor-blue);
  --sh-soft-sage: var(--sh-swatch-soft-sage);
  --sh-terra-warm: var(--sh-swatch-sunset-orange);
  --sh-lavender:  var(--sh-swatch-soft-sage);
}

/* ── GLOBAL ─────────────────────────────────────── */
body {
  background: var(--sh-cream) !important;
  font-family: 'DM Sans', sans-serif !important;
  color: var(--sh-dark) !important;
}

/* ── ANNOUNCEMENT BAR ───────────────────────────── */
.announcement-bar {
  background: var(--sh-sage) !important;
  color: white !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.announcement-bar a,
.announcement-bar span,
.announcement-bar p {
  color: white !important;
}

/* ── HEADER ─────────────────────────────────────── */
.header,
.site-header,
header[class*="header"] {
  background: var(--sh-cream) !important;
  border-bottom: 1px solid rgba(61,92,53,0.12) !important;
}

.header__heading-link,
.header__menu-item,
.header a {
  color: var(--sh-dark) !important;
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
}

.header__heading-link:hover,
.header__menu-item:hover {
  color: var(--sh-sage) !important;
}

/* ── BUTTONS ─────────────────────────────────────── */
.button,
.btn,
button[type="submit"],
.shopify-payment-button__button {
  background: var(--sh-sage) !important;
  color: white !important;
  border-radius: 100px !important;
  border: 2px solid var(--sh-sage) !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  transition: all 0.25s !important;
  padding: 14px 32px !important;
}

.button:hover,
.btn:hover,
button[type="submit"]:hover {
  background: transparent !important;
  color: var(--sh-sage) !important;
}

.button--secondary {
  background: transparent !important;
  color: var(--sh-sage) !important;
  border: 2px solid var(--sh-sage) !important;
}

.button--secondary:hover {
  background: var(--sh-sage) !important;
  color: white !important;
}

/* ── PRODUCT CARDS ──────────────────────────────── */
.card,
.card-wrapper,
.product-card {
  background: white !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: none !important;
  transition: transform 0.3s, box-shadow 0.3s !important;
}

.card:hover,
.card-wrapper:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 48px rgba(61,92,53,0.12) !important;
}

.card__heading,
.card__heading a {
  font-family: 'Lora', serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--sh-dark) !important;
}

.price,
.price__regular,
.price-item {
  font-family: 'Lora', serif !important;
  color: var(--sh-dark) !important;
  font-size: 17px !important;
}

/* ── TYPOGRAPHY ─────────────────────────────────── */
h1, h2, h3, h4 {
  font-family: 'Lora', serif !important;
  color: var(--sh-dark) !important;
}

h1 { font-size: clamp(36px, 5vw, 60px) !important; font-weight: 400 !important; }
h2 { font-size: clamp(28px, 3.5vw, 44px) !important; font-weight: 400 !important; }
h3 { font-size: 22px !important; font-weight: 500 !important; }

/* ── NAVIGATION ─────────────────────────────────── */
.list-menu__item,
.header__menu-item {
  font-size: 13px !important;
  letter-spacing: 0.04em !important;
  color: var(--sh-dark) !important;
  font-weight: 400 !important;
}

/* ── CART ───────────────────────────────────────── */
.cart-count-bubble {
  background: var(--sh-terra) !important;
  color: white !important;
}

/* ── INPUTS & FORMS ─────────────────────────────── */
input,
textarea,
select {
  border: 1px solid var(--sh-sand) !important;
  border-radius: 10px !important;
  background: white !important;
  color: var(--sh-dark) !important;
  font-family: 'DM Sans', sans-serif !important;
}

input:focus,
textarea:focus {
  border-color: var(--sh-sage) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(61,92,53,0.1) !important;
}

/* ── COLLECTION / GRID ──────────────────────────── */
.collection,
.product-grid {
  background: var(--sh-cream) !important;
}

/* ── BREADCRUMBS ─────────────────────────────────── */
.breadcrumb,
nav[aria-label="breadcrumbs"] {
  font-size: 12px !important;
  color: var(--sh-light) !important;
}

/* ── FOOTER ─────────────────────────────────────── */
.footer {
  background: var(--sh-dark) !important;
  color: rgba(255,255,255,0.6) !important;
}

.footer a {
  color: rgba(255,255,255,0.6) !important;
  transition: color 0.2s !important;
}

.footer a:hover {
  color: white !important;
}

.footer__heading {
  color: rgba(255,255,255,0.4) !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* ── GOOGLE FONTS IMPORT ────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:wght@300;400;500&display=swap');

/* Hide default Shopify footer */
.footer,
footer.footer,
.footer-group {
  display: none !important;
}

.sh-beliefs {
  background: var(--sh-beliefs-bg) !important;
}