html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: clip;
}

.lenis.lenis-smooth iframe {
    pointer-events: none;
}

.adt-contact-form .row {
    row-gap: calc(var(--adt-grid-gap) * 2);
}

.adt-form-input:focus {
    border-color: var(--adt-primary-color);
    outline: 0;
}

textarea.adt-form-input {
    min-height: 120px;
    resize: vertical;
}

.adt-form-input.wpcf7-not-valid {
    border-color: red !important;
}

.form-group-tv .wpcf7-not-valid-tip {
    position: absolute;
}

.wpcf7-not-valid-tip {
    margin-top: 6px;
    font-size: 14px;
    color: red;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    margin: 50px 0 0;
    padding: 12px 15px;
    border-left: 5px solid;
    border-radius: var(--adt-border-radius);
}

.wpcf7 form.invalid .wpcf7-response-output {
    border-color: red;
    color: red;
    background: #fff5f5;
}

.wpcf7-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

.adt-form-quantity p {
    display: flex;
    align-items: center;
}

.adt-form-quantity .wpcf7-form-control-wrap {
    flex: 0 0 auto;
    width: 62px;
    margin-right: 16px;
}

.adt-form-quantity .wpcf7-form-control-wrap input {
    text-align: center;
}

.adt-form-quantity span b {
    color: red;
}

.product-bg {
    background: linear-gradient(180deg,
        rgba(129, 130, 188, 0.3) 0.03%,
        rgba(129, 130, 188, 0.2) 58.65%,
        rgba(129, 130, 188, 0) 99.97%);
}



