/* Navbar y temporadas: capa final de marca. */
:root {
  --nav-primary: var(--brand-primary, #A61C4F);
  --nav-secondary: var(--brand-dark, #8A1640);
  --nav-accent: var(--brand-accent, #D991AB);
  --nav-soft: var(--brand-light, #F2F2F2);
}

/* Ajuste final navbar referencia: capsula negra con acento Encantos. */
@media (min-width: 992px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    --nav-shell-bg: #070607;
    --nav-shell-border: color-mix(in srgb, var(--nav-primary), #1d1a1d 70%);
    display: grid !important;
    grid-template-columns: minmax(168px, 230px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 22px !important;
    width: min(1200px, calc(100% - 48px)) !important;
    min-height: 72px !important;
    margin: 16px auto 0 !important;
    padding: 10px 22px 10px 24px !important;
    border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .32) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 0 50%, rgba(var(--theme-primary-rgb, 166, 28, 79), .14), transparent 270px),
      linear-gradient(180deg, #0d0b0d, var(--nav-shell-bg)) !important;
    color: #fff !important;
    box-shadow: 0 18px 55px rgba(var(--theme-heading-rgb), 0.24) !important;
  }

  body:not(.admin-body) .home-campaign-hero {
    padding-top: 0 !important;
  }

  body:not(.admin-body) .top-strip,
  body:not(.admin-body) .desktop-nav-search,
  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header > .menu-toggle,
  body:not(.admin-body) .campaign-search-row > .menu-toggle {
    display: none !important;
  }

  body:not(.admin-body) .site-header .logo-brand,
  body:not(.admin-body) .campaign-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 210px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    display: block !important;
    width: auto !important;
    max-width: 168px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .25)) !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-search-row .campaign-menu {
    position: static !important;
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 620px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > .mobile-nav-close,
  body:not(.admin-body) .site-header .main-nav > .mobile-nav-search,
  body:not(.admin-body) .campaign-menu > .mobile-nav-close,
  body:not(.admin-body) .campaign-menu > .mobile-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    min-height: 40px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .68) !important;
    font-family: var(--font-body, "Poppins", sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a:hover,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
  body:not(.admin-body) .site-header .main-nav summary:hover,
  body:not(.admin-body) .site-header .main-nav details[open] > summary,
  body:not(.admin-body) .campaign-menu > a:hover,
  body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
  body:not(.admin-body) .campaign-menu summary:hover,
  body:not(.admin-body) .campaign-menu details[open] > summary {
    background: rgba(var(--theme-primary-rgb, 166, 28, 79), .2) !important;
    color: #fff !important;
  }

  body:not(.admin-body) .header-actions,
  body:not(.admin-body) .campaign-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: max-content !important;
    margin: 0 !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .header-icon-link:hover,
  body:not(.admin-body) .campaign-icon-link:hover,
  body:not(.admin-body) .cart-btn.header-cart-icon:hover,
  body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .58) !important;
    background: #fff !important;
    color: var(--nav-primary) !important;
  }

  body:not(.admin-body) [data-cart-count] {
    top: -7px !important;
    right: -4px !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
  }

  body:not(.admin-body) .nav-mega-panel {
    top: 96px !important;
    width: min(1260px, calc(100vw - 72px)) !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .28) !important;
    background:
      radial-gradient(circle at 82% 0, rgba(var(--theme-primary-rgb, 166, 28, 79), .18), transparent 320px),
      #030303 !important;
  }
}

@media (max-width: 991px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    background:
      radial-gradient(circle at 0 50%, rgba(var(--theme-primary-rgb, 166, 28, 79), .16), transparent 230px),
      linear-gradient(180deg, #0d0b0d, #070607) !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .34) !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 38px !important;
    filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .25)) !important;
  }
}

/* Navbar claro final absoluto: compacto y con paleta Encantos. */
@media (min-width: 992px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    display: grid !important;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    width: min(1200px, calc(100% - 48px)) !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 14px auto 0 !important;
    padding: 6px 16px 6px 20px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .9) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(var(--theme-soft-rgb, 242, 242, 242), .95)) !important;
    color: var(--nav-secondary) !important;
    box-shadow: 0 14px 34px rgba(var(--theme-primary-rgb, 166, 28, 79), .1) !important;
    backdrop-filter: blur(14px) !important;
  }

  body:not(.admin-body) .top-strip,
  body:not(.admin-body) .desktop-nav-search,
  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header > .menu-toggle,
  body:not(.admin-body) .campaign-search-row > .menu-toggle {
    display: none !important;
  }

  body:not(.admin-body) .site-header .logo-brand,
  body:not(.admin-body) .campaign-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    width: auto !important;
    max-width: 145px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 7px 14px rgba(var(--theme-primary-rgb, 166, 28, 79), .13)) !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-search-row .campaign-menu {
    position: static !important;
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 620px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > .mobile-nav-close,
  body:not(.admin-body) .site-header .main-nav > .mobile-nav-search,
  body:not(.admin-body) .campaign-menu > .mobile-nav-close,
  body:not(.admin-body) .campaign-menu > .mobile-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(var(--theme-secondary-text-rgb), 0.72) !important;
    font-family: var(--font-body, "Poppins", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a:hover,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
  body:not(.admin-body) .site-header .main-nav summary:hover,
  body:not(.admin-body) .site-header .main-nav details[open] > summary,
  body:not(.admin-body) .campaign-menu > a:hover,
  body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
  body:not(.admin-body) .campaign-menu summary:hover,
  body:not(.admin-body) .campaign-menu details[open] > summary {
    background: rgba(var(--theme-primary-rgb, 166, 28, 79), .09) !important;
    color: var(--nav-primary) !important;
  }

  body:not(.admin-body) .header-actions,
  body:not(.admin-body) .campaign-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: max-content !important;
    margin: 0 !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .75) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: var(--nav-secondary) !important;
    box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb, 166, 28, 79), .08) !important;
  }

  body:not(.admin-body) .header-icon-link:hover,
  body:not(.admin-body) .campaign-icon-link:hover,
  body:not(.admin-body) .cart-btn.header-cart-icon:hover,
  body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
    border-color: var(--nav-primary) !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
  }

  body:not(.admin-body) [data-cart-count] {
    top: -8px !important;
    right: -4px !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
  }

  body:not(.admin-body) .nav-mega-panel {
    top: 84px !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .24) !important;
    background:
      radial-gradient(circle at 82% 0, rgba(var(--theme-primary-rgb, 166, 28, 79), .2), transparent 320px),
      var(--theme-heading) !important;
  }
}

