/*
Theme Name: Darion Child MocDan V4 Tuned18
Theme URI: http://wpbingosite.com/themes/darion/
Description: Child Theme cho mocdandecor.com để bảo toàn code tùy biến
Author: Wpbingo
Author URI: http://wpbingosite.com/
Template: darion
Version: 4.2.0-native-search-fix
*//*Footer-new*/
.darion-extend-footer {
    background-color: var(--theme-color);
}
.darion-extend-footer__inner {
    max-width: 1140px;
    margin: auto;
}
.darion-extend-footer ul {
    padding: 0;
}
.darion-extend-footer ul li {
    list-style: none;
    margin: 0;
}
.darion-contact-form-in-footer {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: space-between;
    align-items: center;
    padding: 24px 20px;
}
.darion-extend-footer__head .mc4wp-form-fields p {
    margin: 0;
}
.darion-extend-footer__head .darion-contact-form-in-footer-field {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #fff;
    border-radius: 60px;
    max-width: 535px;
    width: 100%;
    justify-content: space-between;
    padding: 9px 9px 9px 15px;
    align-items: center;
    position: relative;
}
.darion-extend-footer__head .wpcf7-form-control-wrap {
    max-width: 100%;
    width: calc(100% - 120px);
}
.darion-extend-footer__head .wpcf7-not-valid-tip {
    position: absolute;
    top: calc(100% + 10px);
    color: #fff;
}
.darion-extend-footer .wpcf7 form .wpcf7-response-output{
    margin-top: 10px;
    color: #fff;
}
.darion-extend-footer__head .darion-contact-form-in-footer-field input[type=email] {
    border: none;
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    width: 100%;
}
.darion-extend-footer__head .darion-contact-form-in-footer-field input[type=email]::placeholder {
    color: #fff;
}
.darion-extend-footer__head .darion-contact-form-in-footer-field input[type=submit] {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    border-radius: 20px;
    background-color: #fff;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    cursor: pointer;
    border: 1px solid #fff;
        -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.darion-extend-footer__head .darion-contact-form-in-footer-field input[type=submit]:focus,
.darion-extend-footer__head .darion-contact-form-in-footer-field input[type=submit]:hover {
    color: #fff;
    border-color: #fff;
    background-color: var(--theme-color);
}
.darion-extend-footer__head .darion-contact-form-in-footer label {
    margin: 0;
    color: #FFF300;
    font-size: 17px;
    line-height: 40px;
    text-shadow: 0px 0px 28px #fff300;
}
.darion-extend-footer__middle {
    border-top: 1px solid #FFFFFF26;
    padding: 15px 0 0;
}
.darion-extend-footer .darion-extend-footer__logo {
    margin: 0 auto;
    max-width: 154px;
}
.darion-extend-footer .darion-extend-footer__icon-list__text {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin: 0;
}
.darion-extend-footer a.darion-extend-footer__icon-list__text {
    font-family: "Georgia", sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-shadow: 0 0 16px rgb(255 243 0 / 50%);
    color: #FFF300;
}
.darion-extend-footer a.darion-extend-footer__icon-list__text:hover{
    color: #000;
}
.darion-extend-footer .darion-extend-footer__icon-list__text i,
.darion-extend-footer .darion-extend-footer__icon-list__text svg {
    position: relative;
    display: block;
    fill: #FFFFFF;
    transition: fill 0.3s;
    width: 20px;
    height: 20px;
    margin-inline-end: 10px;
}
.darion-extend-footer__icon-list li:not(:last-child) {
    border-top: 1px solid #DDDDDD0D;
    padding: 5px 0;
}
.darion-extend-footer__icon-list li:first-child {
    border: none;
    padding-top: 2px;
}
.darion-extend-footer .darion-extend-footer__icon-list a.darion-extend-footer__icon-list__text i,
.darion-extend-footer .darion-extend-footer__icon-list a.darion-extend-footer__icon-list__text svg {
    fill: #FFF300;
}
.darion-extend-footer .darion-extend-footer__icon-list a.darion-extend-footer__icon-list__text:hover i,
.darion-extend-footer .darion-extend-footer__icon-list a.darion-extend-footer__icon-list__text:hover svg {
    fill: #000;
}
.darion-extend-footer__icon-list a.darion-extend-footer__icon-list__text {
    margin: 6px 0 20px;
}
.darion-extend-footer .darion-extend-footer__network-socials {
    position: relative;
    display: flex;
    fill: #FFFFFF;
    transition: fill 0.5s;
}
.darion-extend-footer .darion-extend-footer__network-socials li:not(:last-child) {
    margin-right: 15px;
}
.darion-footer-item .darion-footer-item__heading {
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    margin: 28px 0 42px;
    letter-spacing: 0.6px;
    text-shadow: 0px 0px 10px rgb(255 255 255 / 30%);
}
.darion-footer-item__nav {
    margin-top: -5px;
}
.darion-footer-item__nav li {
    display: flex;
    height: 40px;
    align-items: center;
}
.darion-footer-item__nav li:not(:last-child) {
    border-bottom: 1px solid #FFFFFF17;
}
.darion-footer-item__nav li a {
    text-shadow: 0px 0px 10px rgb(255 255 255 / 30%);
    color: #FFFFFF;
    transition: color 0.1s;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.darion-footer-item__nav li a:hover {
    color: #000;
}
.darion-footer-item__nav li a:before {
    font-family: FontAwesome;
    content: "\f101";
    margin-right: 10px;
}
.darion-extend-footer__bottom {
    margin-top: 42px;
    padding: 13px 0 21px;
    border-top: 1px solid #FFFFFF26;
}
.darion-extend-footer__bottom p {
    margin: 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.6px;
}
/* Phục hồi bố cục chia cột chân trang cho máy tính */
.darion-extend-footer__middle .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}
.darion-extend-footer__middle .row > div {
    flex: 0 0 32% !important;
    max-width: 32% !important;
}

/* Phục hồi bố cục chân trang thẳng hàng trên điện thoại di động */
@media (max-width: 767px) {
    .darion-extend-footer__middle .row > div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }
    .darion-contact-form-in-footer {
        flex-direction: column !important;
    }
}

/* =========================================================
   MOCDAN V3 — dropdown off-canvas directly below mobile header
   IMPORTANT: preserve Darion's own header markup and JS.
   ========================================================= */

/* Hide campaign only after scrolling; content itself comes from copied theme mods. */
body.mocdan-has-scrolled .header-campbar,
body.mocdan-has-scrolled .header-campbar-mobile,
body.mocdan-has-scrolled .campbar {
    display: none !important;
}