@media (min-width: 1025px) {
    .adt-footer-main-wrap {
        --adt-grid-gap: 20px;
    }

    .adt-footer-main-wrap .adt-footer-col:first-child {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .adt-footer-main-wrap .adt-footer-col:nth-child(2) {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .adt-footer-main-wrap .adt-footer-col:nth-child(3) {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .adt-footer-main-wrap .adt-footer-col:nth-child(4) {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }

    .adt-footer-main-wrap .adt-footer-col:first-child .widget_text img {
        margin-bottom: 0;
    }

    .adt-footer-main-wrap .adt-footer-col:nth-child(2) .widget_text p:first-child {
        padding-right: 70px;
    }

    .adt-footer-main-wrap .adt-footer-col:nth-child(4) .widget {
        text-align: end;
    }

    .adt-footer-col .adt-socials {
        justify-content: flex-end;
    }
}


/* box-about */
section.home-about {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.home-about ._overlay-product {
    position: relative;
    width: 100%;
    padding-bottom: 46.7%;
    /* Tỉ lệ chiều cao 266/569 */
}

.home-about ._overlay-product picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-about ._overlay-product img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}



.home-about ._box-review {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.home-about ._txt-star {
    font-weight: 600;
    line-height: 24px;
    font-size: 18px;
}

.home-about ._star {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.home-about ._star ._txt-star {
    color: red;
}

.home-about ._box_social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 60px;
}

.home-about ._list-social {
    border-radius: 10px;
    border: 1px solid #717AB5;
    background: #E9E9E9;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 3px 15px;
}

.home-about .box_about {
    padding: 50px 0;
    border-radius: 20px;
    border: 1px solid #9678B0;
    background: linear-gradient(280deg, rgba(228, 225, 246, 0.90) -0.33%, rgba(249, 246, 246, 0.90) 49.51%, rgba(228, 225, 246, 0.90) 99.36%);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.home-about ._about-product p {
    margin-bottom: 0;
}

.home-about .fitwith-box-content {
    padding: 0 100px;
}

.home-about .fitwith-wrap {
    --adt-grid-gap: 20px;
}

.home-about .fitwith-item-image {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    border-radius: 100%;
    border: 2px solid var(--adt-primary-color);
    margin-bottom: 20px;
}

.home-about .fitwith-item-image picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.home-about .fitwith-item-title .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    color: var(--adt-primary-color);
}

.home-about ._add-to-cart a,
._price a {
    background: red;
}

@media (max-width: 576px) {
    .home-about .fitwith-box-content {
        padding: 0 10px;
    }

    .home-about .box_about {
        padding: 30px 15px;
    }

    .home-about ._box-review {
        gap: 10px;
        flex-wrap: wrap;
        align-items: center;
    }

    .home-about ._star {
        justify-content: center;
        flex-wrap: wrap;
        order: 1;
    }

    .home-about ._review,
    .home-about ._sales {
        display: inline;
        order: 2;
    }

    .home-post .post-item-title {
        font-size: 16px !important;
    }

    .home-about ._txt-star {
        font-size: 16px;
    }

    .home-about ._overlay-product picture img {
        max-width: 100%;
        height: auto;
    }

    .home-about ._about-product {
        padding-top: 20px;
    }

    .home-about ._box_social {
        align-items: center;
        gap: 20px;
        margin-top: 0px;

        /* Cập nhật hiển thị để xếp nút và giá cùng hàng */
        display: flex;
        flex-wrap: wrap;
    }

    .home-about ._price,
    .home-about ._add-to-cart {
        order: 1;
        display: inline-block;
        margin: 0 5px;
    }

    .home-about ._price a,
    .home-about ._add-to-cart a {

        text-align: center;
    }

    .home-about ._list-social {
        order: 2;
        gap: 20px;
        padding: 5px 10px;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        display: flex;
    }

    .home-about ._list-social img {
        width: 80px;
        height: auto;
    }

}

@media (min-width:577px) and (max-width:992px) {
    .home-about .fitwith-box-content {
        padding: 0 15px;
    }

    .home-about ._price a,
    .home-about ._add-to-cart a {
        width: auto;
        padding: 10px 20px;
        text-align: center;
    }

    .home-about ._list-social {
        order: 2;
        gap: 20px;
        padding: 5px 10px;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        display: flex;
    }

    .home-about ._price,
    .home-about ._add-to-cart {
        order: 1;
        display: inline-block;
        margin: 0 5px;
    }

    .home-about ._box_social {
        align-items: center;
        gap: 20px;
        margin-top: 0px;
        display: flex;
        flex-wrap: wrap;
    }
}

/* end-box-about */

/* home-fitwith */
@media (max-width:576px) {
    .home-fitwith ._box_tab-item {
        flex-direction: column;
    }

    .home-about .sec-title {
        margin-bottom: 0;
    }

    .home-fitwith .overlay_tab-item {
        width: 100%;
        padding-top: 65.21%;
    }

    .home-fitwith .row.fitwith-tab-content,
    .home-fitwith .fitwith-item.active::after {
        display: none;
    }

    .home-fitwith .fitwith-item {
        min-height: 250px;
    }
}

@media (min-width:577px) and (max-width:992px) {

    .home-fitwith .row.fitwith-tab-content,
    .home-fitwith .fitwith-item.active::after {
        display: none;
    }
}

/*end- home-fitwith */

/* home-ingredient */
.home-ingredient .ingredient-list {
    row-gap: 40px;
}

.home-ingredient .sec-title .name_ingredient-item-en {
    padding: 20px 0 30px 0;
    font-weight: 500;
}

.home-ingredient .ingredient-item {
    background: linear-gradient(0deg, #8182BC -0.03%, #5D63AA 58.62%, #3A4A9B 99.97%);
    border-radius: 20px;
    padding: 25px;
    color: #fff;
    position: relative;
    margin: 0 15px;
}


.home-ingredient .ingredient-item-image {
    position: absolute;
    top: -35px;
    right: -30px;
    width: 200px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    border: 8px solid #fff;
    overflow: hidden;
}

.home-ingredient .ingredient-item-image picture {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.home-ingredient .ingredient-item-content h2,
.home-ingredient .ingredient-item-content h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}

.home-ingredient .ingredient-item-content p {
    margin: 0;
    font-size: 16px;
}

.home-ingredient .ingredient-item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 240px;
}

.home-ingredient .name_ingredient-item-vi {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
}

.home-ingredient .name_ingredient-item-en {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.home-ingredient .desc_ingredient-item {
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

@media (max-width: 576px) {
    .home-ingredient .ingredient-item {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .home-ingredient .ingredient-item::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
        /* ví dụ mask kiểu gradient đen */
        pointer-events: none;
        /* để không ảnh hưởng đến thao tác người dùng */
        z-index: 1;
    }

    .home-ingredient .ingredient-item-content,
    .home-ingredient .ingredient-item-image {
        position: relative;
        z-index: 2;
    }

    .home-ingredient .ingredient-item-image {
        position: static;
        margin: 0 auto 20px;
        width: 160px;
        border-width: 6px;
    }

    .home-ingredient .ingredient-item-content {
        min-height: auto;
        text-align: center;
        position: relative;
    }

    .home-ingredient .name_ingredient-item-vi {
        font-size: 18px;
    }

    .home-ingredient .name_ingredient-item-en {
        font-size: 16px;
        line-height: 20px;

    }

    .home-ingredient .desc_ingredient-item {
        font-size: 16px;
        display: none;

    }

    .home-ingredient .sec-title .name_ingredient-item-en {
        padding: 15px 0 20px;
        font-size: 15px;
        text-align: center;
    }

    .home-ingredient .sec-title .title {
        font-size: 16px;
    }

    .home-ingredient .sec-title-sub p {
        font-size: 16px;
    }
}


@media (min-width: 1200px) and (max-width:1440px) {
    .home-ingredient .ingredient-item-content {
        min-height: 150px;
    }

    .home-ingredient .ingredient-item-image {
        width: 150px;
    }

    .home-ingredient .name_ingredient-item-vi {
        font-size: 20px;
    }

    .home-ingredient .ingredient-item-content p {
        font-size: 14px;
    }

    .home-ingredient .desc_ingredient-item {
        font-size: 16px;
    }

    .home-post .small-post .post-item-image {
        width: 120px !important;
        height: 100px !important;
    }

    .home-post .sec-more {
        margin-top: 0px;
    }

    .home-post .post-item-title {
        font-size: 16px !important;
    }

    .post-item-meta {
        font-size: 14px;
    }

    .home-form ._box-input {
        width: 250px !important;
    }

    .post-single-title {
        font-size: 24px;
    }
}



@media (min-width: 1025px) and (max-width:1280px) {
    .home-ingredient .ingredient-item-content {
        min-height: 150px;
    }

    .home-ingredient .ingredient-item-image {
        width: 140px;
    }

    .home-ingredient .name_ingredient-item-vi {
        font-size: 20px;
    }

    .home-ingredient .ingredient-item-content p {
        font-size: 14px;
    }

    .home-ingredient .desc_ingredient-item {
        font-size: 16px;
    }

    .home-about .fitwith-box-content {
        padding: 0 60px;
    }
}

@media (min-width:577px) and (max-width:992px) {
    .home-ingredient .ingredient-item {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
    }

    .home-ingredient .ingredient-item::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
        /* ví dụ mask kiểu gradient đen */
        pointer-events: none;
        /* để không ảnh hưởng đến thao tác người dùng */
        z-index: 1;
    }

    .home-ingredient .ingredient-item-content,
    .home-ingredient .ingredient-item-image {
        position: relative;
        z-index: 2;
    }

    .home-ingredient .ingredient-item-image {
        position: static;
        margin: 0 auto 20px;
        width: 160px;
        border-width: 6px;
    }

    .home-ingredient .ingredient-item-content {
        min-height: auto;
        text-align: center;
        position: relative;
    }

    .home-ingredient .name_ingredient-item-vi {
        font-size: 18px;
    }

    .home-ingredient .name_ingredient-item-en {
        font-size: 16px;
        line-height: 20px;

    }

    .home-ingredient .desc_ingredient-item {
        font-size: 16px;
        display: none;

    }

    .home-ingredient .sec-title .name_ingredient-item-en {
        padding: 15px 0 20px;
        font-size: 15px;
        text-align: center;
    }


    /* .home-ingredient .sec-title-sub p {
        font-size: 18px;
    } */
}

@media (min-width:1200px) and (max-width:1440px) {
    .home-ingredient .ingredient-item {
        margin: 0;
    }
}


/* end-home-ingredient */



/* home-product */
._hotline {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 15px;
    gap: 10px;
}

._icon-hotline {
    border-radius: 50%;
    border: 1px solid #111083;
    padding: 12px;
    height: 65px;
}

._col-2 a {
    font-size: 35px;
    color: #d40000;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
}

.home-product .product-banner img {
    border-radius: 20px;
}

.home-product ._sales-program p {
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 15px;
}

.home-product ._product-order .adt-contact-form ._name-form {
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    color: #000;
    margin-top: 25px;
    margin-bottom: 15px;
}

.home-product .order-table span.wpcf7-not-valid-tip {
    display: none;
}

.home-product ._product-order .adt-contact-form .row {
    row-gap: 0;
}

.home-product ._unit-price ._1st-prod {
    font-weight: 500;
    padding-bottom: 5px;
}

.home-product ._unit-price ._1st-prod ._price-prod {
    color: #f00;
}

.home-product .product-wrap .adt-contact-form {
    --adt-grid-gap: 8px;
}

.home-product .product-wrap .form-actions {
    margin-top: 10px;
}

.home-product .adt-form-input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 20px;
    font-size: 16px;
    margin-bottom: 15px;
}

.home-product .order-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.home-product .order-table th {
    background-color: #717AB5;
    padding: 10px;
    border: 1px solid #ddd;
}

.home-product .order-table td {
    padding: 5px 10px;
    border: 1px solid #ddd;
}

.home-product .quantity-input {
    width: 100%;
    text-align: center;
    border-radius: 0;
    height: 30px;
    padding: 0;
}

.home-product .note-shipping {
    color: #4A50A2;
    font-weight: bold;
    margin-top: 0;
}

.home-product .order-table thead th p {
    text-align: center;
}

.home-product .order-table tbody tr td p {
    text-align: left;
}

.home-product .order-table .text-right p {
    text-align: right !important;
}

.home-product .order-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* Tối ưu hóa cho thiết bị cảm ứng */
}

.home-product .order-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.home-product .order-table th,
.order-table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
}

.home-product .order-table th {
    font-weight: 500;
    color: #fff;
}

.home-product .order-table td {
    vertical-align: middle;
}

@media (max-width: 576px) {

    .home-product .order-table th,
    .home-product .order-table td {
        padding: 8px;
    }

    .home-product .order-table td {
        font-size: 14px;
    }

    .home-product .adt-form-input {
        font-size: 14px;
    }

    .home-product .text-right {
        text-align: left !important;
        font-size: 14px;
    }

    .home-product ._hotline {
        /* align-items: center;
        justify-content: center;
        margin: 30px 0; */
        display: none;
    }

    .home-product .product-wrap .form-actions {
        text-align: center !important;
    }

    .home-product ._sales-program {
        margin-top: 30px;
    }

    .home-product .order-table th {
        font-size: 14px;
    }

}

@media (min-width:577px) and (max-width:992px) {
    .home-product ._hotline {
        display: none;
    }

    .home-product ._sales-program {
        margin-top: 50px;
    }

    .home-product .product-wrap .form-actions,
    .home-product .note-shipping {
        text-align: center !important;
    }
}

/* end-home-product */

/* home-form */
.home-form {
    background: #717AB5;
}

.home-form ._form-row {
    align-items: center;
}

.home-form .sec-title {
    margin-bottom: 0;
}

.form-group-tv {
    display: flex;
    align-items: center;
    gap: 30px;
}

.home-form ._form-row p {
    display: flex;
    column-gap: 15px;
    align-items: center;
}

.home-form ._form-btn p {
    margin-bottom: 0;
    position: relative;
}

.home-form ._box-input {
    width: 320px;
}

.home-form ._form-btn input {
    --background-color: #111083 !important;
    text-transform: uppercase;
}

.home-form .sec-title-main .title::after {
    display: none;
}

.home-form .sec-title-sub {
    color: #fff;
    text-transform: unset;
    text-align: right;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px
}

.home-form .sec-title-main {
    text-align: right;
}

.home-form .sec-title-main .title {
    color: #fff;
    text-align: right;
    padding-bottom: 0;
}

@media (max-width: 576px) {
    .home-form ._form-row {
        flex-direction: column;
        text-align: center;
    }

    .home-form .sec-title {
        margin-bottom: 20px;
    }

    .home-form .sec-title-sub {
        font-size: 20px;
        text-align: center;
    }

    .home-form .sec-title-main {
        text-align: center;
    }

    .home-form .sec-title-main .title {
        font-size: 28px;
    }

    .form-group-tv {
        flex-direction: column;
        gap: 30px;
    }

    .home-form ._box-input {
        width: 100%;
    }

    .home-form ._form-btn input {
        width: 100%;
    }

    .home-form ._form-row p {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }

    .home-ingredient {
        padding-top: 0 !important;
    }

    .post-item-meta-item.date {
        font-size: 14px;
    }

    .category-tin-tuc .post-list-wrap .small-post .post-item-image {
        flex: 0 0 150px;
        height: 120px;
    }

    .category-tin-tuc .post-item-excerpt p {
        font-size: 14px;
    }

    .home-product .quantity-input {
        width: 100%;
    }
}

/* end-home-form */


/* home-post */
.home-post {
    background: #F5F5F5;
}

.home-post .small-post .post-item {
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

.home-post .small-post .post-item-image {
    flex: 0 0 auto;
    width: 220px;
    height: 150px;
    margin-bottom: 0;
    margin-right: 20px;
}

.home-post .post-item-title {
    font-size: 18px;
}

.home-post .featured-post .post-item-title {
    color: var(--adt-primary-color)
}

.home-post .sec-more {
    text-align: center;
}

@media (max-width:576px) {
    .home-post .small-post {
        margin-top: 30px;
    }

    .home-post .small-post .post-item .post-item-image {
        width: 50%;
        height: auto;
    }
}

@media (min-width:577px) and (max-width:992px) {
    .home-post .small-post {
        margin-top: 50px;
    }
}

/* end-home-post */

/* home-form */
@media (min-width:577px) and (max-width:992px) {

    .home-form .sec-title-sub,
    .home-form .sec-title-main .title,
    .home-form .sec-title-main {
        text-align: center;
    }

    .form-group-tv {
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }
}

/* end-home-form */



@media (min-width:1200px) and (max-width:1280px) {
    .home-about ._box_social {
        align-items: center;
        gap: 20px;
        margin-top: 0px;
        display: flex;
        flex-wrap: wrap;
    }

    .home-about ._price,
    .home-about ._add-to-cart {
        order: 1;
        display: inline-block;
        margin: 0 5px;
    }

    .home-about ._list-social {
        order: 2;
        gap: 20px;
        padding: 2px 10px;
        flex-wrap: wrap;
        justify-content: center;
        width: auto;
        display: flex;
    }
}

@media (min-width:12081px) and (max-width:1440px) {
    .home-about ._box_social {
        gap: 5px;
    }

    .home-about ._add-to-cart a,
    ._price a {
        font-size: 14px;
    }

    .home-about ._list-social {
        padding: 0 15px;
    }
}

@media (min-width:577px) and (max-width:992px) {
    .category-tin-tuc .post-list-wrap .small-post .post-item-image {
        width: 110px;
        height: 90px;
    }

    .category-tin-tuc .post-item-title {
        font-size: 14px;
        -webkit-line-clamp: 3;
    }

    .category-tin-tuc .post-item-meta-item.date,
    .category-tin-tuc .post-item-excerpt {
        font-size: 14px;
    }

    .adt-page-header-title .title {
        font-size: 16px;
        padding-top: 10px;
    }


}

@media (max-width:1024px) and (min-width:768px) {

    .home-about ._add-to-cart a,
    ._price a {
        font-size: 14px;
    }

    .home-about ._list-social {
        padding: 0 15px;
    }

    .home-ingredient .ingredient-item {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        min-height: 300px;
    }

    .home-ingredient .ingredient-item::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));
        pointer-events: none;
        z-index: 1;
    }

    .home-ingredient .ingredient-item-image {
        position: static;
        margin: 0 auto 20px;
        width: 160px;
        border-width: 6px;
    }

    .home-ingredient .ingredient-item-content {
        min-height: auto;
        text-align: center;
        position: relative;

    }

    .home-ingredient .name_ingredient-item-vi {
        font-size: 18px;
    }

    .home-ingredient .ingredient-item-content {
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        color: #fff;
        z-index: 1;
    }

    .home-ingredient .desc_ingredient-item {

        display: none;
    }

    ._hotline {
        display: none;
    }

    ._sales-program {
        margin-top: 30px;
    }

    .home-product .product-wrap .form-actions {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .home-form .sec-title-sub,
    .home-form .sec-title-main {
        text-align: center;
    }

    ._form {
        display: flex;
        justify-content: center;
        margin-top: 30px;

    }

    .home-fitwith .row.fitwith-tab-content,
    .home-fitwith .fitwith-item.active::after {
        display: none;
    }
}

@media (min-width:577px) and (max-width:992px) {
    .home-ingredient .ingredient-item {
        min-height: 280px;
    }
}

@media (min-width:577px) and (max-width:1023px) {
    ._form {
        margin-top: 0px;

    }

    ._list-social a img {
        width: 80%;
        height: auto;
    }
}

@media (min-width:1024px) {
    .adt-footer-col:not(:first-child) {
        margin-top: 30px;
    }
    .adt-footer-col:nth-child(2) {
        margin-top: 0;
    }

}

@media (min-width:577px) and (max-width:1023px) {
    .adt-footer-col.col-12.col-md-8.col-lg-3 {
        margin-top: 30px;
    }

}

._add-to-cart a {
    display: flex;
    align-items: center;
    gap: 5px;
}

._add-to-cart svg {
    width: 24px;
    height: 24px;
}


.page-template-page-product ._about-product ul,
.list_voucher {
    list-style-type: none;
    padding-left: 0;
}

.page-template-page-product ._about-product li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
}

