@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600;700&display=swap');

/* =======================================================================
   Creative Essence — Unified Brand System v3.2.0
   Source of Truth — applies to BOTH WordPress and Shopify

   WordPress  : loaded via functions.php wp_enqueue_style()
   Shopify    : linked via layout/theme.liquid <link> tag

   CLASS MAPPING (WordPress → Shopify)
   .top-bar        → .ce-topbar
   .nav            → .ce-header
   .nav-menu a     → .ce-nav-link
   .nav-shop       → .ce-btn-shop
   .nav-login      → .ce-btn-login
   .footer/.ce-footer → .ce-footer (shared)

   DO NOT EDIT inline in templates — update this file instead.
   v3.2.0: pixel-match patch — WP visual parity (logo 44px, Inter font, search green, nav 12px, shop pill).
   ======================================================================= */

/* ── CSS Variables ──────────────────────────────────────────────────────── */
:root {
  /* Brand Colors */
  --ce-dark-green:   #1B4332;
  --ce-green:        #2d6a4f;
  --ce-mid-green:    #40916c;
  --ce-mint:         #b7e4c7;
  --ce-soft-mint:    #f0faf5;
  --ce-dark-navy:    #1a1a2e;
  --ce-gold:         #FFD166;
  --ce-coral:        #F4845F;

  /* Neutral Palette */
  --ce-bg:           #ffffff;
  --ce-soft-bg:      #f7faf8;
  --ce-border:       #e5e7eb;
  --ce-text:         #1a1a2e;
  --ce-muted:        #6b7280;

  /* Spacing & Shape */
  --ce-radius-sm:    8px;
  --ce-radius:       12px;
  --ce-radius-pill:  20px;
  --ce-shadow:       0 2px 12px rgba(0,0,0,.06);
  --ce-shadow-md:    0 4px 20px rgba(0,0,0,.10);
  --ce-container:    1200px;

  /* Typography */
  --font-display:    'Playfair Display', Georgia, serif;
  --font-body:       'Inter', system-ui, -apple-system, sans-serif;
}

/* ── Base ───────────────────────────────────────────────────────────────── */
body {
  font-family: var(--font-body) !important;
  color: var(--ce-text) !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
}

/* ── Container ──────────────────────────────────────────────────────────── */
.ce-container {
  max-width: var(--ce-container);
  margin: 0 auto;
  padding: 0 24px;
  width: 100%;
  box-sizing: border-box;
}

/* ── Typography ─────────────────────────────────────────────────────────── */
h1, .h1, .hero h1, .ce-hero h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(24px, 4vw, 32px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
}
h2, .h2, .sec-title, .sec-t, .section-label, .ce-section-label {
  font-family: var(--font-display) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--ce-text) !important;
  line-height: 1.3 !important;
}
h3, .h3, .prod-title, .res-title, .ce-item-title,
.card-title, .blog-title, .free-t {
  font-family: var(--font-body) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ce-text) !important;
  line-height: 1.4 !important;
}
p, li, a, span, div { font-family: var(--font-body) !important; }

.category-label, .res-age, .prod-age, .icat, .page-cat,
.blog-tag, .fcat, .ce-item-cat {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
  color: var(--ce-mid-green) !important;
}

/* ── Prices ─────────────────────────────────────────────────────────────── */
.price, .res-price, .prod-price, .fpr, .iprice,
.ce-item-price, .ce-feat-price {
  font-family: var(--font-display) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ce-dark-green) !important;
}

/* ── Stars ──────────────────────────────────────────────────────────────── */
.res-stars, .prod-stars, .fstars, .istars,
.ce-item-stars, .ce-feat-stars, .stars {
  color: var(--ce-gold) !important;
  font-size: 10px !important;
}

