a {
    text-decoration: none;
}

.header_6_0_0_box_2__menu__menuSub .arr::before,
.header_6_0_0_box_2__menu__menuSubBox ul li a::after {
    font-family: "fontello";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.header_6_0_0.hide {
    top: -180px;
}

.header_6_0_0 {
    position: fixed;
    z-index: 9;
    width: 100%;
    top: 0;
    background-color: #fff;
}

/* Đẩy header fixed xuống đúng chiều cao #wpadminbar khi đăng nhập WP, tránh bị thanh quản trị che. */
body.admin-bar .header_6_0_0 {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .header_6_0_0 {
        top: 46px;
    }
}

.header_6_0_0_box_top {
    /* background: url(https://nhakhoaparis.vn/wp-content/themes/ParisBrand2021/Module_v2/Header/header_6_0_0//images/boxtop-bg.jpg) center bottom no-repeat; */
    position: relative;
    z-index: 2;
    width: 80%;
    min-height: 30px;
    background: #1c97d4;
    margin: 0 auto;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    margin-bottom: 15px;
}

.header_6_0_0_box_top__new {
    text-align: center;
    padding-top: 4px;
}

.header_6_0_0_box_top__newlabel {
    font-weight: 400;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

.header_6_0_0_box_top__newlabel.lb1 {
    display: none;
}

.header_6_0_0_box_1 {
    background-color: #fff;
}

.header_6_0_0_box_1 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_6_0_0_box_1_left,
.header_6_0_0_box_1_right {
    display: flex;
    align-items: center;
    height: 50px;
}

.header_6_0_0_box_1__logo {
    height: 60px;
    margin-right: 50px;
    position: relative;
    padding-top: 10px;
    margin: 0;
}

.header_6_0_0_box_1__logo img {
    height: 42px;
}

.header_6_0_0_box_1__title {
    color: #00ABE5;
}

.header_6_0_0_box_1__title h2 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin: 5px 0 0;
}

.header_6_0_0_box_1__title p {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
}

.header_6_0_0_box_1__address {
    position: relative;
}

.header_6_0_0_box_1__address ul {
    list-style: none;
    margin: 15px 0;
}

.header_6_0_0_box_1__address ul::before {
    background: url(https://nhakhoaparis.vn/wp-content/themes/ParisBrand2021/Module_v2/Header/header_6_0_0//images/icon1.png) 0 center no-repeat;
    content: "";
    position: absolute;
    top: 20px;
    left: 0px;
    width: 35px;
    height: 35px;
    background-size: 100%;
}

.header_6_0_0_box_1__address ul li {
    color: #000;
    font-size: 13px;
}

.header_6_0_0_box_1__address ul li b {
    font-size: 15px;
}

.header_6_0_0_box_1__call {
    margin-left: 25px;
    text-align: center;
    position: relative;
}

.header_6_0_0_box_1__call ul {
    list-style: none;
    margin: 15px 0;
}

.header_6_0_0_box_1__call ul::before {
    background: url(https://nhakhoaparis.vn/wp-content/themes/ParisBrand2021/Module_v2/Header/header_6_0_0//images/icon2.png) 0 center no-repeat;
    content: "";
    position: absolute;
    top: 20px;
    left: 5px;
    width: 30px;
    height: 30px;
    background-size: 100%;
}

.header_6_0_0_box_1__call ul li {
    color: #000;
    font-size: 13px;
}

.header_6_0_0_box_1__call ul li a {
    color: #000;
    font-weight: bold;
    font-size: 18px;
}

.header_6_0_0_box_1__regtv {
    font-size: 13px;
    display: block;
    color: #fff;
    background: #0056A4;
    text-align: center;
    padding: 3px 20px;
    border-radius: 50px;
    margin: 0 15px;
}

.header_6_0_0_box_1__button {
    background: #6DCFF6;
    outline: none;
    color: #fff;
    cursor: pointer;
    border-radius: 100%;
    padding: 8px;
    border: none;
    /* width: 30px; */
    /* height: 30px; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: rotate(92deg); */
}

.header_6_0_0_box_1__button img {
    width: 15px;
    height: 15px;
}

.header_6_0_0_box_1__button span {
    font-size: 30px;
    line-height: 0;
}

.header_6_0_0_box_1 .iconMid {
    display: none;
}

.header_6_0_0_box_2 {
    background-color: #EBECF0;
    padding: 0;
}

.header_6_0_0_box_2 .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_6_0_0_box_2__logosb {
    display: none;
}

.header_6_0_0_box_2__logosb img {
    max-width: 100%;
    margin: 20px 0 0;
}

.header_6_0_0_box_2__menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    justify-content: space-around;
}

.header_6_0_0_box_2__menu__menuSub {
    display: flex;
    align-items: center;
    border-top: 3px solid #EBECF0;
    padding: 8px 12px;
}

.header_6_0_0_box_2__menu__menuSub .menu-icon {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    width: 100%;
    height: 100%;
    text-align: right;
}

.header_6_0_0_box_2__menu__menuSub .arr::before {
    content: "\e88f";
    display: none;
    position: absolute;
    bottom: 5px;
    left: 40px;
    text-align: center;
    color: #f16749;
}

.header_6_0_0_box_2__menu__menuSub.icon-homes {
    border-top: none;
}

.header_6_0_0_box_2__menu__menuSub.icon-homes .icon-home,
.icon-callmb {
    background: url(https://nhakhoaparis.vn/wp-content/themes/ParisBrand2021/Module_v2/Header/header_6_0_0//images/icon_social.png) no-repeat;
    content: "";
    display: inline-block;
    height: 40px;
    width: 25%;
}

.header_6_0_0_box_2__menu__menuSub.icon-homes .icon-home1 {
    background-position: 1px 0;
    padding: 0 15px;
}

.header_6_0_0_box_2__menu__menuSub.icon-homes .icon-home2 {
    background-position: -30px 0;
    padding: 0px 20px;
}

.header_6_0_0_box_2__menu__menuSub.icon-homes:hover {
    border-top: none;
}

.header_6_0_0_box_2__menu__menuSub:hover {
    border-top: 3px solid var(--diva-primary);
}

.header_6_0_0_box_2__menu__menuSub:hover .header_6_0_0_box_2__menu__menuSubBox {
    display: block;
    animation: opac 0.4s;
}

.header_6_0_0_box_2__menu__menuSub:hover>a {
    color: var(--diva-primary);
}

.header_6_0_0_box_2__menu__menuSubBox {
    display: none;
    position: absolute;
    width: 100%;
    right: 0px;
    top: 60px;
    padding: 15px 25px;
    font-size: 1rem;
    color: #000;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

.header_6_0_0_box_2__menu__menuSubBox ul {
    list-style: none;
    padding-left: 0;
}

.header_6_0_0_box_2__menu__menuSubBox ul li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
    margin-bottom: 5px;
    position: relative;
}

.header_6_0_0_box_2__menu__menuSubBox ul li a {
    color: #000;
    transition: 0.1s;
    border: none;
    font-size: 15px;
}

.header_6_0_0_box_2__menu__menuSubBox ul li a:hover {
    color: #0056A4;
    font-weight: 600;
}

.header_6_0_0_box_2__menu__menuSubBox ul li a::after {
    content: "»";
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
}

.header_6_0_0_box_2__menu__menuSubBox p {
    color: #307DAD;
    text-transform: uppercase;
    font-size: 16px;
    margin-top: 10px;
    margin: 20px 0 10px
}

.header_6_0_0_box_2__menu__title {
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.header_6_0_0_box_2__menu .mntt {
    color: #fff;
    font-size: 15px;
    padding: 5px 0;
    text-transform: uppercase;
    border-bottom: 1px dotted #355b7d;
    position: relative;
    margin-bottom: 10px;
}

.header_6_0_0_box_2__menu .mntt::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 70px;
    height: 3px;
    background: #fff;
}

.header_6_0_0_box_2__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 15%;
}

.header_6_0_0_box_2__social a {
    background: url(https://nhakhoaparis.vn/wp-content/themes/ParisBrand2021/Module_v2/Header/header_6_0_0//images/icon_social.png) no-repeat;
    content: "";
    display: inline-block;
    height: 40px;
    width: 25%;
}

.header_6_0_0_box_2__social .face {
    background-position: -74px 0;
}

.header_6_0_0_box_2__social .youtu {
    background-position: -129px 0;
}

.header_6_0_0_box_2__social .zalo {
    background-position: -186px 0;
}

.header_6_0_0_box_2__social .insta {
    background-position: -240px 0;
}


.header_6_0_0_box_2.active {
    display: block;
    animation: animateleft 0.4s;
}

.header_6_0_0_box_3 {
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    content: "";
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    animation: opac 0.4s;
}

.header_6_0_0_box_3.active {
    display: block;
}

.header_6_0_0.menufix {
    box-shadow: 0 1px 25px rgb(0 0 0 / 10%);
    background: rgba(255, 255, 255, .9);
}

.header_6_0_0.menufix .header_6_0_0_box_2__logosb {
    display: block;
}

.header_6_0_0.menufix .header_6_0_0_box_2__logosb img {
    margin: 0;
}

.header_6_0_0.menufix .header_6_0_0_box_top {
    display: none;
}

.header_6_0_0.menufix .header_6_0_0_box_1 {
    display: none;
}

.header_6_0_0.menufix .header_6_0_0_box_2 {
    background: none;
}

.header_6_0_0.menufix .header_6_0_0_box_2__menu {
    margin: 10px 0;
    justify-content: end;
}

.header_6_0_0.menufix .header_6_0_0_box_2__menu__menuSub {
    border: none;
    padding: 1px 12px;
}

.header_6_0_0.menufix .header_6_0_0_box_2__menu__menuSub:hover {
    border: none;
}

.header_6_0_0.menufix .header_6_0_0_box_2__menu__title {
    color: #000;
}

@media (max-width: 1366px) {
    .header_6_0_0_box_top__newlabel {
        font-size: 13px;
    }
}

@media (max-width: 1280px) {
    .header_6_0_0_box_top {
        min-height: 30px;
        background-size: 100%;
    }

    .header_6_0_0_box_top__new {
        padding-top: 6px;
    }
}

@media (max-width: 1024px) {
    .header_6_0_0_box_top__newlabel {
        line-height: 8px;
        font-size: 11px;
    }

    .header_6_0_0.menufix .header_6_0_0_box_2 {
        background: #fff;
    }

    .header_6_0_0.menufix .header_6_0_0_box_2__menu__menuSub {
        padding: 5px 0;
        border-bottom: 1px dashed #ccc;
    }

    .header_6_0_0.menufix .header_6_0_0_box_2__logosb img {
        margin: 20px 0 0;
    }

    .header_6_0_0 {
        background: #fff;
        height: 65px;
    }

    .header_6_0_0.menufix {
        background: #fff;
    }

    .header_6_0_0 .container {
        padding: 0;
    }

    .header_6_0_0_box_top__new {
        padding-top: 10px;
    }

    .header_6_0_0_box_1 .container {
        justify-content: center;
        position: relative;
    }

    .header_6_0_0_box_1__title {
        display: none;
    }

    .header_6_0_0_box_1_right {
        display: none;
    }

    .header_6_0_0_box_1__logo {
        text-align: center;
        width: 100px;
        margin: 0 auto;
        position: relative;
        display: block;
    }

    .header_6_0_0_box_1__logo img {
        position: static;
        margin: 10px auto 0;
        height: 40px;
        display: block;
    }

    .header_6_0_0_box_1__logo::after {
        display: none;
    }

    .header_6_0_0_box_1__search__icon {
        display: none;
    }

    .header_6_0_0_box_1 .iconMid {
        display: block;
    }

    .header_6_0_0_box_1 .siteHeaderNav {
        position: absolute;
        left: 0;
        color: var(--diva-primary);
        font-size: 35px;
    }

    .icon-callmb {
        width: 35%;
        background-position-x: -40px;
        background-position-y: -3px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall {
        position: absolute;
        right: 0;
        color: #fff;
        font-size: 18px;
        width: 80px;
        height: 60px;
        text-align: center;
        line-height: 0px;
        border-radius: 5px;
        top: 18px;
    }

    /* .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall img {
    width: 100%;
} */
    .header_6_0_0_box_1__button img {
        width: 10px;
        height: 10px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall button {
        border: 2px solid var(--diva-primary);
        padding: 6px;
        border-radius: 100%;
        outline: none;
        background: none;
        /* width: 25px; */
        /* height: 25px; */
        margin: 0 auto;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall button span {
        font-size: 25px;
        color: #095998;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall button svg {
        width: 16px;
        fill: var(--diva-primary);
        color: var(--diva-primary);
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall button i {
        color: var(--diva-primary);
    }

    .header_6_0_0_box_2 {
        display: none;
        width: 270px;
        background: #fff;
        position: fixed;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 3;
        overflow: auto;
        padding-bottom: 20px;
    }

    .header_6_0_0_box_2 .container {
        display: block;
        width: 270px;
    }

    .header_6_0_0_box_2__logosb {
        text-align: center;
    }

    .header_6_0_0_box_2__menu {
        display: block;
        margin: 30px 0;
    }

    .header_6_0_0_box_2__menu__menuSub {
        position: relative;
        padding: 7px 0;
        border-bottom: 1px dashed #ccc;
        border-top: none;
        display: block;
    }

    .header_6_0_0_box_2__menu__menuSub:last-child {
        border: none;
    }

    .header_6_0_0_box_2__menu__menuSub .menu-icon {
        display: block;
        font-size: 11px;
        color: #000;
        font-style: initial;
        font-weight: 600;
    }

    .header_6_0_0_box_2__menu__menuSub .icon-minus::before {
        content: "─";

    }

    .header_6_0_0_box_2__menu__menuSub .arr::before {
        display: none;
    }

    .header_6_0_0_box_2__menu__menuSub a {
        border-top: none;
    }

    .header_6_0_0_box_2__menu__menuSub:hover {
        border-top: none;
        display: block;
        animation: opac 0.4s;
        transition: 0.4s;
    }

    .header_6_0_0_box_2__menu__menuSub:hover>a {
        color: var(--diva-primary);
        border-top: none;
    }

    .header_6_0_0_box_2__menu__menuSubBox {
        position: inherit;
        top: 0;
        right: 0;
        border-radius: 0;
        width: 100%;
        padding: 10px;
        background-color: var(--diva-primary);
        border: none;
    }

    .header_6_0_0_box_2__menu__menuSubBox .col-lg-4,
    .header_6_0_0_box_2__menu__menuSubBox .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .header_6_0_0_box_2__menu__menuSubBox ul li {
        border-bottom: 1px dashed #ccc;
    }

    .header_6_0_0_box_2__menu__menuSubBox ul li a {
        color: #fff;
        padding: 0;
        border-top: none !important;
        font-size: 14px;
    }

    .header_6_0_0_box_2__menu__menuSubBox p {
        font-size: 14px;
        color: #fff;
    }

    .header_6_0_0_box_2__menu__menuSubBox p::after {
        content: "";
        border-bottom: 2px solid #307DAD;
        display: block;
        width: 70px;
        padding-top: 5px;
    }

    .header_6_0_0_box_2__menu__title {
        text-align: left;
        padding: 5px 10px;
    }

    .header_6_0_0_box_2__menu__title br {
        display: none;
    }

    .header_6_0_0_box_2__menu .mntt {
        margin-bottom: 3px;
        margin-top: 3px;
        font-size: 14px;
        color: #f69679;
    }

    .header_6_0_0_box_2__menu .mntt::before {
        display: none;
    }

    .header_6_0_0_box_2__menu__menuSubBox ul li a:hover {
        color: #ffff;
    }

    .header_6_0_0_box_2__social {
        margin-left: 0;
        justify-content: center;
        width: 100%;
    }

    .header_6_0_0_box_2__social a {
        width: 15%;
    }

    .header_6_0_0_box_2__social .face {
        background-position: -73px 0;
    }

    .header_6_0_0_box_2__social .youtu {
        background-position: -130px 0;
    }

    .header_6_0_0_box_2__social .zalo {
        background-position: -185px 0;
    }

    .header_6_0_0_box_2__logosb {
        display: block;
    }

    .header_6_0_0.menufix .header_6_0_0_box_1 {
        display: block;
    }
}

@media (max-width: 812px) {
    .header_6_0_0_box_top {
        min-height: 23px;
    }

    .header_6_0_0_box_top__newlabel {
        display: none;
    }

    .header_6_0_0_box_top__newlabel.lb1 {
        display: block;
    }
}

@media (max-width: 480px) {
    .header_6_0_0_box_2__menu__menuSubBox .box .row {
        margin-right: 0;
        margin-left: 0;
    }

    .header_6_0_0_box_top {
        background: #012c5f;
        min-height: 24px;
        border-radius: 0px 0px 50px 50px;
        border-left: 6px solid var(--diva-red);
        border-right: 6px solid var(--diva-red);
    }

    .header_6_0_0_box_top__new {
        padding-top: 8px;
    }

    .header_6_0_0_box_top__newlabel {
        font-size: 12px;
    }

    .header_6_0_0_box_1__logo img {
        top: 10px;
        left: -10px;
        height: 40px;
    }

    .header_6_0_0_box_1__title {
        color: #62D4FF;
        position: absolute;
        top: 90px;
        display: flex;
        left: 0;
        width: 100%;
        justify-content: center;
        align-items: center;
        background-color: #131439;
        padding: 5px 0;
    }

    .header_6_0_0_box_1__title h2 {
        font-size: 13px;
        margin-top: 0;
        padding-right: 10px;
        margin-right: 10px;
        border-right: 1px solid #62D4FF;
    }

    .header_6_0_0_box_1__title p {
        margin-bottom: 0;
    }

    .icon-callmb {
        width: 40%;
        background-position-x: -36px;
    }

    .header_6_0_0_box_1 .siteHeaderNav {
        left: 10px;
        font-size: 30px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall {
        right: 0px;
        height: 40px;
        top: 12px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall img {
        width: 100%;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall i {
        color: var(--diva-primary);
        border: 2px solid var(--diva-primary);
        padding: 5px 7px;
        border-radius: 100%;
        font-size: 14px;
        line-height: 30px;
    }

    .header_6_0_0_box_2__menu__menuSubBox ul li {
        font-size: 13px;
    }

    .header_6_0_0_box_2__social a .header_6_0_0_box_2__social_pic {
        display: none;
    }

    .header_6_0_0_box_2__social a .header_6_0_0_box_2__social_pic2 {
        display: block;
    }
}

@media (max-width: 375px) {
    .header_6_0_0_box_1 .siteHeaderNav {
        left: 10px;
        font-size: 28px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall {
        right: 0px;
        height: 30px;
        font-size: 16px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall img {
        width: 100%;
    }

}

@media (max-width: 320px) {
    .header_6_0_0_box_top {
        min-height: 21px;
        background-size: 100%;
    }

    .header_6_0_0_box_top__new {
        padding-top: 6px;
    }

    .header_6_0_0_box_top__newlabel {
        font-size: 11px;
    }

    .header_6_0_0_box_1 .header_6_0_0_box_1__siteHeaderCall {
        right: -6px;
    }
}

/* ============================================================
   FIX 2026-09-25 (chị Thảo phát hiện khi cuộn trang, ≤549px):
   header mobile tràn — box_top(24px)+box_1(50px)=74-89px thật sự
   nhưng header fixed cứng height:65px (.header_6_0_0{height:65px}
   trong @media max-width:1024px phía trên) → logo/icon lòi ra
   ngoài. Lúc cuộn (.menufix) càng lệch hơn vì 2 rule cũ trong cùng
   khối 1024px: (a) `.menufix .header_6_0_0_box_2__logosb img{margin:
   20px 0 0}` (~dòng 542) đẩy logo khối box_2 xuống, (b) `.menufix
   .header_6_0_0_box_1{display:block}` (~dòng 826) bật lại hàng
   box_1 nhưng mất display:flex nên rơi về layout absolute cũ.

   Viết lại toàn bộ header mobile ≤549px thành 1 khối duy nhất, neo
   bằng #header_6_0_0 (specificity ID) để THẮNG CHẮC CHẮN mọi rule
   cũ ở trên (không cần dò/sửa từng rule rải rác ở nhiều breakpoint
   1024/812/480/375/320 — rủi ro bỏ sót thấp hơn). Không đụng
   >549px (desktop/tablet giữ nguyên như cũ). */
@media (max-width: 549px) {
    #header_6_0_0 {
        height: 84px; /* box_top 28px + box_1 56px */
        transition: height .2s ease;
    }

    #header_6_0_0 .header_6_0_0_box_top {
        width: 100%;
        min-height: 0;
        height: 28px;
        margin: 0;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    #header_6_0_0 .header_6_0_0_box_top__new {
        padding: 0;
        width: 100%;
    }

    #header_6_0_0 .header_6_0_0_box_top__newlabel {
        font-size: 11px;
        line-height: 28px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 14px;
        margin: 0;
    }

    #header_6_0_0 .header_6_0_0_box_1 {
        height: 56px;
        padding: 0;
        position: relative;
    }

    #header_6_0_0 .header_6_0_0_box_1 .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 56px;
        padding: 0 12px;
    }

    /* Trái: nút menu (hamburger) */
    #header_6_0_0 .iconMid.siteHeaderNav {
        order: 1;
        position: static;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        font-size: 22px;
        color: var(--diva-primary, var(--diva-primary));
        flex: 0 0 40px;
    }

    /* Giữa: logo, căn giữa tuyệt đối nhờ 2 cụm nút trái/phải cùng 40px */
    #header_6_0_0 .header_6_0_0_box_1_left {
        order: 2;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 0;
    }

    #header_6_0_0 .header_6_0_0_box_1__logo {
        width: auto;
        margin: 0;
        position: static;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header_6_0_0 .header_6_0_0_box_1__logo a {
        display: flex;
        align-items: center;
    }

    #header_6_0_0 .header_6_0_0_box_1__logo img {
        position: static;
        top: auto;
        left: auto;
        margin: 0;
        height: 40px;
        max-height: 40px;
        width: auto;
        display: block;
    }

    #header_6_0_0 .header_6_0_0_box_1__logo::after {
        display: none;
    }

    /* Phải: cụm nút (icon gọi điện cũ ẩn — đã có nút Gọi điện riêng ở
       cụm icon nổi float-island; icon đó hotlink ảnh từ domain
       nhakhoaparis.vn, không phải icon của Diva) + nút tìm kiếm */
    #header_6_0_0 .header_6_0_0_box_1__siteHeaderCall {
        order: 3;
        position: static;
        right: auto;
        top: auto;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: 0 0 40px;
    }

    #header_6_0_0 .icon-callmb {
        display: none;
    }

    #header_6_0_0 .icon_search_mb {
        position: static;
    }

    #header_6_0_0 .icon_search_mb button,
    #header_6_0_0 .header_6_0_0_box_1__button {
        width: 40px !important;
        height: 40px !important;
        min-height: 40px !important; /* Flatsome core đặt min-height theo font-size responsive (vw) cho button, lớn hơn 40px và đè cả height:!important — ép luôn min-height mới đúng 40×40 thật */
        min-width: 40px !important;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #header_6_0_0 .icon_search_mb button svg,
    #header_6_0_0 .header_6_0_0_box_1__button svg {
        width: 22px;
        height: 22px;
        color: var(--diva-primary, var(--diva-primary));
    }

    /* Trạng thái cuộn (.menufix): ẩn thanh xanh, thu gọn header còn
       đúng 56px (chiều cao hàng trắng), giữ nguyên layout flex ở trên
       (không rơi về display:block như rule cũ ~dòng 826). */
    #header_6_0_0.menufix {
        height: 56px;
    }

    #header_6_0_0.menufix .header_6_0_0_box_top {
        display: none;
    }

    #header_6_0_0.menufix .header_6_0_0_box_1,
    #header_6_0_0.menufix .header_6_0_0_box_1 .container {
        display: flex;
        height: 56px;
    }

    #header_6_0_0.menufix .header_6_0_0_box_1__logo img {
        margin: 0; /* fix (a)/(b): không còn đẩy lệch logo lúc cuộn */
        height: 40px;
    }

    /* box_2 (logo + menu sticky của bản desktop) không dùng cho mobile
       — ẩn hẳn để không chồng lên box_1 lúc cuộn, tránh lặp lại đúng
       lỗi logosb bị đẩy margin 20px đã báo. */
    #header_6_0_0.menufix .header_6_0_0_box_2 {
        display: none;
    }
}

