/** Shopify CDN: Minification failed

Line 349:0 Expected "}" to go with "{"

**/
/* ============================================================
   Official Crowned — brand layer over Dawn
   Ported from the Next.js web app (app/src/app/globals.css).
   This file restyles Dawn's REAL elements (body, headings,
   .button, header, announcement bar, product/collection cards)
   to the plum + gold "crowned" look. Colors are also branded in
   config/settings_data.json; this layer handles fonts + components.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Inter:wght@400;500;600;700&family=Outfit:wght@500;700;800&display=swap');

:root {
  --oc-plum-950: #ffffff;
  --oc-plum-900: #f7f7f7;
  --oc-plum-800: #efefef;
  --oc-plum-700: #e3e3e3;
  --oc-royal: #1a1a1a;
  --oc-royal-lite: #4a4a4a;
  --oc-gold: #111111;
  --oc-gold-deep: #000000;
  --oc-cream: #111111;
  --oc-muted: #6b6b6b;
  --oc-ff-display: 'Bricolage Grotesque', 'Outfit', sans-serif;
  --oc-ff-body: 'Inter', system-ui, sans-serif;
}

/* ---------- typography + base ---------- */
body {
  font-family: var(--oc-ff-body);
  color: var(--oc-cream);
  background: var(--oc-plum-950);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3,
.title, .product__title, .card__heading,
.banner__heading, .section-header__heading {
  font-family: var(--oc-ff-display);
  letter-spacing: -0.02em;
  color: var(--oc-cream);
}

a { color: inherit; }

/* ---------- buttons -> gold gradient pill ---------- */
.button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
button.button,
.product-form__submit,
.cart__checkout-button,
.card__information .button,
.banner__buttons .button {
  font-family: var(--oc-ff-display);
  font-weight: 700;
  border-radius: 999px !important;
  background: #111111 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.32);
  transition: transform .15s ease, filter .15s ease;
  letter-spacing: .01em;
}
.button::after,
.shopify-payment-button__button::after { box-shadow: none !important; }
.button:hover,
.shopify-payment-button__button:hover,
.product-form__submit:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* ghost / secondary buttons */
.button--secondary,
.button.button--secondary {
  background: rgba(0, 0, 0, 0.06) !important;
  color: var(--oc-cream) !important;
  border: 1.5px solid rgba(0, 0, 0, 0.45) !important;
  box-shadow: none;
}
.button--secondary:hover {
  background: rgba(0, 0, 0, 0.12) !important;
}

/* ---------- announcement bar -> gold .topbar ---------- */
.utility-bar,
.announcement-bar,
.announcement-bar__announcement {
  background: linear-gradient(90deg, var(--oc-gold-deep), var(--oc-gold), var(--oc-gold-deep)) !important;
  color: #ffffff !important;
}
.announcement-bar__message {
  color: #ffffff !important;
  font-family: var(--oc-ff-display);
  font-weight: 700;
  font-size: 1.31rem;
  letter-spacing: .04em;
  text-transform: none;
  /* vertically center the text within the bar's min-height (was top-aligned) */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  min-height: 0;
  padding: 11px 12px;
}
.announcement-bar__message span { color: #ffffff !important; }
.announcement-bar__link { color: #ffffff !important; }

/* ---------- header -> sticky dark translucent plum ---------- */
.header-wrapper {
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.16) !important;
}
.header {
  --color-foreground: 246, 239, 226;
}
.header__heading-link .h2,
.header__heading-link span {
  font-family: var(--oc-ff-display);
  font-weight: 800;
  letter-spacing: .14em;
  color: var(--oc-cream);
}
/* brand logo from the web app CDN, injected via CSS (logo image asset can't be an external URL) */
.header__heading-link {
  display: inline-flex;
  align-items: center;
}
.header__heading-link .header-logo-text { display: none; }
.header__heading-link::before {
  content: "";
  display: inline-block;
  width: 150px;
  height: 40px;
  background: url('https://8ipdugxeco.ufs.sh/f/f9p93YFIBoq2BaJnpESAngzIuotTRZe4c23JQGBvDX6wrqxF') left center / contain no-repeat;
}
/* if a real Shopify logo image IS set, keep it and drop the injected one */
.header__heading-link:has(.header__heading-logo)::before { display: none; }

/* nav links */
.header__menu-item,
.header__active-menu-item,
.header__inline-menu a {
  color: var(--oc-muted) !important;
  font-family: var(--oc-ff-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 1.44rem;
}
.header__menu-item:hover,
.header__inline-menu a:hover {
  color: var(--oc-gold) !important;
}
.header__menu-item span { transition: color .15s; }
.header__icon,
.header__icon--cart .icon,
.header__icon use { color: var(--oc-cream); }
.header__icon:hover { color: var(--oc-gold); }
.cart-count-bubble {
  background: #111111 !important;
  color: #ffffff !important;
}

/* ---------- general page surfaces ---------- */
.color-scheme-1, .color-scheme-2, .color-scheme-3,
.color-background-1, .color-background-2 {
  color: var(--oc-cream);
}
main, .content-for-layout { background: var(--oc-plum-950); }

/* ---------- product + collection cards ---------- */
.card-wrapper,
.card,
.product-card-wrapper {
  color: var(--oc-cream);
}
.card--standard .card__inner,
.card--card .card__inner,
.card .card__inner {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 18px;
  overflow: hidden;
  transition: transform .18s, border-color .18s;
}
.card-wrapper:hover .card__inner,
.card:hover .card__inner {
  transform: translateY(-4px);
  border-color: rgba(0, 0, 0, 0.4);
}
.card__heading a,
.card__heading,
.full-unstyled-link,
.card-information__text {
  color: var(--oc-cream) !important;
  font-family: var(--oc-ff-display);
}
.card__heading a:hover { color: var(--oc-gold) !important; }
.card-information { padding: 14px 16px 16px; }

/* prices in gold */
.price,
.price__regular .price-item,
.price-item--regular,
.price__sale .price-item--sale,
.product__price,
.price .price-item {
  color: var(--oc-gold) !important;
  font-family: var(--oc-ff-display);
  font-weight: 800;
}
.price--on-sale .price-item--regular { color: var(--oc-muted) !important; }

/* collection grid spacing + headers */
.collection .title-wrapper h2,
.collection__title,
.section-header,
.title--primary {
  color: var(--oc-cream);
  font-family: var(--oc-ff-display);
}
.collection-hero,
.collection .banner { background: linear-gradient(180deg, var(--oc-plum-900), var(--oc-plum-950)); }

/* product page */
.product__title h1,
.product__title h2,
.product .price {
  color: var(--oc-cream);
  font-family: var(--oc-ff-display);
}
.product__info-container .price .price-item { color: var(--oc-gold) !important; }
.product__description,
.rte,
.product .rte p { color: var(--oc-muted); }
.product-form__input .form__label,
.product-form__input legend { color: var(--oc-cream); }
.product-form__input--pill input[type='radio'] + label,
.variant-input label {
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: var(--oc-cream);
  border-radius: 12px;
}
.product-form__input--pill input[type='radio']:checked + label,
.variant-input input:checked + label {
  border-color: var(--oc-gold);
  background: rgba(0, 0, 0, 0.12);
}

/* inputs (search, forms, newsletter) */
.field__input,
.select__select,
input[type='text'], input[type='email'], input[type='tel'], textarea {
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.16);
  color: var(--oc-cream);
  border-radius: 12px;
}
.field__input::placeholder { color: #999999; }
.field__label { color: var(--oc-muted); }

/* footer */
.footer,
.footer.color-scheme-1,
.section-footer {
  background: #0b0210 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.16);
  color: var(--oc-muted);
}
.footer a, .footer__list-social a, .footer-block__heading,
.copyright__content, .footer-block__details-content a {
  color: var(--oc-muted);
}
.footer a:hover { color: var(--oc-gold); }
.footer-block__heading { font-family: var(--oc-ff-display); color: var(--oc-cream); }
.footer__content-bottom { border-top: 1px solid rgba(0, 0, 0, 0.08); }

/* cart drawer + page */
.drawer__inner, .cart-drawer { background: var(--oc-plum-900); color: var(--oc-cream); }
.cart-item__name, .cart-item__price-wrapper, .totals__total-value {
  color: var(--oc-cream); font-family: var(--oc-ff-display);
}
.totals__total-value { color: var(--oc-gold) !important; }

/* badges */
.badge {
  background: rgba(0, 0, 0, 0.18) !important;
  color: var(--oc-gold) !important;
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  font-family: var(--oc-ff-display);
}


/* === OC header/announcement fixes === */
.utility-bar{background:linear-gradient(90deg,var(--oc-gold-deep),var(--oc-gold),var(--oc-gold-deep))!important}
.announcement-bar,.announcement-bar__announcement,.utility-bar__grid,.announcement-bar__message{background:transparent!important}
.header__heading-link{font-size:0!important}
.header__heading-link .h2,.header__heading-link span,.header__heading-link .header-logo-text{display:none!important}


/* === OC sizing v1: bigger type + wider layout on large screens === */
.page-width{max-width:1320px}
.oc-home .oc-wrap{max-width:1320px}
.oc-home .oc-lead{font-size:1.92rem!important}
.oc-home .oc-hero-ways,.oc-home .oc-hero-ways li{font-size:1.79rem!important}
.oc-home .oc-sub{font-size:1.86rem!important}
.oc-home .oc-kicker{font-size:1.47rem!important;letter-spacing:.14em}
.oc-home .oc-card h3{font-size:2.11rem!important}
.oc-home .oc-card p{font-size:1.68rem!important}
.oc-home .oc-trust{font-size:1.54rem!important}
.oc-home .oc-btn{font-size:1.7rem!important;padding:16px 32px!important}
.oc-home .oc-eyebrow,.oc-home .oc-kicker{letter-spacing:.16em}
@media(min-width:1600px){
  .page-width{max-width:1480px}
  .oc-home .oc-wrap{max-width:1480px}
  .oc-home .oc-hero h1{font-size:5rem!important}
  .oc-home .oc-lead,.oc-home .oc-hero-ways li{font-size:2.14rem!important}
  .oc-home .oc-sub{font-size:2.08rem!important}

/* === Large-screen readability: scale the whole rem system up so text isn't tiny on big/27" displays.
   Dawn base html = 62.5% (1rem=10px); we lift it in steps. Everything rem-based scales proportionally. === */
@media (min-width: 1500px) { html { font-size: calc(var(--font-body-scale, 1) * 70%) !important; } }
@media (min-width: 2000px) { html { font-size: calc(var(--font-body-scale, 1) * 76%) !important; } }
@media (min-width: 2400px) { html { font-size: calc(var(--font-body-scale, 1) * 82%) !important; } }

/* content (RTE) links → readable dark + underline on the white content pages
   (base.css colors them with the faded scheme --color-link/--alpha-link). */
.rte a,
.article-content a,
.page-content a,
.shopify-policy__body a { color: #111111 !important; text-decoration: underline; text-underline-offset: .18em; }
.rte a:hover,
.article-content a:hover,
.page-content a:hover,
.shopify-policy__body a:hover { color: #000000 !important; text-decoration-thickness: 2px; }

/* content link color via the variables base.css actually reads (avoids specificity battles) */
.rte, .article-content, .page-content, .shopify-policy__body { --color-link: 17, 17, 17; --alpha-link: 1; }