.page-template-page-product ._about-product li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2264px%22%20height%3D%2264px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20d%3D%22M7%2017L17%207M17%207H8M17%207V16%22%20stroke%3D%22%23000000%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 25px;
}

.page-template-page-product ._about-product li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    height: 1px;
    background-color: #ccc;
}

._box_voucher {
    border: 1px solid #b9b9b9;
    padding: 10px;
    background-color: #EBEBEB;
    border-radius: var(--adt-border-radius);
    margin-bottom: 30px;
}

.list_voucher {
    margin: 0;
}

._about-product ul {
    margin-left: 0;
}

.list_voucher li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.list_voucher li:last-child {
    margin-bottom: 0;
}

.list_voucher li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 24px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.9365%205.5V8M12.9365%205.5C12.9365%204.11929%2014.0558%203%2015.4365%203C16.8172%203%2017.9365%204.11929%2017.9365%205.5C17.9365%206.88071%2016.8172%208%2015.4365%208M12.9365%205.5C12.9365%204.11929%2011.8172%203%2010.4365%203C9.05581%203%207.93652%204.11929%207.93652%205.5C7.93652%206.88071%209.05581%208%2010.4365%208M12.9365%208H15.4365M12.9365%208H10.4365M12.9365%208V14M15.4365%208H18.7367C19.8568%208%2020.4161%208%2020.8439%208.21799C21.2202%208.40973%2021.527%208.71547%2021.7188%209.0918C21.9365%209.5192%2021.9365%2010.079%2021.9365%2011.1969V14M10.4365%208H7.13672C6.01661%208%205.45614%208%205.02832%208.21799C4.652%208.40973%204.34626%208.71547%204.15451%209.0918C3.93652%209.51962%203.93652%2010.0801%203.93652%2011.2002V14M3.93652%2014V16.8002C3.93652%2017.9203%203.93652%2018.4801%204.15451%2018.9079C4.34626%2019.2842%204.652%2019.5905%205.02832%2019.7822C5.45573%2020%206.01552%2020%207.13343%2020H12.9365M3.93652%2014H12.9365M12.9365%2014V20M12.9365%2014H21.9365M12.9365%2020H18.7396C19.8575%2020%2020.4165%2020%2020.8439%2019.7822C21.2202%2019.5905%2021.527%2019.2842%2021.7188%2018.9079C21.9365%2018.4805%2021.9365%2017.9215%2021.9365%2016.8036V14%22%20stroke%3D%22%23717AB5%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    background-size: contain;
    background-repeat: no-repeat;
}


