/* ============================================================
   BISWASRAJ FLOORING - GLOBAL HEADER/NAV/FOOTER/MOBILE
   Applied to ALL pages
   ============================================================ */
:root {
    --bsf-primary: #0B2545;
    --bsf-primary-light: #13315C;
    --bsf-primary-dark: #061A33;
    --bsf-accent: #E8872A;
    --bsf-accent-hover: #D4741A;
    --bsf-accent-light: #FFF3E6;
    --bsf-white: #FFFFFF;
    --bsf-light: #F5F7FA;
    --bsf-gray: #6B7280;
    --bsf-text-dark: #1B1B2F;
    --bsf-text-body: #4A4A5A;
    --bsf-border: #E2E8F0;
    --bsf-shadow-md: 0 4px 20px rgba(11,37,69,0.10);
    --bsf-shadow-lg: 0 8px 40px rgba(11,37,69,0.14);
}

/* --- HEADER RESET --- */http://127.0.0.1:8000/aboutus
body.bsf-homepage .header-style-one .header-top,
body.bsf-homepage .header-style-one .header-upper,
body.bsf-homepage .header-style-one .header-lower {
    bottom: 0 !important;
    margin-top: 0 !important;
}

/* --- HEADER UPPER (Dark Bar) --- */
body.bsf-homepage .header-upper .pull-left.logo-outer1 { display: none !important; }

body.bsf-homepage .header-upper {
    background: var(--bsf-primary-dark) !important;
    border-bottom: none;
    padding: 12px 0 !important;
    position: relative !important;
    bottom: 0 !important;
}
body.bsf-homepage .header-upper .auto-container > .clearfix {
    display: flex; align-items: center; justify-content: center;
}
body.bsf-homepage .header-upper .pull-right.upper-right {
    float: none !important; width: 100%; display: flex; align-items: center;
    justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 0 !important;
}
body.bsf-homepage .header-upper .info-box {
    float: none !important; display: flex !important; align-items: center; gap: 12px;
    padding: 0 !important; margin: 0 !important; min-height: auto !important; position: relative;
}
body.bsf-homepage .header-upper .info-box .icon-box {
    position: relative !important; left: auto !important; top: auto !important;
    width: 42px; height: 42px; line-height: 42px !important;
    background: rgba(232,135,42,0.15); border: none !important; border-radius: 10px;
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    transition: all 0.3s ease;
}
body.bsf-homepage .header-upper .info-box:hover .icon-box { background: var(--bsf-accent); }
body.bsf-homepage .header-upper .info-box .icon-box span { color: var(--bsf-accent) !important; font-size: 18px !important; line-height: 1 !important; }
body.bsf-homepage .header-upper .info-box:hover .icon-box span { color: var(--bsf-white) !important; }
body.bsf-homepage .header-upper .info-box ul { margin: 0; padding: 0; list-style: none; }
body.bsf-homepage .header-upper .info-box ul li { font-size: 13px; color: rgba(255,255,255,0.7); line-height: 1.3; }
body.bsf-homepage .header-upper .info-box ul li strong,
body.bsf-homepage .header-upper .info-box strong {
    color: var(--bsf-white) !important; font-weight: 600; font-size: 12px !important;
    text-transform: uppercase; letter-spacing: 0.8px; display: block; line-height: 1.3 !important;
}
body.bsf-homepage .header-upper .info-box ul li a { color: rgba(255,255,255,0.7) !important; text-decoration: none; transition: color 0.3s ease; }
body.bsf-homepage .header-upper .info-box ul li a:hover { color: var(--bsf-accent) !important; }
body.bsf-homepage .header-upper .social-links { display: flex !important; align-items: center; gap: 8px; }
body.bsf-homepage .header-upper .social-links a { display: inline-flex !important; align-items: center; justify-content: center; width: 34px !important; height: 34px !important; border-radius: 50%; overflow: hidden; transition: transform 0.3s ease; }
body.bsf-homepage .header-upper .social-links img { width: 34px !important; height: 34px !important; border-radius: 50%; object-fit: cover; }
body.bsf-homepage .header-upper .social-links a:hover { transform: translateY(-3px); }

