/* =================================================================
   BP Shop Core – Header Frontend CSS
   Max container: 1700px | sticky bottom nav
================================================================= */

/* ── RESET & BASE ─────────────────────────────────────────────── */
#bpsc-header-wrapper *,
#bpsc-header-wrapper *::before,
#bpsc-header-wrapper *::after {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

#bpsc-header-wrapper {
    font-family: var(--bpsc-font-family) !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 99999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
}

#bpsc-header-wrapper.bpsc-shadow-none  { box-shadow: none !important; }
#bpsc-header-wrapper.bpsc-shadow-light { box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important; }
#bpsc-header-wrapper.bpsc-shadow-medium { box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important; }

#bpsc-header-wrapper.bpsc-nav-static #bpsc-nav-bar {
    position: relative !important;
    top: auto !important;
}

/* Admin bar offset */
.admin-bar #bpsc-nav-bar {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar #bpsc-nav-bar {
        top: 46px !important;
    }
}

/* Mobile: header wrapper fixed for proper drawer positioning */
@media screen and (max-width: 768px) {
    #bpsc-header-wrapper {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
    }
    .admin-bar #bpsc-header-wrapper {
        top: 32px !important;
    }
    @media screen and (max-width: 782px) {
        .admin-bar #bpsc-header-wrapper {
            top: 46px !important;
        }
    }
}

/* ── CONTAINER ────────────────────────────────────────────────── */
.bpsc-container {
    max-width: var(--bpsc-container-mw, 1700px) !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
    display: flex !important;
    align-items: center !important;
}

/* ================================================================
   ZONE 1 – TOP BAR
================================================================= */
#bpsc-topbar {
    background-color: #1a1a1a !important;
    color: #D7AE01 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    width: 100% !important;
}

#bpsc-topbar .bpsc-container {
    height: 36px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
}

/* 3-column layout to center center promo exactly */
.bpsc-topbar-left {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-start !important;
}

.bpsc-topbar-center {
    flex: 0 1 auto !important;
    text-align: center !important;
}

.bpsc-topbar-right {
    flex: 1 1 0% !important;
    display: flex !important;
    justify-content: flex-end !important;
}