._box_hotline_pd {
    padding: 15px;
    border-radius: var(--adt-border-radius);
    background-color: #717AB5;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._box_hotline_pd a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #fff;

}

section.home-detailProduct {
    padding-top: 100px;
}

.home-detailProduct ._box_social {
    display: flex;
    align-items: center;
    gap: 30px;
}

.home-detailProduct ._box_social ._add-to-cart a {
    background-color: #FF0000;
    padding: 15px;
    text-transform: uppercase;
}

.home-detailProduct ._list-social {
    display: flex;
    background-color: #E9E9E9;
    border-radius: var(--adt-border-radius);
    border: 1px solid #717AB5;
    padding: 8px 10px;
}

.home-detailProduct ._list-social a:not(:last-child) {
    margin-right: 30px;
}

.home-detailProduct ._box_right_ct {
    padding-left: 30px;
}

.tab-list {
    list-style: none;
    display: flex;
    background-color: #717AB5;
    border-radius: var(--adt-border-radius);
    padding: 12px 30px;
    max-width: 800px;
    margin: 30px auto;
    align-items: center;
    justify-content: center;
}

._box_tab_ct {
    position: relative;
}

._box_tab_ct::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: "";
    height: 1px;
    width: 100%;
    background-color: #717AB5;
    z-index: -1;
}