/* --- NAVIGATION BAR --- */
body.bsf-homepage .header-lower { background: var(--bsf-white) !important; position: relative !important; bottom: 0 !important; box-shadow: 0 2px 15px rgba(0,0,0,0.08); }
body.bsf-homepage .header-lower .nav-outer { background: var(--bsf-white) !important; display: flex; align-items: center; justify-content: flex-start; }
body.bsf-homepage .bsf-nav-logo { flex-shrink: 0; padding: 4px 25px 4px 0; display: flex; align-items: center; }
body.bsf-homepage .bsf-nav-logo a { display: flex; align-items: center; }
body.bsf-homepage .bsf-nav-logo img { height: 70px; width: auto; max-width: 250px; object-fit: contain; }
body.bsf-homepage .header-lower .main-menu::before,
body.bsf-homepage .header-lower .main-menu::after { background-color: var(--bsf-white) !important; }
body.bsf-homepage .header-lower .main-menu::before { display: none !important; }
body.bsf-homepage .main-menu { flex: 1; }
body.bsf-homepage .main-menu .navigation { display: flex; align-items: center; justify-content: flex-end; padding-left: 0; width: 100%; margin: 0; }
body.bsf-homepage .main-menu .navigation > li { margin-right: 0; padding: 0; float: none; }
body.bsf-homepage .main-menu .navigation > li > a {
    color: var(--bsf-primary) !important; font-weight: 700; font-size: 13px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 25px 12px; white-space: nowrap;
    transition: all 0.3s ease; position: relative; font-family: 'Inter', sans-serif;
}
body.bsf-homepage .main-menu .navigation > li.current > a { padding-right: 18px; }
body.bsf-homepage .main-menu .navigation > li > a::after,
body.bsf-homepage .main-menu .navigation > li.current > a::after { display: none !important; content: none !important; }
body.bsf-homepage .main-menu .navigation > li > a::before {
    content: '' !important; position: absolute !important; bottom: 10px !important; top: auto !important;
    left: 50% !important; transform: translateX(-50%) !important; width: 0 !important; height: 3px !important;
    background: var(--bsf-accent) !important; transition: width 0.3s ease !important; border-radius: 3px !important;
}
body.bsf-homepage .main-menu .navigation > li:hover > a::before,
body.bsf-homepage .main-menu .navigation > li.current > a::before { width: 60% !important; }
body.bsf-homepage .main-header .main-menu .navigation > li:hover > a,
body.bsf-homepage .main-header .main-menu .navigation > li.current > a,
body.bsf-homepage .main-header .main-menu .navigation > li.current-menu-item > a { color: var(--bsf-accent) !important; background: none !important; }

/* Dropdowns */
body.bsf-homepage .main-menu .navigation > li > ul { background: var(--bsf-white); border: none; border-radius: 0 0 8px 8px; box-shadow: var(--bsf-shadow-lg); border-top: 3px solid var(--bsf-accent); padding: 8px 0; min-width: 240px; }
body.bsf-homepage .main-menu .navigation > li > ul > li > a { color: var(--bsf-text-dark) !important; font-size: 14px; font-weight: 500; padding: 10px 22px; transition: all 0.3s ease; border-bottom: none !important; }
body.bsf-homepage .main-menu .navigation > li > ul > li:hover > a { background: var(--bsf-light); color: var(--bsf-accent) !important; padding-left: 28px; }
body.bsf-homepage .main-menu .navigation > li > ul > li > ul { background: var(--bsf-white); border: none; border-radius: 8px; box-shadow: var(--bsf-shadow-lg); border-top: 3px solid var(--bsf-accent); padding: 8px 0; }
body.bsf-homepage .main-menu .navigation > li > ul > li > ul > li > a { color: var(--bsf-text-dark) !important; font-size: 13px; padding: 8px 20px; }
body.bsf-homepage .main-menu .navigation > li > ul > li > ul > li > a:hover { color: var(--bsf-accent) !important; background: var(--bsf-light); }

/* Enquiry Button */
body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry { margin-left: 15px; padding: 0; }
body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry > a {
    background: var(--bsf-accent) !important; color: var(--bsf-white) !important;
    padding: 11px 28px !important; border-radius: 50px !important; font-size: 13px !important;
    font-weight: 700 !important; letter-spacing: 1.2px; display: inline-flex !important;
    align-items: center; gap: 8px; animation: bsfPulseGlow 2.5s infinite;
    margin: 6px 0; line-height: 20px; border: 2px solid var(--bsf-accent);
}
body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry > a::before { display: none !important; }
body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry > a:hover {
    background: var(--bsf-primary) !important; color: var(--bsf-white) !important;
    border-color: var(--bsf-primary); animation: none;
}
@keyframes bsfPulseGlow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(232,135,42,0.4); }
    50% { box-shadow: 0 0 0 10px rgba(232,135,42,0); }
}

