.exclusive-header {
    position: relative;
    z-index: 100;
    width: 100%;
}

.exclusive-header .header-campbar {
    position: relative;
    z-index: 103;
    margin: 0;
}



.exclusive-header .header-campbar a {
    font-family: var(--exclusive-font) !important;
    font-weight: 500;
    letter-spacing: .01em;
}

.exclusive-header-shell {
    position: relative;
    z-index: 102;
    width: 100%;
    background: #fff;
    color: #171717;
    transition: background-color var(--exclusive-transition), box-shadow var(--exclusive-transition), color var(--exclusive-transition);
}

.exclusive-header--overlay .exclusive-header-shell {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,.23), rgba(0,0,0,0));
    color: #fff;
}

.exclusive-header.is-sticky .exclusive-header-shell {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: rgba(255,255,255,.98);
    color: #171717;
    box-shadow: 0 7px 30px rgba(0,0,0,.08);
    animation: exclusiveHeaderIn .25s ease both;
}

@keyframes exclusiveHeaderIn {
    from { transform: translateY(-12px); opacity: .7; }
    to { transform: translateY(0); opacity: 1; }
}

.exclusive-header-inner {
    width: min(calc(100% - 64px), var(--exclusive-header-max));
    margin: 0 auto;
}

.exclusive-header-main {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    min-height: 78px;
}

.exclusive-header-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.exclusive-search-trigger,
.exclusive-mobile-search {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    padding: 8px 0;
}

.exclusive-search-trigger {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.exclusive-search-trigger i {
    font-size: 17px;
}

.exclusive-header-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}

.exclusive-logo {
    position: relative;
    line-height: 0;
}

.exclusive-logo a {
    display: block;
    position: relative;
}

.exclusive-logo__image {
    display: block;
    width: auto;
    max-width: 185px;
    max-height: 58px;
    object-fit: contain;
    transition: opacity var(--exclusive-transition);
}

.exclusive-logo__image--light {
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 0;
}

.exclusive-header--overlay:not(.is-sticky) .exclusive-logo__image--dark {
    opacity: 0;
}

.exclusive-header--overlay:not(.is-sticky) .exclusive-logo__image--light {
    opacity: 1;
}

.exclusive-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 18px;
    color: inherit;
}

.exclusive-header-actions > div,
.exclusive-header-actions > .login-header > a,
.exclusive-header-actions > .wishlist-box > a,
.exclusive-header-actions > .bemins-topcart > .mini-cart > .cart-icon {
    color: inherit !important;
}

.exclusive-header-actions i {
    font-size: 18px;
}

.exclusive-header-actions .count-wishlist,
.exclusive-header-actions .cart-count,
.exclusive-header-actions .mini-cart .cart-count {
    font-family: var(--exclusive-font) !important;
}

.exclusive-header-nav {
    border-top: 1px solid rgba(255,255,255,.0);
    border-bottom: 1px solid var(--exclusive-border);
    transition: border-color var(--exclusive-transition);
}

.exclusive-header--overlay:not(.is-sticky) .exclusive-header-nav {
    border-bottom-color: rgba(255,255,255,.18);
}

.exclusive-header-inner--nav {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
}

.exclusive-desktop-menu,
.exclusive-desktop-menu .wpbingo-menu-wrapper,
.exclusive-desktop-menu .megamenu,
.exclusive-desktop-menu nav {
    width: 100%;
}

.exclusive-desktop-menu .bwp-navigation > ul,
.exclusive-desktop-menu #main-navigation > ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(24px, 2.5vw, 48px);
}

.exclusive-desktop-menu .bwp-navigation ul > li > a {
    font-family: var(--exclusive-font) !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .015em;
    color: #171717 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    transition: opacity var(--exclusive-transition), color var(--exclusive-transition);
}
.bwp-header .header-wrapper {
    padding: 0px 0;
}
.bwp-header .wpbingoLogo img {
    max-width: 180px;
}
.exclusive-header--overlay:not(.is-sticky) .exclusive-desktop-menu .bwp-navigation > ul > li > a {
    color: #fff !important;
    text-shadow: 0 1px 10px rgba(0,0,0,.18);
}