.tab-content-product {
    padding: 0 130px;
}

.tab-item {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    padding: 10px 15px;
    text-align: center;
    color: #fff;
}

.tab-list li {
    text-align: center;
    padding: 5px 10px;
}


.tab-item.active,
.tab-item:hover {
    background-color: #fff;
    border-radius: var(--adt-border-radius);
    color: #222;
    transition: all .3s;
}

._box_TabContent {
    display: none;
}

._box_TabContent.active {
    display: block;
}

@media (max-width:576px) {
    ._box_avatar_product {
        flex-direction: column !important;
        gap: 10px;
    }

    ._gallery_thumb,
    ._image-product {
        width: 100% !important;
    }
    .home-review   .sec-title {
        margin-bottom: 0px !important;
    }
    .home-review .box-review form label, ._box_list-rating .stars {
        margin-bottom: 0;
    }
    .home-detailProduct ._box_right_ct {
        padding-left: 0;
        padding-top: 30px;
    }
    .home-review .box-review form button {
        padding:5px 20px !important;
    }

    .home-detailProduct ._box_social {
        display: flex;
        align-items: center;
        gap: 15px;
        flex-direction: column;
    }
    .home-detailProduct ._box_social ._add-to-cart{
        width: 100%;
    }
    .home-detailProduct ._box_social ._add-to-cart a {
        padding: 5px 10px;
        justify-content: center;
    }

    ._image-product .swiper-wrapper {
        flex-direction: row !important;
        gap: 10px;
    }

    ._image-product .swiper-slide {

        margin-bottom: 0 !important;
    }

    .tab-content-product {
        padding: 0;
    }

    ._price span,
    ._price ._price-old,
    ._box_hotline_pd a {
        font-size: 16px !important;
    }

    ._box_hotline_pd {
        padding: 10px 15px;
    }

    ._box_hotline_pd {
        margin-bottom: 15px;
    }

    ._price {
        margin: 0 !important;
    }

    .home-detailProduct .tab-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .home-detailProduct .tab-list li {
        text-align: left;
        padding: 5px;
        white-space: nowrap;
    }

    .home-detailProduct .tab-item {
        font-size: 14px;
        padding: 5px 15px;
    }

    .home-detailProduct .list_voucher li {
        font-size: 14px;
    }

}
._image-product .swiper-slide.swiper-slide-thumb-active{
    border-color: #717AB5;
}
@media (min-width:1200px) and (max-width:1440px) {

    ._box_avatar_product,
    ._gallery_thumb,
    .image-product,
    .gallery_thumb {
        width: 100% !important;
    }

    ._image-product .swiper-slide {
        width: 90px !important;
        
    }

    ._box_avatar_product {
        flex-direction: column !important;
        overflow: unset !important;
    }

    ._image-product .swiper-wrapper {
        flex-direction: row !important;
    }

    ._image-product {
        width: 100% !important;
        height: 100% !important;
        margin: 10px 0;
    }

    ._image-product .swiper-slide {
        margin-right: 10px !important;
    }

    .home-detailProduct ._box_social {
        gap: 10px;
    }

    .home-detailProduct ._box_social ._add-to-cart a {
        padding: 5px;
        font-size: 14px;
        white-space: nowrap;
    }

    ._price span,
    ._price-old,
    ._box_hotline_pd a {
        font-size: 18px !important;
    }

}