@media (max-width: 991px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    width: calc(100% - 20px) !important;
    min-height: 56px !important;
    margin-top: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .9) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(var(--theme-soft-rgb, 242, 242, 242), .94)) !important;
    box-shadow: 0 12px 28px rgba(var(--theme-primary-rgb, 166, 28, 79), .1) !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 32px !important;
    filter: drop-shadow(0 7px 14px rgba(var(--theme-primary-rgb, 166, 28, 79), .13)) !important;
  }

  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header .menu-toggle,
  body:not(.admin-body) .campaign-menu-toggle,
  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-color: rgba(var(--theme-accent-rgb, 217, 145, 171), .8) !important;
    background: #fff !important;
    color: var(--nav-primary) !important;
    box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb, 166, 28, 79), .08) !important;
  }
}

/* Navbar claro definitivo: proporcion tipo referencia con paleta Encantos. */
@media (min-width: 992px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    display: grid !important;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 18px !important;
    width: min(1200px, calc(100% - 48px)) !important;
    min-height: 58px !important;
    height: 58px !important;
    margin: 14px auto 0 !important;
    padding: 6px 16px 6px 20px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .9) !important;
    border-radius: 20px !important;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(var(--theme-soft-rgb, 242, 242, 242), .95)) !important;
    color: var(--nav-secondary) !important;
    box-shadow: 0 14px 34px rgba(var(--theme-primary-rgb, 166, 28, 79), .1) !important;
    backdrop-filter: blur(14px) !important;
  }

  body:not(.admin-body) .site-header::before,
  body:not(.admin-body) .campaign-search-row::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background: radial-gradient(circle at 7% 50%, rgba(var(--theme-primary-rgb, 166, 28, 79), .08), transparent 250px) !important;
    pointer-events: none !important;
  }

  body:not(.admin-body) .home-campaign-hero {
    padding-top: 0 !important;
  }

  body:not(.admin-body) .top-strip,
  body:not(.admin-body) .desktop-nav-search,
  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header > .menu-toggle,
  body:not(.admin-body) .campaign-search-row > .menu-toggle {
    display: none !important;
  }

  body:not(.admin-body) .site-header .logo-brand,
  body:not(.admin-body) .campaign-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    width: auto !important;
    max-width: 145px !important;
    max-height: 34px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 7px 14px rgba(var(--theme-primary-rgb, 166, 28, 79), .13)) !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-search-row .campaign-menu {
    position: static !important;
    grid-column: 2 !important;
    justify-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 620px !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > .mobile-nav-close,
  body:not(.admin-body) .site-header .main-nav > .mobile-nav-search,
  body:not(.admin-body) .campaign-menu > .mobile-nav-close,
  body:not(.admin-body) .campaign-menu > .mobile-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(var(--theme-secondary-text-rgb), 0.72) !important;
    font-family: var(--font-body, "Poppins", sans-serif) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a:hover,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
  body:not(.admin-body) .site-header .main-nav summary:hover,
  body:not(.admin-body) .site-header .main-nav details[open] > summary,
  body:not(.admin-body) .campaign-menu > a:hover,
  body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
  body:not(.admin-body) .campaign-menu summary:hover,
  body:not(.admin-body) .campaign-menu details[open] > summary {
    background: rgba(var(--theme-primary-rgb, 166, 28, 79), .09) !important;
    color: var(--nav-primary) !important;
  }

  body:not(.admin-body) .header-actions,
  body:not(.admin-body) .campaign-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-width: max-content !important;
    margin: 0 !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .75) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .72) !important;
    color: var(--nav-secondary) !important;
    box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb, 166, 28, 79), .08) !important;
  }

  body:not(.admin-body) .header-icon-link:hover,
  body:not(.admin-body) .campaign-icon-link:hover,
  body:not(.admin-body) .cart-btn.header-cart-icon:hover,
  body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
    border-color: var(--nav-primary) !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
  }

  body:not(.admin-body) [data-cart-count] {
    top: -8px !important;
    right: -4px !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
    box-shadow: 0 0 0 2px #fff !important;
  }

  body:not(.admin-body) .nav-mega-panel {
    top: 84px !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .24) !important;
    background:
      radial-gradient(circle at 82% 0, rgba(var(--theme-primary-rgb, 166, 28, 79), .2), transparent 320px),
      var(--theme-heading) !important;
  }
}

@media (max-width: 991px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    width: calc(100% - 20px) !important;
    min-height: 56px !important;
    margin-top: 10px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(var(--theme-accent-rgb, 217, 145, 171), .9) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(var(--theme-soft-rgb, 242, 242, 242), .94)) !important;
    box-shadow: 0 12px 28px rgba(var(--theme-primary-rgb, 166, 28, 79), .1) !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 32px !important;
    filter: drop-shadow(0 7px 14px rgba(var(--theme-primary-rgb, 166, 28, 79), .13)) !important;
  }

  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header .menu-toggle,
  body:not(.admin-body) .campaign-menu-toggle,
  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-color: rgba(var(--theme-accent-rgb, 217, 145, 171), .8) !important;
    background: #fff !important;
    color: var(--nav-primary) !important;
    box-shadow: 0 8px 18px rgba(var(--theme-primary-rgb, 166, 28, 79), .08) !important;
  }
}