/* ============================================================
   HEADER REDESIGN FIGMA 2026-09-28
   Áp dụng lên desktop (>549px) và cập nhật mobile (≤549px)
   theo thiết kế node 1:158/1:142/1:328/1:312.
   Các rule dưới đây ghi đè rule cũ phía trên nhờ cascade.
   ============================================================ */

/* ── 1. DẢI TAB "HOA KỲ" — navy pill + viền đỏ nhô 2 bên ── */
.header_6_0_0_box_top {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 72%;
    max-width: 843px;
    height: 50px;
    background: var(--diva-red);           /* lớp đỏ ngoài (1:159) */
    border-radius: 0 0 60px 60px;
    margin-bottom: 0;              /* gỡ margin-bottom cũ, không khoảng trống giữa tab và header row */
    overflow: visible;
}

/* Lớp navy bên trong — nhỏ hơn 21px mỗi bên để lộ viền đỏ */
.header_6_0_0_box_top__inner {
    position: absolute;
    top: 0;
    left: 21px;
    right: 21px;
    bottom: 0;
    background: var(--diva-navy);           /* lớp navy trong (1:160) */
    border-radius: 0 0 60px 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.header_6_0_0_box_top__new {
    display: none; /* ẩn markup cũ nếu còn tồn tại */
}

.header_6_0_0_box_top__text {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;
    letter-spacing: 0.01em;
    display: block;
    max-width: 100%;
}

/* ── 2. HÀNG HEADER DESKTOP (>1024px) ── */
.header_6_0_0_box_1 {
    background-color: #fff;
    height: auto;
}

.header_6_0_0_box_1 .container {
    display: flex;
    align-items: center;
    gap: 20px;
    height: 70px;
    padding: 0 15px;
}

/* Trái: logo */
.header_6_0_0_box_1_left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.header_6_0_0_box_1__logo-link {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.header_6_0_0_box_1__logo-img {
    height: 52px;
    width: auto;
    display: block;
}

/* Tên nha khoa cạnh logo: chỉ hiện trên mobile */
.header_6_0_0_box_1__sitename {
    display: none;
}

/* Nav desktop: 5 mục nằm ngang giữa header */
.header_6_0_0_box_1__nav {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.diva-desktop-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.diva-desktop-nav li a {
    display: block;
    font-size: 17px;
    font-weight: 700;
    color: var(--diva-navy);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 4px 0;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, border-color 0.2s;
}

.diva-desktop-nav li a:hover {
    color: var(--diva-red);
    border-bottom-color: var(--diva-red);
}
/* Không override màu theo current-menu-item vì trên trang chủ
   WP tự gán current-menu-item cho mọi anchor link section */

/* Phải: giờ làm việc + nút Đặt lịch */
.header_6_0_0_box_1_right {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 0 0 auto;
    height: auto;
}

.header_6_0_0_box_1__worktime {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.3;
}

.header_6_0_0_box_1__worktime-time {
    font-size: 13px;
    font-weight: 700;
    color: var(--diva-navy);
    display: block;
}

.header_6_0_0_box_1__worktime-date {
    font-size: 12px;
    font-weight: 600;
    color: var(--diva-navy);
    display: block;
}

/* Nút "Đặt lịch hẹn" desktop */
.header_6_0_0_box_1__btndat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--diva-red);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 22px;
    border-radius: 20px;
    white-space: nowrap;
    transition: background 0.2s;
    cursor: pointer;
}

.header_6_0_0_box_1__btndat:hover {
    background: #c92e2c;
    color: #fff;
}

/* Mobile actions: ẩn trên desktop */
.header_6_0_0_box_1__mobile-actions {
    display: none;
}

/* ── 3. BOX_2: chỉ dùng làm slide-in menu trên mobile ── */
/* Ẩn box_2 trên desktop — nav đã nằm trong box_1 */
@media (min-width: 1025px) {
    .header_6_0_0_box_2 {
        display: none !important;
    }
    /* Menufix desktop: giữ box_1, ẩn tab */
    .header_6_0_0.menufix .header_6_0_0_box_1 {
        display: flex;
    }
    .header_6_0_0.menufix .header_6_0_0_box_top {
        display: none;
    }
}

/* ── 4. STICKY DESKTOP: header dính, không nhảy, không phình ── */
.header_6_0_0.menufix {
    box-shadow: 0 2px 16px rgba(0,0,0,0.10);
}

/* ── 5. TABLET (550px – 1024px) ── */
@media (max-width: 1024px) and (min-width: 550px) {
    .header_6_0_0 {
        height: auto;
    }

    .header_6_0_0_box_top {
        width: 72%;
        height: 38px;
        border-radius: 0 0 50px 50px;
    }

    .header_6_0_0_box_top__inner {
        left: 15px;
        right: 15px;
        border-radius: 0 0 50px 50px;
    }

    .header_6_0_0_box_top__text {
        font-size: 12px;
    }

    .header_6_0_0_box_1 .container {
        height: 60px;
        padding: 0 15px;
    }

    .header_6_0_0_box_1__logo-img {
        height: 42px;
    }

    /* Ẩn nav desktop, giờ, nút desktop — dùng hamburger */
    .header_6_0_0_box_1__nav,
    .header_6_0_0_box_1_right {
        display: none;
    }

    /* Hiện mobile actions (hamburger) */
    .header_6_0_0_box_1__mobile-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex: 0 0 auto;
    }

    /* Reset position cũ bị gán từ .siteHeaderNav rule trên */
    .header_6_0_0_box_1__hamburger.siteHeaderNav {
        position: static;
        left: auto;
        font-size: unset;
    }

    .header_6_0_0_box_1_left {
        flex: 1;
        justify-content: flex-start;
    }

    /* Ẩn tên nha khoa bên cạnh logo trên tablet */
    .header_6_0_0_box_1__sitename {
        display: none;
    }

    /* menufix tablet: ẩn tab, giữ box_1 */
    .header_6_0_0.menufix .header_6_0_0_box_top {
        display: none;
    }
    .header_6_0_0.menufix .header_6_0_0_box_1 {
        display: block;
    }
}