.home-detailProduct .sec-title-main .title::after {
    display: none;
}

._price {
    margin: 15px 0;
}

._price span {
    font-size: 25px;
    font-weight: 600;
    line-height: 100%;
}

._price ._price-new {
    color: #FF0000;
    margin-left: 5px;
}

._price ._price-old {
    color: #000;
    margin-left: 5px;
    text-decoration: line-through;
    font-size: 22px;
}

._box_avatar_product {
    display: flex;
    flex-direction: row-reverse;
    height: 560px;
    overflow: hidden;

}

._gallery_thumb {
    width: 560px;
    height: 100%;
    background: linear-gradient(0deg, #E9E6F7 0%, #F8F6F7 58.62%, #E8E5F7 99.97%);

    border-radius: var(--adt-border-radius);
}



._image-product {
    width: 120px;
    height: 100%;
}

._image-product .swiper-slide {
    width: 100px !important;
    height: 100px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #c4c4c4;
    border-radius: var(--adt-border-radius);
}

._image-product .swiper-slide img {
    object-fit: cover;
}

._image-product .swiper-wrapper {
    flex-direction: column;
}

._gallery_thumb ._overlay-product {
    position: relative;
    padding-top: 100%;
    width: 100%;
}

._overlay-product:hover {
    cursor: pointer;
}

._gallery_thumb ._overlay-product img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    border-radius: var(--adt-border-radius);
    padding: 0;
}