.bpsc-top-menu-list {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bpsc-top-menu-list li {
    display: inline-flex !important;
    align-items: center !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bpsc-top-menu-list li a {
    color: #D7AE01 !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 0 14px !important;
    line-height: 36px !important;
    display: block !important;
    transition: opacity 0.2s !important;
    white-space: nowrap !important;
}

.bpsc-top-menu-list li:first-child a {
    padding-left: 0 !important;
}

.bpsc-top-menu-list li + li {
    border-left: 1px solid rgba(255,255,255,0.3) !important;
}

.bpsc-top-menu-list li a:hover {
    opacity: 0.75 !important;
}

.bpsc-topbar-center p {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #D7AE01 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.bpsc-topbar-right p {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #D7AE01 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

/* ================================================================
   ZONE 2 – MIDDLE BAR
================================================================= */
#bpsc-middle-bar {
    background-color: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    width: 100% !important;
}

#bpsc-middle-bar .bpsc-container {
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

/* Centering the Search block in Middle Bar */
.bpsc-logo-wrap {
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    gap: 2px !important;
}

.bpsc-logo-tagline {
    font-size: 11px !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    margin-left: 2px !important;
    opacity: 0.75 !important;
}

.bpsc-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.bpsc-logo-img {
    height: auto !important;
    display: block !important;
}

.bpsc-logo-text {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
    letter-spacing: -0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    line-height: 1 !important;
}

.bpsc-logo-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #D7AE01 !important;
    width: 1.15em !important;
    height: 1.15em !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: #D7AE01 !important;
    line-height: 1 !important;
    margin-right: 2px !important;
    flex-shrink: 0 !important;
}

/* ── Search Bar ────────────────────────────────────────────────── */
.bpsc-search-wrap {
    flex: 0 1 560px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.bpsc-search-form {
    display: flex !important;
    align-items: stretch !important;
    height: 44px !important;
    border: 1.5px solid #D7AE01 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #fff !important;
    transition: border-color 0.2s !important;
    width: 100% !important;
    box-shadow: none !important;
}

.bpsc-search-form:focus-within {
    border-color: #8B6B13 !important;
}

/* Category dropdown */
.bpsc-search-cat-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    border-right: 1.5px solid #e0e0e0 !important;
    flex-shrink: 0 !important;
    background: #f8f8f8 !important;
}

.bpsc-search-cat {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 32px 0 14px !important;
    font-size: 13px !important;
    font-family: var(--bpsc-font-family) !important;
    color: #444 !important;
    cursor: pointer !important;
    height: 100% !important;
    outline: none !important;
    min-width: 130px !important;
    max-width: 160px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.bpsc-cat-arrow {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #888 !important;
    display: flex !important;
    align-items: center !important;
}

/* Search input */
.bpsc-search-input {
    flex: 1 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-family: var(--bpsc-font-family) !important;
    color: #333 !important;
    outline: none !important;
    background: transparent !important;
    min-width: 0 !important;
    height: 100% !important;
}

.bpsc-search-input::placeholder {
    color: #aaa !important;
}

/* Search button */
.bpsc-search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #D7AE01 !important;
    border: none !important;
    color: #fff !important;
    width: 52px !important;
    height: 100% !important;
    flex-shrink: 0 !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: background 0.2s, transform 0.15s !important;
}

.bpsc-search-btn svg {
    color: #fff !important;
}

.bpsc-search-btn:hover {
    background: #8B6B13 !important;
}

.bpsc-search-btn:active {
    transform: scale(0.95) !important;
}

/* ── Right Icons ───────────────────────────────────────────────── */
.bpsc-header-icons {
    flex: 1 1 0% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0 !important; /* No gap so separators align nicely */
    flex-shrink: 0 !important;
}

.bpsc-icon-block {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
    color: #1a1a1a !important;
    padding: 0 18px !important;
    height: 48px !important;
    transition: background 0.2s !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    border: none !important;
}

.bpsc-icon-block:hover {
    background: #f8f8f8 !important;
}

.bpsc-icon-block + .bpsc-icon-block {
    border-left: 1px solid #e5e7eb !important;
}

/* Phone icon coloured */
.bpsc-phone-block .bpsc-phone-icon svg {
    color: #D7AE01 !important;
}

.bpsc-icon-svg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    position: relative !important;
    color: #D7AE01 !important;
}

.bpsc-icon-text {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
}

.bpsc-icon-label {
    font-size: 11px !important;
    color: #888 !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
}

.bpsc-icon-sublabel,
.bpsc-phone-number,
.bpsc-cart-total {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1a1a !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.bpsc-cart-total span {
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    display: inline !important;
}

.bpsc-phone-number {
    color: #D7AE01 !important;
}

/* Cart badge */
.bpsc-cart-icon-wrap {
    position: relative !important;
}

.bpsc-cart-badge {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    background: #D7AE01 !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 17px !important;
    height: 17px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    padding: 0 2px !important;
}

/* ================================================================
   ZONE 3 – MAIN NAV BAR (sticky)
================================================================= */
#bpsc-nav-bar {
    background-color: #ffffff !important;
    border-top: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
    width: 100% !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    z-index: 99998 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* Sticky class added via JavaScript for desktop sticky behavior */
#bpsc-nav-bar.bpsc-nav-stuck {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

/* Admin bar offset for sticky nav */
.admin-bar #bpsc-nav-bar.bpsc-nav-stuck {
    top: 32px !important;
}
@media screen and (max-width: 782px) {
    .admin-bar #bpsc-nav-bar.bpsc-nav-stuck {
        top: 46px !important;
    }
}

/* When topbar is disabled, adjust nav position */
.bpsc-topbar-disabled #bpsc-nav-bar {
    top: 0 !important;
}


#bpsc-nav-bar .bpsc-container {
    height: 48px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    position: relative !important;
}

/* ── Main menu list ────────────────────────────────────────────── */
#bpsc-main-nav {
    flex: 1 !important;
}

.bpsc-main-menu-list {
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 28px !important; /* Perfect menu item spacing */
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bpsc-main-menu-list > li {
    position: relative !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bpsc-main-menu-list > li > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    height: 100% !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.2s !important;
    position: relative !important;
}

.bpsc-main-menu-list > li > a::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: #D7AE01 !important;
    transform: scaleX(0) !important;
    transition: transform 0.2s ease !important;
    border-radius: 2px 2px 0 0 !important;
}