.exclusive-desktop-menu .bwp-navigation > ul > li > a:hover {
    opacity: .65;
}

/* Dropdown menus remain readable on transparent homepage header. */
.exclusive-header .bwp-navigation .sub-menu a,
.exclusive-header--overlay:not(.is-sticky) .bwp-navigation .sub-menu a {
    color: #171717 !important;
    text-shadow: none !important;
}

.exclusive-header-mobile {
    display: none;
}


/* v1.1.1 — Bemins menu markup includes extra nav/container wrappers.
   Force the actual WordPress menu to occupy the full row and center itself. */
.exclusive-desktop-menu,
.exclusive-desktop-menu .header-menu-bg,
.exclusive-desktop-menu .wpbingo-menu-wrapper,
.exclusive-desktop-menu .megamenu,
.exclusive-desktop-menu .navbar-default,
.exclusive-desktop-menu .bwp-navigation,
.exclusive-desktop-menu #main-navigation,
.exclusive-desktop-menu #main-navigation > div {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.exclusive-desktop-menu #main-navigation ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    gap: clamp(22px, 2.45vw, 46px);
    list-style: none !important;
}

.exclusive-desktop-menu #main-navigation ul.menu > li.level-0 {
    display: block !important;
    float: none !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 1.2 !important;
}

.exclusive-desktop-menu #main-navigation ul.menu > li.level-0 > a {
    display: flex !important;
    align-items: center !important;
    padding: 15px 0 !important;
}

/* Transparent homepage state: every primary header control is white. */
.exclusive-header--overlay:not(.is-sticky) .exclusive-header-shell,
.exclusive-header--overlay:not(.is-sticky) .exclusive-search-trigger,
.exclusive-header--overlay:not(.is-sticky) .exclusive-mobile-search,
.exclusive-header--overlay:not(.is-sticky) .exclusive-header-actions,
.exclusive-header--overlay:not(.is-sticky) .exclusive-header-actions > .login-header > a,
.exclusive-header--overlay:not(.is-sticky) .exclusive-header-actions > .wishlist-box > a,
.exclusive-header--overlay:not(.is-sticky) .exclusive-header-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky) .exclusive-mobile-actions,
.exclusive-header--overlay:not(.is-sticky) .exclusive-mobile-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky) .exclusive-menu-toggle,
.exclusive-header--overlay:not(.is-sticky) #main-navigation ul.menu > li.level-0 > a,
.exclusive-header--overlay:not(.is-sticky) #main-navigation ul.menu > li.level-0 > a:hover,
.exclusive-header--overlay:not(.is-sticky) #main-navigation ul.menu > li.level-0 > a .caret,
.exclusive-header--overlay:not(.is-sticky) #main-navigation ul.menu > li.level-0 > a:after {
    color: #fff !important;
}

.exclusive-header--overlay:not(.is-sticky) #main-navigation ul.menu > li.level-0 > a > span:before {
    background: #fff !important;
}

/* Keep dropdown panels readable even while the root navigation is white. */
.exclusive-header--overlay:not(.is-sticky) #main-navigation .sub-menu,
.exclusive-header--overlay:not(.is-sticky) #main-navigation .sub-menu a,
.exclusive-header--overlay:not(.is-sticky) #main-navigation .sub-menu a:hover {
    color: #171717 !important;
    text-shadow: none !important;
}

/* ========================================================================
   Exclusive v1.3.0 — single logo, adaptive hero contrast + mini-cart safety
   ======================================================================== */

/* One physical SVG is used everywhere. Sticky/standard state keeps its native
   colors; the transparent hero state can turn the same SVG white. */