/* MOBILE: only arrange the known mobile container; do not touch generic .row. */
@media (max-width: 1199px) {
    .header-mobile .header-mobile-container {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100%;
    }
    .header-mobile .header-center {
        flex: 1 1 auto !important;
        min-width: 0;
        text-align: left !important;
        margin: 0 !important;
    }
    .header-mobile .header-center .wpbingoLogo,
    .header-mobile .header-center .header-logo {
        text-align: left !important;
        margin: 0 !important;
    }
    .header-mobile .header-center img,
    .header-mobile .wpbingoLogo img {
        width: auto !important;
        max-width: 220px !important;
        max-height: 72px !important;
    }
    .header-mobile .header-right {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px;
        margin-left: auto !important;
    }
    .header-mobile .header-right > * {
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Hamburger morphs to X when Darion's off-canvas is active. */
    #show-megamenu,
    .header-mobile .navbar-toggle {
        position: relative !important;
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }
    #show-megamenu.mocdan-open span,
    .header-mobile .navbar-toggle.mocdan-open span {
        opacity: 0 !important;
    }
    #show-megamenu.mocdan-open::before,
    #show-megamenu.mocdan-open::after,
    .header-mobile .navbar-toggle.mocdan-open::before,
    .header-mobile .navbar-toggle.mocdan-open::after {
        content: '';
        position: absolute;
        left: 5px;
        top: 14px;
        width: 20px;
        height: 2px;
        background: #111;
        z-index: 5;
    }
    #show-megamenu.mocdan-open::before,
    .header-mobile .navbar-toggle.mocdan-open::before { transform: rotate(45deg); }
    #show-megamenu.mocdan-open::after,
    .header-mobile .navbar-toggle.mocdan-open::after { transform: rotate(-45deg); }

    /* Convert Darion's mobile panel into a drop-down under the header.
       Darion still owns the .active class and menu cloning. */
    .content-mobile-menu {
        position: fixed !important;
        top: var(--mocdan-mobile-menu-top, 96px) !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: calc(100dvh - var(--mocdan-mobile-menu-top, 96px)) !important;
        margin: 0 !important;
        background: #fff !important;
        overflow: hidden !important;
        transform: translateY(-105%) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .30s ease, opacity .20s ease, visibility .20s ease !important;
        z-index: 9997 !important;
    }
    .content-mobile-menu.active {
        transform: translateY(0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .remove-mobile-menu { display: none !important; }
    .content-mobile-menu #remove-megamenu,
    .content-mobile-menu .remove-megamenu { display: none !important; }

    /* Preserve original order: search -> menu -> login; login stays at bottom. */
    .content-mobile-menu {
        display: flex !important;
        flex-direction: column !important;
    }
    .content-mobile-menu .content-mobile-menu__head {
        flex: 0 0 auto;
        padding: 18px 20px 8px !important;
    }
    .content-mobile-menu .bwp-canvas-navigation {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto !important;
        padding-bottom: 16px;
    }
    .content-mobile-menu > .content {
        flex: 0 0 auto;
        margin-top: auto !important;
        padding: 10px 18px 16px !important;
        background: #fff;
    }

    /* Search: one row, input + lens/clear button. */
    .content-mobile-menu__head .form-search form,
    .content-mobile-menu__head form {
        position: relative;
    }
    .content-mobile-menu__head input[type="search"],
    .content-mobile-menu__head input[name="s"],
    .content-mobile-menu__head .input-search {
        padding-right: 46px !important;
    }
    .content-mobile-menu__head button[type="submit"],
    .content-mobile-menu__head .btn-search,
    .content-mobile-menu__head .search-submit {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%);
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        z-index: 3;
    }
    .content-mobile-menu__head .mocdan-clear-search {
        font-size: 0 !important;
    }
    .content-mobile-menu__head .mocdan-clear-search::before,
    .content-mobile-menu__head .mocdan-clear-search::after {
        content: '';
        position: absolute;
        left: 12px;
        top: 20px;
        width: 18px;
        height: 1.5px;
        background: #111;
    }
    .content-mobile-menu__head .mocdan-clear-search::before { transform: rotate(45deg); }
    .content-mobile-menu__head .mocdan-clear-search::after { transform: rotate(-45deg); }

    /* Live-search: keep Darion's markup, only restore frame/scroll. */
    .content-mobile-menu .result-search-products,
    .content-mobile-menu .result-search-products-content {
        border: 1px solid rgba(150,124,53,.55) !important;
        background: #fff !important;
    }
    .content-mobile-menu .result-search-products {
        max-height: 52vh !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
    .content-mobile-menu .item-search-view-more,
    .content-mobile-menu .item-search-view-more__btn {
        position: sticky;
        bottom: 0;
        z-index: 3;
        background: #fff !important;
        border-top: 1px solid rgba(150,124,53,.45) !important;
    }
}


/* =========================================================
   MOCDAN V3 — MOBILE OFF-CANVAS / SUBMENU BEHAVIOUR
   ========================================================= */
@media (max-width: 1199px) {
    /* Panel always starts immediately below the visible mobile header. */
    .content-mobile-menu {
        top: var(--mocdan-mobile-menu-top, 96px) !important;
        bottom: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - var(--mocdan-mobile-menu-top, 96px)) !important;
        transform-origin: top center !important;
    }

    /* Search block is always the first block, menu follows it. */
    .content-mobile-menu__head { order: 1 !important; }
    .content-mobile-menu .bwp-canvas-navigation { order: 2 !important; }
    .content-mobile-menu > .content { order: 3 !important; }

    /* Parent menu items open inline. Never send the user to another page on first tap. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .sub-menu,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .children {
        display: none;
        position: static !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        box-shadow: none !important;
        padding: 0 0 0 18px !important;
        margin: 0 !important;
        background: #fff !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .sub-menu,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .children {
        display: block;
    }

    /* Keep parent row and arrow on one line. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head {
        position: relative !important;
        padding-right: 42px !important;
        cursor: pointer;
    }
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::after {
        content: "⌄";
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 18px;
        line-height: 1;
        transition: transform .22s ease;
    }
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > a::after {
        transform: translateY(-50%) rotate(180deg);
    }

    /* Search/live results stay above the menu and do not move the whole panel. */
    .content-mobile-menu__head {
        position: relative !important;
        z-index: 4;
        background: #fff !important;
    }
    .content-mobile-menu .result-search-products,
    .content-mobile-menu .result-search-products-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        margin-top: 8px !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   MOCDAN V4 — mobile wishlist + persistent header + polished search
   ========================================================= */
@media (max-width: 1199px) {
    /* Keep the mobile header visible while scrolling. Campaign can scroll/hide above it. */
    .bwp-header .header-mobile {
        position: sticky !important;
        top: 0 !important;
        z-index: 9998 !important;
        transform: none !important;
        -webkit-transform: none !important;
        transition: none !important;
        background: #fff !important;
    }
    .bwp-header .header-mobile.fixed,
    .bwp-header .header-mobile.slide-up,
    .bwp-header .header-mobile .container.fixed,
    body.mocdan-has-scrolled .bwp-header .header-mobile {
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Wishlist inserted by V4 sits immediately before cart. */
    .header-mobile .header-right .mocdan-mobile-wishlist {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        line-height: 1 !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist > a {
        position: relative;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 30px;
        height: 30px;
        color: #111 !important;
        font-size: 22px !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist > a > span:not(.count-wishlist) {
        display: none !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist .count-wishlist {
        position: absolute !important;
        top: -5px !important;
        right: -7px !important;
        min-width: 17px !important;
        height: 17px !important;
        padding: 0 4px !important;
        border-radius: 50px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 10px !important;
        line-height: 17px !important;
        background: var(--theme-color, #a28a35) !important;
        color: #fff !important;
    }

    /* Search block centered inside the drop-down panel. */
    .content-mobile-menu .content-mobile-menu__head {
        width: 100% !important;
        padding: 20px 20px 10px !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu .content-mobile-menu__head .form-search {
        width: min(100%, 520px) !important;
        margin: 0 auto !important;
    }
    .content-mobile-menu .search-from {
        width: 100% !important;
        margin: 0 !important;
    }
    /* Category selector is not needed in mobile off-canvas. */
    .content-mobile-menu .search-from > .select_category {
        display: none !important;
    }
    .content-mobile-menu .search-box {
        position: relative !important;
        width: 100% !important;
        display: block !important;
    }
    .content-mobile-menu .search-box .input-search {
        display: block !important;
        width: 100% !important;
        height: 46px !important;
        padding: 0 82px 0 18px !important;
        margin: 0 !important;
        border: 1px solid rgba(150,124,53,.55) !important;
        border-radius: 24px !important;
        background: #fff !important;
        color: #111 !important;
        font-size: 15px !important;
        line-height: 46px !important;
        box-shadow: none !important;
        outline: 0 !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu .search-box .input-search:focus {
        border-color: var(--theme-color, #a28a35) !important;
        box-shadow: 0 0 0 2px rgba(150,124,53,.08) !important;
    }
    .content-mobile-menu .search-box #searchsubmit,
    .content-mobile-menu .search-box button[type="submit"] {
        position: absolute !important;
        right: 4px !important;
        top: 4px !important;
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        transform: none !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: #111 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 5 !important;
    }
    .content-mobile-menu .search-box #searchsubmit span,
    .content-mobile-menu .search-box button[type="submit"] span {
        display: none !important;
    }
    .content-mobile-menu .search-box #searchsubmit i,
    .content-mobile-menu .search-box button[type="submit"] i {
        display: inline-block !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }
    .content-mobile-menu .mocdan-search-clear {
        position: absolute !important;
        right: 43px !important;
        top: 4px !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        background: transparent !important;
        cursor: pointer !important;
        display: none !important;
        z-index: 6 !important;
    }
    .content-mobile-menu .mocdan-search-clear.is-visible {
        display: block !important;
    }
    .content-mobile-menu .mocdan-search-clear::before,
    .content-mobile-menu .mocdan-search-clear::after {
        content: '';
        position: absolute;
        left: 11px;
        top: 18px;
        width: 16px;
        height: 1.5px;
        background: #555;
    }
    .content-mobile-menu .mocdan-search-clear::before { transform: rotate(45deg); }
    .content-mobile-menu .mocdan-search-clear::after { transform: rotate(-45deg); }

    /* Compact live results card. */
    .content-mobile-menu .result-search-products-content {
        display: none;
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(150,124,53,.45) !important;
        border-radius: 14px !important;
        background: #fff !important;
        overflow: hidden !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.08) !important;
    }
    .content-mobile-menu .result-search-products {
        width: 100% !important;
        max-height: 310px !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        border: 0 !important;
        list-style: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        background: #fff !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu .result-search-products::-webkit-scrollbar { width: 5px; }
    .content-mobile-menu .result-search-products::-webkit-scrollbar-track { background: #f3f3f3; }
    .content-mobile-menu .result-search-products::-webkit-scrollbar-thumb {
        background: rgba(150,124,53,.55);
        border-radius: 10px;
    }
    .content-mobile-menu .result-search-products .item-search {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 64px !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        border-bottom: 1px solid #eee !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu .result-search-products .item-search:last-of-type {
        border-bottom: 0 !important;
    }
    .content-mobile-menu .result-search-products .item-image {
        flex: 0 0 48px !important;
        width: 48px !important;
        height: 48px !important;
        overflow: hidden !important;
        border-radius: 6px !important;
    }
    .content-mobile-menu .result-search-products .item-image img {
        width: 48px !important;
        height: 48px !important;
        display: block !important;
        object-fit: cover !important;
        margin: 0 !important;
    }
    .content-mobile-menu .result-search-products .item-content {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        display: block !important;
        padding: 0 !important;
        line-height: 1.25 !important;
    }
    .content-mobile-menu .result-search-products .item-content > a {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    .content-mobile-menu .result-search-products .price {
        margin-top: 3px !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
    }
    .content-mobile-menu .result-search-products .price del {
        color: #999 !important;
        margin-right: 5px !important;
        font-size: 12px !important;
    }
    .content-mobile-menu .result-search-products .price ins,
    .content-mobile-menu .result-search-products .price > span {
        color: #e60023 !important;
        font-weight: 600 !important;
        text-decoration: none !important;
    }
    .content-mobile-menu .item-search-view-more {
        position: sticky !important;
        bottom: -6px !important;
        display: block !important;
        width: calc(100% + 20px) !important;
        margin: 4px -10px -6px !important;
        padding: 8px 10px !important;
        background: #fff !important;
        border-top: 1px solid #eee !important;
        border-bottom: 0 !important;
        text-align: center !important;
        z-index: 3 !important;
    }
    .content-mobile-menu .item-search-view-more__btn {
        position: static !important;
        width: 100% !important;
        min-height: 38px !important;
        padding: 8px 12px !important;
        border: 1px solid rgba(150,124,53,.45) !important;
        border-radius: 20px !important;
        background: #fff !important;
        color: #111 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
    }
}


/* =========================================================
   MOCDAN V4.1 — requested refinements (minimal overrides)
   Built on V4 so Darion's working live-search logic is untouched.
   ========================================================= */
@media (max-width: 1199px) {
    /* Do NOT forcibly hide the campaign on mobile while scrolling. */
    body.mocdan-has-scrolled .header-campbar,
    body.mocdan-has-scrolled .header-campbar-mobile,
    body.mocdan-has-scrolled .campbar {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Keep mobile header visible and stable while the page scrolls. */
    .bwp-header .header-mobile,
    .bwp-header .header-mobile.fixed,
    .bwp-header .header-mobile.slide-up,
    body.mocdan-has-scrolled .bwp-header .header-mobile {
        position: sticky !important;
        top: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 9998 !important;
    }

    /* Align Wishlist, Cart and Hamburger on the same visual baseline. */
    .header-mobile .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist,
    .header-mobile .header-right .darion-topcart,
    .header-mobile .header-right .top-cart,
    .header-mobile .header-right .header-cart,
    .header-mobile .header-right #show-megamenu,
    .header-mobile .header-right .navbar-toggle,
    #show-megamenu,
    .header-mobile .navbar-toggle {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 30px !important;
        align-self: center !important;
        vertical-align: middle !important;
    }
    #show-megamenu,
    .header-mobile .navbar-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: auto !important;
        bottom: auto !important;
        transform: none !important;
    }

    /* Main menu starts 10px from the left edge. */
    .content-mobile-menu .bwp-canvas-navigation,
    .content-mobile-menu #canvas-main-menu,
    .content-mobile-menu #canvas-main-menu > .menu,
    .content-mobile-menu .bwp-canvas-navigation > .menu-main-menu-container {
        padding-left: 10px !important;
        box-sizing: border-box !important;
    }

    /* Drop/roll panel from the exact lower edge of the current mobile header.
       clip-path reveals from the top, so the panel never travels across the header. */
    .content-mobile-menu {
        position: fixed !important;
        top: var(--mocdan-mobile-menu-top, 96px) !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - var(--mocdan-mobile-menu-top, 96px)) !important;
        transform: none !important;
        -webkit-transform: none !important;
        transform-origin: top center !important;
        clip-path: inset(0 0 100% 0) !important;
        -webkit-clip-path: inset(0 0 100% 0) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: clip-path .30s ease, -webkit-clip-path .30s ease, opacity .18s ease, visibility .18s ease !important;
        z-index: 9997 !important;
    }
    .content-mobile-menu.active {
        clip-path: inset(0 0 0 0) !important;
        -webkit-clip-path: inset(0 0 0 0) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* Keep Darion/V4 live-result behavior; only center/polish View All. */
    .content-mobile-menu .item-search-view-more {
        position: sticky !important;
        bottom: -6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100% + 20px) !important;
        margin: 4px -10px -6px !important;
        padding: 9px 10px !important;
        text-align: center !important;
        background: #fff !important;
        border-top: 1px solid #eee !important;
        z-index: 5 !important;
    }
    .content-mobile-menu .item-search-view-more__btn,
    .content-mobile-menu .item-search-view-more > a,
    .content-mobile-menu .item-search-view-more > button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 190px !important;
        max-width: 100% !important;
        min-height: 38px !important;
        padding: 8px 22px !important;
        margin: 0 auto !important;
        border: 1px solid #967c35 !important;
        border-radius: 20px !important;
        background: #fff !important;
        color: #111 !important;
        text-align: center !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        cursor: pointer !important;
        transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
    }
    .content-mobile-menu .item-search-view-more__btn:hover,
    .content-mobile-menu .item-search-view-more__btn:focus,
    .content-mobile-menu .item-search-view-more > a:hover,
    .content-mobile-menu .item-search-view-more > a:focus,
    .content-mobile-menu .item-search-view-more > button:hover,
    .content-mobile-menu .item-search-view-more > button:focus {
        background: #967c35 !important;
        border-color: #967c35 !important;
        color: #fff !important;
        outline: none !important;
    }
}

/* =========================================================
   MOCDAN V4.2 — live-result flow + universal view-all button
   ========================================================= */

/* "Xem tất cả các kết quả" — desktop, tablet and mobile. */
.ajax-search .result-search-products .item-search-view-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-bottom: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
    list-style: none !important;
}
.ajax-search .result-search-products .item-search-view-more__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 190px !important;
    min-height: 38px !important;
    margin: 0 auto !important;
    padding: 8px 20px !important;
    border: 1px solid #967c35 !important;
    border-radius: 22px !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
.ajax-search .result-search-products .item-search-view-more__btn:hover,
.ajax-search .result-search-products .item-search-view-more__btn:focus,
.ajax-search .result-search-products .item-search-view-more__btn:focus-visible {
    background: #967c35 !important;
    border-color: #967c35 !important;
    color: #fff !important;
    outline: none !important;
}

@media (max-width: 1199px) {
    /* Live results stay in normal document flow inside the search head.
       Therefore, whenever results appear, the main menu is pushed down
       instead of being covered by the result panel. */
    .content-mobile-menu .content-mobile-menu__head {
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        flex-shrink: 0 !important;
    }
    .content-mobile-menu .content-mobile-menu__head .form-search,
    .content-mobile-menu .content-mobile-menu__head .search-from,
    .content-mobile-menu .content-mobile-menu__head .search-box {
        position: relative !important;
        overflow: visible !important;
    }
    .content-mobile-menu .result-search-products-content {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 8px 0 0 !important;
        box-sizing: border-box !important;
        z-index: auto !important;
    }
    .content-mobile-menu .result-search-products {
        position: static !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* Main menu begins 15px from the left. */
    .content-mobile-menu .bwp-canvas-navigation,
    .content-mobile-menu #canvas-main-menu,
    .content-mobile-menu #canvas-main-menu > .menu,
    .content-mobile-menu .bwp-canvas-navigation > .menu-main-menu-container {
        padding-left: 15px !important;
        box-sizing: border-box !important;
    }

    /* On mobile/tablet the button remains the last row inside the
       scrollable live-result list, but is visually centered. */
    .content-mobile-menu .result-search-products .item-search-view-more {
        position: static !important;
        bottom: auto !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px 8px !important;
    }
}


/* =========================================================
   MOCDAN V4.3 — final live-result row + icon alignment + menu rhythm
   ========================================================= */

/* Keep the "Xem tất cả các kết quả" action as the LAST row in
   every Darion live-search list, centered on desktop/tablet/mobile. */
.ajax-search .result-search-products > .item-search-view-more:last-child,
.result-search-products > .item-search-view-more:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    clear: both !important;
    float: none !important;
    order: 9999 !important;
    margin: 0 !important;
    padding: 10px 8px 12px !important;
    background: #fff !important;
    border-top: 1px solid #e7e7e7 !important;
    box-sizing: border-box !important;
    text-align: center !important;
}
.ajax-search .result-search-products > .item-search-view-more:last-child .item-search-view-more__btn,
.result-search-products > .item-search-view-more:last-child .item-search-view-more__btn {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 1199px) {
    /* Equal visual boxes for Wishlist → Cart → Hamburger. */
    .header-mobile .header-right {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist,
    .header-mobile .header-right .wishlist-box,
    .header-mobile .header-right .darion-topcart,
    .header-mobile .header-right .top-cart,
    .header-mobile .header-right .header-cart,
    .header-mobile .header-right #show-megamenu,
    .header-mobile .header-right .navbar-toggle {
        position: relative !important;
        flex: 0 0 32px !important;
        width: 32px !important;
        min-width: 32px !important;
        height: 32px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 32px !important;
        vertical-align: middle !important;
        align-self: center !important;
        box-sizing: border-box !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist > a,
    .header-mobile .header-right .wishlist-box > a,
    .header-mobile .header-right .darion-topcart > a,
    .header-mobile .header-right .top-cart > a,
    .header-mobile .header-right .header-cart > a {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        padding: 0 !important;
        margin: 0 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        line-height: 1 !important;
    }
    .header-mobile .header-right .mocdan-mobile-wishlist i,
    .header-mobile .header-right .wishlist-box i,
    .header-mobile .header-right .darion-topcart i,
    .header-mobile .header-right .top-cart i,
    .header-mobile .header-right .header-cart i,
    .header-mobile .header-right .mocdan-mobile-wishlist svg,
    .header-mobile .header-right .wishlist-box svg,
    .header-mobile .header-right .darion-topcart svg,
    .header-mobile .header-right .top-cart svg,
    .header-mobile .header-right .header-cart svg {
        width: 22px !important;
        height: 22px !important;
        font-size: 22px !important;
        line-height: 22px !important;
        margin: 0 !important;
    }
    #show-megamenu,
    .header-mobile .navbar-toggle {
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
    }

    /* Top-level mobile menu rows: +5px breathing room and separators. */
    .content-mobile-menu #canvas-main-menu > .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li {
        margin: 0 0 5px !important;
        padding: 0 0 5px !important;
        border-bottom: 1px solid #ececec !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu #canvas-main-menu > .menu > li:last-child,
    .content-mobile-menu .bwp-canvas-navigation .menu > li:last-child,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li:last-child {
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   MOCDAN V4.5 — safe menu spacing only
   IMPORTANT: live-search/AJAX behavior remains exactly Tuned3.
   ========================================================= */
@media (max-width: 1199px) {
    /* Main menu: 12px left, 10px top. */
    .content-mobile-menu .bwp-canvas-navigation,
    .content-mobile-menu #canvas-main-menu,
    .content-mobile-menu #canvas-main-menu > .menu,
    .content-mobile-menu .bwp-canvas-navigation > .menu-main-menu-container {
        padding-left: 12px !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu .bwp-canvas-navigation,
    .content-mobile-menu #canvas-main-menu {
        padding-top: 10px !important;
    }

    /* Top-level rows: retain Tuned3 +5px rhythm and #ececec separators. */
    .content-mobile-menu #canvas-main-menu > .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li {
        margin: 0 0 5px !important;
        padding: 0 0 5px !important;
        border-bottom: 1px solid #ececec !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   MOCDAN V4.6 — no View-All injection + menu arrow alignment
   + desktop logo/sticky-menu refinement
   ========================================================= */

/* User chose to remove the View-All row entirely to keep Darion live-search stable. */
.ajax-search .result-search-products .item-search-view-more,
.result-search-products .item-search-view-more {
    display: none !important;
}

@media (max-width: 1199px) {
    /* Submenu chevrons align vertically with the search lens column. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::after {
        right: 20px !important;
    }
}

@media (min-width: 1200px) {
    /* Make the desktop logo visibly larger without distorting it. */
    .bwp-header .header-desktop .wpbingoLogo img,
    .bwp-header .header-desktop .header-logo img,
    .header-v5 .header-desktop .wpbingoLogo img,
    .header-v5 .header-desktop .header-logo img {
        width: auto !important;
        max-width: 260px !important;
        max-height: 100px !important;
        height: auto !important;
    }

    /* While scrolling: campaign and the logo/icon row disappear,
       while Darion's desktop menu row remains visible/sticky. */
    body.mocdan-has-scrolled .header-campbar,
    body.mocdan-has-scrolled .campbar,
    body.mocdan-has-scrolled .bwp-header .header-desktop .wpbingoLogo,
    body.mocdan-has-scrolled .bwp-header .header-desktop .header-logo,
    body.mocdan-has-scrolled .bwp-header .header-desktop .text-right,
    body.mocdan-has-scrolled .header-v5 .header-desktop .wpbingoLogo,
    body.mocdan-has-scrolled .header-v5 .header-desktop .header-logo,
    body.mocdan-has-scrolled .header-v5 .header-desktop .text-right {
        display: none !important;
    }

    body.mocdan-has-scrolled .bwp-header .header-desktop,
    body.mocdan-has-scrolled .header-v5 .header-desktop,
    .header-v5 .header-desktop.fixed,
    .header-v5 .header-desktop.fixed.slide-up {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #fff !important;
        z-index: 9998 !important;
    }

    /* Keep the navigation row itself present and centered after the top row is hidden. */
    body.mocdan-has-scrolled .bwp-header .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .bwp-header .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-v5 .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-v5 .header-desktop .header-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   MOCDAN V4.7 — clean off-canvas + sticky desktop branding
   Based on Tuned6. Search AJAX markup/logic is NOT rewritten.
   ========================================================= */

/* The user chose to REMOVE Darion's "view all results/products" row.
   Cover the variants used by Darion/Wpbingo without touching product rows. */
.ajax-search .item-search-view-more,
.ajax-search [class*="item-search-view-more"],
.result-search-products .item-search-view-more,
.result-search-products [class*="item-search-view-more"],
.result-search-products-content .item-search-view-more,
.result-search-products-content [class*="item-search-view-more"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

@media (max-width: 1199px) {
    /* Off-canvas menu layout requested: 12px left, 10px top, 15px right. */
    .content-mobile-menu .bwp-canvas-navigation,
    .content-mobile-menu #canvas-main-menu,
    .content-mobile-menu .bwp-canvas-navigation > .menu-main-menu-container {
        padding: 10px 15px 16px 12px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu #canvas-main-menu > .menu,
    .content-mobile-menu .bwp-canvas-navigation .menu,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    /* Remove parent-theme list bullets / duplicate decorative marks. */
    .content-mobile-menu .bwp-canvas-navigation li,
    .content-mobile-menu #canvas-main-menu li {
        list-style: none !important;
        position: relative !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li::marker,
    .content-mobile-menu #canvas-main-menu li::marker {
        content: "" !important;
        font-size: 0 !important;
    }
    .content-mobile-menu .bwp-canvas-navigation > div > ul > li::before,
    .content-mobile-menu #canvas-main-menu > ul > li::before,
    .content-mobile-menu #canvas-main-menu > .menu > li::before {
        content: none !important;
        display: none !important;
    }

    /* Clean top-level rows and provide a separator that stops before the chevron. */
    .content-mobile-menu #canvas-main-menu > .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .menu > li,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        min-height: 48px !important;
        box-sizing: border-box !important;
    }
    .content-mobile-menu #canvas-main-menu > .menu > li::after,
    .content-mobile-menu .bwp-canvas-navigation .menu > li::after,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 34px !important;
        bottom: 0 !important;
        height: 1px !important;
        background: #ececec !important;
        pointer-events: none !important;
    }
    .content-mobile-menu #canvas-main-menu > .menu > li:last-child::after,
    .content-mobile-menu .bwp-canvas-navigation .menu > li:last-child::after,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li:last-child::after {
        display: none !important;
    }
    .content-mobile-menu #canvas-main-menu > .menu > li > a,
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 8px 38px 8px 0 !important;
        margin: 0 !important;
        line-height: 1.35 !important;
        box-sizing: border-box !important;
        position: relative !important;
    }

    /* One controlled chevron only, aligned with the search-lens right column. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::before,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::before,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a::before {
        content: none !important;
        display: none !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::after,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a::after {
        content: "⌄" !important;
        display: block !important;
        position: absolute !important;
        right: 5px !important;
        top: 50% !important;
        width: 22px !important;
        height: 22px !important;
        margin: 0 !important;
        transform: translateY(-50%) !important;
        color: #111 !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 18px !important;
        text-align: center !important;
        pointer-events: none !important;
        transition: transform .22s ease !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .darion-mobile-menu__head > a::after {
        transform: translateY(-50%) rotate(180deg) !important;
    }

    /* Nested submenu stays inline and visually subordinate. */
    .content-mobile-menu .bwp-canvas-navigation li > .sub-menu,
    .content-mobile-menu .bwp-canvas-navigation li > .children {
        padding: 2px 0 8px 14px !important;
        margin: 0 !important;
        border: 0 !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li > .sub-menu > li > a,
    .content-mobile-menu .bwp-canvas-navigation li > .children > li > a {
        min-height: 40px !important;
        padding: 7px 30px 7px 0 !important;
        font-size: 14px !important;
        font-weight: 400 !important;
    }

    /* Keep search card visually separate and prevent native View-All from floating into the input row. */
    .content-mobile-menu .content-mobile-menu__head {
        padding-bottom: 8px !important;
        overflow: visible !important;
    }
    .content-mobile-menu .result-search-products-content {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin-top: 8px !important;
    }
}

@media (min-width: 1200px) {
    /* Sticky desktop row: left cluster = logo + the theme's existing social icons;
       navigation remains centered. */
    body.mocdan-has-scrolled .bwp-header .header-desktop,
    body.mocdan-has-scrolled .header-v5 .header-desktop,
    .header-v5 .header-desktop.fixed,
    .header-v5 .header-desktop.fixed.slide-up {
        min-height: 68px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding-left: 290px !important;
        padding-right: 30px !important;
        box-sizing: border-box !important;
    }
    body.mocdan-has-scrolled .header-desktop .mocdan-sticky-extras {
        display: flex !important;
    }
    .header-desktop .mocdan-sticky-extras {
        display: none;
        position: absolute !important;
        left: 24px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        align-items: center !important;
        gap: 18px !important;
        z-index: 4 !important;
        max-width: 250px !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-logo {
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 145px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-socials,
    .mocdan-sticky-extras .mocdan-sticky-socials ul {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-socials li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-socials a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        color: #111 !important;
        line-height: 1 !important;
        text-decoration: none !important;
    }
    .mocdan-sticky-extras .mocdan-sticky-socials i,
    .mocdan-sticky-extras .mocdan-sticky-socials svg {
        width: 17px !important;
        height: 17px !important;
        font-size: 17px !important;
        fill: currentColor !important;
        color: currentColor !important;
    }
    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
}


/* =========================================================
   MOCDAN V4.8 — desktop sticky header: logo | centered menu | socials
   Keeps the existing desktop header logic, only corrects sticky geometry.
   ========================================================= */
@media (min-width: 1200px) {
    /* Sticky bar uses one consistent vertical rhythm. */
    body.mocdan-has-scrolled .bwp-header .header-desktop,
    body.mocdan-has-scrolled .header-v5 .header-desktop,
    .header-v5 .header-desktop.fixed,
    .header-v5 .header-desktop.fixed.slide-up {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        min-height: 76px !important;
        height: 76px !important;
        padding: 0 220px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #fff !important;
        box-sizing: border-box !important;
        z-index: 9995 !important;
    }

    /* Keep only the navigation in the middle zone. */
    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        max-width: calc(100vw - 440px) !important;
        margin: 0 auto !important;
        padding: 0 !important;
        text-align: center !important;
    }
    body.mocdan-has-scrolled .header-desktop #main-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .bwp-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container > ul {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* The extras span the sticky row, while their two children sit at opposite sides. */
    body.mocdan-has-scrolled .header-desktop .mocdan-sticky-extras {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 76px !important;
        max-width: none !important;
        transform: none !important;
        pointer-events: none !important;
        z-index: 6 !important;
    }

    /* LEFT: large, clear logo. */
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-logo {
        position: absolute !important;
        left: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        height: 56px !important;
        width: 178px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-logo a {
        display: flex !important;
        align-items: center !important;
        height: 100% !important;
        width: 100% !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 178px !important;
        max-height: 56px !important;
        object-fit: contain !important;
        margin: 0 !important;
    }

    /* RIGHT: theme social icons, one horizontal row. */
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials {
        position: absolute !important;
        right: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials li {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials a {
        width: 34px !important;
        height: 34px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border-radius: 50% !important;
        line-height: 1 !important;
        color: #111 !important;
    }
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials i,
    body.mocdan-has-scrolled .mocdan-sticky-extras .mocdan-sticky-socials svg {
        width: 18px !important;
        height: 18px !important;
        font-size: 18px !important;
        line-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        fill: currentColor !important;
    }
}


/* =========================================================
   MOCDAN V4.9 — sticky desktop logo/social overlay + one submenu arrow
   ========================================================= */
@media (max-width: 1199px) {
    /* Darion already renders a submenu indicator. Do not draw a second one. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::after,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a::after,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a::before,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a::before,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a::before {
        content: none !important;
        display: none !important;
    }

    /* Keep only one native theme arrow at the far right. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .darion-mobile-menu__head,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .darion-mobile-menu__head {
        position: relative !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .darion-mobile-menu__head > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .darion-mobile-menu__head > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .btn {
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 30px !important;
        height: 30px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 3 !important;
    }
}

@media (min-width: 1200px) {
    /* Independent overlay survives Darion's sticky-header cloning/rebuild. */
    #mocdan-sticky-desktop-overlay {
        display: none;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 76px !important;
        z-index: 10020 !important;
        pointer-events: none !important;
    }
    body.mocdan-has-scrolled #mocdan-sticky-desktop-overlay {
        display: block !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo {
        position: absolute !important;
        left: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 178px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        pointer-events: auto !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo a {
        width: 100% !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 178px !important;
        max-height: 56px !important;
        object-fit: contain !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials {
        position: absolute !important;
        right: 28px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        min-width: 178px !important;
        height: 42px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        pointer-events: auto !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials ul,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials .social-link,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials .social-icons,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials .socials {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1 !important;
        color: #111 !important;
        text-decoration: none !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials i,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials svg {
        width: 18px !important;
        height: 18px !important;
        font-size: 18px !important;
        line-height: 18px !important;
        fill: currentColor !important;
    }

    /* Hide the older in-header cloned extras; V4.9 uses the independent overlay. */
    .header-desktop .mocdan-sticky-extras { display: none !important; }
}


/* =========================================================
   MOCDAN V4.10 — 1140px sticky desktop grid + social fallback + menu hover
   ========================================================= */
@media (min-width: 1200px) {
    /* Keep sticky logo, centered navigation and socials inside one 1140px grid. */
    #mocdan-sticky-desktop-overlay {
        left: 50% !important;
        right: auto !important;
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        transform: translateX(-50%) !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo {
        left: 0 !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials {
        right: 0 !important;
        min-width: 178px !important;
    }

    /* Constrain Darion's sticky navigation to the same width. */
    body.mocdan-has-scrolled .header-desktop > .container,
    body.mocdan-has-scrolled .header-desktop .container,
    .header-v5 .header-desktop.fixed > .container,
    .header-v5 .header-desktop.fixed .container {
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container {
        max-width: 720px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #mocdan-sticky-desktop-overlay .mocdan-sticky-social-list {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }
}

@media (max-width: 1199px) {
    /* Level-1 menu hover/focus only; keep submenu colors inherited. */
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a:focus,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a:focus,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a:focus {
        color: #967c35 !important;
    }
}


/* =========================================================
   MOCDAN V4.11 — refined sticky socials + equal vertical rhythm
   ========================================================= */
@media (min-width: 1200px) {
    /* One 1140px sticky row, with the same 10px top/bottom breathing room
       around logo, centered navigation and social area. */
    #mocdan-sticky-desktop-overlay {
        height: 76px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        box-sizing: border-box !important;
    }

    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials {
        top: 10px !important;
        transform: none !important;
        height: 56px !important;
        box-sizing: border-box !important;
    }

    body.mocdan-has-scrolled .header-desktop > .container,
    body.mocdan-has-scrolled .header-desktop .container,
    .header-v5 .header-desktop.fixed > .container,
    .header-v5 .header-desktop.fixed .container {
        min-height: 76px !important;
        height: 76px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
    }

    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container {
        min-height: 56px !important;
        height: 56px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    body.mocdan-has-scrolled .header-desktop #main-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .bwp-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container > ul {
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Sticky social area: Facebook + TikTok only, transparent background. */
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials {
        min-width: 178px !important;
        padding: 0 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        background: transparent !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials ul,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials .mocdan-sticky-social-list {
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
        background: transparent !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials li,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a {
        width: 34px !important;
        height: 34px !important;
        color: #000 !important;
        transition: color .18s ease !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:hover,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:focus,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:focus-visible {
        color: #967c35 !important;
        background: transparent !important;
        outline: none !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials i,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials svg {
        color: currentColor !important;
        fill: currentColor !important;
    }
}

@media (max-width: 1199px) {
    /* Level-1 off-canvas menu uses the brand gold on mouse hover AND keyboard focus. */
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a:focus,
    .content-mobile-menu .bwp-canvas-navigation .menu > li > a:focus-visible,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a:focus,
    .content-mobile-menu .bwp-canvas-navigation .mm-listview > li > a:focus-visible,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a:hover,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a:focus,
    .content-mobile-menu .bwp-canvas-navigation .darion-mobile-menu__head > a:focus-visible {
        color: #967c35 !important;
    }
}


/* =========================================================
   MOCDAN V4.12 — stable off-canvas submenu navigation
   Always render exactly one child-owned submenu toggle.
   ========================================================= */
@media (max-width: 1199px) {
    /* Do not depend on Darion's transient/native arrows. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .darion-mobile-menu__head > .btn,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .darion-mobile-menu__head > .btn {
        display: none !important;
    }

    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children {
        position: relative !important;
    }

    .content-mobile-menu .bwp-canvas-navigation .mocdan-submenu-toggle {
        position: absolute !important;
        right: 15px !important;
        top: 7px !important;
        width: 30px !important;
        height: 30px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #111 !important;
        box-shadow: none !important;
        cursor: pointer !important;
        z-index: 8 !important;
        line-height: 1 !important;
    }
    .content-mobile-menu .bwp-canvas-navigation .mocdan-submenu-toggle::before {
        content: "" !important;
        display: block !important;
        width: 7px !important;
        height: 7px !important;
        border-right: 1.6px solid currentColor !important;
        border-bottom: 1.6px solid currentColor !important;
        transform: rotate(45deg) translate(-1px,-1px) !important;
        transition: transform .2s ease, color .2s ease !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .mocdan-submenu-toggle::before {
        transform: rotate(225deg) translate(-1px,-1px) !important;
    }
    .content-mobile-menu .bwp-canvas-navigation .mocdan-submenu-toggle:hover,
    .content-mobile-menu .bwp-canvas-navigation .mocdan-submenu-toggle:focus,
    .content-mobile-menu .bwp-canvas-navigation .mocdan-submenu-toggle:focus-visible {
        color: #967c35 !important;
        outline: none !important;
    }

    /* Reserve a stable right column for the arrow. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > a,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .darion-mobile-menu__head,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .darion-mobile-menu__head {
        padding-right: 48px !important;
    }

    /* Submenu state is controlled only by mocdan-submenu-open. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children > .sub-menu,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children > .children {
        display: none !important;
    }
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .sub-menu,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .children {
        display: block !important;
    }
}


/* =========================================================
   MOCDAN V4.13 — restore Tuned10 sticky centering + active submenu colour
   Desktop: one 1140px row = Logo | Menu | Facebook + TikTok.
   Mobile: open/focused submenu parent + navigation toggle use brand gold.
   ========================================================= */
@media (min-width: 1200px) {
    /* Keep Darion's sticky shell 76px high with equal 10px vertical breathing room. */
    body.mocdan-has-scrolled .bwp-header .header-desktop,
    body.mocdan-has-scrolled .header-v5 .header-desktop,
    .header-v5 .header-desktop.fixed,
    .header-v5 .header-desktop.fixed.slide-up {
        height: 76px !important;
        min-height: 76px !important;
        padding: 0 !important;
        display: block !important;
        background: #fff !important;
    }

    /* Native Darion container carries ONLY the centered navigation. */
    body.mocdan-has-scrolled .header-desktop > .container,
    body.mocdan-has-scrolled .header-desktop .container,
    .header-v5 .header-desktop.fixed > .container,
    .header-v5 .header-desktop.fixed .container {
        position: relative !important;
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        height: 76px !important;
        min-height: 76px !important;
        margin: 0 auto !important;
        padding: 0px 190px !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container,
    .header-v5 .header-desktop.fixed .bwp-navigation,
    .header-v5 .header-desktop.fixed .header-menu,
    .header-v5 .header-desktop.fixed #main-navigation,
    .header-v5 .header-desktop.fixed .menu-main-menu-container {
        position: static !important;
        width: 100% !important;
        max-width: 760px !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.mocdan-has-scrolled .header-desktop #main-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .bwp-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container > ul,
    .header-v5 .header-desktop.fixed #main-navigation > ul,
    .header-v5 .header-desktop.fixed .bwp-navigation > ul,
    .header-v5 .header-desktop.fixed .menu-main-menu-container > ul {
        height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

    /* Independent logo/social overlay follows the SAME centered 1140px geometry. */
    #mocdan-sticky-desktop-overlay {
        top: 0 !important;
        left: 50% !important;
        right: auto !important;
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        height: 76px !important;
        padding: 10px 0 !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo {
        left: 0 !important;
        top: 10px !important;
        width: 178px !important;
        height: 56px !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials {
        right: 0 !important;
        top: 10px !important;
        width: 178px !important;
        min-width: 178px !important;
        height: 56px !important;
        transform: none !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 12px !important;
        background: transparent !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a {
        width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #000 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:hover,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:focus,
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials a:focus-visible {
        color: #967c35 !important;
        background: transparent !important;
        outline: none !important;
    }
}

@media (max-width: 1199px) {
    /* Open/selected level-1 parent and its single submenu navigation icon move together. */
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > a,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .mocdan-submenu-toggle {
        color: #967c35 !important;
    }

    /* Keyboard focus keeps the parent text and its navigation icon visually linked. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:focus-within > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:focus-within > a,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:focus-within > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:focus-within > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:focus-within > .mocdan-submenu-toggle,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:focus-within > .mocdan-submenu-toggle {
        color: #967c35 !important;
    }

    /* Selected/current submenu item itself uses the same brand colour. */
    .content-mobile-menu .bwp-canvas-navigation .sub-menu a:hover,
    .content-mobile-menu .bwp-canvas-navigation .sub-menu a:focus,
    .content-mobile-menu .bwp-canvas-navigation .sub-menu a:focus-visible,
    .content-mobile-menu .bwp-canvas-navigation .sub-menu .current-menu-item > a,
    .content-mobile-menu .bwp-canvas-navigation .sub-menu .current_page_item > a,
    .content-mobile-menu .bwp-canvas-navigation .children a:hover,
    .content-mobile-menu .bwp-canvas-navigation .children a:focus,
    .content-mobile-menu .bwp-canvas-navigation .children a:focus-visible,
    .content-mobile-menu .bwp-canvas-navigation .children .current_page_item > a {
        color: #967c35 !important;
    }
}


/* =========================================================
   MOCDAN V4.14 — Tuned10 desktop centering + logo-only sticky
   Desktop sticky: Logo left | Main menu mathematically centered.
   Mobile submenu: parent label + its one navigation icon are gold
   only while that submenu is open; closed state returns to black.
   ========================================================= */
@media (min-width: 1200px) {
    /* Keep the sticky geometry inside the same centered 1140px container. */
    body.mocdan-has-scrolled .header-desktop > .container,
    body.mocdan-has-scrolled .header-desktop .container,
    .header-v5 .header-desktop.fixed > .container,
    .header-v5 .header-desktop.fixed .container {
        position: relative !important;
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        height: 76px !important;
        min-height: 76px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0px 0 !important;
        box-sizing: border-box !important;
    }

    /* Restore Tuned10 centering: menu owns a fixed centered lane. */
    body.mocdan-has-scrolled .header-desktop .bwp-navigation,
    body.mocdan-has-scrolled .header-desktop .header-menu,
    body.mocdan-has-scrolled .header-desktop #main-navigation,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container,
    .header-v5 .header-desktop.fixed .bwp-navigation,
    .header-v5 .header-desktop.fixed .header-menu,
    .header-v5 .header-desktop.fixed #main-navigation,
    .header-v5 .header-desktop.fixed .menu-main-menu-container {
        position: static !important;
        width: 100% !important;
        max-width: 720px !important;
        height: 56px !important;
        min-height: 56px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.mocdan-has-scrolled .header-desktop #main-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .bwp-navigation > ul,
    body.mocdan-has-scrolled .header-desktop .menu-main-menu-container > ul,
    .header-v5 .header-desktop.fixed #main-navigation > ul,
    .header-v5 .header-desktop.fixed .bwp-navigation > ul,
    .header-v5 .header-desktop.fixed .menu-main-menu-container > ul {
        width: auto !important;
        height: 56px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;
    }

    /* Overlay is only used for the sticky logo now. */
    #mocdan-sticky-desktop-overlay {
        left: 50% !important;
        right: auto !important;
        width: 1140px !important;
        max-width: calc(100vw - 30px) !important;
        height: 76px !important;
        padding: 10px 0 !important;
        transform: translateX(-50%) !important;
        box-sizing: border-box !important;
    }
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-logo {
        left: 0 !important;
        top: 10px !important;
        width: 178px !important;
        height: 56px !important;
        transform: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
    }

    /* Tuned14 desktop sticky has no right-side social block. */
    #mocdan-sticky-desktop-overlay .mocdan-sticky-overlay-socials,
    .header-desktop .mocdan-sticky-socials,
    .header-desktop .mocdan-sticky-extras .mocdan-sticky-socials {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    /* Closed level-1 parent + its owned navigation icon are always black. */
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:not(.mocdan-submenu-open) > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:not(.mocdan-submenu-open) > a,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:not(.mocdan-submenu-open) > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:not(.mocdan-submenu-open) > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.menu-item-has-children:not(.mocdan-submenu-open) > .mocdan-submenu-toggle,
    .content-mobile-menu .bwp-canvas-navigation li.page_item_has_children:not(.mocdan-submenu-open) > .mocdan-submenu-toggle {
        color: #111 !important;
    }

    /* Open submenu: parent label and navigation icon change together. */
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > a,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .darion-mobile-menu__head > a,
    .content-mobile-menu .bwp-canvas-navigation li.mocdan-submenu-open > .mocdan-submenu-toggle {
        color: #967c35 !important;
    }

    /* Hovering a submenu link uses the same brand colour; leaving returns to normal. */
    .content-mobile-menu .bwp-canvas-navigation .sub-menu a:hover,
    .content-mobile-menu .bwp-canvas-navigation .sub-menu a:focus-visible,
    .content-mobile-menu .bwp-canvas-navigation .children a:hover,
    .content-mobile-menu .bwp-canvas-navigation .children a:focus-visible {
        color: #967c35 !important;
    }
}


/* =========================================================
   MOCDAN V4.15 — iPhone stability / live-search loading mask /
   fixed mobile header-panel attachment.
   IMPORTANT: does not replace Darion's AJAX search engine.
   ========================================================= */

/* ===== EASY MOBILE LOGO CONTROLS =====
   You can safely edit ONLY these 4 values later.
   Example: 190px / 60px / 20px / 0px
*/
:root {
    --mocdan-mobile-logo-max-width: 190px;
    --mocdan-mobile-logo-max-height: 62px;
    --mocdan-mobile-logo-padding-left: 20px;
    --mocdan-mobile-logo-padding-right: 0px;
}

@media (max-width: 1199px) {
    /* iOS Safari zooms form fields when font-size is below 16px. */
    .content-mobile-menu .search-box .input-search,
    .content-mobile-menu input[type="search"],
    .content-mobile-menu input[name="s"] {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    html,
    body {
        -webkit-text-size-adjust: 100% !important;
        text-size-adjust: 100% !important;
    }

    /* Mobile logo: edit the variables above instead of hunting selectors. */
    .header-mobile .header-center,
    .header-mobile .wpbingoLogo,
    .header-mobile .header-logo {
        padding-left: var(--mocdan-mobile-logo-padding-left) !important;
        padding-right: var(--mocdan-mobile-logo-padding-right) !important;
        box-sizing: border-box !important;
    }
    .header-mobile .header-center img,
    .header-mobile .wpbingoLogo img,
    .header-mobile .header-logo img {
        width: auto !important;
        height: auto !important;
        max-width: var(--mocdan-mobile-logo-max-width) !important;
        max-height: var(--mocdan-mobile-logo-max-height) !important;
        object-fit: contain !important;
    }

    /* When the page is scrolled and the off-canvas is open, keep the mobile
       header fixed. The panel top is measured from its real bottom by JS. */
    body.mocdan-menu-open.mocdan-has-scrolled .bwp-header .header-mobile,
    body.mocdan-menu-open.mocdan-has-scrolled .header-mobile {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #fff !important;
    }

    /* Always keep the off-canvas immediately under the measured header edge. */
    .content-mobile-menu,
    .content-mobile-menu.active {
        top: var(--mocdan-mobile-menu-top, 96px) !important;
        bottom: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - var(--mocdan-mobile-menu-top, 96px)) !important;
    }

    /* Some Darion/Wpbingo AJAX states draw a dark loading mask. On the phone
       this can cover the whole off-canvas. Keep the native AJAX request/result,
       but suppress only the masking layer. */
    .content-mobile-menu.loading,
    .content-mobile-menu .ajax-search.loading,
    .content-mobile-menu .search-from.loading,
    .content-mobile-menu .search-box.loading,
    .content-mobile-menu .result-search-products.loading,
    .content-mobile-menu .result-search-products-content.loading {
        background-color: #fff !important;
        opacity: 1 !important;
        filter: none !important;
    }
    .content-mobile-menu.loading::before,
    .content-mobile-menu.loading::after,
    .content-mobile-menu .ajax-search.loading::before,
    .content-mobile-menu .ajax-search.loading::after,
    .content-mobile-menu .search-from.loading::before,
    .content-mobile-menu .search-from.loading::after,
    .content-mobile-menu .search-box.loading::before,
    .content-mobile-menu .search-box.loading::after,
    .content-mobile-menu .result-search-products.loading::before,
    .content-mobile-menu .result-search-products.loading::after,
    .content-mobile-menu .result-search-products-content.loading::before,
    .content-mobile-menu .result-search-products-content.loading::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   MOCDAN V4.18 — native Darion AJAX search lifecycle fix
   ========================================================= */
@media (max-width: 1199px) {
    .content-mobile-menu .result-search-products {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }
    .content-mobile-menu .result-search-products.loading {
        min-height: 42px;
        background: transparent !important;
        opacity: 1 !important;
    }
    .content-mobile-menu .result-search-products.loading::before,
    .content-mobile-menu .result-search-products.loading::after {
        display: none !important;
        content: none !important;
    }
    .content-mobile-menu .mocdan-search-error {
        padding: 12px 10px;
        font-size: 14px;
        line-height: 1.4;
    }
    /* User chose to remove Darion-Extend's delayed View All row. */
    .content-mobile-menu .item-search-view-more {
        display: none !important;
    }
}

/* =========================================================
   MOCDAN V4.18 — hard-lock mobile off-canvas below real header
   ========================================================= */
:root {
    /* EASY CONTROL: distance from hamburger group to the right screen edge.
       Smaller value = icons move farther right and free more room for the logo. */
    --mocdan-mobile-header-right-padding: 6px;
}

@media (max-width: 1199px) {
    /* Darion Extend fixes the inner .container while scrolling. Make that
       exact visible row the top layer whenever the menu is open. */
    body.mocdan-menu-open .header-mobile > .container,
    body.mocdan-menu-open .header-mobile .header-mobile-container {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10002 !important;
        background: #fff !important;
    }

    /* Parent/header must stay above the dropdown too. */
    body.mocdan-menu-open .header-mobile,
    body.mocdan-menu-open .bwp-header .header-mobile {
        z-index: 10002 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* The panel is always one layer below the header and starts exactly at
       the measured bottom edge of the visible header row. */
    body.mocdan-menu-open .content-mobile-menu,
    body.mocdan-menu-open .content-mobile-menu.active {
        position: fixed !important;
        top: var(--mocdan-mobile-menu-top, 76px) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - var(--mocdan-mobile-menu-top, 76px)) !important;
        margin: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: 10001 !important;
    }

    /* User-adjustable right spacing for Wishlist → Cart → Hamburger group. */
    .header-mobile .header-right {
        padding-right: var(--mocdan-mobile-header-right-padding) !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   MOCDAN V4.19 — definitive mobile header/off-canvas lock
   Lock the whole header wrapper, never the Darion inner container.
   ========================================================= */
@media (max-width: 1199px) {
    body.mocdan-menu-open .bwp-header .header-mobile,
    body.mocdan-menu-open .header-mobile {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10020 !important;
        background: #fff !important;
    }

    /* Cancel Darion Extend's independent fixed positioning of the inner row.
       It must remain inside the fixed header wrapper. */
    body.mocdan-menu-open .header-mobile > .container,
    body.mocdan-menu-open .header-mobile > .container.fixed,
    body.mocdan-menu-open .header-mobile .header-mobile-container,
    body.mocdan-menu-open .header-mobile .header-mobile-container.fixed {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: auto !important;
    }

    body.mocdan-menu-open .content-mobile-menu,
    body.mocdan-menu-open .content-mobile-menu.active {
        position: fixed !important;
        top: var(--mocdan-mobile-menu-top, 76px) !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
        max-height: calc(100dvh - var(--mocdan-mobile-menu-top, 76px)) !important;
        margin: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: 10010 !important;
    }
}

    body .header-v5.bwp-header .header-desktop .header-wrapper {
        padding: 8px 0 0 !important;
        position: static !important;
    }