.bpsc-main-menu-list > li:hover > a,
.bpsc-main-menu-list > li.current-menu-item > a {
    color: #D7AE01 !important;
}

.bpsc-main-menu-list > li:hover > a::after,
.bpsc-main-menu-list > li.current-menu-item > a::after {
    transform: scaleX(1) !important;
}

/* Chevron */
.bpsc-chevron {
    display: inline-block !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease !important;
    color: currentColor !important;
    margin-left: 2px !important;
    width: 8px !important;
    height: 5px !important;
}

.bpsc-main-menu-list > li:hover .bpsc-chevron {
    transform: rotate(180deg) !important;
}

/* ── Badge chips ───────────────────────────────────────────────── */
.bpsc-menu-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    margin-left: 6px !important;
}

/* Match the exact reference style of light background with colored text */
.bpsc-badge-sale {
    background: #d5f5f6 !important;
    color: #00a8a8 !important;
}

.bpsc-badge-hot {
    background: #ffe3ec !important;
    color: #ff2e74 !important;
}

.bpsc-badge-new {
    background: #e2f9ee !important;
    color: #1baa5e !important;
}

.bpsc-badge-featured {
    background: #f0e6ff !important;
    color: #D7AE01 !important;
}

/* ── Dropdown sub-menus ────────────────────────────────────────── */
.bpsc-sub-menu,
.bpsc-main-menu-list .sub-menu {
    list-style: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    background: #fff !important;
    border: 1px solid #ebebeb !important;
    border-top: 2px solid #D7AE01 !important;
    border-radius: 0 0 8px 8px !important;
    min-width: 200px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(6px) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
    z-index: 999 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
}

.bpsc-main-menu-list > li:hover > .bpsc-sub-menu,
.bpsc-main-menu-list > li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

.bpsc-sub-menu li a,
.bpsc-main-menu-list .sub-menu li a {
    display: block !important;
    padding: 10px 20px !important;
    font-size: 13px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: background 0.15s, color 0.15s !important;
    white-space: nowrap !important;
}

.bpsc-sub-menu li a:hover,
.bpsc-main-menu-list .sub-menu li a:hover {
    background: #f5f0ff !important;
    color: #D7AE01 !important;
}

/* Nested sub-menu */
.bpsc-sub-menu li,
.bpsc-main-menu-list .sub-menu li {
    position: relative !important;
}

.bpsc-sub-menu .bpsc-sub-menu,
.bpsc-main-menu-list .sub-menu .sub-menu {
    top: 0 !important;
    left: 100% !important;
    border-top: 2px solid #D7AE01 !important;
    border-radius: 0 8px 8px 8px !important;
}

.bpsc-sub-menu li:hover > .bpsc-sub-menu,
.bpsc-main-menu-list .sub-menu li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* ── Top Offers button ─────────────────────────────────────────── */
.bpsc-top-offers-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #D7AE01 !important;
    color: #000000 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    transition: transform 0.2s !important;
    letter-spacing: 0.3px !important;
}

.bpsc-top-offers-btn:hover {
    transform: translateY(-1px) !important;
}

.bpsc-offers-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #000000 !important;
}

/* Mobile Search trigger (hidden on desktop) */
.bpsc-mobile-search-trigger {
    display: none !important;
}

/* ── Mobile hamburger toggle ───────────────────────────────────── */
.bpsc-mobile-toggle {
    display: none !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    transition: background 0.2s !important;
}

.bpsc-mobile-toggle span {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background: #111 !important; /* Black hamburger lines */
    border-radius: 2px !important;
    transition: transform 0.3s, opacity 0.3s !important;
}

.bpsc-mobile-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(7px) rotate(45deg) !important;
}
.bpsc-mobile-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0 !important;
}
.bpsc-mobile-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg) !important;
}

/* ================================================================
   RESPONSIVE
================================================================= */
@media (max-width: 1200px) {
    .bpsc-search-wrap {
        max-width: 380px !important;
    }
    .bpsc-icon-block {
        padding: 0 12px !important;
    }
}

@media (max-width: 992px) {
    #bpsc-topbar .bpsc-container {
        gap: 8px !important;
    }
    .bpsc-topbar-center p {
        font-size: 11px !important;
    }
    .bpsc-search-wrap {
        max-width: 260px !important;
    }
    .bpsc-icon-label {
        display: none !important;
    }
}

