/** Shopify CDN: Minification failed

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

**/
/*
  DISTRICT BOARDS — BRAND STYLESHEET v4.0 (cleaned)
  Same black/gold luxury look as before, rebuilt with CSS variables
  instead of ~40 repeated hardcoded hex values, so future edits only
  require changing a color once at the top.

  NOTE: This file styles the storefront only. Shopify Checkout is a
  separate system and is NOT reachable from this file. Match checkout
  branding in: Shopify Admin → Settings → Checkout → Customize.
*/

/* ── BRAND TOKENS ── */
:root {
  --db-black: #080808; --db-warm-dark: #0D0C0A; --db-card: #1C1A16; --db-panel: #0E0E0C; --db-footer: #030303; --db-white: #FAF9F6; --db-off-white: #F3F0E8; --db-gold: #C4A35A; --db-gold-l: #E8D5A3; --db-gold-d: #9A7A38; --db-gray: #A8A49C; --db-gray-dark: #5A5854; --db-serif: 'Cormorant Garamond', Georgia, serif; --db-sans: 'Jost', sans-serif; --color-background: 8, 8, 8; --color-foreground: 250, 249, 246; --color-base-background-1: 8, 8, 8; --color-base-background-2: 13, 12, 10; --color-base-accent-1: 196, 163, 90; --color-base-accent-2: 196, 163, 90; --color-base-text: 250, 249, 246; --color-base-solid-button-labels: 8, 8, 8; --color-base-outline-button-labels: 250, 249, 246; }

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');

html body, html body.template-index, html body.template-product, html body.template-collection, html body.template-page, html body.template-cart, html body.template-customers-login { background-color: var(--db-black) !important; color: var(--db-white) !important; font-family: var(--db-sans) !important; font-weight: 300 !important; }

html body .shopify-section--announcement-bar, html body .announcement-bar, html body x-announcement-bar, html body [class*="announcement-bar"] { background-color: var(--db-gold) !important; color: var(--db-black) !important; }
html body .announcement-bar *, html body x-announcement-bar * { background-color: transparent !important; color: var(--db-black) !important; font-family: var(--db-sans) !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; }

html body .header, html body header[role="banner"], html body .site-header, html body .header__wrapper, html body x-header { background-color: rgba(8, 8, 8, 0.97) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important; backdrop-filter: blur(8px) !important; }
html body .header__menu-item span, html body .header__menu-item a, html body .site-nav a, html body header a:not([href="/cart"]) { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 13px !important; letter-spacing: 0.13em !important; text-transform: uppercase !important; font-weight: 400 !important; }
html body .header__menu-item:hover span, html body header a:not([href="/cart"]):hover { color: var(--db-white) !important; }

html body .header__icon--cart, html body a[href="/cart"], html body .cart-link, html body [data-cart-link] { background-color: var(--db-gold) !important; color: var(--db-black) !important; font-family: var(--db-sans) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 9px 18px !important; border-radius: 0 !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; gap: 5px !important; }
html body .header__icon--cart:hover, html body a[href="/cart"]:hover { background-color: var(--db-gold-l) !important; }
html body .header__icon--cart svg, html body a[href="/cart"] svg { display: none !important; }
html body .cart-count-bubble { background: var(--db-black) !important; color: var(--db-gold) !important; border-radius: 0 !important; font-size: 9px !important; font-weight: 700 !important; }

html body .banner, html body [data-section-type="image-banner"], html body .shopify-section .banner { background-color: var(--db-warm-dark) !important; }
html body .banner__heading, html body .banner h1, html body .banner h2 { font-family: var(--db-serif) !important; font-size: clamp(46px, 5.5vw, 82px) !important; font-weight: 300 !important; color: var(--db-white) !important; line-height: 1.05 !important; letter-spacing: -0.01em !important; }
html body .banner__text, html body .banner p { color: #C4B89A !important; font-family: var(--db-sans) !important; font-size: 15px !important; line-height: 1.85 !important; font-weight: 300 !important; }
html body .banner .button { font-family: var(--db-sans) !important; font-size: 11px !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; font-weight: 700 !important; border-radius: 0 !important; padding: 16px 36px !important; text-decoration: none !important; }
html body .banner .button--primary, html body .banner .button:first-of-type { background-color: var(--db-gold) !important; color: var(--db-black) !important; border: none !important; }
html body .banner .button--primary:hover, html body .banner .button:first-of-type:hover { background-color: var(--db-gold-l) !important; }
html body .banner .button--secondary, html body .banner .button:last-of-type { background-color: transparent !important; color: var(--db-white) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; }
html body .banner .button--secondary:hover { border-color: var(--db-white) !important; }

html body [class*="marquee"], html body [class*="scrolling-text"] { background-color: var(--db-white) !important; padding: 13px 0 !important; }
html body [class*="marquee"] *, html body [class*="scrolling-text"] * { color: var(--db-black) !important; background-color: transparent !important; font-family: var(--db-sans) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; }

html body .shopify-section, html body main, html body #MainContent, html body .main-content { background-color: var(--db-black) !important; }
html body .shopify-section + .shopify-section { border-top: 1px solid rgba(196, 163, 90, 0.12) !important; }

html body [data-section-type="featured-collection"], html body [data-section-type="collection-list"] { background-color: var(--db-warm-dark) !important; padding-top: 80px !important; padding-bottom: 80px !important; }
html body [data-section-type="featured-collection"] h2, html body [data-section-type="featured-collection"] .title { font-family: var(--db-serif) !important; font-weight: 300 !important; font-size: clamp(34px, 3.5vw, 54px) !important; color: var(--db-white) !important; letter-spacing: 0 !important; line-height: 1.1 !important; }
html body [data-section-type="featured-collection"] .section-header__description { color: var(--db-gray) !important; font-size: 14px !important; font-weight: 300 !important; }

html body .card-wrapper, html body .card, html body .card--product { background-color: var(--db-card) !important; border: 1px solid rgba(196, 163, 90, 0.08) !important; border-radius: 0 !important; transition: border-color 0.3s !important; }
html body .card-wrapper:hover, html body .card:hover { border-color: rgba(196, 163, 90, 0.3) !important; }
html body .card__information { background-color: var(--db-card) !important; padding: 18px 8px 14px !important; }
html body .card__heading, html body .card h3 { font-family: var(--db-serif) !important; font-size: 19px !important; font-weight: 400 !important; color: var(--db-white) !important; line-height: 1.25 !important; letter-spacing: 0 !important; }
html body .card__heading a:hover { color: var(--db-gold) !important; text-decoration: none !important; }
html body [class*="price-item"] { color: var(--db-gold) !important; font-size: 14px !important; font-weight: 500 !important; font-family: var(--db-sans) !important; }
html body .price__from, html body .price s { color: var(--db-gray) !important; font-size: 10px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; }
html body .badge, html body .card__badge { background-color: var(--db-gold) !important; color: var(--db-black) !important; border-radius: 0 !important; font-family: var(--db-sans) !important; font-size: 8px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 4px 9px !important; }
html body .card__media img { filter: grayscale(10%) !important; transition: transform 0.65s ease, filter 0.4s !important; }
html body .card-wrapper:hover .card__media img { transform: scale(1.05) !important; filter: grayscale(0%) !important; }
html body .quick-add__submit, html body [class*="quick-add"] .button { background-color: var(--db-white) !important; color: var(--db-black) !important; border-radius: 0 !important; font-family: var(--db-sans) !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; }
html body .quick-add__submit:hover { background-color: var(--db-gold) !important; }

html body [data-section-type="multicolumn"] { background-color: var(--db-off-white) !important; border-top: 2px solid var(--db-gold) !important; border-bottom: 2px solid var(--db-gold) !important; padding: 40px 0 !important; }
html body [data-section-type="multicolumn"] .multicolumn-card__title { color: var(--db-black) !important; font-family: var(--db-sans) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
html body [data-section-type="multicolumn"] .multicolumn-card__description { color: var(--db-gray-dark) !important; font-size: 12px !important; }
html body [data-section-type="multicolumn"] svg { fill: var(--db-black) !important; color: var(--db-black) !important; }
html body [data-section-type="multicolumn"] h2 { color: var(--db-black) !important; font-family: var(--db-serif) !important; font-weight: 300 !important; }

html body [data-section-type="image-with-text"], html body [data-section-type="rich-text"] { background-color: var(--db-off-white) !important; border-top: 2px solid var(--db-gold) !important; border-bottom: 2px solid var(--db-gold) !important; }
html body [data-section-type="image-with-text"] h2, html body [data-section-type="image-with-text"] h3, html body [data-section-type="rich-text"] h2 { font-family: var(--db-serif) !important; font-weight: 300 !important; color: var(--db-black) !important; font-size: clamp(30px, 3vw, 48px) !important; line-height: 1.1 !important; }
html body [data-section-type="image-with-text"] p, html body [data-section-type="rich-text"] p { color: var(--db-gray-dark) !important; font-size: 14px !important; line-height: 1.9 !important; font-weight: 300 !important; font-family: var(--db-sans) !important; }
html body [data-section-type="image-with-text"] .button--primary, html body [data-section-type="rich-text"] .button--primary { background-color: var(--db-black) !important; color: var(--db-white) !important; border: none !important; border-radius: 0 !important; font-family: var(--db-sans) !important; font-size: 10px !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; font-weight: 700 !important; padding: 15px 32px !important; }
html body [data-section-type="image-with-text"] .button--primary:hover { background-color: #2E2E2C !important; }
html body [data-section-type="image-with-text"] .button--secondary { border-color: rgba(0, 0, 0, 0.2) !important; color: var(--db-black) !important; background: transparent !important; }
html body [data-section-type="rich-text"] p strong { display: block !important; color: var(--db-gold) !important; font-weight: 600 !important; font-size: 12px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; margin-top: 20px !important; margin-bottom: 4px !important; font-family: var(--db-sans) !important; }
html body [data-section-type="rich-text"] p { color: var(--db-gray) !important; }

html body .button, html body .btn, html body button[type="submit"] { font-family: var(--db-sans) !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-weight: 700 !important; border-radius: 0 !important; font-size: 10px !important; transition: background-color 0.2s, color 0.2s !important; }
html body .button--primary, html body .product-form__submit { background-color: var(--db-gold) !important; color: var(--db-black) !important; border: none !important; padding: 16px 32px !important; font-weight: 700 !important; font-size: 11px !important; }
html body .button--primary:hover, html body .product-form__submit:hover { background-color: var(--db-gold-l) !important; }
html body .button--secondary { background: transparent !important; color: var(--db-white) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; }
html body .button--secondary:hover { border-color: var(--db-white) !important; }

html body .product, html body .product__info-wrapper, html body .product-form, html body [data-section-type="product"] { background-color: var(--db-black) !important; }
/* CORRECTED: scoped to .product (the single-product page wrapper only).
   This rule was previously bare `.product__title` with no scope, which
   also matches the shared product-card partial (snippets/section-product-processor.liquid)
   used by search results, quickview, and other small product cards —
   forcing an oversized 32-52px product-page heading style onto small
   card titles elsewhere on the site. Scoping it here fixes that
   collision without changing how the actual product page looks. */
html body .product .product__title { font-family: var(--db-serif) !important; font-size: clamp(32px, 3vw, 52px) !important; font-weight: 300 !important; color: var(--db-white) !important; line-height: 1.06 !important; }
html body .product .product__vendor { color: var(--db-gold) !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; font-weight: 600 !important; }
html body .product .product__description, html body .product .product__description p { color: var(--db-gray) !important; font-size: 14px !important; line-height: 1.9 !important; font-weight: 300 !important; }
html body .product .product__price, html body .price-item--regular, html body .price-item--sale { font-family: var(--db-serif) !important; font-size: 34px !important; font-weight: 300 !important; color: var(--db-gold) !important; }
html body .variant-picker__option-values .button { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; color: var(--db-gray) !important; padding: 10px 16px !important; font-size: 12px !important; transition: all 0.2s !important; }
html body .variant-picker__option-values .button:hover { border-color: var(--db-gold) !important; color: var(--db-white) !important; }
html body .variant-picker__option-values .button[aria-pressed="true"] { background: var(--db-gold) !important; color: var(--db-black) !important; border-color: var(--db-gold) !important; font-weight: 700 !important; }

html body .collection, html body [data-section-type="collection-banner"] { background-color: var(--db-black) !important; }
html body .collection .title, html body [data-section-type="collection-banner"] h1 { font-family: var(--db-serif) !important; font-size: clamp(36px, 4vw, 60px) !important; font-weight: 300 !important; color: var(--db-white) !important; }
html body [class*="breadcrumb"] a { color: var(--db-gray) !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.08em !important; text-decoration: none !important; }

html body .cart-drawer, html body .drawer { background-color: var(--db-panel) !important; border-left: 1px solid rgba(255, 255, 255, 0.07) !important; border-radius: 0 !important; }
html body .cart-drawer h2 { font-family: var(--db-serif) !important; font-size: 24px !important; font-weight: 300 !important; color: var(--db-white) !important; }
html body .cart-item__name, html body .cart-item__title { font-family: var(--db-serif) !important; font-size: 17px !important; color: var(--db-white) !important; }
html body .cart-item__price, html body .totals__subtotal-value { font-family: var(--db-serif) !important; color: var(--db-gold) !important; font-weight: 300 !important; }
html body .cart__checkout-button { background-color: var(--db-gold) !important; color: var(--db-black) !important; border: none !important; border-radius: 0 !important; font-weight: 700 !important; letter-spacing: 0.18em !important; font-size: 11px !important; width: 100% !important; padding: 18px !important; }
html body .cart__checkout-button:hover { background-color: var(--db-gold-l) !important; }

html body [class*="mega-menu"], html body [class*="header__submenu"] { background-color: var(--db-panel) !important; border-top: 2px solid var(--db-gold) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; }
html body [class*="mega-menu"] a, html body [class*="header__submenu"] a { color: var(--db-gray) !important; font-size: 12px !important; letter-spacing: 0.08em !important; }
html body [class*="mega-menu"] a:hover, html body [class*="header__submenu"] a:hover { color: var(--db-white) !important; }

html body .menu-drawer, html body [class*="menu-drawer"] { background-color: var(--db-panel) !important; border-right: 1px solid rgba(255, 255, 255, 0.07) !important; }
html body .menu-drawer a, html body [class*="menu-drawer"] a { color: var(--db-gray) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; font-size: 14px !important; letter-spacing: 0.08em !important; background-color: transparent !important; }
html body .menu-drawer a:hover { color: var(--db-white) !important; }

html body [class*="search-modal"] { background-color: var(--db-panel) !important; color: var(--db-white) !important; }
html body [class*="search-modal"] input[type="search"] { background: transparent !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; color: var(--db-white) !important; font-size: 18px !important; font-family: var(--db-sans) !important; }
html body [class*="predictive-search"] { background-color: var(--db-panel) !important; border: 1px solid rgba(255, 255, 255, 0.07) !important; }
html body [class*="predictive-search"] * { color: var(--db-gray) !important; }
html body [class*="predictive-search"] h3 { color: var(--db-white) !important; }
html body [class*="predictive-search"] .price { color: var(--db-gold) !important; }

html body footer, html body [class*="footer"] { background-color: var(--db-footer) !important; border-top: 1px solid rgba(255, 255, 255, 0.05) !important; color: var(--db-gray) !important; }
html body [class*="footer__heading"] { color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 10px !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; font-weight: 600 !important; }
html body .footer a, html body [class*="footer-block"] a { color: #555555 !important; font-size: 14px !important; font-weight: 300 !important; text-decoration: none !important; transition: color 0.2s !important; }
html body .footer a:hover { color: var(--db-white) !important; }
html body [class*="footer__copyright"] { color: #3A3A38 !important; font-size: 13px !important; border-top: 1px solid rgba(255, 255, 255, 0.04) !important; padding-top: 20px !important; }
html body [class*="payment-icon"] { filter: invert(1) brightness(0.3) !important; opacity: 0.5 !important; }

html body h1, html body h2, html body h3, html body h4, html body [class*="__title"], html body [class*="__heading"] { font-family: var(--db-serif) !important; font-weight: 300 !important; letter-spacing: 0 !important; }
html body [class*="section-header__link"] { color: var(--db-gray) !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; text-decoration: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important; padding-bottom: 2px !important; transition: color 0.2s, border-color 0.2s !important; }
html body [class*="section-header__link"]:hover { color: var(--db-white) !important; border-bottom-color: var(--db-white) !important; }

html body ::selection { background: var(--db-gold) !important; color: var(--db-black) !important; }
html body :focus-visible { outline: 2px solid var(--db-gold) !important; outline-offset: 3px !important; }

@media screen and (max-width: 768px) {
  html body .banner__heading, html body .banner h1 { font-size: 38px !important; line-height: 1.1 !important; }
  html body .banner .button { width: 100% !important; padding: 15px 20px !important; text-align: center !important; display: block !important; margin-bottom: 10px !important; }
  html body [data-section-type="multicolumn"], html body [data-section-type="image-with-text"] { padding: 48px 24px !important; }
  html body .card__heading { font-size: 16px !important; }
  html body .announcement-bar { font-size: 9px !important; padding: 8px 12px !important; letter-spacing: 0.1em !important; }
  html body .cart-drawer, html body .drawer { width: 100% !important; max-width: 100% !important; }
  html body .menu-drawer { max-width: 85vw !important; }
}

.cart-drawer-contents { background-color: var(--db-panel) !important; color: var(--db-white) !important; --theme-color-primary: var(--db-white); --theme-color-heading: var(--db-white); --theme-lines-color-primary: rgba(255, 255, 255, 0.18); --theme-lines-color-secondary: rgba(255, 255, 255, 0.08); --theme-button-background-color-primary: var(--db-gold); --theme-button-color-primary: var(--db-black); }
.cart-drawer-contents .cart-product-line-price, .cart-drawer-contents .cart-total { color: var(--db-gold) !important; }
.cart-drawer-contents .cart-drawer-header__title, .cart-drawer-contents .cart-product-title { font-family: var(--db-serif) !important; font-weight: 400 !important; }
.cart-drawer-contents .cart-product-remove:hover, .cart-drawer-contents .cart-product-title a:hover { color: var(--db-gold) !important; }
.cart-drawer-contents .cart-drawer-footer-button { font-family: var(--db-sans) !important; letter-spacing: 0.15em !important; text-transform: uppercase !important; font-size: 16px !important; }

.section-header-main-menu-subitems { background-color: var(--db-panel) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; }
.section-header-main-menu-subitem__link, .section-header-main-menu-subitem .section-header-main-menu-item-text { color: var(--db-gray) !important; }
.section-header-main-menu-subitem__link:hover, .section-header-main-menu-subitem:hover .section-header-main-menu-item-text { color: var(--db-white) !important; }
.section-header-main-menu-card__heading { color: var(--db-white) !important; font-family: var(--db-serif) !important; }
.section-header-main-menu-card__description { color: var(--db-gray) !important; }
.section-header-main-menu-card__link:hover .section-header-main-menu-card__heading { color: var(--db-gold) !important; }

.section-rich-text-content__special-heading { color: var(--db-white) !important; font-family: var(--db-serif) !important; }
.section-rich-text-content__text { color: var(--db-gray) !important; }
.section-rich-text-content__text strong { color: var(--db-white) !important; }
.section-rich-text-content__text a { color: var(--db-gold) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
.section-rich-text-content__text a:hover { color: var(--db-gold-l) !important; }

.section-main-page-title { color: var(--db-white) !important; font-family: var(--db-serif) !important; }
.section-main-page-content { color: var(--db-gray) !important; }
.section-main-page-content h1, .section-main-page-content h2, .section-main-page-content h3, .section-main-page-content h4 { color: var(--db-white) !important; font-family: var(--db-serif) !important; }
.section-main-page-content strong, .section-main-page-content b { color: var(--db-white) !important; }
.section-main-page-content a { color: var(--db-gold) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }
.section-main-page-content a:hover { color: var(--db-gold-l) !important; }
.section-main-page-content ul, .section-main-page-content ol { color: var(--db-gray) !important; }

.cart-drawer-delivery-notice { display: flex; align-items: center; gap: 8px; margin-top: 10px; padding: 10px 14px; background-color: var(--db-gold); color: var(--db-black); font-family: var(--db-sans); font-size: 14px; font-weight: 600; letter-spacing: 0.02em; line-height: 1.4; }
.cart-drawer-delivery-notice svg { width: 15px; height: 15px; flex-shrink: 0; stroke: var(--db-black); }
.cart-drawer-delivery-notice strong { font-weight: 800; }

.section-logo-list-content { display: none !important; }
.section-logo-list-header { padding: 4px 0 !important; }
.section-logo-list-header__heading { color: var(--db-gold) !important; font-family: var(--db-sans) !important; font-size: 11px !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; font-weight: 700 !important; text-align: center !important; margin-bottom: 14px !important; }
.section-logo-list-header__description { color: var(--db-white) !important; font-family: var(--db-serif) !important; font-size: clamp(17px, 2vw, 24px) !important; font-weight: 300 !important; text-align: center !important; letter-spacing: 0.03em !important; max-width: 880px !important; margin: 0 auto !important; line-height: 1.8 !important; }

.cart-drawer-special-note { border: 1px solid rgba(196, 163, 90, 0.3) !important; background-color: var(--db-warm-dark) !important; padding: 12px 14px !important; margin-bottom: 14px !important; }
.cart-drawer-special-note .cart-note__title { display: flex !important; justify-content: space-between !important; align-items: center !important; cursor: pointer !important; color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; list-style: none !important; }
.cart-drawer-special-note .cart-note__title::-webkit-details-marker { display: none !important; }
.cart-drawer-special-note .cart-note__title svg { width: 14px !important; height: 14px !important; stroke: var(--db-gold) !important; }
.cart-note__helper { color: var(--db-gray) !important; font-size: 14px !important; line-height: 1.6 !important; margin: 10px 0 8px !important; }
.cart-note__windows { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; align-items: center !important; margin-bottom: 10px !important; }
.cart-note__windows-label { color: var(--db-gray) !important; font-size: 13px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; margin-right: 2px !important; }
.cart-note__window-chip { background-color: rgba(196, 163, 90, 0.12) !important; border: 1px solid rgba(196, 163, 90, 0.35) !important; color: var(--db-gold-l) !important; font-size: 13px !important; font-weight: 600 !important; padding: 3px 9px !important; }
.cart-drawer-special-note textarea.cart-note__text { width: 100% !important; background-color: var(--db-black) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 15px !important; padding: 10px !important; min-height: 70px !important; resize: vertical !important; }
.cart-drawer-special-note textarea.cart-note__text::placeholder { color: var(--db-gray-dark) !important; opacity: 0.9 !important; }
.cart-drawer-special-note textarea.cart-note__text:focus { outline: none !important; border-color: var(--db-gold) !important; }
.cart-drawer-trust-note { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 13px !important; letter-spacing: 0.02em !important; text-align: center !important; margin: 4px 0 10px !important; }
.cart-drawer-trust-note svg { width: 12px !important; height: 12px !important; stroke: var(--db-gold) !important; flex-shrink: 0 !important; }

.section-cart { background-color: var(--db-black) !important; }
.cart-header-title { color: var(--db-white) !important; font-family: var(--db-serif) !important; font-weight: 300 !important; }
.cart-header-count { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 14px !important; }
.cart-contents table { background-color: transparent !important; width: 100% !important; }
.cart-contents thead th { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; text-align: left !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; padding-bottom: 12px !important; }
.cart-contents-product { border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; }
.cart-contents-product td { padding: 16px 8px !important; vertical-align: middle !important; }
.cart-product-title, .cart-product-title a { color: var(--db-white) !important; font-family: var(--db-serif) !important; font-size: 17px !important; font-weight: 400 !important; }
.cart-product-variant dt, .cart-product-variant dd, .cart-product-option dt, .cart-product-option dd { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 14px !important; }
.cart-contents-product__price, .cart-product-line-price { color: var(--db-gold) !important; font-family: var(--db-serif) !important; }
.cart-product-remove { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 13px !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; }
.cart-product-remove:hover { color: var(--db-gold) !important; }
.cart-product-remove svg { stroke: currentColor !important; }
.product-quantity-picker { border: 1px solid rgba(255, 255, 255, 0.2) !important; color: var(--db-white) !important; }
.product-quantity-picker svg { stroke: var(--db-white) !important; }
.product-quantity-picker-input { background: transparent !important; color: var(--db-white) !important; }
.cart-free-shipping-text__message, .cart-free-shipping-text__greeting { color: var(--db-white) !important; }
.cart-totals-title { color: var(--db-white) !important; font-family: var(--db-serif) !important; }
.cart-totals-total, .cart-totals-subtotal, .cart-totals-discounts-title { color: var(--db-white) !important; font-family: var(--db-sans) !important; }
.cart-total, .cart-discount { color: var(--db-gold) !important; font-family: var(--db-serif) !important; font-weight: 500 !important; }
.tax-note { color: var(--db-gray) !important; font-size: 14px !important; }
.cart-note__title { color: var(--db-white) !important; font-family: var(--db-sans) !important; cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; }
.cart-note__text { background-color: var(--db-warm-dark) !important; border: 1px solid rgba(255, 255, 255, 0.15) !important; color: var(--db-white) !important; width: 100% !important; padding: 10px !important; }
.cart-button-update { background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 14px 20px !important; width: 100% !important; margin-bottom: 10px !important; position: relative !important; z-index: 20 !important; }
.cart-button-update:hover { border-color: var(--db-white) !important; }
.cart-button-checkout { background-color: var(--db-gold) !important; color: var(--db-black) !important; border: none !important; font-family: var(--db-sans) !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; padding: 16px 20px !important; width: 100% !important; cursor: pointer !important; position: relative !important; z-index: 2147483647 !important; isolation: isolate !important; }
.cart-button-checkout:hover { background-color: var(--db-gold-l) !important; }

.cart-drawer-overlay, .cart-drawer-contents { z-index: 2147483000 !important; }
.cart-drawer-footer-button { position: relative !important; z-index: 2147483647 !important; isolation: isolate !important; cursor: pointer !important; pointer-events: auto !important; }

.cart-drawer-contents { width: 100vw !important; max-width: 100vw !important; }
.cart-drawer-inner { max-width: 760px !important; width: 100% !important; margin: 0 auto !important; padding: 0 40px !important; }
@media screen and (max-width: 600px) { .cart-drawer-inner { padding: 0 20px !important; } }

.shipping-calculator-title { color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; }
.shipping-calculator summary { cursor: pointer !important; display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 16px 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; list-style: none !important; }
.shipping-calculator summary::-webkit-details-marker { display: none !important; }
.shipping-calculator-form { padding: 4px 0 16px !important; }
.shipping-calculator-form-country-field label, .shipping-calculator-form-province-field label, .shipping-calculator-form-zip-field label { color: var(--db-gray) !important; font-family: var(--db-sans) !important; font-size: 13px !important; letter-spacing: 0.04em !important; display: block !important; margin-bottom: 6px !important; }
.shipping-calculator-country, .shipping-calculator-province, .shipping-calculator-zip { background-color: var(--db-warm-dark) !important; color: var(--db-white) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; padding: 12px !important; font-size: 14px !important; width: 100% !important; margin-bottom: 12px !important; }
.shipping-calculator-submit { background: transparent !important; border: 1px solid var(--db-gold) !important; color: var(--db-gold) !important; font-family: var(--db-sans) !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; padding: 12px 20px !important; width: 100% !important; cursor: pointer !important; }
.shipping-calculator-submit:hover { background-color: var(--db-gold) !important; color: var(--db-black) !important; }

.cart-upsell label { display: flex !important; align-items: center !important; gap: 12px !important; padding: 16px 0 !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; color: var(--db-white) !important; font-family: var(--db-sans) !important; font-size: 14px !important; cursor: pointer !important; }
.cart-upsell input[type="checkbox"] { width: 18px !important; height: 18px !important; accent-color: var(--db-gold) !important; flex-shrink: 0 !important; }

body:has(.cart-drawer.active) #tidio-chat { display: none !important; }

.cart-drawer-body { min-height: 0 !important; height: auto !important; overflow: visible !important; scroll-snap-type: none !important; }
.cart-drawer-footer { flex-shrink: 0 !important; }
.cart-drawer-footer-content { margin-bottom: 20px !important; }
.cart-drawer-footer form { position: relative !important; z-index: 2147483647 !important; }

.cart-drawer-footer-button { font-size: 16px !important; padding: 20px !important; letter-spacing: 0.12em !important; }
.cart-drawer-footer-button span[data-text] span { font-size: 16px !important; }

.cart-drawer-contents { overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
.cart-drawer-inner { height: auto !important; min-height: 100% !important; }

/* ── CART DRAWER: FOOTER STAYS IN NORMAL FLOW ──
   A sticky footer stays fixed at the bottom of the visible drawer while
   everything else scrolls underneath it, so the product list, shipping
   estimator, and allergy/gift note were scrolling BEHIND the solid
   footer and disappearing from view — that's the "covered by the
   information" bug just reported. Keeping the footer in normal document
   flow (not sticky, not fixed) means it scrolls along with everything
   else in the single-scroll drawer, so nothing can ever sit on top of
   anything else. */
.cart-drawer-footer {
  position: static !important;
  bottom: auto !important;
  box-shadow: none !important;
  margin-top: 24px !important;
  padding-top: 16px !important;
  background-color: var(--db-panel) !important;
}

/* ── ACCESSIBILITY: LARGER MINIMUM TEXT SIZE ──
   Several small labels (10–12px) fell below comfortable reading size for
   visually impaired or low-vision users. Bumped these to 13–16px across
   the cart drawer, cart page, checkout button, note fields, shipping
   estimator, and nav/footer links, while keeping true decorative badges
   (e.g. product corner badges) unchanged since they carry no essential
   reading text on their own. */

/* ── SEARCH RESULTS PAGE FIX (real selectors, sitewide black-on-black) ──
   Same root cause as the earlier standalone-pages bug: templates/search.json
   assigns main-search an EMPTY color_scheme ("") instead of a real scheme,
   so it falls back to the theme's default text colors (near-black),
   directly on our global black page background. Every element on this
   page — the "N results for..." heading, product/page/article titles in
   the results list, the search box, and the submit button — was
   inheriting that same invisible-text problem. Fixed with the real
   classes confirmed from sections/main-search.liquid. */
.main-search-header .main-page-header-title,
.page-search-title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.main-search-form__label-text {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.main-search-form__search {
  background-color: var(--db-warm-dark) !important;
  color: var(--db-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
}
.main-search-form__search::placeholder {
  color: var(--db-gray-dark) !important;
}
.main-search-form__submit {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
}
.main-search-form__submit:hover {
  background-color: var(--db-gold-l) !important;
}
.search-results-list-item__type {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}
.post__title,
.page__title,
.post__title a,
.page__title a {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.post__meta,
.post__meta span {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
}
.post__read-more,
.page__read-more {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(196, 163, 90, 0.4) !important;
}
.post__read-more:hover,
.page__read-more:hover {
  color: var(--db-gold-l) !important;
  border-bottom-color: var(--db-gold-l) !important;
}
.search-results-no-result-text {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}

/* ── 404 PAGE FIX (real selectors) ──
   Same empty-color_scheme pattern as search: templates/404.json also
   assigns color_scheme: "", so the big "404" heading and body text were
   falling back to the theme's default near-black text on our black
   background. Fixed with the real block classes from
   sections/main-404.liquid. */
.section-404 {
  background-color: var(--db-black) !important;
}
.section-404-content__special-heading,
.section-404-content__heading {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.section-404-content__richtext,
.section-404-content__richtext p {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.section-404-content__richtext a {
  color: var(--db-gold) !important;
  text-decoration: underline !important;
}

/* ── BLOG INDEX PAGE FIX (real selectors) ──
   Same pattern again: templates/blog.json assigns color_scheme: "" too.
   Fixed with real classes from sections/main-blog.liquid: blog title,
   tag links, post meta, post titles, excerpts, and the read-more link. */
.section-blog {
  background-color: var(--db-black) !important;
}
.blog-title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.blog-tags-list-item a {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.blog-tags-list-item a:hover {
  color: var(--db-white) !important;
}
.post__tags span a {
  color: var(--db-gold) !important;
  font-size: 11px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.post__meta span {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
}
.post__title a {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
}
.post__title a:hover {
  color: var(--db-gold) !important;
}
.post__excerpt p {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.post__read-more {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(196, 163, 90, 0.4) !important;
}
.post__read-more:hover {
  color: var(--db-gold-l) !important;
  border-bottom-color: var(--db-gold-l) !important;
}

/* ── ACCOUNT / LOGIN PAGES: SAFETY-NET LEGIBILITY ──
   Unlike the sections above, these two don't use the color_scheme
   mechanism at all (no scheme class is ever applied), so they weren't
   confirmed broken the same way. But they're plain unstyled markup with
   no explicit colors of their own, which can pick up unrelated defaults
   from the theme's base stylesheet. Adding explicit, low-risk styling
   here purely as a precaution, without touching anything else on these
   pages. */
.customer-account-header h1,
.customer-orders h2,
.customer-address-title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.customer-account-header a,
.customer-address-link a {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  text-decoration: underline !important;
}
.order-history th {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}
.order-history td {
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.order-history a {
  color: var(--db-gold) !important;
}
.customer-address-content {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.customers-form-title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.customers-form label span {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
}
.customers-form input {
  background-color: var(--db-warm-dark) !important;
  color: var(--db-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 12px !important;
}
.customers-form .btn-fill {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 24px !important;
  cursor: pointer !important;
}
.customers-form .btn-fill:hover {
  background-color: var(--db-gold-l) !important;
}
.customers-login-register-link,
.customers-login-forgot-link button,
.customers-login-forgot-link-cancel button {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.customers-login-forgot-link button,
.customers-login-forgot-link-cancel button {
  background: none !important;
  border: none !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}

/* ── SEARCH RESULTS PRODUCT CARDS: REAL ROOT CAUSE, FIXED PROPERLY ──
   Confirmed directly from snippets/section-product-processor.liquid: every
   product card in the search results (and anywhere else this shared
   snippet is used) always carries BOTH a context-specific prefixed class
   (e.g. search-results-product__title) AND a plain, un-prefixed one
   (product__title) on the same element — always, regardless of context.
   Our earlier product-page rule targeted that same plain `.product__title`
   class with no scope, so it doubly collided here: it forced an oversized
   heading style onto these small cards, AND the theme's own built-in CSS
   for this shared card component is more specific than our unscoped rule,
   so it kept winning on color — which is exactly why titles stayed
   invisible until manually text-selected. This fix uses the actual
   search-results container class as an anchor so our rule is guaranteed
   more specific than the theme's own internal styling, without touching
   the real single-product page (fixed separately above) or any other
   place this same snippet might be used. */
.search-results-products .product__title,
.search-results-products .product__title a {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}
.search-results-products .product__title a:hover {
  color: var(--db-gold) !important;
}
.search-results-products .product__price,
.search-results-products .product__price span {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.search-results-products .product__price--compare {
  color: var(--db-gray) !important;
  text-decoration: line-through !important;
}
.search-results-products .product__vendor {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.search-results-products .product__sale-badge,
.search-results-products .product__label-1,
.search-results-products .product__label-2 {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
}
.search-results-products .product__sold-out-badge {
  background-color: var(--db-warm-dark) !important;
  color: var(--db-gray) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  padding: 3px 8px !important;
}
.search-results-products .product__quickview {
  background-color: var(--db-white) !important;
  color: var(--db-black) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* ── FILTER SIDEBAR (Availability, Price, etc.): SAME ROOT CAUSE ──
   Confirmed from snippets/filters.liquid: this panel carries no color
   scheme or theme styling of its own at all, so every label, checkbox,
   and price input was inheriting the same default near-black text
   directly on our black background — invisible until selected, exactly
   like the rest of this page. Fixed with the real classes: filter group
   headers ("Availability", "Price"), option labels ("In stock", "Out of
   stock"), price range inputs and labels, and the apply/submit buttons. */
.facet-filters-list-header__title {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.filter-group-summary {
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  cursor: pointer !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.filter-group-summary svg {
  stroke: var(--db-gray) !important;
}
.filter-group-display__header-selected {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
}
.filter-group-display__header-reset {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}
.filter-group-display__list-item-label {
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  font-size: 14px !important;
}
.filter-group-display__list-item input[type="checkbox"] {
  accent-color: var(--db-gold) !important;
  width: 16px !important;
  height: 16px !important;
}
.filter-group-display__list-item svg {
  stroke: var(--db-gold) !important;
}
.filter-group-display__price-range span {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
}
.filter-group-display__price-range-label {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}
.filter-group-display__price-range-input {
  background-color: var(--db-warm-dark) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 8px 10px !important;
}
.filter-group-display__price-range-input span {
  color: var(--db-gray) !important;
}
.filter-group-display__price-range-input input {
  background: transparent !important;
  color: var(--db-white) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
  width: 70px !important;
}
.filter-group-display__price-range-slider-handle--base {
  background-color: rgba(255, 255, 255, 0.15) !important;
}
.filter-group-display__price-range-slider-handle--min,
.filter-group-display__price-range-slider-handle--max {
  background-color: var(--db-gold) !important;
}
.filter-group-display__submit button,
.facet-filters-list-submit {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  padding: 10px 20px !important;
  cursor: pointer !important;
}
.filter-group-display__submit button:hover,
.facet-filters-list-submit:hover {
  background-color: var(--db-gold-l) !important;
}
.active-filters__clear,
.active-filters__remove-filter {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}
.facet-filters-toggle {
  color: var(--db-white) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

/* ── CRO SWEEP: CORPORATE QUOTE FORM (same empty-scheme bug, high value) ──
   sections/contact-form.liquid has color_scheme: "" on the "Reserve Your
   Date" page — this is the primary corporate lead-gen form for your 80%
   corporate-catering business. Same invisible-text bug as everywhere
   else. Fixed with real classes confirmed from snippets/contact-form.liquid. */
.section-contact-form {
  background-color: var(--db-black) !important;
}
.section-contact-form-content-header__heading {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.section-contact-form-content-header__description {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}
.contact-form-label span {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 13px !important;
  display: block !important;
  margin-bottom: 6px !important;
}
.contact-form-input,
.contact-form-textarea,
.contact-form-select {
  background-color: var(--db-warm-dark) !important;
  color: var(--db-white) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  padding: 12px !important;
  font-family: var(--db-sans) !important;
  font-size: 14px !important;
  width: 100% !important;
}
.contact-form-input::placeholder,
.contact-form-textarea::placeholder {
  color: var(--db-gray-dark) !important;
}
.contact-form-field {
  margin-bottom: 16px !important;
}
.contact-form-submit.btn-fill {
  background-color: var(--db-gold) !important;
  color: var(--db-black) !important;
  border: none !important;
  font-family: var(--db-sans) !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 28px !important;
  cursor: pointer !important;
}
.contact-form-submit.btn-fill:hover {
  background-color: var(--db-gold-l) !important;
}
.contact-form-notice {
  color: var(--db-gold) !important;
  font-family: var(--db-sans) !important;
}

/* ── CRO SWEEP: BREADCRUMBS (same bug, minor but sitewide) ── */
.breadcrumbs__link,
.breadcrumbs__text {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}
.breadcrumbs__link:hover {
  color: var(--db-gold) !important;
}

/* ── CRO SWEEP: INSTAGRAM / IMAGE GALLERY SECTION (same bug) ── */
.section-image-gallery-header__heading {
  color: var(--db-white) !important;
  font-family: var(--db-serif) !important;
  font-weight: 300 !important;
}
.section-image-gallery-header__heading a {
  color: var(--db-gold) !important;
}
.section-image-gallery-header__description {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
}

/* ── MAIN NAVIGATION MENU: REAL ROOT CAUSE, FIXED PROPERLY ──
   Confirmed directly from sections/header.liquid: the nav links (Home,
   Shop Boards, Graze Experiences, Corporate Catering, etc.) use this
   theme's own real class names — .section-header-main-menu-item__link
   and .section-header-main-menu-item-text — NOT the generic Dawn-style
   classes (.header__menu-item, .site-nav a) this stylesheet originally
   guessed and styled early in the project. Because the real classes were
   never targeted, the nav text had no color of its own and was
   inheriting a near-black default straight onto our black header
   background — invisible, exactly like every other case of this same
   bug pattern across the site. This is the "black abyss" band sitting
   below the announcement bar. Fixed with the real, confirmed classes. */
.section-header-main-menu-item__link,
.section-header-main-menu-item-text {
  color: var(--db-gray) !important;
  font-family: var(--db-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.13em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}
.section-header-main-menu-item__link:hover,
.section-header-main-menu-item__link:hover .section-header-main-menu-item-text {
  color: var(--db-white) !important;
}
.section-header-main-menu-item__link.current,
.section-header-main-menu-item__link.current .section-header-main-menu-item-text {
  color: var(--db-gold) !important;
}
.section-header-main-menu-item-icon svg {
  stroke: var(--db-gray) !important;
}