/* --- STICKY HEADER --- */
body.bsf-homepage .sticky-header { background: var(--bsf-white) !important; box-shadow: var(--bsf-shadow-md); }
body.bsf-homepage .sticky-header .auto-container { display: flex; align-items: center; }
body.bsf-homepage .sticky-header .logo.pull-left { flex-shrink: 0; padding: 5px 20px 5px 0; float: none !important; }
body.bsf-homepage .sticky-header .logo.pull-left img { height: 50px; width: auto; }
body.bsf-homepage .sticky-header .right-col.pull-right { flex: 1; float: none !important; display: flex; justify-content: flex-end; }
body.bsf-homepage .sticky-header .main-menu { float: none !important; }
body.bsf-homepage .sticky-header .main-menu .navigation { display: flex; align-items: center; justify-content: flex-end; padding-left: 0; margin: 0; }
body.bsf-homepage .sticky-header .main-menu .navigation > li { float: none; margin-right: 0; }
body.bsf-homepage .main-header .sticky-header .main-menu .navigation > li > a {
    color: var(--bsf-primary) !important; font-size: 14px; font-weight: 700;
    padding: 22px 18px !important; text-transform: uppercase; background: none !important; font-family: 'Inter', sans-serif;
}
body.bsf-homepage .sticky-header .main-menu .navigation > li > a::before,
body.bsf-homepage .sticky-header .main-menu .navigation > li > a::after,
body.bsf-homepage .sticky-header .main-menu .navigation > li.current > a::after,
body.bsf-homepage .sticky-header .main-menu::before,
body.bsf-homepage .sticky-header .main-menu::after { display: none !important; }
body.bsf-homepage .main-header .sticky-header .main-menu .navigation > li:hover > a,
body.bsf-homepage .main-header .sticky-header .main-menu .navigation > li.current > a,
body.bsf-homepage .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a { color: var(--bsf-accent) !important; background: none !important; }
body.bsf-homepage .sticky-header .main-menu .navigation > li.bsf-nav-enquiry { margin-left: 10px; }
body.bsf-homepage .sticky-header .main-menu .navigation > li.bsf-nav-enquiry > a {
    background: var(--bsf-accent) !important; color: var(--bsf-white) !important;
    padding: 11px 28px !important; border-radius: 50px !important; margin: 6px 0;
    font-size: 13px !important; font-weight: 700 !important; display: inline-flex !important;
    align-items: center; gap: 8px; border: 2px solid var(--bsf-accent); animation: bsfPulseGlow 2.5s infinite;
}
body.bsf-homepage .sticky-header .main-menu .navigation > li.bsf-nav-enquiry > a:hover { background: var(--bsf-primary) !important; color: var(--bsf-white) !important; border-color: var(--bsf-primary); animation: none; }
body.bsf-homepage .sticky-header .main-menu .navigation > li > ul { background: var(--bsf-white); border: none; border-radius: 0 0 8px 8px; box-shadow: var(--bsf-shadow-lg); border-top: 3px solid var(--bsf-accent); padding: 8px 0; }
body.bsf-homepage .sticky-header .main-menu .navigation > li > ul > li > a { color: var(--bsf-text-dark) !important; font-size: 14px; padding: 10px 22px; }
body.bsf-homepage .sticky-header .main-menu .navigation > li > ul > li:hover > a { background: var(--bsf-light); color: var(--bsf-accent) !important; }