/* ── 6. MOBILE ≤549px — ghi đè và bổ sung block fix cũ ── */
@media (max-width: 549px) {
    #header_6_0_0 {
        height: auto;
        min-height: 86px; /* tab 30px + row 56px */
    }

    /* Tab mobile: nhỏ hơn, radius 25px */
    #header_6_0_0 .header_6_0_0_box_top {
        width: 72%;
        max-width: 320px;
        height: 30px;
        border-radius: 0 0 25px 25px;
        margin: 0 auto;
    }

    #header_6_0_0 .header_6_0_0_box_top__inner {
        left: 7px;
        right: 7px;
        border-radius: 0 0 25px 25px;
    }

    #header_6_0_0 .header_6_0_0_box_top__text {
        font-size: 11px;
        padding: 0 10px;
    }

    /* Hàng header mobile */
    #header_6_0_0 .header_6_0_0_box_1 {
        height: 56px;
        padding: 0;
        position: relative;
    }

    #header_6_0_0 .header_6_0_0_box_1 .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 56px;
        padding: 0 12px;
        gap: 8px;
    }

    /* Trái: logo + tên */
    #header_6_0_0 .header_6_0_0_box_1_left {
        order: 1;
        flex: 1;
        min-width: 0;
        gap: 8px;
        overflow: hidden;
        justify-content: flex-start;
    }

    #header_6_0_0 .header_6_0_0_box_1__logo-img {
        height: 36px;
        flex-shrink: 0;
    }

    /* Tên nha khoa hiện trên mobile */
    #header_6_0_0 .header_6_0_0_box_1__sitename {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    #header_6_0_0 .header_6_0_0_box_1__sitename span {
        display: block;
        font-size: 11px;
        font-weight: 700;
        color: var(--diva-navy);
        line-height: 1.3;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Ẩn nav desktop và phần phải desktop */
    #header_6_0_0 .header_6_0_0_box_1__nav,
    #header_6_0_0 .header_6_0_0_box_1_right {
        display: none;
    }

    /* Mobile actions: Đặt lịch + hamburger */
    #header_6_0_0 .header_6_0_0_box_1__mobile-actions {
        order: 2;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    /* Nút "Đặt lịch" mobile */
    #header_6_0_0 .header_6_0_0_box_1__btndat-mb {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: var(--diva-red);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
        padding: 7px 14px;
        border-radius: 12px;
        white-space: nowrap;
        cursor: pointer;
    }

    /* Hamburger button */
    #header_6_0_0 .header_6_0_0_box_1__hamburger {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        min-height: 0;
        background: none;
        border: none;
        padding: 0;
        margin: 0;
        cursor: pointer;
        flex-shrink: 0;
        position: static;
        left: auto;
        font-size: 0;
        line-height: 1;
    }

    /* Ẩn các phần tử cũ không còn dùng */
    #header_6_0_0 .icon-callmb,
    #header_6_0_0 .icon_search_mb,
    #header_6_0_0 .iconMid.siteHeaderNav,
    #header_6_0_0 .header_6_0_0_box_1__siteHeaderCall {
        display: none !important;
    }

    /* Menufix mobile: ẩn tab, header row co lại 56px */
    #header_6_0_0.menufix {
        height: auto;
        min-height: 56px;
    }

    #header_6_0_0.menufix .header_6_0_0_box_top {
        display: none;
    }

    #header_6_0_0.menufix .header_6_0_0_box_1,
    #header_6_0_0.menufix .header_6_0_0_box_1 .container {
        height: 56px;
        display: flex;
    }
}