._image-product ._overlay-product {
    position: relative;
    padding-top: 100%;
}

._image-product ._overlay-product img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}


.home-review {
    background: #e8e8f3;
}

.home-review ._mask_review .average-rating-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
}

.home-review .average-rating {
    font-weight: bold;
    font-size: 18px;
}

.home-review ._box__review_show {
    display: flex;
    align-items: center;
    gap: 10px;
}

.home-review .stars a {
    text-decoration: none;
    font-size: 24px;
    color: #bbb;
    margin: 0 5px;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}

.home-review .stars a:hover,
.home-review .stars a.active {
    color: #FFB300;
}

.home-review .stars>span>a {
    width: 24px;
    height: 24px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100px;
    transition: all .1s;
    position: relative;
}

.home-review .stars>span>a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFB300;
    mask: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.15316%205.40838C10.4198%203.13613%2011.0531%202%2012%202C12.9469%202%2013.5802%203.13612%2014.8468%205.40837L15.1745%205.99623C15.5345%206.64193%2015.7144%206.96479%2015.9951%207.17781C16.2757%207.39083%2016.6251%207.4699%2017.3241%207.62805L17.9605%207.77203C20.4201%208.32856%2021.65%208.60682%2021.9426%209.54773C22.2352%2010.4886%2021.3968%2011.4691%2019.7199%2013.4299L19.2861%2013.9372C18.8096%2014.4944%2018.5713%2014.773%2018.4641%2015.1177C18.357%2015.4624%2018.393%2015.8341%2018.465%2016.5776L18.5306%2017.2544C18.7841%2019.8706%2018.9109%2021.1787%2018.1449%2021.7602C17.3788%2022.3417%2016.2273%2021.8115%2013.9243%2020.7512L13.3285%2020.4768C12.6741%2020.1755%2012.3469%2020.0248%2012%2020.0248C11.6531%2020.0248%2011.3259%2020.1755%2010.6715%2020.4768L10.0757%2020.7512C7.77268%2021.8115%206.62118%2022.3417%205.85515%2021.7602C5.08912%2021.1787%205.21588%2019.8706%205.4694%2017.2544L5.53498%2016.5776C5.60703%2015.8341%205.64305%2015.4624%205.53586%2015.1177C5.42868%2014.773%205.19043%2014.4944%204.71392%2013.9372L4.2801%2013.4299C2.60325%2011.4691%201.76482%2010.4886%202.05742%209.54773C2.35002%208.60682%203.57986%208.32856%206.03954%207.77203L6.67589%207.62805C7.37485%207.4699%207.72433%207.39083%208.00494%207.17781C8.28555%206.96479%208.46553%206.64194%208.82547%205.99623L9.15316%205.40838Z%22%20stroke%3D%22%23FFB300%22%20stroke-width%3D%221.5%22%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}

.home-review .stars>span>a.active::before {
    background-color: #FFB300;
    mask: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23FFB300%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.15316%205.40838C10.4198%203.13613%2011.0531%202%2012%202C12.9469%202%2013.5802%203.13612%2014.8468%205.40837L15.1745%205.99623C15.5345%206.64193%2015.7144%206.96479%2015.9951%207.17781C16.2757%207.39083%2016.6251%207.4699%2017.3241%207.62805L17.9605%207.77203C20.4201%208.32856%2021.65%208.60682%2021.9426%209.54773C22.2352%2010.4886%2021.3968%2011.4691%2019.7199%2013.4299L19.2861%2013.9372C18.8096%2014.4944%2018.5713%2014.773%2018.4641%2015.1177C18.357%2015.4624%2018.393%2015.8341%2018.465%2016.5776L18.5306%2017.2544C18.7841%2019.8706%2018.9109%2021.1787%2018.1449%2021.7602C17.3788%2022.3417%2016.2273%2021.8115%2013.9243%2020.7512L13.3285%2020.4768C12.6741%2020.1755%2012.3469%2020.0248%2012%2020.0248C11.6531%2020.0248%2011.3259%2020.1755%2010.6715%2020.4768L10.0757%2020.7512C7.77268%2021.8115%206.62118%2022.3417%205.85515%2021.7602C5.08912%2021.1787%205.21588%2019.8706%205.4694%2017.2544L5.53498%2016.5776C5.60703%2015.8341%205.64305%2015.4624%205.53586%2015.1177C5.42868%2014.773%205.19043%2014.4944%204.71392%2013.9372L4.2801%2013.4299C2.60325%2011.4691%201.76482%2010.4886%202.05742%209.54773C2.35002%208.60682%203.57986%208.32856%206.03954%207.77203L6.67589%207.62805C7.37485%207.4699%207.72433%207.39083%208.00494%207.17781C8.28555%206.96479%208.46553%206.64194%208.82547%205.99623L9.15316%205.40838Z%22%20stroke%3D%22%23FFB300%22%20stroke-width%3D%221.5%22%3E%3C/path%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}