/* --- FOOTER --- */
.bsf-footer { background: var(--bsf-primary-dark) !important; color: rgba(255,255,255,0.8); padding-top: 60px; }
.bsf-footer .widget-title { color: var(--bsf-white) !important; font-size: 20px; font-weight: 700; position: relative; padding-bottom: 14px; margin-bottom: 25px; font-family: 'Inter', sans-serif; }
.bsf-footer .widget-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background: var(--bsf-accent); border-radius: 2px; }
.bsf-footer .about-widget .text, .bsf-footer .about-widget .text p { color: rgba(255,255,255,0.7); font-size: 14px; line-height: 1.7; }
.bsf-iso-badge { display: flex; align-items: center; gap: 12px; background: rgba(232,135,42,0.12); border: 1px solid rgba(232,135,42,0.3); border-radius: 10px; padding: 12px 16px; margin-bottom: 20px; }
.bsf-iso-icon { width: 45px; height: 45px; background: var(--bsf-accent); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bsf-iso-icon .fa { color: var(--bsf-white); font-size: 20px; }
.bsf-iso-text strong { display: block; color: var(--bsf-accent); font-size: 15px; font-weight: 700; line-height: 1.3; }
.bsf-iso-text span { color: rgba(255,255,255,0.7); font-size: 12px; }
.bsf-footer .bsf-social-links { display: flex !important; align-items: center; gap: 8px; list-style: none; padding: 0; margin: 0; }
.bsf-footer .bsf-social-links li a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.8) !important; font-size: 15px; transition: all 0.3s ease; text-decoration: none; }
.bsf-footer .bsf-social-links li a:hover { background: var(--bsf-accent); color: var(--bsf-white) !important; transform: translateY(-3px); }
.bsf-footer .links-widget .list { list-style: none; padding: 0; margin: 0; }
.bsf-footer .links-widget .list li { margin-bottom: 10px; }
.bsf-footer .links-widget .list li a { color: rgba(255,255,255,0.7) !important; font-size: 14px; transition: all 0.3s ease; text-decoration: none; }
.bsf-footer .links-widget .list li a:hover { color: var(--bsf-accent) !important; padding-left: 5px; }
.bsf-footer .contact-list { list-style: none; padding: 0; margin: 0; }
.bsf-footer .contact-list li { color: rgba(255,255,255,0.7); font-size: 14px; margin-bottom: 14px; padding-left: 28px; position: relative; line-height: 1.6; }
.bsf-footer .contact-list li .fa { position: absolute; left: 0; top: 3px; color: var(--bsf-accent); font-size: 15px; }
.bsf-footer .contact-list li a { color: rgba(255,255,255,0.7) !important; text-decoration: none; transition: color 0.3s ease; }
.bsf-footer .contact-list li a:hover { color: var(--bsf-accent) !important; }
.bsf-footer .footer-bottom { background: rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.1); margin-top: 40px; padding: 18px 0; }
.bsf-footer .footer-bottom .copyright-text { color: rgba(255,255,255,0.5); font-size: 13px; }
.bsf-footer .footer-bottom .copyright-text a { color: var(--bsf-accent); text-decoration: none; }
.bsf-footer .scroll-to-top { background: var(--bsf-accent); color: var(--bsf-white); width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 50%; }