body:not(.admin-body) .top-strip {
  border: 0 !important;
  background: linear-gradient(90deg, var(--nav-secondary), var(--nav-primary), var(--nav-secondary)) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: .05em !important;
}

body:not(.admin-body) .site-header,
body:not(.admin-body) .campaign-search-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 60 !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .16) !important;
  background:
    radial-gradient(circle at 12% 0, rgba(var(--theme-accent-rgb, 217, 145, 171), .22), transparent 220px),
    linear-gradient(180deg, #fff 0%, rgba(var(--theme-soft-rgb, 242, 242, 242), .72) 100%) !important;
  box-shadow: 0 16px 42px rgba(var(--theme-primary-rgb, 166, 28, 79), .11) !important;
  backdrop-filter: blur(12px) !important;
}

body:not(.admin-body) .site-header {
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) !important;
  gap: 20px !important;
  padding: 16px min(5vw, 58px) 18px !important;
}

body:not(.admin-body) .campaign-search-row {
  grid-template-columns: minmax(180px, 1fr) auto minmax(180px, 1fr) !important;
  gap: 20px !important;
  min-height: 82px !important;
  padding: 14px min(5vw, 58px) !important;
}

body:not(.admin-body) .site-header .logo-brand,
body:not(.admin-body) .campaign-logo {
  display: grid !important;
  place-items: center !important;
  min-width: 150px !important;
}

body:not(.admin-body) .site-header .brand-logo,
body:not(.admin-body) .campaign-logo img {
  max-height: 54px !important;
  width: auto !important;
  filter: drop-shadow(0 8px 16px rgba(var(--theme-primary-rgb, 166, 28, 79), .14)) !important;
}

body:not(.admin-body) .desktop-nav-search {
  max-width: 280px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .22) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(var(--theme-primary-rgb, 166, 28, 79), .08) !important;
}

body:not(.admin-body) .desktop-nav-search input {
  color: var(--nav-secondary) !important;
  font-size: 12px !important;
}

body:not(.admin-body) .desktop-nav-search button {
  color: var(--nav-primary) !important;
}

body:not(.admin-body) .header-actions,
body:not(.admin-body) .campaign-actions {
  gap: 11px !important;
  justify-self: end !important;
}

body:not(.admin-body) .header-icon-link,
body:not(.admin-body) .campaign-icon-link,
body:not(.admin-body) .cart-btn.header-cart-icon,
body:not(.admin-body) .cart-btn.campaign-cart-icon {
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .32) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(180deg, #fff, rgba(var(--theme-soft-rgb, 242, 242, 242), .72)) !important;
  color: var(--nav-primary) !important;
  box-shadow: 0 12px 28px rgba(var(--theme-primary-rgb, 166, 28, 79), .12) !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease !important;
}

body:not(.admin-body) .header-icon-link:hover,
body:not(.admin-body) .campaign-icon-link:hover,
body:not(.admin-body) .cart-btn.header-cart-icon:hover,
body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
  background: var(--nav-primary) !important;
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 34px rgba(var(--theme-primary-rgb, 166, 28, 79), .22) !important;
}

body:not(.admin-body) .header-icon-link svg,
body:not(.admin-body) .campaign-icon-link svg,
body:not(.admin-body) .cart-btn.header-cart-icon svg,
body:not(.admin-body) .cart-btn.campaign-cart-icon svg {
  width: 22px !important;
  height: 22px !important;
  stroke: currentColor !important;
}

body:not(.admin-body) [data-cart-count] {
  top: -7px !important;
  right: -5px !important;
  display: grid !important;
  place-items: center !important;
  min-width: 18px !important;
  height: 18px !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: var(--nav-primary) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 600 !important;
}

body:not(.admin-body) .site-header .main-nav,
body:not(.admin-body) .campaign-menu {
  display: flex !important;
  width: min(1120px, calc(100% - 42px)) !important;
  min-height: 52px !important;
  margin-inline: auto !important;
  padding: 0 18px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 0 0 22px 22px !important;
  background:
    linear-gradient(135deg, var(--nav-secondary), var(--nav-primary) 55%, var(--nav-secondary)) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(var(--theme-primary-rgb, 166, 28, 79), .2) !important;
}

body:not(.admin-body) .site-header .main-nav {
  grid-column: 1 / -1 !important;
}

body:not(.admin-body) .site-header .main-nav > a,
body:not(.admin-body) .site-header .main-nav > .nav-category > a,
body:not(.admin-body) .site-header .main-nav summary,
body:not(.admin-body) .campaign-menu > a,
body:not(.admin-body) .campaign-menu > .nav-category > a,
body:not(.admin-body) .campaign-menu summary {
  position: relative !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body:not(.admin-body) .site-header .main-nav > a:hover,
body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
body:not(.admin-body) .site-header .main-nav summary:hover,
body:not(.admin-body) .site-header .main-nav details[open] > summary,
body:not(.admin-body) .campaign-menu > a:hover,
body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
body:not(.admin-body) .campaign-menu summary:hover,
body:not(.admin-body) .campaign-menu details[open] > summary {
  background: rgba(255, 255, 255, .95) !important;
  color: var(--nav-primary) !important;
}

body:not(.admin-body) .site-header .main-nav .nav-submenu,
body:not(.admin-body) .campaign-menu .nav-submenu {
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .18) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 44px rgba(var(--theme-primary-rgb, 166, 28, 79), .18) !important;
}

body:not(.admin-body) .site-header .main-nav .nav-submenu a,
body:not(.admin-body) .campaign-menu .nav-submenu a {
  color: var(--nav-secondary) !important;
  font-weight: 500 !important;
}

body:not(.admin-body) .site-header .main-nav .nav-submenu a:hover,
body:not(.admin-body) .campaign-menu .nav-submenu a:hover {
  background: var(--nav-soft) !important;
  color: var(--nav-primary) !important;
}