.exclusive-logo__image {
    max-width: 205px;
    max-height: 64px;
    filter: none;
    opacity: 1;
    transition: filter 220ms ease, opacity var(--exclusive-transition);
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-logo__image {
    filter: brightness(0) invert(1);
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-logo__image {
    filter: none;
}

/* Let the transparent header support both dark and very bright hero imagery. */
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-header-shell {
    color: #fff;
    background: linear-gradient(to bottom, rgba(0,0,0,.31) 0%, rgba(0,0,0,.10) 62%, rgba(0,0,0,0) 100%);
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-header-shell {
    color: #171717;
    background: linear-gradient(to bottom, rgba(255,255,255,.58) 0%, rgba(255,255,255,.18) 62%, rgba(255,255,255,0) 100%);
}

/* Top-level controls only. The old rules intentionally stay in place for
   compatibility, then these higher-specificity rules prevent nested login/cart
   popup links from inheriting the hero header color. */
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-search-trigger,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-mobile-search,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-menu-toggle,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-header-actions > .login-header > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-header-actions > .wishlist-box > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-header-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light .exclusive-mobile-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light #main-navigation ul.menu > li.level-0 > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light #main-navigation ul.menu > li.level-0 > a:hover,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light #main-navigation ul.menu > li.level-0 > a .caret,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light #main-navigation ul.menu > li.level-0 > a:after {
    color: #fff !important;
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-light #main-navigation ul.menu > li.level-0 > a > span:before {
    background: #fff !important;
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-search-trigger,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-mobile-search,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-menu-toggle,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-header-actions > .login-header > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-header-actions > .wishlist-box > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-header-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-mobile-actions > .bemins-topcart > .mini-cart > .cart-icon,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark #main-navigation ul.menu > li.level-0 > a,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark #main-navigation ul.menu > li.level-0 > a:hover,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark #main-navigation ul.menu > li.level-0 > a .caret,
.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark #main-navigation ul.menu > li.level-0 > a:after {
    color: #171717 !important;
    text-shadow: none !important;
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark #main-navigation ul.menu > li.level-0 > a > span:before {
    background: #171717 !important;
}

.exclusive-header--overlay:not(.is-sticky).exclusive-header--contrast-dark .exclusive-header-nav {
    border-bottom-color: rgba(20,20,20,.14);
}

/* ------------------------------------------------------------------------
   Mini-cart: nested popup links/buttons must never inherit hero header color.
   ------------------------------------------------------------------------ */
.exclusive-header .exclusive-cart .cart-popup,
.exclusive-header .exclusive-cart .cart-popup a,
.exclusive-header .exclusive-cart .cart-popup button,
.exclusive-header .exclusive-cart .cart-popup input,
.exclusive-header .exclusive-cart .cart-popup span {
    text-shadow: none !important;
}

/* Light cart style. */
.exclusive-header .exclusive-cart:not(.dark) .cart-popup,
.exclusive-header .exclusive-cart:not(.dark) .cart-popup a:not(.button) {
    color: #171717 !important;
}

.exclusive-header .exclusive-cart:not(.dark) .cart-popup .buttons .button.view-cart {
    color: #171717 !important;
    background: transparent !important;
    border-color: rgba(23,23,23,.30) !important;
}

.exclusive-header .exclusive-cart:not(.dark) .cart-popup .buttons .button.checkout {
    color: #fff !important;
    background: #171717 !important;
    border-color: #171717 !important;
}

/* Bemins dark cart style, used on the current Exclusive setup. */
.exclusive-header .exclusive-cart.dark .cart-popup,
.exclusive-header .exclusive-cart.dark .cart-popup a:not(.button) {
    color: #fff !important;
}

.exclusive-header .exclusive-cart.dark .cart-popup .buttons .button.view-cart {
    color: #fff !important;
    background: transparent !important;
    border-color: rgba(255,255,255,.32) !important;
}

.exclusive-header .exclusive-cart.dark .cart-popup .buttons .button.checkout {
    color: #171717 !important;
    background: #fff !important;
    border-color: #fff !important;
}

/* Keep button styling explicit while allowing Bemins to control the popup's
   open/closed visibility. Forcing `visibility: visible` here made the hidden
   cart buttons remain clickable after the mini-cart was closed. */
.exclusive-header .exclusive-cart .cart-popup .buttons .button {
    opacity: 1;
}

.exclusive-header .exclusive-cart .cart-popup .buttons .button:hover {
    opacity: .82;
}