/* Public desktop header alignment. Mobile/MeanMenu presentation remains theme-owned. */
@media only screen and (min-width: 1200px) {
    .header-area .navbar-area .container-fluid {
        max-width: none;
        padding-inline: clamp(12px, 2.5vw, 42px);
    }

    .header-area .raque-nav {
        margin-block-start: 0;
    }

    .header-area .raque-nav .navbar {
        display: flex;
        align-items: center;
        min-height: 68px;
        padding: 0;
    }

    .header-area .raque-nav .navbar .navbar-brand {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .header-area .raque-nav .navbar .navbar-brand img {
        display: block;
        width: 120px;
        max-width: 100%;
        height: auto;
    }

    .header-area .raque-nav .navbar .navbar-collapse {
        display: flex !important;
        align-items: center;
        min-width: 0;
    }

    .header-area .raque-nav .navbar .navbar-nav {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        gap: 10px;
        min-width: 0;
        margin-inline: auto;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item {
        flex: 0 0 auto;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item > .nav-link {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        margin: 0;
        padding: 22px 0;
        font-size: 13.5px;
        line-height: 1.25;
        white-space: nowrap;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item > .nav-link > i {
        position: static;
        flex: 0 0 auto;
        margin: 0;
        font-size: 16px;
        line-height: 1;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item > .dropdown-menu {
        top: 100%;
    }

    .header-area .raque-nav .navbar .others-option {
        display: inline-flex;
        flex: 0 0 auto;
        align-items: center;
        gap: 12px;
        margin: 0;
    }

    .header-area .raque-nav .navbar .others-option .cart-wrapper-btn,
    .header-area .raque-nav .navbar .others-option .search-box {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 40px;
        margin: 0;
        position: relative;
        top: auto;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    .header-area .navbar-area .container-fluid {
        padding-inline: 10px;
    }

    .header-area .raque-nav .navbar {
        min-height: 64px;
    }

    .header-area .raque-nav .navbar .navbar-brand img {
        width: 100px;
    }

    .header-area .raque-nav .navbar .navbar-nav {
        gap: 4px;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item > .nav-link {
        gap: 1px;
        padding-block: 20px;
        font-size: 12.5px;
    }

    .header-area .raque-nav .navbar .navbar-nav > .nav-item > .nav-link > i {
        font-size: 14px;
    }

    .header-area .raque-nav .navbar .others-option {
        gap: 6px;
    }

    .header-area .raque-nav .navbar .others-option .cart-wrapper-btn,
    .header-area .raque-nav .navbar .others-option .search-box {
        width: 27px;
    }
}

/* The existing MeanMenu layout now covers tablet/compact-desktop widths too. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header-area .raque-responsive-nav .raque-responsive-menu.mean-container .mean-nav .others-option {
        display: block;
    }
}