/** Shopify CDN: Minification failed

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

**/
/* MixtureBox — product & collection page restyle (Dawn theme selectors) */
/* Palette matches the homepage mockup */

:root {
  --mb-wheat: #FAF3E7;
  --mb-wheat-deep: #EEDFC6;
  --mb-maroon: #6B1F2A;
  --mb-maroon-deep: #4A1219;
  --mb-gold: #C9962E;
  --mb-terracotta: #B85C38;
  --mb-coffee: #2B2118;
}

/* Load fonts (skip if already added in theme.liquid) */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Space+Mono:wght@400;700&display=swap');

/* ===== Page background ===== */
body { background-color: var(--mb-wheat); color: var(--mb-coffee); }

/* ===== Announcement bar ===== */
.utility-bar,
.header__utility {
  background: var(--mb-maroon-deep) !important;
  color: var(--mb-wheat) !important;
}

/* ===== Buttons ===== */
.button,
.button--primary,
.product-form__submit,
button[name="add"] {
  background: var(--mb-maroon) !important;
  color: var(--mb-wheat) !important;
  border-radius: 999px !important;
  border: none !important;
  font-weight: 600;
}
.button:hover,
.product-form__submit:hover { background: var(--mb-maroon-deep) !important; }

/* ===== Collection grid ===== */
.collection,
.collection-hero { background: var(--mb-wheat); }

.card,
.card-wrapper {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.card__information .price,
.price {
  font-family: 'Space Mono', monospace;
  color: var(--mb-maroon);
  font-weight: 700;
}

.card__heading,
.card__heading a {
  font-family: 'Fraunces', serif;
  font-weight: 600;
  color: var(--mb-coffee);
}

/* ===== Section headings (e.g. "New Arrivals") ===== */
.title,
.collection-hero__title,
h1, h2 {
  font-family: 'Fraunces', serif !important;
  font-weight: 600;
  color: var(--mb-maroon);
}

/* eyebrow-style small caption above headings, if theme uses .caption / .subtitle */
.caption,
.subtitle {
  font-family: 'Space Mono', monospace;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--mb-terracotta) !important;
}

/* ===== Product page ===== */
.product__title { font-family: 'Fraunces', serif; color: var(--mb-coffee); }

.price__regular .price-item,
.price__sale .price-item--sale {
  font-family: 'Space Mono', monospace;
  color: var(--mb-maroon);
}

.product-form__input .form__label,
legend.form__label {
  font-family: 'Space Mono', monospace;
  font-size: 11.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5a4f45;
}

/* variant/location picker pills */
.product-form__input input[type="radio"] + label {
  border: 1.5px solid rgba(43,33,24,0.25) !important;
  border-radius: 6px !important;
  font-family: 'Space Mono', monospace;
}
.product-form__input input[type="radio"]:checked + label {
  border-color: var(--mb-maroon) !important;
  background: #FFFDF8 !important;
  box-shadow: 3px 3px 0 var(--mb-maroon);
}

/* quantity selector */
quantity-input,
.quantity {
  border: 1.5px solid rgba(43,33,24,0.25) !important;
  border-radius: 6px !important;
  background: var(--mb-wheat-deep);
}

/* ===== Cart drawer ===== */
.cart-drawer,
#CartDrawer {
  background: var(--mb-wheat) !important;
}
.cart-drawer .button--primary,
#CartDrawer .button--primary {
  background: var(--mb-maroon) !important;
}
.quantity_button {
  background-color: #ca7322ff; /* dark brown, matches your Add to Cart button */
  color: #ffffff;
  border: 1px solid #3b2a1a;
}

.quantity_button .svg-wrapper svg {
  fill: #ffffff; /* forces the minus/plus icon to show in sky blue against the dark button */
  stroke: #ffffff;
}

.quantity__input {
  color: #a17b7bff; /* make sure the number itself is dark and readable */
  background-color: #ffffff;
}
.quantity {
  background-color: #f0dfc0 !important; /* keep your current tan, or change to dark below */
}

.quantity__input,
.quantity__input.quantity_input {
  color: #c44a4aff !important;
  background-color: transparent !important;
  -webkit-text-fill-color: #1a1a1a !important; /* some themes force text color via this property, ignoring plain `color` */
}

.quantity_button .svg-wrapper svg,
.quantity_button .svg-wrapper svg path {
  fill: #1a1a1a !important;
  stroke: #1a1a1a !important;
}
.product-form__input--pill input[type="radio"]:checked + label {
  color: #1a1a1a !important;
}