body.admin-body .admin-navbar,
body.admin-body .admin-sidebar {
  background:
    radial-gradient(circle at 12% 0, rgba(255, 255, 255, .18), transparent 190px),
    linear-gradient(180deg, var(--nav-secondary), var(--nav-primary) 58%, var(--nav-secondary)) !important;
  color: #fff !important;
  box-shadow: 14px 0 38px rgba(var(--theme-primary-rgb, 166, 28, 79), .22) !important;
}

body.admin-body .admin-navbar .brand-logo {
  filter: brightness(0) invert(1) drop-shadow(0 12px 24px rgba(0, 0, 0, .18)) !important;
}

body.admin-body .admin-nav > a,
body.admin-body .admin-nav-group > summary,
body.admin-body .admin-navbar .admin-nav-submenu a {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: rgba(255, 255, 255, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.admin-body .admin-nav > a.active,
body.admin-body .admin-nav > a:hover,
body.admin-body .admin-nav-group.active > summary,
body.admin-body .admin-nav-group[open] > summary,
body.admin-body .admin-nav-group:hover > summary {
  border-color: rgba(255, 255, 255, .34) !important;
  background: #fff !important;
  color: var(--nav-primary) !important;
}

body.admin-body .admin-nav-icon {
  background: rgba(255, 255, 255, .12) !important;
  color: inherit !important;
}

body.admin-body .admin-nav > a.active .admin-nav-icon,
body.admin-body .admin-nav > a:hover .admin-nav-icon,
body.admin-body .admin-nav-group.active > summary .admin-nav-icon,
body.admin-body .admin-nav-group[open] > summary .admin-nav-icon,
body.admin-body .admin-nav-group:hover > summary .admin-nav-icon {
  background: var(--nav-soft) !important;
  color: var(--nav-primary) !important;
}

.theme-preset-grid,
.theme-color-grid {
  display: grid !important;
  gap: 10px !important;
}

.theme-preset-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.theme-preset-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 18px 18px 18px !important;
  gap: 7px !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 9px 10px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .2) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--nav-secondary) !important;
  cursor: pointer !important;
}

.theme-preset-card span {
  min-width: 0 !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.theme-preset-card i,
.settings-theme-preview i {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: var(--swatch) !important;
  box-shadow: 0 0 0 1px rgba(var(--theme-primary-rgb, 166, 28, 79), .14) !important;
}

.theme-preset-card:hover {
  border-color: var(--nav-primary) !important;
  transform: translateY(-1px) !important;
}

.theme-color-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.theme-color-grid label {
  display: grid !important;
  gap: 8px !important;
}

.theme-color-grid input[type="color"] {
  width: 100% !important;
  height: 44px !important;
  padding: 4px !important;
  border-radius: 12px !important;
  cursor: pointer !important;
}

.theme-live-preview {
  display: grid !important;
  gap: 4px !important;
  min-height: 74px !important;
  padding: 16px !important;
  border: 1px solid color-mix(in srgb, var(--preview-accent), #fff 18%) !important;
  border-radius: 16px !important;
  background:
    linear-gradient(135deg, var(--preview-secondary), var(--preview-primary) 58%, var(--preview-accent)) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px color-mix(in srgb, var(--preview-primary), transparent 74%) !important;
}

.theme-live-preview strong,
.theme-live-preview span {
  color: #fff !important;
}

.settings-theme-preview div {
  display: flex !important;
  gap: 8px !important;
  margin-top: 10px !important;
}

.settings-theme-preview i:nth-child(1) { --swatch: var(--theme-dot-1); }
.settings-theme-preview i:nth-child(2) { --swatch: var(--theme-dot-2); }
.settings-theme-preview i:nth-child(3) { --swatch: var(--theme-dot-3); }
.settings-theme-preview i:nth-child(4) { --swatch: var(--theme-dot-4); }

@media (max-width: 760px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 10px !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 42px !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon,
  body:not(.admin-body) .site-header .menu-toggle,
  body:not(.admin-body) .campaign-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-menu {
    width: min(320px, calc(100vw - 22px)) !important;
    min-height: 0 !important;
    padding: 18px !important;
    border-radius: 22px !important;
    justify-content: flex-start !important;
  }

  .theme-preset-grid,
  .theme-color-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Loading GIF de marca. */
.site-preloader {
  display: grid !important;
  place-items: center !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(var(--theme-accent-rgb, 217, 145, 171), .26), transparent 260px),
    linear-gradient(180deg, #fff, var(--nav-soft)) !important;
}

.site-preloader-card {
  display: grid !important;
  place-items: center !important;
  width: min(320px, calc(100vw - 42px)) !important;
  padding: 26px 22px 24px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .13) !important;
  border-radius: 28px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 28px 80px rgba(var(--theme-primary-rgb, 166, 28, 79), .16) !important;
  backdrop-filter: blur(14px) !important;
}

.site-preloader-card::before,
.site-preloader-card::after,
.site-preloader-flower,
.site-preloader-leaves {
  display: none !important;
}

.site-preloader-gif {
  display: block !important;
  width: min(210px, 62vw) !important;
  height: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 18px 30px rgba(var(--theme-primary-rgb, 166, 28, 79), .16)) !important;
}

.site-preloader span {
  margin-top: 12px !important;
  color: var(--nav-secondary) !important;
  font-family: "Cinzel", Georgia, "Times New Roman", serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-align: center !important;
}

@media (max-width: 520px) {
  .site-preloader-card {
    width: min(280px, calc(100vw - 30px)) !important;
    padding: 20px 18px !important;
    border-radius: 22px !important;
  }

  .site-preloader-gif {
    width: min(180px, 58vw) !important;
  }

  .site-preloader span {
    font-size: 12px !important;
  }
}

/* Loader floral exacto: solo GIF centrado en fondo blanco. */
.site-preloader {
  display: flex !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  background: #fff !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity .25s ease, visibility .25s ease !important;
}

.site-preloader.is-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.site-preloader-card {
  display: flex !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.site-preloader-card::before,
.site-preloader-card::after,
.site-preloader-flower,
.site-preloader-leaves,
.site-preloader span {
  display: none !important;
}

.site-preloader-gif {
  display: block !important;
  width: 400px !important;
  max-width: 72vw !important;
  height: auto !important;
  object-fit: contain !important;
  filter: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
}

@media (max-width: 520px) {
  .site-preloader-gif {
    width: 320px !important;
    max-width: 78vw !important;
  }
}

/* Navbar tipo capsula inspirado en la referencia, adaptado a Encantos. */
body:not(.admin-body) .top-strip {
  min-height: 6px !important;
  padding: 0 !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  background: linear-gradient(90deg, var(--nav-secondary), var(--nav-primary), var(--nav-secondary)) !important;
}

body:not(.admin-body) .site-header,
body:not(.admin-body) .campaign-search-row {
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  display: grid !important;
  grid-template-columns: minmax(160px, 1fr) auto minmax(160px, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  width: min(1420px, calc(100% - 44px)) !important;
  min-height: 92px !important;
  margin: 0 auto !important;
  padding: 16px 42px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .14) !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 12% 0, rgba(var(--theme-accent-rgb, 217, 145, 171), .24), transparent 260px),
    radial-gradient(circle at 88% 0, rgba(var(--theme-accent-rgb, 217, 145, 171), .18), transparent 260px),
    rgba(255, 255, 255, .92) !important;
  box-shadow: 0 20px 54px rgba(var(--theme-primary-rgb, 166, 28, 79), .12) !important;
  backdrop-filter: blur(16px) !important;
}

body:not(.admin-body) .home-campaign-hero .campaign-search-row {
  width: min(1420px, calc(100% - 44px)) !important;
}

body:not(.admin-body) .desktop-nav-search {
  justify-self: start !important;
  width: 52px !important;
  max-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .34) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(var(--theme-primary-rgb, 166, 28, 79), .13) !important;
  transition: width .25s ease, max-width .25s ease, box-shadow .2s ease !important;
}