@media (max-width: 768px) {
    /* Mobile: entire header fixed, nav bar part of it */
    #bpsc-nav-bar {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    /* Top bar: only center promo message shown, centered */
    .bpsc-topbar-left,
    .bpsc-topbar-right {
        display: none !important;
    }
    
    .bpsc-topbar-center {
        flex: 1 1 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
    }
    
    #bpsc-topbar .bpsc-container {
        height: 32px !important;
        justify-content: center !important;
        padding: 0 16px !important;
    }

    /* Middle bar: single row container containing Hamburger, Logo, and Icons */
    #bpsc-middle-bar .bpsc-container {
        height: 54px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
    }

    /* Enable Hamburger Toggle on mobile */
    .bpsc-mobile-toggle {
        display: flex !important;
        margin-right: 6px !important;
    }

    /* Align Logo wrap nicely to the left side */
    .bpsc-logo-wrap {
        flex: 1 1 auto !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    
    .bpsc-logo-text {
        font-size: 22px !important; /* Slightly smaller logo on mobile */
    }

    /* Hide desktop-only components */
    .bpsc-phone-block,
    .bpsc-icon-text,
    .bpsc-search-wrap:not(.bpsc-search-active) {
        display: none !important;
    }

    /* Right icons list */
    .bpsc-header-icons {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 16px !important; /* Space between icons */
    }

    .bpsc-icon-block {
        padding: 0 !important;
        height: 32px !important;
        width: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: transparent !important;
        border: none !important;
        color: #222 !important;
    }

    .bpsc-icon-block + .bpsc-icon-block {
        border-left: none !important; /* Remove separation borders on mobile */
    }
    
    .bpsc-icon-svg {
        color: #222 !important;
    }

    /* Enable mobile-only search trigger */
    .bpsc-mobile-search-trigger {
        display: flex !important;
        cursor: pointer !important;
    }

    /* Mobile search drawer overlay sliding down */
    .bpsc-search-wrap.bpsc-search-active {
        display: block !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        padding: 10px 16px !important;
        box-shadow: 0 8px 16px rgba(0,0,0,0.08) !important;
        z-index: 99999 !important;
        border-bottom: 1.5px solid #efefef !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .bpsc-search-form {
        height: 40px !important;
    }

    /* Navigation drawer overlay */
    #bpsc-nav-bar {
        border-top: none !important;
        border-bottom: none !important;
        height: 0 !important;
        position: static !important;
        box-shadow: none !important;
    }
    
    #bpsc-nav-bar .bpsc-container {
        height: 0 !important;
        padding: 0 !important;
    }

    #bpsc-main-nav {
        display: none !important;
        position: absolute !important;
        top: 86px !important; /* (Top bar height 32px) + (Middle bar height 54px) */
        left: 0 !important;
        right: 0 !important;
        background: #fff !important;
        border-top: 1px solid #ebebeb !important;
        box-shadow: 0 8px 24px rgba(0,0,0,0.10) !important;
        z-index: 9999 !important;
    }
    
    /* When topbar is disabled, adjust position */
    .bpsc-topbar-disabled #bpsc-main-nav {
        top: 54px !important;
    }

    #bpsc-main-nav.bpsc-nav-open {
        display: block !important;
    }

    .bpsc-main-menu-list {
        flex-direction: column !important;
        height: auto !important;
        padding: 8px 0 !important;
        align-items: stretch !important;
        gap: 0 !important;
    }

    .bpsc-main-menu-list > li {
        height: auto !important;
        display: block !important;
    }

    .bpsc-main-menu-list > li > a {
        height: auto !important;
        padding: 12px 20px !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    .bpsc-main-menu-list > li > a::after {
        display: none !important;
    }

    .bpsc-sub-menu,
    .bpsc-main-menu-list .sub-menu {
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        border: none !important;
        border-left: 3px solid #D7AE01 !important;
        border-radius: 0 !important;
        padding-left: 0 !important;
        background: #fafafa !important;
        display: none !important;
    }

    .bpsc-main-menu-list > li.bpsc-submenu-open > .bpsc-sub-menu,
    .bpsc-main-menu-list > li.bpsc-submenu-open > .sub-menu {
        display: block !important;
    }

    .bpsc-top-offers-btn {
        display: none !important;
    }
}