/* --- HIDE OLD CHAT WIDGETS --- */
#wh-widget-send-button,
[id*="wh-widget"],
[class*="wh-widget"],
[id*="getbutton"],
[class*="getbutton"],
iframe[src*="getbutton"],
iframe[src*="whatshelp"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* --- STICKY SIDE BUTTONS --- */
.bsf-sticky-buttons { position: fixed; left: 20px; bottom: 20px; right: auto; top: auto; transform: none; z-index: 9999; display: flex; flex-direction: column; gap: 10px; }
.bsf-sticky-btn { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff !important; font-size: 24px; text-decoration: none !important; transition: all 0.3s ease; border-radius: 50%; box-shadow: 0 4px 15px rgba(0,0,0,0.2); }
.bsf-sticky-btn:hover { transform: scale(1.1); color: #fff !important; }
.bsf-sticky-btn.bsf-whatsapp { background: #25D366; }
.bsf-sticky-btn.bsf-whatsapp:hover { background: #1ebe5a; }
.bsf-sticky-btn.bsf-call { background: #E8872A; }
.bsf-sticky-btn.bsf-call:hover { background: #d4741a; }

/* ============================================================
   MOBILE RESPONSIVE
   ============================================================ */

/* Tablets */
@media (max-width: 991px) {
    /* Hide top bar on mobile */
    body.bsf-homepage .header-upper { display: none !important; }

    body.bsf-homepage .header-lower {
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    }

    /* Nav outer - position relative for hamburger */
    body.bsf-homepage .header-lower .nav-outer {
        display: block !important;
        padding: 10px 15px;
        position: relative;
        min-height: 60px;
    }

    /* Logo - left, vertically centered */
    body.bsf-homepage .bsf-nav-logo {
        display: inline-block !important;
        float: none !important;
        padding: 0;
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
    }
    body.bsf-homepage .bsf-nav-logo a { display: block; }
    body.bsf-homepage .bsf-nav-logo img { height: 45px; }

    /* Hamburger - absolute right, vertically centered */
    body.bsf-homepage .header-lower .main-menu {
        float: none !important;
        flex: none !important;
        position: static;
        width: 100% !important;
    }

    body.bsf-homepage .main-menu .navbar-header {
        display: block !important;
        float: none !important;
        padding: 0;
        margin: 0;
        width: auto !important;
        position: fixed;
        right: 15px;
        top: 12px;
        transform: none;
        text-align: right;
        z-index: 99999;
    }

    body.bsf-homepage .main-menu .navbar-header .navbar-toggle {
        display: inline-flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        background: var(--bsf-primary) !important;
        border: none !important;
        border-radius: 8px;
        padding: 10px 12px;
        margin: 0;
        float: none !important;
        cursor: pointer;
    }

    body.bsf-homepage .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: var(--bsf-white) !important;
        width: 22px;
        height: 2px;
        display: block;
        margin: 0;
    }

    /* Menu dropdown - below the nav bar */
    body.bsf-homepage .main-menu .navbar-collapse,
    body.bsf-homepage .main-menu .collapse {
        clear: both;
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        margin: 55px 0 0 0 !important;
    }

    /* Hide old nav pseudo elements */
    body.bsf-homepage .header-lower .main-menu::before,
    body.bsf-homepage .header-lower .main-menu::after {
        display: none !important;
    }

    /* Mobile menu - white clean design */
    body.bsf-homepage .main-menu .navigation {
        display: block !important;
        padding-left: 0;
    }

    body.bsf-homepage .main-menu .navbar-collapse > .navigation {
        background: var(--bsf-white) !important;
        border: none !important;
        border-top: 3px solid var(--bsf-accent) !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12);
        width: 100% !important;
        padding: 0;
    }

    body.bsf-homepage .main-menu .navigation > li {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--bsf-white) !important;
    }

    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li {
        border-top: none !important;
        border-bottom: 1px solid var(--bsf-border) !important;
    }

    body.bsf-homepage .main-menu .navigation > li > a {
        padding: 14px 20px !important;
        font-size: 14px !important;
        color: var(--bsf-primary) !important;
        background: var(--bsf-white) !important;
        font-weight: 600 !important;
    }

    body.bsf-homepage .main-menu .navigation > li > a::before,
    body.bsf-homepage .main-menu .navigation > li > a::after { display: none !important; }

    body.bsf-homepage .main-header .main-menu .navigation > li:hover > a,
    body.bsf-homepage .main-header .main-menu .navigation > li.current > a {
        color: var(--bsf-accent) !important;
        background: var(--bsf-light) !important;
    }

    /* Mobile dropdown submenus */
    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul,
    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        background: var(--bsf-light) !important;
        border: none !important;
        border-top: 1px solid var(--bsf-border) !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li,
    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
        background: var(--bsf-light) !important;
        border-top: 1px solid rgba(0,0,0,0.05) !important;
    }

    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        color: var(--bsf-text-dark) !important;
        background: transparent !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
    }

    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    body.bsf-homepage .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
        color: var(--bsf-accent) !important;
        background: var(--bsf-white) !important;
    }

    /* Dropdown arrow button */
    body.bsf-homepage .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        background: var(--bsf-primary) !important;
        color: var(--bsf-white) !important;
        border-radius: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    /* Enquiry button mobile */
    body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry {
        margin: 0 !important;
        padding: 12px 20px !important;
        background: var(--bsf-white) !important;
        border-bottom: none !important;
    }
    body.bsf-homepage .main-menu .navigation > li.bsf-nav-enquiry > a {
        text-align: center;
        justify-content: center;
        width: 100%;
        background: var(--bsf-accent) !important;
        color: var(--bsf-white) !important;
    }
}

/* Small phones */
@media (max-width: 767px) {
    /* Hide header upper on mobile - too cramped */
    body.bsf-homepage .header-upper {
        display: none !important;
    }

    body.bsf-homepage .bsf-nav-logo img { height: 40px; }

    body.bsf-homepage .bsf-nav-logo {
        padding: 6px 10px;
    }

    body.bsf-homepage .main-menu .navbar-header {
        padding: 6px 10px;
    }

    /* Footer mobile */
    .bsf-footer .footer-column {
        margin-bottom: 30px;
    }
}

@media (max-width: 480px) {
    .bsf-sticky-btn { width: 42px; height: 42px; font-size: 20px; }
}

/* ============================================================
   MOBILE NAV OVERRIDES - ALL PAGES
   Ensures consistent mobile menu across all inner pages
   (overrides responsive.css defaults)
   ============================================================ */