/* ============================================================
   SMOOTH ANCHOR NAVIGATION (2026-09-28)
   scroll-margin-top = chiều cao header lúc đã cuộn (sticky) + 10px buffer.
   Desktop sticky: 70px → 80px | Tablet sticky: 60px → 70px | Mobile sticky: 56px → 66px
   ============================================================ */

html {
    scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}

/* 4 section anchors — desktop default */
#dich-vu-tieu-bieu,
#vi-sao-chon-diva,
#doi-ngu-bac-si,
#hinh-anh-khach-hang,
#lien-he {
    scroll-margin-top: 80px;
}

@media (max-width: 1024px) and (min-width: 550px) {
    #dich-vu-tieu-bieu,
    #vi-sao-chon-diva,
    #doi-ngu-bac-si,
    #hinh-anh-khach-hang,
    #lien-he {
        scroll-margin-top: 70px;
    }
}

@media (max-width: 549px) {
    #dich-vu-tieu-bieu,
    #vi-sao-chon-diva,
    #doi-ngu-bac-si,
    #hinh-anh-khach-hang,
    #lien-he {
        scroll-margin-top: 66px;
    }
}

/* Active nav link (set via JS IntersectionObserver) */
.diva-desktop-nav li a.diva-nav-active {
    color: var(--diva-accent, var(--diva-accent));
    border-bottom-color: var(--diva-accent, var(--diva-accent));
}
.header_6_0_0_box_2__menu__title.diva-nav-active {
    color: var(--diva-accent, var(--diva-accent));
}