body:not(.admin-body) .desktop-nav-search:focus-within,
body:not(.admin-body) .desktop-nav-search:hover {
  width: min(300px, 28vw) !important;
  max-width: min(300px, 28vw) !important;
}

body:not(.admin-body) .desktop-nav-search input {
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  color: var(--nav-secondary) !important;
  font-size: 12px !important;
  transition: opacity .18s ease, width .25s ease, padding .25s ease !important;
}

body:not(.admin-body) .desktop-nav-search:focus-within input,
body:not(.admin-body) .desktop-nav-search:hover input {
  width: 220px !important;
  padding-left: 16px !important;
  opacity: 1 !important;
}

body:not(.admin-body) .desktop-nav-search button {
  display: grid !important;
  width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  place-items: center !important;
  color: var(--nav-primary) !important;
}

body:not(.admin-body) .site-header .logo-brand,
body:not(.admin-body) .campaign-logo {
  justify-self: center !important;
  min-width: 180px !important;
}

body:not(.admin-body) .site-header .brand-logo,
body:not(.admin-body) .campaign-logo img {
  max-height: 58px !important;
  width: auto !important;
  object-fit: contain !important;
}

body:not(.admin-body) .header-actions,
body:not(.admin-body) .campaign-actions {
  display: flex !important;
  justify-self: end !important;
  align-items: center !important;
  gap: 12px !important;
}

body:not(.admin-body) .header-icon-link,
body:not(.admin-body) .campaign-icon-link,
body:not(.admin-body) .cart-btn.header-cart-icon,
body:not(.admin-body) .cart-btn.campaign-cart-icon {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .34) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--nav-primary) !important;
  box-shadow: 0 14px 34px rgba(var(--theme-primary-rgb, 166, 28, 79), .13) !important;
}

body:not(.admin-body) .header-icon-link:hover,
body:not(.admin-body) .campaign-icon-link:hover,
body:not(.admin-body) .cart-btn.header-cart-icon:hover,
body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
  background: var(--nav-primary) !important;
  color: #fff !important;
}

