/** Shopify CDN: Minification failed

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

**/
/* ============================================
   MELT — BRAND CSS FOR DAWN THEME
   Add this to: assets/melt-brand.css
   Then include in theme.liquid (instructions below)
   ============================================ */

/* ----- Brand variables ----- */
:root,
.color-background-1,
.color-background-2,
.color-background-3,
.color-background-4,
.color-inverse {
  --color-foreground: 28, 28, 26;        /* Ash #1C1C1A */
  --color-background: 245, 240, 232;     /* Steam #F5F0E8 */
  --color-button: 232, 98, 42;           /* Ember #E8622A */
  --color-button-text: 245, 240, 232;
  --color-secondary-button: 28, 28, 26;
  --color-secondary-button-text: 28, 28, 26;
  --color-link: 232, 98, 42;
  --color-base-text: 28, 28, 26;
  --color-base-background-1: 245, 240, 232;
  --color-base-background-2: 228, 224, 216;  /* Smoke */
  --color-base-solid-button-labels: 245, 240, 232;
  --color-base-outline-button-labels: 232, 98, 42;
  --color-base-accent-1: 232, 98, 42;
  --color-base-accent-2: 200, 168, 122;     /* Birch */
  --color-shadow: 28, 28, 26;
  --payment-terms-background-color: rgb(245, 240, 232);
}

/* ----- Typography ----- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,700;9..144,900&family=Inter:wght@400;500;600&display=swap');

body {
  font-family: 'Inter', -apple-system, sans-serif !important;
  background: rgb(245, 240, 232) !important;
  color: rgb(28, 28, 26) !important;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5,
.product__title, .product__title h1,
.banner__heading, .section-header__title,
.collection__title h2, .article-template__title {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.05 !important;
  color: rgb(28, 28, 26) !important;
}

/* ----- Logo / wordmark ----- */
.header__heading-logo,
.header__heading-link .h2 {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  letter-spacing: -0.03em !important;
  text-transform: lowercase !important;
  position: relative;
  display: inline-block;
}

.header__heading-link {
  position: relative;
  text-decoration: none !important;
}

.header__heading-link::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 8px;
  height: 3px;
  background: rgb(232, 98, 42);
}

/* ----- Header ----- */
.header-wrapper {
  background: rgba(245, 240, 232, 0.95) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgb(228, 224, 216) !important;
}

.header__menu-item,
.list-menu__item {
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: lowercase !important;
  letter-spacing: 0 !important;
  color: rgb(28, 28, 26) !important;
}

.header__menu-item:hover {
  color: rgb(232, 98, 42) !important;
  text-decoration: none !important;
}

/* ----- Buttons ----- */
.button,
.shopify-payment-button__button--unbranded,
button.product-form__submit {
  font-family: 'Inter', sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0 !important;
  text-transform: lowercase !important;
  border-radius: 999px !important;
  padding: 18px 36px !important;
  transition: transform 0.2s, background 0.2s !important;
  border: none !important;
  min-height: 0 !important;
}

.button--primary,
.shopify-payment-button__button--unbranded,
button.product-form__submit {
  background: rgb(232, 98, 42) !important;
  color: rgb(245, 240, 232) !important;
}

.button--primary:hover,
.shopify-payment-button__button--unbranded:hover,
button.product-form__submit:hover {
  background: #d8551d !important;
  transform: translateY(-1px);
}

.button--secondary {
  background: transparent !important;
  color: rgb(28, 28, 26) !important;
  border: 1.5px solid rgb(28, 28, 26) !important;
}

.button--secondary:hover {
  background: rgb(28, 28, 26) !important;
  color: rgb(245, 240, 232) !important;
}

/* ----- Hero / banner ----- */
.banner__heading {
  font-size: clamp(56px, 8vw, 112px) !important;
  font-weight: 400 !important;
  line-height: 0.95 !important;
}

.banner__text p {
  font-family: 'Inter', sans-serif !important;
  font-size: 19px !important;
  line-height: 1.5 !important;
  color: rgb(28, 28, 26) !important;
  max-width: 460px;
}

/* ----- Product page ----- */
.product__title h1 {
  font-size: clamp(40px, 5vw, 64px) !important;
  text-transform: lowercase !important;
}

.price {
  font-family: 'Fraunces', Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  color: rgb(28, 28, 26) !important;
}

.product__description,
.product__description p {
  font-family: 'Inter', sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: rgb(28, 28, 26) !important;
}

/* ----- Eyebrow text (above headings) ----- */
.section-header__heading,
.banner__box .caption-with-letter-spacing {
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: rgb(232, 98, 42) !important;
}

/* ----- Cards ----- */
.card {
  background: rgb(245, 240, 232) !important;
  border-radius: 4px !important;
  border: 1px solid rgb(228, 224, 216) !important;
}

.card__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
}

/* ----- Footer ----- */
.footer {
  background: rgb(28, 28, 26) !important;
  color: rgb(245, 240, 232) !important;
  padding: 100px 48px 40px !important;
}

.footer * {
  color: rgb(245, 240, 232) !important;
}

.footer a {
  text-decoration: none !important;
}

.footer a:hover {
  color: rgb(232, 98, 42) !important;
}

.footer .h4 {
  font-family: 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: rgb(140, 138, 132) !important;
  margin-bottom: 24px !important;
}

/* ----- Cart drawer ----- */
.drawer {
  background: rgb(245, 240, 232) !important;
}

.drawer__heading {
  font-family: 'Fraunces', Georgia, serif !important;
  font-weight: 400 !important;
}

/* ----- Inputs ----- */
input[type="text"],
input[type="email"],
input[type="search"],
textarea,
select {
  background: rgb(245, 240, 232) !important;
  border: 1px solid rgb(228, 224, 216) !important;
  border-radius: 4px !important;
  font-family: 'Inter', sans-serif !important;
  color: rgb(28, 28, 26) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: rgb(232, 98, 42) !important;
  outline: none !important;
}

/* ----- Underlines on links ----- */
.link {
  color: rgb(28, 28, 26) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgb(232, 98, 42);
  padding-bottom: 2px;
}

/* ----- Marquee/ticker section (custom) ----- */
.melt-ticker {
  background: rgb(28, 28, 26);
  color: rgb(245, 240, 232);
  overflow: hidden;
  padding: 18px 0;
}

.melt-ticker__track {
  display: flex;
  gap: 64px;
  animation: melt-scroll 40s linear infinite;
  white-space: nowrap;
  width: max-content;
}

.melt-ticker__item {
  font-family: 'Fraunces', Georgia, serif;
  font-style: italic;
  font-size: 22px;
  display: flex;
  align-items: center;
  gap: 64px;
}

.melt-ticker__item::after {
  content: "✦";
  color: rgb(232, 98, 42);
  font-style: normal;
}

@keyframes melt-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

/* ----- Mobile ----- */
@media (max-width: 749px) {
  .banner__heading { font-size: 56px !important; }
  .footer { padding: 60px 24px 30px !important; }
}