/* ============================================================
   MOBILE MENU SLIDE-FROM-RIGHT (2026-09-28)
   Vấn đề cũ:
   (a) .header_6_0_0_box_2 { display:none } (media 1024px)
       + #header_6_0_0.menufix .header_6_0_0_box_2 { display:none }
       (specificity ID, media 549px) đè lên .active { display:block }
       → menu không mở khi đã cuộn (có .menufix).
   (b) animation: animateleft (@keyframes không khai báo trong file này)
       → hiệu ứng giật hoặc không chạy.
   Giải pháp: luôn display:block, ẩn/hiện bằng visibility + transform.
   Rule này nằm SAU tất cả rule cũ nên cascade thắng chắc.
   ============================================================ */
@media (max-width: 1024px) {

    /* Panel menu: luôn rendered, ẩn bằng transform ra bên PHẢI */
    .header_6_0_0_box_2 {
        display: block !important;
        left: auto;
        right: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(100%);
        transition: transform 0.25s ease, visibility 0s linear 0.25s;
        animation: none !important; /* gỡ animateleft cũ */
    }

    .header_6_0_0_box_2.active {
        display: block !important;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
        transition: transform 0.25s ease, visibility 0s linear 0s;
        animation: none !important;
    }

    /* Override rule ID-selector cũ (đây là rule đã gây lỗi khi cuộn) */
    #header_6_0_0.menufix .header_6_0_0_box_2 {
        display: block !important;
        /* visibility/transform được kiểm soát bởi .active phía trên */
    }

    /* Đảm bảo header row (box_1) luôn nằm TRÊN menu panel (box_2, z-index:3)
       trong stacking context của #header_6_0_0, để nút hamburger
       vẫn bấm được khi menu đang mở */
    .header_6_0_0_box_1 {
        position: relative;
        z-index: 10;
    }

    /* Overlay: fade-in thay vì bật/tắt đột ngột */
    .header_6_0_0_box_3 {
        display: block !important;
        opacity: 0;
        visibility: hidden;
        animation: none !important;
        transition: opacity 0.25s ease, visibility 0s linear 0.25s;
    }

    .header_6_0_0_box_3.active {
        display: block !important;
        opacity: 1;
        visibility: visible;
        transition: opacity 0.25s ease, visibility 0s linear 0s;
    }
}
/* ============================================================
   MENU MOBILE — LÀM GỌN (29/9)
   Panel trắng 300px nằm TRÊN header (có nút đóng riêng); đầu panel là
   logo nhỏ 40px + "Nha khoa DIVA / Hải Dương" giống header (thay logo to
   270×290 cũ); mục menu chữ navy đậm, vùng chạm cao 52px, mũi tên nhỏ bên
   phải, mục đang xem tô xanh + vạch trái; chân panel: nút "Đặt lịch thăm
   khám" + hotline. Nền tối phía sau mờ nhẹ.
   ============================================================ */