body:not(.admin-body) .site-header .main-nav,
body:not(.admin-body) .campaign-menu {
  position: relative !important;
  grid-column: 1 / -1 !important;
  display: flex !important;
  width: min(1040px, 86vw) !important;
  min-height: 58px !important;
  margin: 0 auto -42px !important;
  padding: 0 26px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 0 0 26px 26px !important;
  background:
    linear-gradient(135deg, var(--nav-secondary), var(--nav-primary) 58%, color-mix(in srgb, var(--nav-primary), #000 20%)) !important;
  box-shadow: 0 24px 52px rgba(var(--theme-primary-rgb, 166, 28, 79), .26) !important;
}

body:not(.admin-body) .campaign-menu {
  transform: translateY(-1px) !important;
}

body:not(.admin-body) .site-header .main-nav > a,
body:not(.admin-body) .site-header .main-nav > .nav-category > a,
body:not(.admin-body) .site-header .main-nav summary,
body:not(.admin-body) .campaign-menu > a,
body:not(.admin-body) .campaign-menu > .nav-category > a,
body:not(.admin-body) .campaign-menu summary {
  display: inline-flex !important;
  min-height: 40px !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  text-transform: uppercase !important;
}

body:not(.admin-body) .site-header .main-nav > a:hover,
body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
body:not(.admin-body) .site-header .main-nav summary:hover,
body:not(.admin-body) .site-header .main-nav details[open] > summary,
body:not(.admin-body) .campaign-menu > a:hover,
body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
body:not(.admin-body) .campaign-menu summary:hover,
body:not(.admin-body) .campaign-menu details[open] > summary {
  background: #fff !important;
  color: var(--nav-primary) !important;
}

body:not(.admin-body) .nav-submenu {
  border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .18) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 24px 58px rgba(var(--theme-primary-rgb, 166, 28, 79), .2) !important;
}

body:not(.admin-body) .nav-submenu a {
  color: var(--nav-secondary) !important;
}

body.admin-body .admin-navbar {
  display: grid !important;
  align-content: start !important;
  gap: 18px !important;
  padding: 22px 12px !important;
  border-right: 1px solid rgba(255, 255, 255, .12) !important;
  background:
    radial-gradient(circle at 50% 0, rgba(255, 255, 255, .18), transparent 220px),
    linear-gradient(180deg, color-mix(in srgb, var(--nav-secondary), #000 8%), var(--nav-primary) 58%, var(--nav-secondary)) !important;
  box-shadow: 18px 0 48px rgba(var(--theme-primary-rgb, 166, 28, 79), .26) !important;
}

body.admin-body .admin-navbar-head {
  display: grid !important;
  place-items: center !important;
  min-height: 80px !important;
  padding: 10px !important;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 24px !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.admin-body .admin-navbar .brand-logo {
  max-width: 132px !important;
  filter: brightness(0) invert(1) drop-shadow(0 12px 24px rgba(0, 0, 0, .2)) !important;
}

body.admin-body .admin-nav {
  display: grid !important;
  gap: 9px !important;
  padding: 0 !important;
}

body.admin-body .admin-nav > a,
body.admin-body .admin-nav-group > summary,
body.admin-body .admin-navbar .admin-nav-submenu a {
  min-height: 44px !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: rgba(255, 255, 255, .92) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

body.admin-body .admin-nav > a.active,
body.admin-body .admin-nav > a:hover,
body.admin-body .admin-nav-group.active > summary,
body.admin-body .admin-nav-group[open] > summary,
body.admin-body .admin-nav-group:hover > summary {
  background: #fff !important;
  color: var(--nav-primary) !important;
  transform: translateX(2px) !important;
}

body.admin-body .admin-nav-icon {
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .12) !important;
}

body.admin-body .admin-nav > a.active .admin-nav-icon,
body.admin-body .admin-nav > a:hover .admin-nav-icon,
body.admin-body .admin-nav-group.active > summary .admin-nav-icon,
body.admin-body .admin-nav-group[open] > summary .admin-nav-icon,
body.admin-body .admin-nav-group:hover > summary .admin-nav-icon {
  background: var(--nav-soft) !important;
  color: var(--nav-primary) !important;
}

@media (max-width: 760px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row {
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-height: 68px !important;
    padding: 10px 12px !important;
    gap: 10px !important;
  }

  body:not(.admin-body) .desktop-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header .menu-toggle,
  body:not(.admin-body) .campaign-menu-toggle {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .32) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--nav-primary) !important;
    box-shadow: 0 12px 26px rgba(var(--theme-primary-rgb, 166, 28, 79), .12) !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 42px !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-menu {
    position: fixed !important;
    inset: 10px 10px auto auto !important;
    display: none !important;
    width: min(330px, calc(100vw - 20px)) !important;
    max-height: calc(100vh - 20px) !important;
    margin: 0 !important;
    padding: 18px !important;
    overflow-y: auto !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, var(--nav-secondary), var(--nav-primary)) !important;
    box-shadow: 0 28px 72px rgba(var(--theme-primary-rgb, 166, 28, 79), .32) !important;
  }

  body:not(.admin-body) .site-header .main-nav.open,
  body:not(.admin-body) .campaign-menu.open {
    display: grid !important;
    gap: 9px !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    width: 100% !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
    background: rgba(255, 255, 255, .08) !important;
  }
}

/* Mega navbar exacto: capsula gris oscuro + panel negro elegante. */
body:not(.admin-body) .site-header,
body:not(.admin-body) .campaign-search-row {
  width: min(1200px, calc(100% - 84px)) !important;
  min-height: 72px !important;
  margin: 18px auto 0 !important;
  padding: 10px 22px !important;
  border: 1px solid rgba(20, 17, 22, .42) !important;
  border-radius: 22px !important;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--nav-secondary), #5e5c61 62%), #565358) !important;
  color: #fff !important;
  box-shadow: 0 18px 48px rgba(20, 14, 24, .18) !important;
}

body:not(.admin-body) .home-campaign-hero .campaign-search-row {
  width: min(1200px, calc(100% - 84px)) !important;
}

body:not(.admin-body) .top-strip {
  min-height: 0 !important;
  height: 0 !important;
}

body:not(.admin-body) .desktop-nav-search {
  width: 44px !important;
  max-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  box-shadow: none !important;
}

body:not(.admin-body) .desktop-nav-search:hover,
body:not(.admin-body) .desktop-nav-search:focus-within {
  width: min(260px, 24vw) !important;
  max-width: min(260px, 24vw) !important;
  background: #fff !important;
}

body:not(.admin-body) .desktop-nav-search button {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  color: #fff !important;
}

body:not(.admin-body) .desktop-nav-search:hover button,
body:not(.admin-body) .desktop-nav-search:focus-within button {
  color: var(--nav-primary) !important;
}

body:not(.admin-body) .site-header .brand-logo,
body:not(.admin-body) .campaign-logo img {
  max-height: 42px !important;
  filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .2)) !important;
}

body:not(.admin-body) .header-icon-link,
body:not(.admin-body) .campaign-icon-link,
body:not(.admin-body) .cart-btn.header-cart-icon,
body:not(.admin-body) .cart-btn.campaign-cart-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-color: rgba(255, 255, 255, .18) !important;
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  box-shadow: none !important;
}

body:not(.admin-body) .header-icon-link:hover,
body:not(.admin-body) .campaign-icon-link:hover,
body:not(.admin-body) .cart-btn.header-cart-icon:hover,
body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
  background: #fff !important;
  color: var(--nav-primary) !important;
}

body:not(.admin-body) [data-cart-count] {
  background: var(--nav-primary) !important;
}