@media (max-width: 991px) {
    .main-menu .navbar-header {
        display: block !important;
        float: none !important;
        padding: 0 !important;
        margin: 0 !important;
        width: auto !important;
        position: fixed !important;
        right: 15px !important;
        top: 12px !important;
        left: auto !important;
        text-align: right !important;
        z-index: 99999 !important;
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-flex !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        background: var(--bsf-primary) !important;
        border: none !important;
        border-radius: 8px !important;
        padding: 10px 12px !important;
        margin: 0 !important;
        float: none !important;
        cursor: pointer;
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: var(--bsf-white) !important;
        width: 22px;
        height: 2px;
        display: block;
        margin: 0;
    }

    .header-lower {
        box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    }

    .header-lower .nav-outer {
        display: block !important;
        padding: 10px 15px !important;
        position: relative !important;
        min-height: 60px !important;
    }

    .header-lower .main-menu {
        float: none !important;
        flex: none !important;
        position: static !important;
        width: 100% !important;
    }

    .main-menu .navbar-collapse,
    .main-menu .collapse {
        clear: both !important;
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
        border: none !important;
        margin: 55px 0 0 0 !important;
        position: relative !important;
        z-index: 9999 !important;
    }

    .main-menu .collapse.in,
    .main-menu .collapsing {
        max-height: none !important;
        margin: 55px 0 0 0 !important;
        overflow: visible !important;
    }

    .header-lower .main-menu::before,
    .header-lower .main-menu::after {
        display: none !important;
    }

    .main-menu .navbar-collapse > .navigation {
        background: var(--bsf-white) !important;
        border: none !important;
        border-top: 3px solid var(--bsf-accent) !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .main-menu .navigation > li,
    .main-menu .navbar-collapse > .navigation > li {
        float: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: var(--bsf-white) !important;
    }

    .main-menu .navigation > li > a,
    .main-menu .navbar-collapse > .navigation > li > a {
        padding: 14px 20px !important;
        font-size: 14px !important;
        color: var(--bsf-primary) !important;
        background: var(--bsf-white) !important;
        font-weight: 600 !important;
        text-transform: uppercase !important;
    }

    .main-menu .navigation > li > a::before,
    .main-menu .navigation > li > a::after {
        display: none !important;
    }

    .main-header .main-menu .navigation > li:hover > a,
    .main-header .main-menu .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li.current > a,
    .main-menu .navbar-collapse > .navigation > li.current-menu-item > a {
        color: var(--bsf-accent) !important;
        background: var(--bsf-light) !important;
    }

    .main-menu .navbar-collapse > .navigation > li > a:hover,
    .main-menu .navbar-collapse > .navigation > li > a:active,
    .main-menu .navbar-collapse > .navigation > li > a:focus {
        color: var(--bsf-accent) !important;
        background: var(--bsf-light) !important;
    }

    .main-menu .navbar-collapse > .navigation > li,
    .main-menu .navbar-collapse > .navigation > li > ul > li,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
        border-top: none !important;
        border-bottom: 1px solid var(--bsf-border) !important;
        background: var(--bsf-white) !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul {
        background: var(--bsf-light) !important;
        border: none !important;
        border-top: 1px solid var(--bsf-border) !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        position: relative !important;
        width: 100% !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li {
        background: var(--bsf-light) !important;
        border-top: 1px solid rgba(0,0,0,0.05) !important;
        border-bottom: none !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a {
        color: var(--bsf-text-dark) !important;
        background: transparent !important;
        padding: 12px 30px !important;
        font-size: 13px !important;
    }

    .main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
    .main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a {
        color: var(--bsf-accent) !important;
        background: var(--bsf-white) !important;
    }

    .main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn {
        display: block !important;
        background: var(--bsf-primary) !important;
        color: var(--bsf-white) !important;
        border-radius: 4px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
    }

    .main-menu .navigation > li.bsf-nav-enquiry {
        margin: 0 !important;
        padding: 12px 20px !important;
        background: var(--bsf-white) !important;
        border-bottom: none !important;
    }

    .main-menu .navigation > li.bsf-nav-enquiry > a {
        text-align: center;
        justify-content: center;
        width: 100%;
        background: var(--bsf-accent) !important;
        color: var(--bsf-white) !important;
    }

    /* Logo on inner pages */
    .bsf-nav-logo {
        display: inline-block !important;
        float: none !important;
        padding: 0 !important;
        position: absolute !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }
    .bsf-nav-logo a { display: block; }
    .bsf-nav-logo img { height: 45px !important; }

    /* Hide header upper on all pages */
    .header-upper { display: none !important; }
}

@media (max-width: 767px) {
    .bsf-nav-logo img { height: 40px !important; }
    .bsf-nav-logo { padding: 6px 10px !important; }
    .main-menu .navbar-header { padding: 6px 10px !important; }
}