.diva-mnav__head,.diva-mnav__foot{display:none;}
@media (max-width:1024px){
	#header_6_0_0 .header_6_0_0_box_2,
	.header_6_0_0_box_2{
		position:fixed !important;top:0 !important;right:0;bottom:0;left:auto !important;
		width:300px !important;max-width:86vw;height:100% !important;z-index:1000 !important;
		background:#fff !important;box-shadow:-12px 0 30px rgba(var(--diva-navy-rgb),.18);
		overflow-y:auto;border-radius:22px 0 0 22px;padding:0 !important;
	}
	.header_6_0_0_box_2 > .container{
		display:flex !important;flex-direction:column;align-items:stretch !important;justify-content:flex-start !important;
		min-height:100%;padding:0 !important;max-width:none !important;
	}
	.header_6_0_0_box_2 .header_6_0_0_box_2__logosb{display:none !important;}
	.header_6_0_0_box_3{z-index:999 !important;background:rgba(var(--diva-navy-rgb),.45) !important;backdrop-filter:blur(2px);}

	.diva-mnav__head{
		display:flex;align-items:center;justify-content:space-between;gap:12px;
		padding:16px 16px 14px 20px;border-bottom:1px solid #eef0f5;
	}
	.diva-mnav__brand{display:flex;align-items:center;gap:10px;text-decoration:none;}
	.diva-mnav__brand img{width:40px;height:40px;object-fit:contain;border-radius:8px;}
	.diva-mnav__brand span{display:flex;flex-direction:column;line-height:1.2;color:var(--diva-navy);}
	.diva-mnav__brand b{font-size:15px;font-weight:700;}
	.diva-mnav__brand small{font-size:13px;font-weight:500;color:#4a5170;}
	.diva-mnav__close{
		width:38px;height:38px;border-radius:50%;border:0;padding:0;margin:0;cursor:pointer;
		display:flex;align-items:center;justify-content:center;background:#f1f3f8;color:var(--diva-navy);
		transition:background-color .2s,color .2s;
	}
	.diva-mnav__close:hover{background:var(--diva-navy);color:#fff;}

	.header_6_0_0_box_2 .header_6_0_0_box_2__menu{
		display:block !important;margin:8px 0 0 !important;padding:0 12px !important;width:auto !important;
	}
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__menuSub{
		display:block !important;border:0 !important;padding:0 !important;margin:0 !important;
	}
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__title{
		position:relative;display:flex !important;align-items:center;justify-content:space-between;
		min-height:52px;padding:0 14px 0 16px !important;border-radius:14px;
		color:var(--diva-navy) !important;font-size:15px !important;font-weight:700 !important;
		text-transform:uppercase;letter-spacing:.02em;text-decoration:none;border:0 !important;
		transition:background-color .2s,color .2s;
	}
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__title::after{
		content:'';width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor;
		transform:rotate(45deg);opacity:.45;flex:0 0 auto;
	}
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__title:hover,
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__title.diva-nav-active{background:#eef6fc;color:var(--diva-accent) !important;}
	.header_6_0_0_box_2 .header_6_0_0_box_2__menu__title.diva-nav-active::before{
		content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--diva-accent);
	}

	.diva-mnav__foot{
		display:flex;flex-direction:column;gap:12px;margin-top:auto;padding:20px 20px 28px;
		border-top:1px solid #eef0f5;
	}
	.diva-mnav__cta{
		display:flex;align-items:center;justify-content:center;height:46px;border-radius:23px;
		background:var(--diva-red);color:#fff !important;font-size:15px;font-weight:700;text-transform:uppercase;
		text-decoration:none;box-shadow:0 6px 16px rgba(var(--diva-red-rgb),.3);
	}
	.diva-mnav__cta:hover{background:#c9302c;}
	.diva-mnav__hotline{text-align:center;font-size:13px;color:#4a5170 !important;text-decoration:none;}
	.diva-mnav__hotline b{color:var(--diva-navy);}
}
/* Ẩn cụm icon nổi khi menu mobile đang mở (không đè lên menu) */
body:has(#headerMenu.active) .diva-float-island{opacity:0;visibility:hidden;pointer-events:none;}