body:not(.admin-body) .site-header .main-nav,
body:not(.admin-body) .campaign-menu {
  grid-column: auto !important;
  width: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 4px !important;
}

body:not(.admin-body) .site-header .main-nav {
  grid-column: auto !important;
}

body:not(.admin-body) .site-header .main-nav > a,
body:not(.admin-body) .site-header .main-nav > .nav-category > a,
body:not(.admin-body) .site-header .main-nav summary,
body:not(.admin-body) .campaign-menu > a,
body:not(.admin-body) .campaign-menu > .nav-category > a,
body:not(.admin-body) .campaign-menu summary {
  min-height: 38px !important;
  padding: 0 13px !important;
  background: transparent !important;
  color: rgba(255, 255, 255, .74) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body:not(.admin-body) .site-header .main-nav > a:hover,
body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
body:not(.admin-body) .site-header .main-nav summary:hover,
body:not(.admin-body) .site-header .main-nav details[open] > summary,
body:not(.admin-body) .campaign-menu > a:hover,
body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
body:not(.admin-body) .campaign-menu summary:hover,
body:not(.admin-body) .campaign-menu details[open] > summary {
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
}

body:not(.admin-body) .nav-category {
  position: relative !important;
}

body:not(.admin-body) .nav-mega-panel {
  position: fixed !important;
  top: 96px !important;
  left: 50% !important;
  z-index: 90 !important;
  display: block !important;
  width: min(1260px, calc(100vw - 72px)) !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 24px !important;
  background: #030303 !important;
  color: #fff !important;
  box-shadow: 0 28px 90px rgba(5, 3, 10, .45) !important;
  transform: translateX(-50%) translateY(10px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease, transform .18s ease !important;
}

body:not(.admin-body) details[open] > .nav-mega-panel {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}

body:not(.admin-body) .nav-mega-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(190px, 1fr)) minmax(250px, .9fr) !important;
  min-height: 330px !important;
}

body:not(.admin-body) .nav-mega-col {
  display: grid !important;
  align-content: start !important;
  gap: 13px !important;
  padding: 32px !important;
}

body:not(.admin-body) .nav-mega-col + .nav-mega-col {
  border-left: 1px solid rgba(255, 255, 255, .07) !important;
}