/* ── Badges ─────────────────────────────────────────────────────────────── */
.badge, .rbadge, .ibadge, .pb2 {
  font-family: var(--font-body) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  border-radius: 20px !important;
  padding: 2px 8px !important;
}
.badge-best, .rb-best, .bs { background: var(--ce-coral) !important; color: #fff !important; border: none !important; }
.badge-new,  .rb-new,  .bn { background: #3b82f6 !important; color: #fff !important; border: none !important; }
.badge-edu,  .rb-edu,  .be { background: var(--ce-dark-green) !important; color: #fff !important; border: none !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   TOP BAR  (WordPress: .top-bar | Shopify: .ce-topbar)
   ═══════════════════════════════════════════════════════════════════════════ */
.top-bar,
.ce-topbar {
  background: linear-gradient(90deg, var(--ce-dark-green), var(--ce-green)) !important;
  color: rgba(255,255,255,.9) !important;
  text-align: center !important;
  padding: 9px 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.4 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.top-bar a,
.ce-topbar a {
  color: var(--ce-mint) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 4px !important;
}
.top-bar a:hover,
.ce-topbar a:hover { text-decoration: underline !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER / NAV  (WordPress: .nav | Shopify: .ce-header)
   ═══════════════════════════════════════════════════════════════════════════ */
.nav,
.ce-header {
  background: var(--ce-bg) !important;
  border-bottom: 1px solid var(--ce-border) !important;
  box-shadow: var(--ce-shadow) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  padding: 10px 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ── Logo ─────────────────────────────────────────────────────────────────── */
.logo-name,
.ce-logo-name {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ce-text) !important;
}
.logo-name span, .ls,
.ce-logo-sub {
  font-family: var(--font-body) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ce-mid-green) !important;
}
.ce-logo-box {
  width: 36px;
  height: 36px;
  min-width: 36px;
  background: var(--ce-dark-green);
  border-radius: var(--ce-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: Georgia, serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: -1px;
  user-select: none;
}

/* ── Nav links  (WordPress: .nav-menu a | Shopify: .ce-nav-link) ──────────── */
.nav-menu a,
.ce-nav-link {
  font-family: var(--font-body) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ce-text) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition: color .2s !important;
}
.nav-menu a:hover,
.ce-nav-link:hover { color: var(--ce-green) !important; }
.nav-menu a.active { color: var(--ce-green) !important; font-weight: 700 !important; }

/* ── Search ──────────────────────────────────────────────────────────────── */
.nav-search,
.ce-search-wrap input[type="search"],
.search-big,
.ce-search-input,
input[type="search"] {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  background: var(--ce-soft-mint) !important;
  border: 1.5px solid var(--ce-green) !important;
  border-radius: 24px !important;
}
.nav-search:focus,
.ce-search-wrap input[type="search"]:focus,
.search-big:focus,
input[type="search"]:focus {
  border-color: var(--ce-dark-green) !important;
  box-shadow: 0 0 0 3px rgba(45,106,79,.12) !important;
  outline: none !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BUTTONS  (WordPress: .nav-shop / .nav-login | Shopify: .ce-btn-shop / .ce-btn-login)
   ═══════════════════════════════════════════════════════════════════════════ */

/* Primary / Shop button */
.nav-shop, .shop-btn, .ce-btn-shop,
.btn-w, .btn-solid, .bw, .search-btn, .ce-search-btn,
.btn-primary, .button--primary,
.product-form__submit, .cart__checkout-button,
button[type="submit"].shopify-payment-button__button--unbranded {
  font-family: var(--font-body) !important;
  font-weight: 700 !important;
  background: var(--ce-green) !important;
  color: #fff !important;
  border: none !important;
  border-color: var(--ce-green) !important;
  border-radius: var(--ce-radius-pill) !important;
  padding: 6px 16px !important;
  font-size: 12px !important;
  letter-spacing: .2px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: background .15s, transform .1s !important;
}
.nav-shop:hover, .shop-btn:hover, .ce-btn-shop:hover,
.btn-w:hover, .btn-solid:hover, .bw:hover,
.btn-primary:hover, .button--primary:hover,
.product-form__submit:hover, .cart__checkout-button:hover {
  background: var(--ce-dark-green) !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}

/* Secondary / Login button */
.nav-login, .ce-btn-login, .ce-follow-btn {
  font-family: var(--font-body) !important;
  border: 1.5px solid var(--ce-green) !important;
  color: var(--ce-green) !important;
  background: transparent !important;
  border-radius: var(--ce-radius-pill) !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  display: inline-block !important;
  transition: background .2s !important;
}
.nav-login:hover, .ce-btn-login:hover { background: var(--ce-soft-mint) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   PRODUCT / RESOURCE CARDS
   ═══════════════════════════════════════════════════════════════════════════ */
.res, .prod-card, .pc, .ce-feat-card, .ce-item,
.card, .blog-card, .free-card,
.card__footer .button, .product-card .button {
  border-radius: var(--ce-radius) !important;
  border: 1px solid var(--ce-border) !important;
  transition: transform .15s, box-shadow .15s !important;
  overflow: hidden !important;
}
.res:hover, .prod-card:hover, .pc:hover, .ce-feat-card:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(27,67,50,.10) !important;
}

/* Shopify product card CTA */
.card__footer .button,
.product-card .button,
.spa-btn {
  background: var(--ce-green) !important;
  border-color: var(--ce-green) !important;
  color: #fff !important;
  border-radius: var(--ce-radius-pill) !important;
}
.card__footer .button:hover,
.product-card .button:hover,
.spa-btn:hover:not(.spa-btn--disabled) {
  background: var(--ce-dark-green) !important;
}

/* ── Pagination ──────────────────────────────────────────────────────────── */
.pagination__item--current,
.pagination .active {
  background: var(--ce-green) !important;
  border-color: var(--ce-green) !important;
  color: #fff !important;
}

/* ── About badges ────────────────────────────────────────────────────────── */
.ab, .sbadge, .ce-badge {
  background: var(--ce-soft-mint) !important;
  color: var(--ce-dark-green) !important;
  border: 1px solid #c8e6c9 !important;
  border-radius: var(--ce-radius-pill) !important;
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  padding: 3px 10px !important;
}

/* ── Trust strip ─────────────────────────────────────────────────────────── */
.strip-item, .si2, .sbadge, .ce-badge {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER  (WordPress: .footer .ce-footer | Shopify: .ce-footer .site-footer)
   ═══════════════════════════════════════════════════════════════════════════ */
.footer,
.ce-footer,
.site-footer,
footer[class*="footer"] {
  background: var(--ce-soft-bg) !important;
  border-top: 2px solid var(--ce-border) !important;
  color: var(--ce-text) !important;
  margin-top: 60px !important;
  font-family: var(--font-body) !important;
}

/* Footer brand column */
.footer-brand h4,
.fb2 h4,
.ce-footer-brand h4 {
  font-family: var(--font-display) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ce-text) !important;
}

/* Footer column headings */
.fcol h5, .fc h5, .footer-heading,
.footer h4, .footer-col h4,
.ce-footer-col h4,
.footer__title, .footer h2, .footer h3 {
  font-family: var(--font-body) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: var(--ce-green) !important;
  margin-bottom: 14px !important;
}

/* Footer links */
.fcol a, .fc a,
.footer a, .footer-col a,
.ce-footer a, .ce-footer-col a,
.site-footer a,
[class*="footer__"] a {
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  color: var(--ce-muted) !important;
  text-decoration: none !important;
  transition: color .2s !important;
}
.footer a:hover, .footer-col a:hover,
.ce-footer a:hover, .site-footer a:hover,
[class*="footer__"] a:hover { color: var(--ce-green) !important; }

/* Footer social icons */
.footer-brand .social-icon,
.socials a,
.ce-footer .social-icon {
  background: var(--ce-soft-mint) !important;
  border: 1px solid var(--ce-border) !important;
  color: var(--ce-green) !important;
  border-radius: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: background .2s, color .2s !important;
}
.footer-brand .social-icon:hover,
.socials a:hover,
.ce-footer .social-icon:hover {
  background: var(--ce-green) !important;
  color: #fff !important;
}

/* Footer network section */
.footer-network, .ce-footer-network {
  border-top: 1px solid var(--ce-border) !important;
  padding: 20px 0 !important;
  margin-bottom: 18px !important;
}
.network-title, .ce-network-title {
  color: var(--ce-green) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .5px !important;
}
.network-item, .ce-network-item {
  background: #fff !important;
  border: 1px solid var(--ce-border) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  transition: background .2s !important;
}
.network-item:hover, .ce-network-item:hover { background: var(--ce-soft-mint) !important; }
.network-name, .ce-network-name { color: var(--ce-text) !important; font-size: 11px !important; font-weight: 700 !important; }
.network-desc, .ce-network-desc { color: var(--ce-muted) !important; font-size: 9px !important; }

/* Footer bottom bar */
.footer-bottom, .ce-footer-bottom {
  border-top: 1px solid var(--ce-border) !important;
  padding-top: 14px !important;
  color: var(--ce-muted) !important;
  font-size: 11px !important;
}
.footer-bottom a, .ce-footer-bottom a,
.ce-footer-bottom-links a {
  color: var(--ce-muted) !important;
  font-size: 11px !important;
}
.footer-bottom a:hover, .ce-footer-bottom a:hover,
.ce-footer-bottom-links a:hover { color: var(--ce-green) !important; }

/* Simple footer inner (about/home/blog) */
footer .footer-inner { max-width: var(--ce-container); margin: 0 auto; text-align: center; }
footer .footer-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}
footer .footer-links a { color: var(--ce-muted); font-size: 12px; transition: color .2s; }
footer .footer-links a:hover { color: var(--ce-green); }
footer .footer-copy { font-size: 11px; color: var(--ce-muted); }

/* ── Email signup section (Shopify footer) ────────────────────────────────── */
.ce-email-section {
  background: linear-gradient(135deg, var(--ce-dark-navy) 0%, var(--ce-green) 100%);
  padding: 48px 24px;
  text-align: center;
}
.ce-email-section h2, .ce-email-section h3 {
  color: #fff !important;
  font-family: var(--font-display) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}
.ce-email-section p { color: rgba(255,255,255,.75); font-size: 13px; max-width: 460px; margin: 0 auto 20px; }
.ce-email-form {
  display: flex;
  gap: 8px;
  max-width: 420px;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: center;
}
.ce-email-form input[type="email"] {
  flex: 1;
  min-width: 200px;
  padding: 10px 18px;
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 24px;
  background: rgba(255,255,255,.1);
  color: #fff;
  font-size: 12px;
  outline: none;
  transition: border-color .2s;
}
.ce-email-form input[type="email"]:focus { border-color: rgba(255,255,255,.6); }
.ce-email-form input[type="email"]::placeholder { color: rgba(255,255,255,.4); }

/* ── Section utilities ────────────────────────────────────────────────────── */
.sec-h .sec-t, .sec-head .sec-title,
.section-heading, .feat-section-label,
.email-sect h3, .about-text h3, .sname, .ce-seller-name {
  font-family: var(--font-display) !important;
}

/* ── Filter dropdowns ─────────────────────────────────────────────────────── */
.ce-drop-btn, .ce-sort-select, .ce-search-btn, .tf, .fil {
  font-family: var(--font-body) !important;
  font-size: 10px !important;
}

/* ── Animations (WordPress hero) ──────────────────────────────────────────── */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes anim-slide-down {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}
.anim-fade-up { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
.anim-fade-up.in-view { opacity: 1; transform: none; }
.anim-slide-down { animation: anim-slide-down .4s ease forwards; }

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE MOBILE  (max-width: 768px)
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {
  .ce-container { padding: 0 16px; }
  .ce-search-wrap { max-width: 200px; }
  .ce-nav-link { display: none !important; }
  .ce-nav-link.ce-nav-keep { display: inline !important; }
}

@media (max-width: 768px) {
  h2, .sec-title { font-size: 17px !important; }
  .nav-menu a { font-size: 11px !important; }

  .footer,
  .ce-footer,
  footer.ce-footer {
    padding: 32px 16px 24px !important;
    margin-top: 40px !important;
  }

  /* Shopify header mobile */
  .header__menu-toggle svg,
  .header__icon svg {
    color: var(--ce-green) !important;
    stroke: var(--ce-green) !important;
  }

  /* Hide logo text on small screens */
  .ce-logo-text { display: none; }
  .ce-header { padding: 8px 14px !important; gap: 10px !important; }
}

/* =======================================================================
   SHOPIFY / DAWN NEUTRALIZER  —  v3.0
   Force CE brand system over Dawn theme defaults.
   All rules use !important to win the cascade.
   ======================================================================= */

/* -- Reset Dawn header chrome ------------------------------------------ */
.shopify-section-header-sticky { position: static !important; }
.section-header { position: static !important; padding: 0 !important; }

.site-header,
header.site-header,
.header,
.header__wrapper,
[data-section-type="header"] .header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
  position: static !important;
}

/* -- CE Site Header (sections/header.liquid v4.0) ---------------------- */
.ce-site-header {
  background: #fff !important;
  border-bottom: 1px solid var(--ce-border, #e5e7eb) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
.ce-header-inner {
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  height: 68px !important;
}

/* -- Brand logo --------------------------------------------------------- */
.ce-brand-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
}
.ce-brand-logo .ce-logo-box {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  background: var(--ce-dark-green, #1B4332) !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  font-family: Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.ce-brand-logo .ce-logo-name {
  display: block !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ce-text, #1a1a2e) !important;
  line-height: 1.2 !important;
}
.ce-brand-logo .ce-logo-sub {
  display: block !important;
  font-size: 8px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ce-mid-green, #40916c) !important;
  font-weight: 600 !important;
}

/* -- Main Nav v4.0 ----------------------------------------------------- */
.ce-main-nav {
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  list-style: none !important;
  margin-bottom: 0 !important;
}
.ce-main-nav > a {
  color: var(--ce-text, #1a1a2e) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  background: transparent !important;
  border: none !important;
}
.ce-main-nav > a:hover {
  background: var(--ce-soft-mint, #f0faf5) !important;
  color: var(--ce-green, #2d6a4f) !important;
}

/* -- Shop Button (pill) ------------------------------------------------- */
.ce-shop-button,
.ce-shop-button:visited {
  background: var(--ce-green, #2d6a4f) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  border: none !important;
  text-decoration: none !important;
}
.ce-shop-button:hover { background: var(--ce-dark-green, #1B4332) !important; color: #fff !important; }

/* -- Mobile toggle ------------------------------------------------------ */
.ce-mobile-toggle {
  display: none !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  padding: 6px !important;
  color: var(--ce-text, #1a1a2e) !important;
  margin-left: auto !important;
}
@media (max-width: 768px) {
  .ce-mobile-toggle { display: flex !important; }
  .ce-search-wrap   { display: none !important; }
  .ce-main-nav      { display: none !important; }
  .ce-header-inner  { gap: 10px !important; }
  .ce-main-nav.ce-nav-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: absolute !important;
    top: 100% !important; left: 0 !important; right: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid var(--ce-border, #e5e7eb) !important;
    padding: 12px 24px 16px !important;
    gap: 2px !important;
    z-index: 999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
    margin-left: 0 !important;
  }
  .ce-main-nav.ce-nav-open > a { padding: 9px 12px !important; width: 100% !important; }
}

/* -- Reset Dawn footer chrome ------------------------------------------ */
.shopify-section.footer,
.shopify-section footer,
footer.footer,
.footer__content,
.footer__content-top,
.footer__content-bottom,
.footer-block,
.footer__row {
  background: var(--ce-soft-bg, #f7faf8) !important;
  border: none !important;
  color: var(--ce-text, #1a1a2e) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* -- CE Site Footer v4.0 ----------------------------------------------- */
.ce-site-footer {
  background: var(--ce-soft-bg, #f7faf8) !important;
  border-top: 2px solid var(--ce-border, #e5e7eb) !important;
  color: var(--ce-text, #1a1a2e) !important;
  margin-top: 0 !important;
}
.ce-site-footer .ce-container { max-width: 1200px !important; }

.ce-footer-inner {
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 40px !important;
  padding: 48px 0 32px !important;
}
@media (max-width: 768px) {
  .ce-footer-inner { grid-template-columns: 1fr 1fr !important; gap: 28px !important; padding: 32px 0 24px !important; }
}
@media (max-width: 480px) {
  .ce-footer-inner { grid-template-columns: 1fr !important; gap: 22px !important; padding: 28px 0 20px !important; }
}

.ce-footer-column h4 {
  font-size: 10px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: 1.5px !important;
  color: var(--ce-green, #2d6a4f) !important; margin: 0 0 14px !important;
}
.ce-footer-column p { color: var(--ce-muted, #6b7280) !important; font-size: 12px !important; line-height: 1.75 !important; margin: 0 0 16px !important; }
.ce-footer-column ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.ce-footer-column ul li { margin-bottom: 9px !important; }
.ce-footer-column ul li a { color: var(--ce-muted, #6b7280) !important; font-size: 13px !important; text-decoration: none !important; }
.ce-footer-column ul li a:hover { color: var(--ce-green, #2d6a4f) !important; }

.ce-footer-brand-row { display: flex !important; align-items: center !important; gap: 10px !important; margin-bottom: 12px !important; }
.ce-footer-brand-row .ce-logo-box {
  width: 34px !important; height: 34px !important; min-width: 34px !important;
  background: var(--ce-dark-green, #1B4332) !important;
  border-radius: 8px !important; display: flex !important;
  align-items: center !important; justify-content: center !important;
  color: #fff !important; font-family: Georgia, serif !important;
  font-size: 13px !important; font-weight: 800 !important;
}
.ce-footer-brand-row .ce-brand-name {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important; font-weight: 700 !important;
  color: var(--ce-text, #1a1a2e) !important; line-height: 1.2 !important;
}
.ce-footer-brand-row .ce-brand-sub {
  font-size: 8px !important; letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ce-mid-green, #40916c) !important; font-weight: 600 !important;
}

/* -- Dawn color scheme override ---------------------------------------- */
.color-scheme-1, .color-scheme-2, .color-scheme-3,
.color-background-1, .color-background-2 {
  --color-background: 247 250 248 !important;
  --color-foreground: 26 26 46 !important;
  --color-button: 45 106 79 !important;
  --color-button-text: 255 255 255 !important;
  --color-base-background-1: 247 250 248 !important;
  --color-base-background-2: 240 250 245 !important;
  --color-base-accent-1: 45 106 79 !important;
  --color-base-accent-2: 64 145 108 !important;
}
.shopify-section { background: transparent; }
[class*="color-scheme"] footer,
[class*="color-scheme"] header { background: transparent !important; }

/* =======================================================================
   HARD RESET v3.1  —  Dawn class elimination + CE class hardening
   This section is the final word in the cascade.
   Placed AFTER all other rules in this file = maximum specificity by order.
   ======================================================================= */

/* ── Update version marker ─────────────────────────────────────────────── */
/* v3.1 — deployed 2026-05-07 */

/* ── Unified container value ─────────────────────────────────────────────── */
:root { --ce-container: 1200px !important; }

/* =======================================================================
   SECTION 1 — Dawn structural classes: surgical override (NO all:unset,
   NO display override — Dawn uses flex/grid in various contexts)
   ======================================================================= */

/* Unified max-width container — override Dawn's variable with 1200px */
.page-width {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* Header chrome neutralizer */
.header,
.header__wrapper,
[data-section-type="header"] .header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
}

/* Hide Dawn utility bar */
.utility-bar { display: none !important; }

/* Footer background override */
.site-footer,
.footer,
footer.footer {
  background: var(--ce-soft-bg, #f7faf8) !important;
  border: none !important;
}

/* Section background — transparent so CE sections show through */
.section {
  background: transparent !important;
}

/* Shopify section wrapper */
.shopify-section { background: transparent !important; }

/* =======================================================================
   SECTION 2 — CE class hardening: all:unset then full redefinition
   ======================================================================= */

/* -- Topbar -------------------------------------------------------------- */
.ce-topbar {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
  background: linear-gradient(90deg, var(--ce-dark-green, #1B4332), var(--ce-green, #2d6a4f)) !important;
  color: rgba(255,255,255,.9) !important;
  text-align: center !important;
  padding: 9px 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  line-height: 1.4 !important;
  width: 100% !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-topbar a {
  all: unset !important;
  color: var(--ce-mint, #b7e4c7) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-left: 4px !important;
  cursor: pointer !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-topbar a:hover { text-decoration: underline !important; cursor: pointer !important; }

/* -- Site Header --------------------------------------------------------- */
.ce-site-header {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
  background: #fff !important;
  border-bottom: 1px solid var(--ce-border, #e5e7eb) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
  width: 100% !important;
}

/* -- Container ----------------------------------------------------------- */
.ce-container {
  all: unset !important;
  display: block !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* -- Header inner -------------------------------------------------------- */
.ce-header-inner {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 20px !important;
  height: 68px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* -- Brand logo ---------------------------------------------------------- */
.ce-brand-logo {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}
.ce-brand-logo .ce-logo-box {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  background: var(--ce-dark-green, #1B4332) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
}
.ce-brand-logo .ce-logo-name {
  all: unset !important;
  display: block !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ce-text, #1a1a2e) !important;
  line-height: 1.2 !important;
}
.ce-brand-logo .ce-logo-sub {
  all: unset !important;
  display: block !important;
  font-size: 8px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ce-mid-green, #40916c) !important;
  font-weight: 600 !important;
}

/* -- Search -------------------------------------------------------------- */
.ce-search-wrap {
  all: unset !important;
  display: block !important;
  flex: 1 !important;
  max-width: 380px !important;
  position: relative !important;
  box-sizing: border-box !important;
}
.ce-search-wrap input[type="search"] {
  all: unset !important;
  display: block !important;
  width: 100% !important;
  padding: 8px 16px 8px 36px !important;
  border: 1.5px solid var(--ce-border, #e5e7eb) !important;
  border-radius: 24px !important;
  font-size: 13px !important;
  background: var(--ce-soft-bg, #f7faf8) !important;
  color: var(--ce-text, #1a1a2e) !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  line-height: 1.4 !important;
}
.ce-search-wrap input[type="search"]:focus {
  border-color: var(--ce-mid-green, #40916c) !important;
}
.ce-search-icon {
  all: unset !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: var(--ce-muted, #6b7280) !important;
  pointer-events: none !important;
  display: flex !important;
  align-items: center !important;
}

/* -- Main Nav ------------------------------------------------------------ */
.ce-main-nav {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 2px !important;
  margin-left: auto !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
}
.ce-main-nav > a {
  all: unset !important;
  display: inline-block !important;
  color: var(--ce-text, #1a1a2e) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 6px 10px !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  box-sizing: border-box !important;
  transition: background .15s, color .15s !important;
}
.ce-main-nav > a:hover {
  background: var(--ce-soft-mint, #f0faf5) !important;
  color: var(--ce-green, #2d6a4f) !important;
}

/* -- Shop button --------------------------------------------------------- */
.ce-shop-button,
.ce-shop-button:visited {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: var(--ce-green, #2d6a4f) !important;
  color: #fff !important;
  padding: 8px 18px !important;
  border-radius: 24px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  transition: background .2s !important;
}
.ce-shop-button:hover { background: var(--ce-dark-green, #1B4332) !important; color: #fff !important; }

/* -- Login button -------------------------------------------------------- */
.ce-btn-login,
.ce-btn-login:visited {
  all: unset !important;
  display: inline-block !important;
  border: 1.5px solid var(--ce-border, #e5e7eb) !important;
  border-radius: 24px !important;
  padding: 7px 16px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--ce-text, #1a1a2e) !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  box-sizing: border-box !important;
  transition: border-color .2s, color .2s !important;
}
.ce-btn-login:hover {
  border-color: var(--ce-green, #2d6a4f) !important;
  color: var(--ce-green, #2d6a4f) !important;
}

/* -- Mobile toggle ------------------------------------------------------- */
.ce-mobile-toggle {
  all: unset !important;
  display: none !important;
  cursor: pointer !important;
  padding: 6px !important;
  color: var(--ce-text, #1a1a2e) !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
}

/* -- Site Footer --------------------------------------------------------- */
.ce-site-footer {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
  background: var(--ce-soft-bg, #f7faf8) !important;
  border-top: 2px solid var(--ce-border, #e5e7eb) !important;
  color: var(--ce-text, #1a1a2e) !important;
  width: 100% !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-site-footer .ce-container {
  max-width: 1200px !important;
  padding: 0 24px !important;
}

/* -- Footer inner grid --------------------------------------------------- */
.ce-footer-inner {
  all: unset !important;
  display: grid !important;
  grid-template-columns: 2fr 1fr 1fr !important;
  gap: 40px !important;
  padding: 48px 0 32px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

/* -- Footer column ------------------------------------------------------- */
.ce-footer-column {
  all: unset !important;
  display: block !important;
  box-sizing: border-box !important;
}
.ce-footer-column h4 {
  all: unset !important;
  display: block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.5px !important;
  color: var(--ce-green, #2d6a4f) !important;
  margin: 0 0 14px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-footer-column p {
  all: unset !important;
  display: block !important;
  color: var(--ce-muted, #6b7280) !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  margin: 0 0 16px !important;
  max-width: 280px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-footer-column ul {
  all: unset !important;
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ce-footer-column ul li {
  all: unset !important;
  display: block !important;
  margin-bottom: 9px !important;
}
.ce-footer-column ul li a {
  all: unset !important;
  display: inline !important;
  color: var(--ce-muted, #6b7280) !important;
  font-size: 13px !important;
  cursor: pointer !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  text-decoration: none !important;
}
.ce-footer-column ul li a:hover { color: var(--ce-green, #2d6a4f) !important; }

/* -- Footer brand row ---------------------------------------------------- */
.ce-footer-brand-row {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 12px !important;
  box-sizing: border-box !important;
}
.ce-footer-brand-row .ce-logo-box {
  all: unset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  background: var(--ce-dark-green, #1B4332) !important;
  border-radius: 8px !important;
  color: #fff !important;
  font-family: Georgia, serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  box-sizing: border-box !important;
}
.ce-footer-brand-row .ce-brand-name {
  all: unset !important;
  display: block !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--ce-text, #1a1a2e) !important;
  line-height: 1.2 !important;
}
.ce-footer-brand-row .ce-brand-sub {
  all: unset !important;
  display: block !important;
  font-size: 8px !important;
  letter-spacing: 2px !important;
  text-transform: uppercase !important;
  color: var(--ce-mid-green, #40916c) !important;
  font-weight: 600 !important;
}

/* -- Footer bottom bar --------------------------------------------------- */
.ce-footer-bottom {
  all: unset !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  border-top: 1px solid var(--ce-border, #e5e7eb) !important;
  padding: 16px 0 20px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
.ce-footer-bottom span,
.ce-footer-bottom a {
  all: unset !important;
  color: var(--ce-muted, #6b7280) !important;
  font-size: 11px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-footer-bottom a { cursor: pointer !important; }
.ce-footer-bottom a:hover { color: var(--ce-green, #2d6a4f) !important; }
.ce-footer-bottom-links {
  all: unset !important;
  display: flex !important;
  gap: 16px !important;
  align-items: center !important;
}

/* =======================================================================
   SECTION 3 — Responsive (overrides MUST come after all:unset blocks)
   ======================================================================= */
@media (max-width: 768px) {
  .page-width { padding: 0 16px !important; }
  .ce-container { padding: 0 16px !important; }

  .ce-mobile-toggle { display: flex !important; }
  .ce-search-wrap   { display: none !important; }
  .ce-main-nav      { display: none !important; }
  .ce-header-inner  { gap: 10px !important; }

  .ce-main-nav.ce-nav-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    position: fixed !important;
    top: 68px !important;
    left: 0 !important;
    right: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid var(--ce-border, #e5e7eb) !important;
    padding: 12px 24px 16px !important;
    gap: 2px !important;
    z-index: 999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
    margin-left: 0 !important;
  }
  .ce-main-nav.ce-nav-open > a {
    all: unset !important;
    display: block !important;
    padding: 9px 12px !important;
    width: 100% !important;
    color: var(--ce-text, #1a1a2e) !important;
    font-size: 13px !important;
    font-family: var(--font-body, 'Inter', sans-serif) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
  }
  .ce-footer-inner {
    grid-template-columns: 1fr 1fr !important;
    gap: 28px !important;
    padding: 32px 0 24px !important;
  }
}
@media (max-width: 480px) {
  .ce-footer-inner {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 28px 0 20px !important;
  }
}

/* =======================================================================
   PIXEL MATCH v3.2.0  —  WordPress visual parity
   Source of truth: creativeessencehub.com (measured 2026-05-08)
   ALL properties measured directly from live WordPress computed styles.
   Only visual corrections — no layout/architecture changes.
   ======================================================================= */

/* ── 1. Header height: 68px → 65px ───────────────────────────────────── */
.ce-header-inner {
  height: 65px !important;
}

/* ── 2. Logo box: 36×36 r8 → 44×44 r10 (header) ─────────────────────── */
.ce-header-inner .ce-logo-box,
.ce-brand-logo .ce-logo-box {
  width:  44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}

/* ── 3. Logo name: 15px Playfair → 18px Inter ────────────────────────── */
.ce-logo-name {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* ── 4. Logo sub: 8px/600/#40916c → 10px/400/#2d6a4f ────────────────── */
.ce-logo-sub {
  font-size:   10px !important;
  font-weight: 400 !important;
  color: var(--ce-green, #2d6a4f) !important;
}

/* ── 5. Search: green border + mint bg + 11px ────────────────────────── */
.ce-search-wrap input[type="search"],
.ce-search-wrap input[type="text"],
.ce-search-wrap input {
  border: 1.5px solid var(--ce-green, #2d6a4f) !important;
  background: #f0faf5 !important;
  font-size: 11px !important;
}

/* ── 6. Nav links: 13px → 12px ───────────────────────────────────────── */
.ce-main-nav > a {
  font-size: 12px !important;
}

/* ── 7. Shop button: green pill with white text
        (higher specificity to beat .ce-main-nav > a) ──────────────────── */
.ce-main-nav > a.ce-shop-button,
.ce-main-nav   a.ce-shop-button {
  background:    var(--ce-green, #2d6a4f) !important;
  color:         #fff !important;
  border-radius: 20px !important;
  padding:       6px 14px !important;
  font-size:     12px !important;
  font-weight:   600 !important;
  border:        none !important;
}
.ce-main-nav > a.ce-shop-button:hover,
.ce-main-nav   a.ce-shop-button:hover {
  background: var(--ce-dark-green, #1B4332) !important;
  color: #fff !important;
}

/* ── 8. Login button: green outline pill ─────────────────────────────── */
.ce-main-nav > a.ce-btn-login,
.ce-main-nav   a.ce-btn-login {
  border:        1px solid var(--ce-green, #2d6a4f) !important;
  color:         var(--ce-green, #2d6a4f) !important;
  border-radius: 20px !important;
  padding:       5px 14px !important;
  font-size:     12px !important;
  background:    transparent !important;
}
.ce-main-nav > a.ce-btn-login:hover,
.ce-main-nav   a.ce-btn-login:hover {
  background: #f0faf5 !important;
}

/* ── 9. Footer column h4: 10px → 9px ─────────────────────────────────── */
.ce-footer-column h4 {
  font-size: 9px !important;
}

/* ── 10. Footer links: 13px → 11px ───────────────────────────────────── */
.ce-footer-column ul li a {
  font-size: 11px !important;
}

/* ── 11. Footer logo box: match header sizing ────────────────────────── */
.ce-site-footer .ce-logo-box,
.ce-footer-brand-row .ce-logo-box {
  width:  44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
}

/* ── 12. Footer brand name: match header font ────────────────────────── */
.ce-site-footer .ce-brand-name,
.ce-footer-brand-row .ce-brand-name {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
  font-size:   18px !important;
  font-weight: 700 !important;
}

/* ── 13. Footer brand sub: match header sub ──────────────────────────── */
.ce-site-footer .ce-brand-sub,
.ce-footer-brand-row .ce-brand-sub {
  font-size:   10px !important;
  font-weight: 400 !important;
  color: var(--ce-green, #2d6a4f) !important;
}

/* ── 14. Mobile: keep logo readable at 44px ──────────────────────────── */
@media (max-width: 768px) {
  .ce-brand-logo .ce-logo-box,
  .ce-header-inner .ce-logo-box {
    width:  40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }
  .ce-logo-name { font-size: 16px !important; }
}

/* ======================================================================
   SHOPIFY FIXES v3.2.0
   ====================================================================== */

/* ── FIX 1 · Seller hero banner (ce-seller-page.liquid) ──────────────── */
.ce-seller-banner {
  background: linear-gradient(135deg, var(--ce-dark-navy, #1a1a2e) 0%, var(--ce-dark-green, #1B4332) 100%) !important;
  padding: 48px 0 !important;
  margin-bottom: 40px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ce-banner-inner {
  max-width: var(--ce-container, 1200px) !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  display: flex !important;
  align-items: center !important;
  gap: 32px !important;
  flex-wrap: wrap !important;
  box-sizing: border-box !important;
}
.ce-seller-avatar-placeholder {
  font-size: 52px !important;
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
.ce-seller-info { flex: 1 !important; min-width: 0 !important; }
.ce-seller-info h1 {
  color: #ffffff !important;
  margin: 0 0 4px !important;
  font-family: var(--font-display, 'Playfair Display', Georgia, serif) !important;
  font-size: clamp(22px, 3vw, 28px) !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.ce-seller-info > p {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 13px !important;
  margin: 0 0 20px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
.ce-seller-stats {
  display: flex !important;
  gap: 28px !important;
  flex-wrap: wrap !important;
}
.ce-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
}
.ce-stat-num {
  font-weight: 700 !important;
  color: var(--ce-mint, #b7e4c7) !important;
  font-size: 18px !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
  line-height: 1.2 !important;
}
.ce-stat-label {
  font-size: 10px !important;
  color: rgba(255, 255, 255, 0.6) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-family: var(--font-body, 'Inter', sans-serif) !important;
}
@media (max-width: 600px) {
  .ce-banner-inner { flex-direction: column !important; text-align: center !important; }
  .ce-seller-stats { justify-content: center !important; }
}

/* ── FIX 2 · Dawn product image overflow ─────────────────────────────── */
.product__media img,
.product__media-wrapper img,
.product-media-container img,
.product__modal-opener img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
}
.product__media,
.product-media-container,
.product__media-list .media {
  overflow: hidden !important;
}

/* nav-shop-color-fix-v1 — force white text (beats Kadence .nav-menu a) */
.nav-menu a.nav-shop,
.nav .nav-shop {
  color: #fff !important;
}

/* nav-shop-pixel-match-v1 — match Shopify .ce-btn-shop exactly */
.nav-menu a.nav-shop,
.nav .nav-shop,
a.nav-shop {
  font-weight: 700 !important;
  padding: 6px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  color: #fff !important;
}
.nav-menu a.nav-shop svg,
a.nav-shop svg {
  flex-shrink: 0 !important;
  display: inline-block !important;
}