/** 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; }
html body .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__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__description, html body .product__description p { color: var(--db-gray) !important; font-size: 14px !important; line-height: 1.9 !important; font-weight: 300 !important; }
html body .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. */