body:not(.admin-body) .nav-mega-col small,
body:not(.admin-body) .nav-mega-spotlight small {
  color: color-mix(in srgb, var(--nav-accent), #ffffff 18%) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

body:not(.admin-body) .nav-mega-item {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  padding: 6px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}

body:not(.admin-body) .nav-mega-item:hover {
  background: transparent !important;
  color: #fff !important;
}

body:not(.admin-body) .nav-mega-item i {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .08) !important;
  color: var(--nav-accent) !important;
  font-style: normal !important;
}

body:not(.admin-body) .nav-mega-item strong {
  display: block !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

body:not(.admin-body) .nav-mega-item em {
  display: block !important;
  margin-top: 3px !important;
  color: rgba(255, 255, 255, .52) !important;
  font-size: 12px !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}

body:not(.admin-body) .nav-mega-item:hover strong {
  color: color-mix(in srgb, var(--nav-accent), #ffffff 22%) !important;
}

body:not(.admin-body) .nav-mega-spotlight {
  display: grid !important;
  align-content: end !important;
  gap: 12px !important;
  min-height: 100% !important;
  padding: 34px !important;
  border-left: 1px solid rgba(255, 255, 255, .08) !important;
  background:
    radial-gradient(circle at 14% 0, color-mix(in srgb, var(--nav-primary), transparent 18%), transparent 190px),
    linear-gradient(145deg, color-mix(in srgb, var(--nav-secondary), #000 18%), #050505 62%) !important;
  color: #fff !important;
  text-decoration: none !important;
}

body:not(.admin-body) .nav-mega-spotlight strong {
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
}

body:not(.admin-body) .nav-mega-spotlight span {
  max-width: 250px !important;
  color: rgba(255, 255, 255, .68) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

body:not(.admin-body) .nav-mega-spotlight em {
  color: color-mix(in srgb, var(--nav-accent), #ffffff 20%) !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

body.admin-body .admin-navbar {
  border-radius: 0 26px 26px 0 !important;
  background:
    linear-gradient(180deg, #5b585d, color-mix(in srgb, var(--nav-secondary), #5b585d 58%)) !important;
}

body.admin-body .admin-navbar-head {
  border-color: rgba(255, 255, 255, .12) !important;
  border-radius: 20px !important;
  background: rgba(0, 0, 0, .12) !important;
}

body.admin-body .admin-nav > a,
body.admin-body .admin-nav-group > summary,
body.admin-body .admin-navbar .admin-nav-submenu a {
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(0, 0, 0, .12) !important;
}

body.admin-body .admin-nav > a.active,
body.admin-body .admin-nav > a:hover,
body.admin-body .admin-nav-group.active > summary,
body.admin-body .admin-nav-group[open] > summary,
body.admin-body .admin-nav-group:hover > summary {
  background: var(--nav-primary) !important;
  color: #fff !important;
}

@media (max-width: 991px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    width: calc(100% - 24px) !important;
    min-height: 64px !important;
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 18px !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
  }

  body:not(.admin-body) .desktop-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 36px !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-menu {
    position: fixed !important;
    inset: 12px 12px auto auto !important;
    display: none !important;
    width: min(350px, calc(100vw - 24px)) !important;
    max-height: calc(100vh - 24px) !important;
    padding: 16px !important;
    overflow-y: auto !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 22px !important;
    background: #050505 !important;
    box-shadow: 0 26px 80px rgba(0, 0, 0, .45) !important;
  }

  body:not(.admin-body) .site-header .main-nav.open,
  body:not(.admin-body) .campaign-menu.open {
    display: grid !important;
    gap: 8px !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    width: 100% !important;
    justify-content: space-between !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
  }

  body:not(.admin-body) .nav-mega-panel {
    position: static !important;
    display: none !important;
    width: 100% !important;
    margin-top: 8px !important;
    border-radius: 18px !important;
    transform: none !important;
    opacity: 1 !important;
  }

  body:not(.admin-body) details[open] > .nav-mega-panel {
    display: block !important;
  }

  body:not(.admin-body) .nav-mega-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  body:not(.admin-body) .nav-mega-col,
  body:not(.admin-body) .nav-mega-spotlight {
    padding: 16px !important;
    border-left: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, .08) !important;
  }

  body:not(.admin-body) .nav-mega-item strong {
    font-size: 13px !important;
  }

  body:not(.admin-body) .nav-mega-item em {
    font-size: 11px !important;
  }
}

/* Ajuste definitivo navbar referencia: esta capa va al final para ganar la cascada. */
@media (min-width: 992px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    display: grid !important;
    grid-template-columns: minmax(170px, 230px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 22px !important;
    width: min(1200px, calc(100% - 48px)) !important;
    min-height: 72px !important;
    margin: 16px auto 0 !important;
    padding: 10px 22px 10px 24px !important;
    border: 1px solid rgba(var(--theme-primary-rgb, 166, 28, 79), .32) !important;
    border-radius: 22px !important;
    background:
      radial-gradient(circle at 0 50%, rgba(var(--theme-primary-rgb, 166, 28, 79), .15), transparent 270px),
      linear-gradient(180deg, #0d0b0d, #060506) !important;
    color: #fff !important;
    box-shadow: 0 18px 55px rgba(var(--theme-heading-rgb), 0.24) !important;
  }

  body:not(.admin-body) .home-campaign-hero {
    padding-top: 0 !important;
  }

  body:not(.admin-body) .top-strip,
  body:not(.admin-body) .desktop-nav-search,
  body:not(.admin-body) .campaign-search-icon,
  body:not(.admin-body) .site-header > .menu-toggle,
  body:not(.admin-body) .campaign-search-row > .menu-toggle {
    display: none !important;
  }

  body:not(.admin-body) .site-header .logo-brand,
  body:not(.admin-body) .campaign-logo {
    grid-column: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 210px !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    display: block !important;
    width: auto !important;
    max-width: 168px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .25)) !important;
  }

  body:not(.admin-body) .site-header .main-nav,
  body:not(.admin-body) .campaign-search-row .campaign-menu {
    position: static !important;
    grid-column: 2 !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 620px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > .mobile-nav-close,
  body:not(.admin-body) .site-header .main-nav > .mobile-nav-search,
  body:not(.admin-body) .campaign-menu > .mobile-nav-close,
  body:not(.admin-body) .campaign-menu > .mobile-nav-search {
    display: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a,
  body:not(.admin-body) .site-header .main-nav summary,
  body:not(.admin-body) .campaign-menu > a,
  body:not(.admin-body) .campaign-menu > .nav-category > a,
  body:not(.admin-body) .campaign-menu summary {
    min-height: 40px !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(255, 255, 255, .68) !important;
    font-family: var(--font-body, "Poppins", sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .site-header .main-nav > a:hover,
  body:not(.admin-body) .site-header .main-nav > .nav-category > a:hover,
  body:not(.admin-body) .site-header .main-nav summary:hover,
  body:not(.admin-body) .site-header .main-nav details[open] > summary,
  body:not(.admin-body) .campaign-menu > a:hover,
  body:not(.admin-body) .campaign-menu > .nav-category > a:hover,
  body:not(.admin-body) .campaign-menu summary:hover,
  body:not(.admin-body) .campaign-menu details[open] > summary {
    background: rgba(var(--theme-primary-rgb, 166, 28, 79), .2) !important;
    color: #fff !important;
  }

  body:not(.admin-body) .header-actions,
  body:not(.admin-body) .campaign-actions {
    grid-column: 3 !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: max-content !important;
    margin: 0 !important;
  }

  body:not(.admin-body) .header-icon-link,
  body:not(.admin-body) .campaign-icon-link,
  body:not(.admin-body) .cart-btn.header-cart-icon,
  body:not(.admin-body) .cart-btn.campaign-cart-icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .07) !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  body:not(.admin-body) .header-icon-link:hover,
  body:not(.admin-body) .campaign-icon-link:hover,
  body:not(.admin-body) .cart-btn.header-cart-icon:hover,
  body:not(.admin-body) .cart-btn.campaign-cart-icon:hover {
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .58) !important;
    background: #fff !important;
    color: var(--nav-primary) !important;
  }

  body:not(.admin-body) [data-cart-count] {
    top: -7px !important;
    right: -4px !important;
    background: var(--nav-primary) !important;
    color: #fff !important;
  }

  body:not(.admin-body) .nav-mega-panel {
    top: 96px !important;
    width: min(1260px, calc(100vw - 72px)) !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .28) !important;
    background:
      radial-gradient(circle at 82% 0, rgba(var(--theme-primary-rgb, 166, 28, 79), .18), transparent 320px),
      #030303 !important;
  }
}

@media (max-width: 991px) {
  body:not(.admin-body) .site-header,
  body:not(.admin-body) .campaign-search-row,
  body:not(.admin-body) .home-campaign-hero .campaign-search-row {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    background:
      radial-gradient(circle at 0 50%, rgba(var(--theme-primary-rgb, 166, 28, 79), .16), transparent 230px),
      linear-gradient(180deg, #0d0b0d, #070607) !important;
    border-color: rgba(var(--theme-primary-rgb, 166, 28, 79), .34) !important;
  }

  body:not(.admin-body) .site-header .brand-logo,
  body:not(.admin-body) .campaign-logo img {
    max-height: 38px !important;
    filter: brightness(0) invert(1) drop-shadow(0 8px 16px rgba(0, 0, 0, .25)) !important;
  }
}