.home-review .box-review {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.home-review .box-review form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.home-review .box-review form label {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}


.home-review .box-review form select,
.home-review .box-review form textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
}

.home-review .box-review form textarea {
    resize: vertical;
    min-height: 100px;
}

.home-review .box-review form button {
    padding: 12px 20px;
    background-color: #111083;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.home-review .box-review form button:hover {
    background-color: var(--background-hover-color);
}

.home-review .box-review .review-list {
    margin-top: 20px;
}

.home-review .box-review .review-item {
    padding: 15px;
    border-bottom: 1px solid #ddd;
}

.home-review .box-review .review-item:last-child {
    border-bottom: none;
}

.home-review .review-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.home-review .review-item .review-header .name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.home-review .review-item .review-header .rating {
    font-size: 14px;
    color: #ff9900;
}

.home-review .review-item .review-content {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.home-review .admin-reply {
    margin-top: 15px;
    padding: 10px;
    background-color: #eef2f7;
    border-left: 3px solid #717AB5;
}

.home-review .admin-reply .admin-header {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.home-review .admin-reply .admin-content {
    font-size: 14px;
    color: #555;
}

.home-review .reviews-list {
    margin-top: 20px;
}

.home-review .review-item {
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-radius: 5px;
}



.home-review .review-author {

    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-right: 16px;
    margin-bottom: 0;
}

.home-review .review-rating {
    font-weight: normal;
    color: #ff9800;
}

.home-review p {
    margin-top: 10px;
    line-height: 1.5;
}

.home-review ._list_rating {
    display: flex;
    align-items: center;
}
.home-video {
    background-color: #e8e8f3;
}

._box__video iframe {
    width: 100%;
    border-radius: var(--adt-border-radius);
}


.home-fitwith .fitwith-wrap {
    --adt-grid-gap: 20px;
}

.home-fitwith .fitwith-item-image {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    border-radius: 100%;
    border: 2px solid var(--adt-primary-color);
    margin-bottom: 20px;
}

.home-fitwith .fitwith-item-image picture {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.home-fitwith .fitwith-item-title .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    color: var(--adt-primary-color);
    min-height: 45px;
}

.home-fitwith .__content-tab-item {
    min-height: 300px;
    background-color: #585da5;
    padding:15px;
    color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
}

.home-fitwith .image-holder img:hover,
.home-fitwith h3.title:hover {
    cursor: pointer;
}

.home-fitwith ._box_tab-item {
    display: flex;
    gap: 30px;
    align-items: center;
}

.home-fitwith .fitwith-item {
    min-height: 305.6px;
}

.home-fitwith .fitwith-item.active {
    padding-bottom: 40px;
    position: relative;
}

.home-fitwith .fitwith-item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 19px solid #585da5;
}

.home-fitwith .fitwith-tab-content-item {
    display: flex;
    align-items: center;
    gap: 30px;

    width: 100%;
}

.home-fitwith .desc_tab-item {
    display: flex;
    text-align: left;
    flex-direction: column;
}

.home-fitwith .__content-tab-item .fitwith-item-title .title {
    min-height: auto;
}

.home-fitwith .desc_tab-item .fitwith-item-title .title {
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}

.home-fitwith .desc_tab-item ._desp_item {
    max-width: 546px;
}

.home-fitwith .overlay_tab-item {
    position: relative;
    width: 32%;
    padding-top: 17.21%;
    overflow: hidden;
    flex-shrink: 0;
}

.home-fitwith .overlay_tab-item img {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-banner2 {
    padding-top: 0;
}

.home-hero .home-hero-wrap {
    width: 100%;
    position: relative;
}

.home-hero .hero-item {
    position: relative;
}

.home-hero .swiper-pagination-bullet {
    border: 2px solid #fff;
}

.home-hero .swiper-pagination-bullet-active {
    background: #fff;
    border-radius: 99px;
    width: 100px;
}



section.home-review.pd.show{
    overflow: unset;
}

.home-review .form-customer {
    position: sticky;
    top: calc(4 * var(--adt-gap));
    left: 0;
}


@media (min-width:1280px) and (max-width:1440px){
    ._box_tab_ct {
        margin-top: 50px;
    }
}