/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

input[type="checkbox"] {
    accent-color: #1E7680 !important;
}
.amlab_custom_select_option .clear-all img{
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/*                      class chung                      */
i.phone_footer_icon {
    background: url(./assets/images/phone_footer_icon.png) no-repeat;
    width: 24px;
    height: 27px;
    float: left;
    display: block;
    margin-right: 5px;
}

i.footer_time_icon {
    background: url(./assets/images/time_footer_icon.png) no-repeat;
    width: 26px;
    height: 26px;
    float: left;
    display: block;
    margin-right: 5px;
}

i.footer_local_icon {
    background: url(./assets/images/local_footer_icon.png) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
    display: block;
    margin-right: 5px;
}
.entry-breadcrumb{
    padding: 15px 0 30px 0;
    font-size: 14px;
}
.entry-breadcrumb a{
    color: #666666;
}

.before-gradient {
    position: relative;
}

.before-gradient::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    background-image: url(./assets/images/bg_gradiant.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} 
.before-gradient:hover::before{
    background-image: url(./assets/images/bg_op_gradient.png);
}
.product-small.col{
    padding: 0 5px 10px 5px !important;

}
.product-small.col .col-inner {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #dddddd66;
    transition: all 0.3s ease;
    background-color: #fff;
}
.product-small.col .col-inner:hover{ 
    border: 1px solid #1E7680;
}
.product-small.col .col-inner .box-text{
    padding: 15px 0;
    text-align: center;
}
.product-small.col .col-inner .box-text .product-title{
    margin: 4px;
}
.product-small.col .col-inner .box-text .product-title a{
    font-weight: 300;
    font-size: 16px;
    color: #262626;

    /* chữ max 2 dòng cắt */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.2;
    min-height: 40px;
}
.product-small.col .col-inner .box-text .price .amount {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}

/*  */

/* breadcrumb */
.breadcrumbs a,
.breadcrumbs{
    font-size: 14px;
    text-transform: capitalize !important;
}
.breadcrumbs {
    font-weight: 400 !important;
}
.breadcrumbs a{
    font-weight: 300 !important;
}
/*                         trang                       */

#wide-nav>.flex-row>.flex-col>ul.nav li.menu-item:first-child{
    margin-left: 15px !important;
}
.s_hanh_trinh .button{
    box-shadow: none;
    border-radius: 99px;
}

.s_hanh_trinh .button:hover{
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}
.s_hanh_trinh .button:hover span{
    color: #fff !important;
}

.off-canvas .mfp-content.off-canvas-cart {
    min-width: 430px;
}

.cart-popup-inner {
    padding: 0 !important;
}

.mini_cart_item a {
    font-size: 16px;
    font-weight: 500;
    color: #000000;
}
.mini_cart_item .product-name a{
    font-size: 14px;
    font-weight: 500;
}

.widget_shopping_cart ul.product_list_widget li {
    padding: 10px;
    padding-right: 10px;
}

.mini_cart_item .product-price .price {
    display: flex;
    flex-direction: row-reverse;
    gap: 10px;
    justify-content: flex-end;
}

.mini-cart-item-content .cart_action {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 3px 0;
    justify-content: space-between;
}
.mini-cart-item-content .cart_action .cart_action_group{
    display: flex;
    gap: 10px;
    align-items: center;
}

ul.product_list_widget li a.remove {
    position: relative;
}
ul.product_list_widget li a.remove:hover{
    border: none;
}
ul.product_list_widget li img.size-woocommerce_thumbnail {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 1px solid #BBBBBB;
}

.mini_cart_item .product-price  .amount bdi {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}

.mini_cart_item .product-price .price del .amount {
    font-size: 14px;
}

.mini_cart_item .product_custom_total .amount {
    font-size: 18px;
    font-weight: 700;
    color: #064D5C;
}

#cart-popup .cart-popup-title {
    text-align: left;
    padding: 20px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}

#cart-popup .cart-popup-title .heading-font {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
}

#cart-popup .cart-popup-title .is-divider {
    display: none;
}

.cart-popup-inner .widget_shopping_cart {
    padding: 10px;
}

.ux-mini-cart-footer .total {
    border-bottom: none !important;
}

.ux-mini-cart-footer .total strong {
    color: #000000;
    font-size: 18px;
}

.ux-mini-cart-footer .total .amount {
    font-size: 18px;
    font-weight: 500;
    /* background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #EC1D27;
}

.ux-mini-cart-footer .buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row-reverse;
}

.ux-mini-cart-footer .buttons a {
    text-transform: capitalize !important;
    border-radius: 99px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
    height: 44px;
    min-height: 44px;
    padding: 0 10px 0 35px;
    position: relative;
    align-content: center;
}

.ux-mini-cart-footer .buttons a.wc-forward {
    border: 1px solid #1E7680;
    background-color: transparent;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

.ux-mini-cart-footer .buttons a.wc-forward::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-image: url(./assets/images/cart_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.ux-mini-cart-footer .buttons a.wc-forward.checkout {
    border: none;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    color: #fff !important;
    -webkit-background-clip: border-box !important;
    -webkit-text-fill-color: #fff !important;
}

.ux-mini-cart-footer .buttons a.wc-forward.checkout::before {
    left: 40px;
    background-image: url(./assets/images/mingcute.png);
}

.mini_cart_item a.remove {
    width: 30px;
    height: 30px;
    color: transparent;
    align-items: center;
    align-content: center;
}

.mini_cart_item a.remove img {
    object-fit: contain;
    top: 0;
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 0;
}

ul.product_list_widget li img {
    position: relative !important;
    top: unset;
    left: unset;
}
.shop_table .cart_item .quantity,
.mini_cart_item .quantity {
    height: 32px;
    overflow: hidden;
}
.mini_cart_item .quantity .ux-quantity__button{
    font-size: 14px;
    color: #000000;
    text-shadow: none;
    font-weight: 500;
}
.mini_cart_item .quantity .ux-quantity__button:hover{
    color: #fff;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    opacity: 1;
}
.shop_table .cart_item .quantity .minus,
.mini_cart_item .quantity .minus {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.shop_table .cart_item .quantity .plus,
.mini_cart_item .quantity .plus {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.shop_table .cart_item .quantity input,
.mini_cart_item .quantity input {
    height: 32px;
    min-height: 32px;
    background-color: #fff;
    border: 1px solid #000 !important;
    color: #000000;
    box-shadow: none;
}
ul.product_list_widget li a.remove{
    position: relative !important;
}
#cart-popup ul.product_list_widget li a:not(.remove){
    overflow: unset;
}
#cart-popup .mini-cart-item-content{
    margin-top: 15px;
}


/* trang thanh toán */
.shop_table.woocommerce-checkout-review-order-table{
    display: none;
}
.checkout .cart_item {
    display: flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 10px;
}

.checkout .cart_item .product-details {
    width: 100%;
}

.checkout .cart_item .product-details .product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.checkout .cart_item .product-details .product-price .price {
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    align-items: center;

}

.checkout .cart_item .product-details .product-price .price ins .amount {
    font-size: 20px;
    font-weight: 700;
    color: #EC1D27;
    -webkit-text-fill-color: #EC1D27;
}

.checkout .accordion {
    margin-bottom: 10px;
}

.checkout .accordion .accordion-title {
    padding: 10px 15px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    border-top: none;
    overflow: hidden;
    border-radius: 8px;
}

.checkout .accordion .accordion-title.active {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.checkout .accordion .accordion-title span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}

.checkout .accordion .accordion-title span span {
    font-weight: 400;
    font-size: 16px;
}

.checkout .accordion .accordion-inner {
    padding: 10px 15px;
    border: 1px solid #1E7680;
    border-top: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.checkout .accordion .accordion-title .icon-angle-down::before {
    color: #fff;
    font-size: 20px;
}

.checkout .accordion .accordion-title.active .icon-angle-down {
    transform: rotate(180deg);
}

/* Ẩn placeholder gốc */
#customer_details .woocommerce-billing-fields .form-row label,
.select2-selection__placeholder {
    display: none;
}

#customer_details .woocommerce-billing-fields input,
#customer_details .woocommerce-billing-fields .select2-selection {
    min-height: 44px;
    height: 44px;

}

#customer_details .woocommerce-billing-fields input,
#customer_details textarea,
#customer_details .woocommerce-billing-fields .select2-selection {
    box-shadow: none;
    text-shadow: none;
    border: 1px solid #E4E7E9;
    border-radius: 10px;
}

#customer_details .woocommerce-billing-fields input::placeholder,
#customer_details .woocommerce-billing-fields textarea::placeholder {
    color: transparent;
}

/* Ẩn text mặc định trong select */
#customer_details .woocommerce-billing-fields select {
    color: transparent;
}

/* Mỗi field bọc tương đối */
#customer_details .woocommerce-billing-fields .form-row {
    position: relative;
}

/* Label giả (chữ xám) */
#customer_details .woocommerce-billing-fields .form-row::before {
    content: attr(data-label);
    position: absolute;
    top: 10px;
    left: 14px;
    color: #999;
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease;
}

/* Dấu * đỏ riêng */
#customer_details .woocommerce-billing-fields .form-row::after {
    content: "*";
    position: absolute;
    top: 10px;
    left: calc(10px + var(--label-width, 0px));
    /* tạm thời sẽ chỉnh bằng JS */
    color: red;
    font-size: 15px;
    pointer-events: none;
    transition: all 0.2s ease;
    margin-left: 4px;
}

/* Khi có focus hoặc có nội dung → ẩn label giả và dấu * */
#customer_details .woocommerce-billing-fields .form-row:has(input:focus)::before,
#customer_details .woocommerce-billing-fields .form-row:has(input:not(:placeholder-shown))::before,
#customer_details .woocommerce-billing-fields .form-row:has(textarea:focus)::before,
#customer_details .woocommerce-billing-fields .form-row:has(textarea:not(:placeholder-shown))::before,
#customer_details .woocommerce-billing-fields .form-row:has(select:focus)::before,
#customer_details .woocommerce-billing-fields .form-row:has(select:not([value=""]))::before,

#customer_details .woocommerce-billing-fields .form-row:has(input:focus)::after,
#customer_details .woocommerce-billing-fields .form-row:has(input:not(:placeholder-shown))::after,
#customer_details .woocommerce-billing-fields .form-row:has(textarea:focus)::after,
#customer_details .woocommerce-billing-fields .form-row:has(textarea:not(:placeholder-shown))::after,
#customer_details .woocommerce-billing-fields .form-row:has(select:focus)::after,
#customer_details .woocommerce-billing-fields .form-row:has(select:not([value=""]))::after {
    opacity: 0;
    visibility: hidden;
}

/* Label giả */
#customer_details .woocommerce-billing-fields .select2[data-label]::before {
    content: attr(data-label);
    position: absolute;
    top: 12px;
    left: 14px;
    color: #999;
    /* label xám */
    pointer-events: none;
    transition: 0.2s ease;
    font-size: 15px;
}

/* Dấu * đỏ riêng */
#customer_details .woocommerce-billing-fields .select2[data-label]::after {
    content: " *";
    position: absolute;
    top: 12px;
    left: calc(14px + var(--label-width, 0px));
    /* cách label 1 khoảng */
    color: red;
    pointer-events: none;
    transition: 0.2s ease;
    font-size: 15px;
}

/* Khi đã chọn giá trị → ẩn label & dấu * */
#customer_details .woocommerce-billing-fields .select2:has(.select2-selection__rendered[title]:not([title=""]))::before,
#customer_details .woocommerce-billing-fields .select2:has(.select2-selection__rendered[title]:not([title=""]))::after {
    opacity: 0;
    visibility: hidden;
}

#customer_details .woocommerce-shipping-fields,
#customer_details #order_comments_field label {
    display: none;
}

#customer_details {
    padding: 10px 15px;
    border-radius: 10px;
    border: 1px solid #1E7680;
}

#customer_details .woocommerce-billing-fields {
    padding-top: 0;
    border-top: none;
}

#customer_details .woocommerce-billing-fields h3,
.wc_payment_heading {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize !important;

    /* Gradient chữ */
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


#customer_details textarea {
    margin-bottom: 0;
}

.wc_payment_methods_wrapper,
.confirm-terms-block,
.custom-shipping-wrapper {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #1E7680;
    margin-top: 10px;
    margin-bottom: 0;
    overflow: hidden;
}

.wc_payment_methods_wrapper .wc_payment_method {
    padding-left: 5px;
}

/* Hiển thị icon tròn có dấu hỏi */
.woocommerce-help-tip {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: #000000;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    font-weight: bold;
    cursor: help;
    position: relative;
}

.woocommerce-help-tip::before {
    content: "!";
}

/* Tooltip text */
.woocommerce-help-tip:hover::after {
    content: attr(data-tip);
    position: absolute;
    top: -5px;
    left: 22px;
    background: #323232;
    ;
    color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 400;
    white-space: wrap;
    z-index: 100;
    min-width: 220px;
}

.custom-order-review .order-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.checkout .large-5 {
    padding: 0;
}

.checkout .large-5 .col-inner {
    padding: 0;
    border: none;
    position: sticky;
    top: 150px;
}

.woocommerce-account-fields {
    display: none;
}

.checkout .large-5 .col-inner .order-review-body {
    padding: 10px 15px;
    border: 1px solid #1E7680;
    border-top: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.checkout .large-5 .col-inner .order-review-header h3 {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #fff;
    margin: 0;
    padding: 10px 0;
}

.coupon-section .coupon-wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    width: 100%;
    margin: 8px 0;
}

.coupon-section .coupon-wrapper .coupon-cs-label {
    font-size: 16px;
    font-weight: 400;
    color: #6E6E6E;
    padding: 0 10px 0 35px;
    position: relative;
}

.coupon-section .coupon-wrapper .coupon-cs-label::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    width: 30px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-image: url(./assets/images/dc_voucher.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.coupon-section .coupon-wrapper .coupon-input-group {
    display: flex;
    align-items: center;
    align-content: center;
    min-height: 40px;
    height: 40px;
}

.coupon-section .coupon-wrapper .coupon-input-group .apply-coupon-btn {
    height: 100%;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    font-size: 14px;
    text-transform: capitalize !important;
    color: #fff;
    margin-bottom: 0px;
    min-width: 110px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 0;
    font-weight: 500;
}

.coupon-section .coupon-wrapper .coupon-input-group #coupon_code {
    margin-bottom: 0px;
    box-shadow: none;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    height: 100%;
    max-width: 220px;
    font-size: 14px;
    text-shadow: none;
}

.coupon-section .coupon-wrapper .coupon-input-group #coupon_code::placeholder {
    font-size: 14px;
}

.place-order #place_order {
    border-radius: 6px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    font-size: 18px;
    color: #fff;
    margin: 15px 0;
    font-weight: 500;
    font-size: 16px;
}

.coupon-info span {
    font-size: 16px;
    font-weight: 400;
    color: #11A204;
}

.coupon-wrapper .remove-coupon {
    color: #EC1D27;
    cursor: pointer;
}

.selected-payment {
    color: #EC1D27;
}

.total-row .order-label {
    font-size: 18px;
    color: #0C0A0A;
    font-weight: 700px;
}

.total-row .total-value .amount {
    color: #EC1D27;
    font-size: 18px;
    font-weight: 500;
}

.order-group {
    margin-bottom: 10px;
    border-bottom: 1px solid #0C0A0A;
}

.woocommerce-checkout .message-container {
    /* text-align: end; */
    display: inline;
    height: 40px;
}

.woocommerce-checkout .message-container {
    position: relative;
    padding: 5px 0 5px 30px !important;
    border-radius: 6px;
    color: #fff;
    overflow: hidden;
    align-self: center;
    align-items: center;
    margin-right: 0;
    display: flex;
    width: fit-content;
}

.woocommerce-checkout .woocommerce-error .message-container {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}

.woocommerce-checkout .woocommerce-message .message-container {
    background: #11A204;
}

.woocommerce-checkout .message-wrapper {
    display: none;
    /* text-align: end;
    width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    padding-bottom: 10px; */
}

.woocommerce-checkout .message-container::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.woocommerce-checkout .woocommerce-error .message-container::before {
    background-image: url(./assets/images/cancel.png);
}

.woocommerce-checkout .woocommerce-message .message-container::before {
    background-image: url(./assets/images/checked_succsess.png);
}

.icon-checkmark,
.icon-checkmark::before {
    display: none;
}

/* .woocommerce-checkout #content{
    padding-top: 0;
} */

.product_meta .accordion .toggle,
.checkout .accordion .toggle {
    border-radius: 999px;
    left: auto;
    right: 10px;
    margin-right: 5px;
    position: absolute;
    transform-origin: 50% 47%; 
    transform: translateY(10%);
}

.checkout .accordion .toggle {
    width: 15px;
    font-size: 12px;
    top: 0 !important;
    min-height: 100%;
}
.checkout .accordion .accordion-title.active span{
    font-weight: 500;
}
.checkout .accordion .accordion-title.active .icon-angle-down {
    transform: rotate(180deg);
}

.checkout .accordion .accordion-title .icon-angle-down::before {
    color: #fff;
    font-size: 20px;
}

.cross-sells {
    display: none;
}
#shipping_method_custom .wc_payment_method{
    padding: 5px;
}

.wc_payment_method.active { 
    border: 1px solid #1E7680;
    background: #E9F6F5;
    border-radius: 5px;
    transition: 0.25s ease;
    overflow: hidden;
    padding: 5px;
}

/* Ẩn radio mặc định */
.wc_payment_method input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 14px;
    height: 14px;
    top: 3px;
    border: 1px solid #1E7680;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    transition: all 0.25s ease;
    vertical-align: middle;
    margin-right: 6px;
}
.confirm-terms-block input[type="checkbox"] {
    accent-color: #1E7680;
    /* width: 20px;  
    height: 20px; */
}
/* Khi hover */
/* .wc_payment_method input[type="radio"]:hover {
    border-color: #fff;
} */

/* Khi checked — màu gradient hoặc màu thường */
.wc_payment_method input[type="radio"]:checked {
    border-color: #1E7680;
    background: #FFF3EE;
}

/* Nếu muốn hiệu ứng “nút tròn bên trong” (dot) */
.wc_payment_method input[type="radio"]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    transition: background 0.25s ease;
}

.wc_payment_method input[type="radio"]:checked::after {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}

.payment_method_amlab_installment_payment {
    border-top: 1px solid #6E6E6E;
    padding: 10px 10px 0 10px;
}
.payment_methods p {
    font-size: 12px;
}

.woocommerce-notices-wrapper:first-child {
    justify-content: end;
    display: flex;
    text-align: end;
    /* width: 1200px; */
    margin: 0 auto;
    padding: 0 15px;
    padding-bottom: 10px;
}

.woocommerce-notices-wrapper .woocommerce-error {
    position: relative;
    border-radius: 6px;
    color: #fff;
    overflow: hidden;
    align-self: center;
    align-items: center;
    margin-right: 0;
    display: flex;
    width: fit-content;
    background: #EC1D27;
}

.woocommerce-notices-wrapper .woocommerce-error ul {
    margin-bottom: 0;
}

.woocommerce-notices-wrapper .woocommerce-error ul li {
    list-style-type: none;
    position: relative;
    padding: 5px 0 5px 30px !important;
    margin: 0;
}

.woocommerce-notices-wrapper .woocommerce-error ul li::before {
    background-image: url(./assets/images/icon_close.png);
}

.woocommerce-notices-wrapper .woocommerce-error ul li::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}

.woocommerce-notices-wrapper .woocommerce-message {
    position: relative;
    padding: 5px 0 5px 30px !important;
    border-radius: 6px;
    color: #fff;
    overflow: hidden;
    align-self: center;
    align-items: center;
    margin-right: 0;
    display: flex;
    width: fit-content;
    background: #11A204;
}

.woocommerce-notices-wrapper .woocommerce-message::before {
    background-image: url(./assets/images/checked_succsess.png);
}

.woocommerce-notices-wrapper .woocommerce-message::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
}
#shipping_method_custom .wc_payment_method.active label,
.payment_method_bacs.active>label,
.payment_method_cod.active>label,
.payment_method_amlab_installment_payment.active>label {
    font-weight: 500;
}

#shipping_method_custom .wc_payment_method label,
.payment_method_bacs>label,
.payment_method_cod>label,
.payment_method_amlab_installment_payment>label {
    position: relative;
    padding-left: 35px;
    font-weight: 400;
    font-size: 14px;
}
.confirm-terms-block label{
    font-size: 14px;
    font-weight: 400;
}
#shipping_method_custom .wc_payment_method label::before,
.payment_method_bacs>label::before,
.payment_method_cod>label::before,
.payment_method_amlab_installment_payment>label::before {
    position: absolute;
    content: '';
    top: -7px;
    left: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    display: block;
}
.payment_box{
    padding-left: 35px;
}
.payment_box .bank-transfer-info{
    display: flex;
}
.payment_box .bank-transfer-info .content-box{
    flex: 1 1 70%;
}
.payment_box .bank-transfer-info .qr-box{
    flex: 1 1 30%;
}
.payment_method_bacs>label::before {
    background-image: url(./assets/images/chuyen_khoan.png);
}

.payment_method_cod>label::before {
    background-image: url(./assets/images/tien_mat_b.png);
}

.payment_method_amlab_installment_payment>label::before {
    background-image: url(./assets/images/tra_gop.png);
}
#shipping_method_custom .wc_payment_method:first-of-type label:before{
    background-image: url(./assets/images/all_shop.png);
}
#shipping_method_custom .wc_payment_method:last-of-type label:before {
    background-image: url(./assets/images/is_shop.png);
}

.woocommerce-page #content {
    padding-bottom: 0;
}
.woocommerce-additional-fields h3{
    display: none;
}
.woocommerce-shipping-totals.shipping{
    display: none;
}

.payment_box .bank-transfer-info .content-box ul{
    margin: 5px 0 5px 2em;
}
.payment_box .bank-transfer-info .content-box ul li{
    border: none;
    padding-top: 0;
    list-style-type: disc;

}
.payment_box .bank-transfer-info .content-box p,
.payment_box .bank-transfer-info .content-box ul li{
    font-size: 14px;
    font-weight: 400;
}
.payment_box .bank-transfer-info .qr-box-group{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    overflow: hidden;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    aspect-ratio: 1 / 1;
    max-width: 150px;

}
.payment_box .bank-transfer-info .qr-box-group p{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
}
.payment_box .bank-transfer-info .qr-box-group .qr-box-group-title{
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #fff;
}
.payment_box .bank-transfer-info .qr-box-group img{
    width: 100%;
    padding: 5px;
    background: #fff;
    border-radius: 10px;
    max-width: 110px;
    aspect-ratio: 1 / 1;
}
.woocommerce-checkout .s_ft_showroom{
    display: none;
}


/*                          trang giỏ hàng                   */
.woocommerce a.remove {
    border: none;
    width: 30px;
    height: 30px;
}

.amlab-cart-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 10px;
}

.amlab-cart-header .cart-title {
    font-size: 22px;
    font-weight: 700;
    color: #0C0A0A;
}

.amlab-cart-header .cart-title span {
    font-weight: 400;
}

.amlab-cart-header .cart-header-right {
    height: 40px;
    border-radius: 10px;
    /* border: 1px solid #1E7680; */
    align-content: center;
    align-items: center;
    padding: 0 8px;
} 

.amlab-cart-header .back-to-shop-btn {
    font-weight: 400;
    /* Gradient chữ */
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
}

.shop_table tbody tr:last-of-type {
    display: none;
}

.woocommerce-cart-form {
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 4px 0px #00000040;
}

.shop_table tbody tr.cart_item:nth-last-child(2) td {
    border-bottom: none !important;
}

.shop_table .cart_item .product-thumbnail img {
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px #00000040;
}

.shop_table .cart_item .product-name a {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

.shop_table .cart_item .quantity,
.mini_cart_item .quantity {
    height: 32px;
    overflow: hidden;
}

.shop_table .cart_item .quantity .minus,
.mini_cart_item .quantity .minus {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.shop_table .cart_item .quantity .plus,
.mini_cart_item .quantity .plus {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.shop_table .cart_item .quantity input,
.mini_cart_item .quantity input {
    height: 32px;
    min-height: 32px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000000;
    box-shadow: none;
}

.shop_table .cart_item .quantity input.ux-quantity__button:hover,
.mini_cart_item .quantity input.input.ux-quantity__button:hover {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    color: #fff;
}

.shop_table .cart_item .product-price .price {
    display: flex;
    flex-direction: column-reverse;
    text-align: end;
    gap: 5px;
}

.shop_table .cart_item .product-price .price del .amount {
    margin-right: 0;
    color: #9CA3AF;
    font-weight: 500;
    font-size: 16px;
}
.shop_table .cart_item .product-price{
    text-align: end;
    /* padding-right: 10px; */
}
.shop_table .cart_item .product-price .amount {
    font-size: 20px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
}
.cart-auto-refresh{
    padding-right: 5px !important;
}

.cart-collaterals {
    border-left: none !important;
    padding-left: 5px !important;
}

.cart-collaterals .cart-sidebar {

    border-radius: 10px;
    border: 2px solid #1E7680;
    overflow: hidden;
}

.cart-collaterals .cart-sidebar .totals-body {
    padding: 10px;
}

.cart-collaterals .cart-sidebar .cart-header-title {
    color: #fff;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    padding: 10px 0;
    /* overflow: hidden; */
}

.cart-collaterals .cart-sidebar .totals-body .checkout-now {
    width: 100%;
    min-height: 44px;
    border-radius: 6px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    font-size: 18px;
    margin: 10px 0;
    font-weight: 500;
}

.cart-collaterals .cart-sidebar .totals-body .totals-row {
    display: flex;
    justify-content: space-between;
}

.cart-collaterals .cart-sidebar .totals-body .totals-row.total span.label {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.cart-collaterals .cart-sidebar .totals-body .totals-row.total span.value .amount {
    color: #EC1D27;
    font-weight: 700;
}
.shop_table .cart_item td.product-remove a{
    overflow: hidden;
    align-items: center;
    align-content: center;
}
.shop_table .cart_item td.product-remove img{
    width: 20px !important;
    height: 20px !important;
    object-fit: contain; 
    object-position: center;
}

.woocommerce-NoticeGroup-checkout .message-container{
    margin: 0 auto;
}
.woocommerce-checkout .woocommerce-NoticeGroup-checkout .message-wrapper{
    display: block;
}



/*                          trang danh mục sản phẩm                   */
.category-container{
    padding: 30px 0;
}
.category-tabs .category-list{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 100%;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
}
.category-tabs .category-list.sub-list{
    max-width: 90%; 
    margin: 0 auto;
}
.category-tabs .category-list.cate_level_3{
    flex-wrap: nowrap;
}
.category-tabs .category-list .col {
    max-width: 220px;
    padding: 0;
}
.category-tabs .category-list .col .col-inner{
    display: flex;
    justify-content: center;
    padding: 0 7px;
}
.category-tabs .category-list .category-item{
    flex: 1 1 100%;
    max-width: 200px;
    width: 100%; 
    aspect-ratio:  1 / 1;
    border-radius: 16px;
    overflow: hidden;
    align-content: center;
    background: #f6f6f6;
    box-shadow:
            0px 1px 2px 0px #2929290D,
            0px 3px 3px 0px #2929290A,
            0px 8px 5px 0px #29292908,
            0px 14px 6px 0px #29292903,
            0px 22px 6px 0px #29292900;
    border: 0.5px solid  #D3D3D3;
    position: relative !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    cursor: pointer;
    transition: background 0.35s ease, box-shadow 0.35s ease;
}
.category-tabs .category-list .category-item.shop-item:hover{
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}
.category-tabs .category-list .category-item.shop-item:hover .shop-category-name a{
    color: #fff;
}
.category-tabs .category-list .category-item .category-link{
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    flex: 0 0 65%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-tabs .category-list .category-item:hover .shop-img .icon-svg svg path{
    fill: #fff;
}

.category-tabs .category-list .category-item .shop-img .icon-svg svg{
    width: 64px;
    height: 64px;
}
.category-tabs .category-list .category-item .shop-category-name{
    font-size: 18px;
    font-weight: 300;
    line-height: 18px;
    /* background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; */
    color: #003041;

    flex: 0 0 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
.category-filtering{
    display: none;
}

/* sub item category */
.category-tabs .category-list .category-item.sub-item{
    position: relative;
    overflow: hidden;
    transition: background 0.3s ease;
}

.category-tabs .category-list .category-item.sub-item .category-link {
    position: relative;
    z-index: 2; /* Đảm bảo link ở trên ::after */
}
.category-tabs .category-list .category-item.sub-item .sub-img img{
    aspect-ratio:  1 / 1;
    object-fit: cover;
    object-position: center;
}
.category-tabs .category-list .category-item.sub-item .sub-category-content {
    position: absolute;
    z-index: 3;
    bottom: -30px;
    /* ban đầu nằm ngoài view dưới 30px */
    text-align: center;
    width: 100%;
    transition: bottom 0.3s ease, opacity 0.3s ease;
}

.category-tabs .category-list .category-item.sub-item:hover .sub-category-content {
    bottom: 0;
}
.category-tabs .category-list .category-item.sub-item:hover::after{
    background: linear-gradient(180deg, rgba(211, 187, 101, 0) 33%, rgba(160, 135, 46, 0.95) 80%);
}
.category-tabs .category-list .category-item.sub-item .sub-category-content .sub-category-name{
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
}
.category-tabs .category-list .category-item.sub-item .sub-category-content .sub-category-description{
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 12px;
}
.category-tabs .category-list .category-item.sub-item .sub-category-content p,
.category-tabs .category-list .category-item.sub-item .sub-category-content a{
    color: #fff;
}
.category-tabs .category-list .category-item.sub-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(6, 77, 92, 0) 50%, #003041 100%);
    opacity: 1;
    /* luôn hiện */
    z-index: 2;
    pointer-events: none; /* Cho phép click xuyên qua */
}
 .category-tabs .category-list .category-item.sub-item .category-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55%;
    z-index: 3;

    background-image: url(./assets/images/bg_n_gradient.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
} 

.category-tabs .category-list .category-item.sub-item .sub-category-button{
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    align-items: center;
    align-content: center;
}
.category-tabs .category-list .category-item.sub-item .sub-category-button .icon-angle-right::before{
    position: relative;
    content: "";
    font-size: 16px;
    top: 3px;
}
.category-tabs .category-list .category-item.sub-item p:last-of-type{
    margin-bottom: 10px;
}
.category-tabs .category-list .category-item.sub-item:hover .sub-category-button:hover{
    border-radius: 32px;
    border: 1px solid #d3bb65;
    background: #fff;
    color: #d3bb65;
    padding: 5px 20px;
}
/* end sub item category */

.amlab-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
}

.amlab-dropdown-label {
    color: #000000;
    display: flex;
    gap: 5px;
    align-items: center;
}

.amlab-dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    list-style: none;
    margin: 0;
    padding: 6px 0;
    border-radius: 6px;
    min-width: 200px;
    z-index: 999;
    right: 0;
}

.amlab-dropdown:hover .amlab-dropdown-menu {
    display: block;
}

.amlab-dropdown-menu li {
    padding: 6px 14px;
    margin: 0 !important;
}

.amlab-dropdown-menu li a {
    text-decoration: none;
    color: #333;
    display: block;
}

.amlab-dropdown-menu li:hover,
.amlab-dropdown-menu li.active {
    color: #fff;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}

.amlab-dropdown-menu li:hover a {
    color: #fff;
}

.amlab-dropdown-menu li.active a {
    color: #fff;
    font-weight: 600;
}

.amlab_custom_render .amlab-dropdown-label::after {
    content: "";
    background-image: url("./assets/images/arrow_down.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
    right: 0;
    bottom: 0;
}

.amlab_custom_render {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 60px;
}

.amlab_custom_select_option {
    margin: 20px 0;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.amlab_custom_select_option .clear-all {
    margin: 0;
    background: #41A2A5;
    text-transform: capitalize;
    color: #fff;

}

.amlab_custom_select_option .clear-all,
.amlab_custom_select_option span.selected-item {
    padding: 8px 12px;
    border-radius: 32px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    cursor: pointer;
    text-transform: capitalize !important;
}

.amlab_custom_select_option span.selected-item {
    border: 1px solid #C8C1C1;
}

.amlab_custom_select_option span.selected-item:hover {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    color: #fff;
}

.amlab_no_products {
    text-align: center;
    font-family: 'Google Sans', sans-serif !important;
}

.amlab_no_products img {
    width: 175px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    margin-bottom: 10px;
    margin-top: 30px;
}

/* hiển thị mô tả danh mục sản phẩm */
.category-header-row{
    position: relative;
}
.category-header-row .col.large-12{
    padding-bottom: 0;
}
.category-header-row .is-divider{
    margin: 20px 0;
    width: 100%;
    max-width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(30, 118, 128, 0) 0%, #044A52 50%, rgba(30, 118, 128, 0) 100%);
    z-index: 1;
    text-align: center;
    opacity: 0.5;
}
.category-header-row .cate-image img{
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 300px;
}
.category-header-row .a_title{
    padding: 20px 0;
}
.post_related_title.a_title{
    margin-bottom: 15px;
}
.category-page-row .a_title,
.category-header-row .a_title,
.post_related_title.a_title{
    z-index: 0;
    margin-bottom: 5px;
}
.category-page-row .a_title h2,
.category-header-row .a_title h2,
.post_related_title.a_title h2{
    text-transform: uppercase !important;
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: 1.5;
}
.category-page-row .a_title img{
    width: 48px;
    aspect-ratio: 1 / 1;
}

.category-description .col-inner p,
.category-description .col-inner td{
    font-size: 16px;
    color: #0C0A0A; 
    font-weight: 400;
    margin-bottom: 5px;
}
.category-description .col-inner h2{
    font-size: 24px;
    font-weight: 500;
    color: #0C0A0A;
}
.category-description .col-inner h3{
    font-size: 20px;
    font-weight: 500;
    color: #0C0A0A;
}
.shop-container .term-description {
    scroll-behavior: smooth;
    position: relative;
}
.shop-container .term-description::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: linear-gradient(179.54deg, rgba(252, 252, 252, 0) 0.4%, #FCFCFC 79.76%);
    z-index: 1;
}
.shop-container .term-description.no-after:after {
    display: none !important;
}
.shop-container .term-description .col-inner{
    padding: 0 30px;
}
.shop-container .category-description .toggle-desc{
    margin: 0 auto;
    border: 0.5px solid  #1E7680;
    font-size: 16px;
    font-weight: 400;
    text-transform: none !important;
    color: #1E7680;
    border-radius: 32px;
    margin-top: 15px;
}
.shop-container .category-description .toggle-desc i{
    color: #1E7680;
}
.view-more-button.products-archive {
    border-radius: 32px !important;
    background-color: #fff !important;
    border: 1px solid #1E7680 !important;
    background-image: linear-gradient(90deg, #1E7680 0%, #41A2A5 100%);
    -webkit-background-clip: text !important;
    /* -webkit-text-fill-color: transparent !important; */
    font-size: 16px;
    font-weight: 400;
    text-transform: none !important; 
    color: #1E7680;
    border-radius: 32px;
    margin-top: 15px;
}
.view-more-button.products-archive .icon-angle-right{
    top: 0;
    margin: 0;
}
.view-more-button.products-archive .icon-angle-right::before{
    font-size: 24px;
}
.view-more-button.products-archive:hover{
    color: #fff;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: #fff!important;
    background: linear-gradient(90deg, #1E7680 0%, #41A2A5 100%);
    box-shadow: none;
}
.archive .amlab_bgbg .section-content> .row:first-child,
.archive .amlab_bgbg~.section,
.archive .amlab_single_pro,
.archive .section:last-child{
    display: none;
}
.filter-overlay{
    display: none;
}
/*                  Trang chi tiết bài viết                  */
#content .entry-header-text {
    padding-left: 0;
    padding-right: 0;
}

#content .entry-title {
    font-weight: 500;
    font-size: 32px;
    color: #0C0A0A;
    line-height: 1.5;
    text-align: start;
}   

.amlab-meta-custom {
    display: flex;
    gap: 6px;
    align-content: center;
    align-items: center;
}

.amlab-meta-custom .author-avatar img {
    border-radius: 50%;
    overflow: hidden;
    width: 48px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
.amlab-meta-custom .author-name{
    align-items: center;
    align-content: center;
    display: flex;
    gap: 5px;
}
.amlab-meta-custom .author-name a{
    color: #666666;
    font-weight: 400;
    font-size: 14px;
}
.amlab-meta-custom .author-info{
    margin-left: 0;
}

.amlab-meta-custom span,
.amlab-meta-custom span i {
    font-size: 14px;
    line-height: 20px;
    color: #6E6E6E;
    font-weight: 400;
}

.amlab-meta-custom .meta-sep {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #6E6E6E;
}

#content #ez-toc-container {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #1E7680;
    overflow: hidden;
    padding: 0;
}

#content #ez-toc-container .ez-toc-title-container {
    background: linear-gradient(90deg, #1E7680 0%, #41A2A5 100%);
    color: #fff;
    padding: 10px 15px;
}

#content #ez-toc-container .ez-toc-title-container .ez-toc-title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

#content #ez-toc-container nav {
    padding: 15px;
}

#content #ez-toc-container .ez-toc-link {
    color: #0C0A0A;
    font-weight: 500;
    font-size: 16px;
}

#content #ez-toc-container .ez-toc-link~ul a {
    color: #0C0A0A;
    font-weight: 400;
    font-size: 16px;
}

/* Ẩn icon SVG mặc định của EZ TOC */
.ez-toc-js-icon-con svg {
    display: none !important;
}

.ez-toc-js-icon-con {
    position: relative;
    border: none !important;
}

/* Thêm icon mũi tên xuống bằng ảnh */
.ez-toc-js-icon-con::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    /* Dùng ảnh làm mask */
    -webkit-mask: url(./assets/images/arrow_down.png) center/contain no-repeat;
    mask: url(./assets/images/arrow_down.png) center/contain no-repeat;

    /* Màu của icon */
    background-color: #fff;

    /* Hiệu ứng */
    transition: transform 0.3s ease;
}

/* Khi TOC đang mở (hoặc icon được active) thì đổi sang mũi tên lên */
#ez-toc-container.toc_close .ez-toc-js-icon-con::after {
    transform: translate(-50%, -50%) rotate(180deg);
}
#content .large-10{
    padding-bottom: 0 !important;   
}
.entry-content {
    color: #0C0A0A;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.entry-content h2{
    font-size: 24px;
    color: #0C0A0A;
    font-weight: 500;
}
.entry-content h3 {
    font-size: 20px;
    font-weight: 500;
    color: #0C0A0A;
}
/*      shortcode sản phẩm      */
.amlab-single-product {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #1E7680;
    box-shadow: 0px 0px 8px 0px #00000040;
    max-width: 1120px !important;
    margin: 20px auto !important;
}
.amlab-single-product .large-8{
    align-content: center;
}
.amlab-single-product .amlab-product-image{
    text-align: center;
}
.amlab-single-product .amlab-product-image img{
    width: 100%;
    height: 100%;
}
.amlab-single-product .product-info.summary{
    padding: 0 15px;    
}

.amlab-single-product .product-info p{
    font-size: 14px;
    font-weight: 400;
    color: #0C0A0A;
}
.amlab-single-product .product-info h1{
    font-size: 18px;
    font-weight: 500;
    color: #0C0A0A;
}
.amlab-single-product .product-info.summary .amlab_price_custom .price  .amount {
    font-weight: 500;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.amlab-single-product .product-info.summary .amlab_price_custom .price{
    margin: 0;
    font-size: 18px;
}
.amlab-single-product .product-info.summary .icon-box .icon-box-text{
    flex: none;
    padding-left: 10px;
}
.amlab-single-product .product-info.summary .action_group~.row-collapse>.col:last-child,
.amlab-single-product .col_mb>.row>.col:last-child{
    display: none;
}
.amlab-single-product .product-info.summary .action_group a.button,
.amlab-single-product .product-info.summary .action_group .cart {
    margin-bottom: 5px !important;
    font-size: 14px;
    font-weight: 400;
    color: #0C0A0A;
}

.amlab-single-product .product-info.summary .cart {
    border-bottom: none;
    padding-bottom: 0;
    border-radius: 6px !important;
    margin-bottom: 20px;
}

.amlab-single-product .product-info.summary .action_group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 10px 0;
}

/* .amlab-single-product .product-info.summary .action_group>* {
    flex: 1;
} */
.amlab-single-product .product-info.summary .action_group .cart button,
.button.amlab_see_more{
    border-radius: 9999px !important;
    min-height: 35px;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 33px;
}
.amlab-single-product .product-info.summary .action_group .cart button{
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    color: #fff;
    padding: 0 10px 0 35px;
}

.button.amlab_see_more{
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 25px 0 10px;
    min-width: 130px;
    border: 1px solid #1E7680 !important;
}
.button.amlab_see_more::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 10px;
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    -webkit-mask: url(./assets/images/arrow_right.png) center/contain no-repeat;
    mask: url(./assets/images/arrow_right.png) center/contain no-repeat;
    z-index: 2;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
}
.button.amlab_see_more.cts_see::after{
    right: 3px;
}
.button.amlab_see_more.cts_see:hover{
    /* màu chữ trắng và background gradient */
    color: #fff !important;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;  
    box-shadow: none !important;
    background-clip: border-box;

}
.button.amlab_see_more.cts_see:hover::after{
    background: #fff;
    /* -webkit-mask: url(./assets/images/arrow_right_white.svg) center/contain no-repeat;
    mask: url(./assets/images/arrow_right_white.svg) center/contain no-repeat; */
    /* width: 20px;
    height: 20px; */
}
.amlab-single-product .product-info.summary .action_group .cart button:hover {
    background: #fff;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    border: 1px solid #1E7680 !important;
    box-shadow: none;
}
.amlab-single-product .product-info.summary .cart button::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 33%;
    right: 0;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 5px;
    background-image: url(./assets/images/add-to-cart_white.png);
    padding-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.amlab-single-product .product-info.summary .action_group .cart button:hover::before {
    background-image: url(./assets/images/cartgradient.png);
}

.amlab-single-product .product-info.summary .action_group .cart button::before {
    left: 15px;
}

.amlab-single-product .product-info.summary .button.amlab_see_more::after {
    right: 10px;
}
.amlab-single-product .col{
    padding-bottom: 0; 

}

.ribbon-new {
    position: absolute;
    top: 0px;
    right: 3px;
    z-index: 20;
}
.ribbon-new img{
    max-width: 30px;
    /* width: 100%; */
    height: 30px;
    aspect-ratio: 1 / 1;
}
.amlab-intro-company-inner{
    display: flex;
}
.amlab-intro-company-wrapper .is-divider {
    margin: 20px 0;
    width: 100%;
    max-width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(30, 118, 128, 0) 0%, #044A52 50%, rgba(30, 118, 128, 0) 100%);
    z-index: 1;
    text-align: center;
    opacity: 0.5;
}
/* bài viết liên quan */
.amlab_related_posts .col.post-item{
    padding: 0 5px 0px 5px !important;
}
.amlab_related_posts .col.post-item .post-meta-info{
    font-size: 14px;
    font-weight: 400;
}
.amlab_related_posts .col.post-item .box-text .plain{
    font-size: 20px;
    font-weight: 500;
    color: #0C0A0A;
}
.blog-single .large-12{
    max-width: 1150px;
    padding-bottom: 0;
}
.blog-single.page-wrapper{
    padding-bottom: 0;
}
.amlab-xem-them-wrapper{
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #1E7680;
    margin-bottom: 15px;
}
.amlab-xem-them-wrapper .amlab-xem-them-list{
    border-left: 1px solid #044A52;
    padding-left: 15px;
}
.amlab-xem-them-wrapper .amlab-xem-them-list li a{
    font-size: 16px;
    font-weight: 400;
    color: #1E7680;
}
.amlab-xem-them-wrapper .amlab-xem-them-list li::marker{
    color: #1E7680;
}
.amlab_related_posts .col.post-item .box-text .from_the_blog_excerpt{
    font-size: 14px;
    font-weight: 400;color: #666666;
}





.cart-popup-inner .widget_shopping_cart_content {
    justify-content: center;
}
.ux-mini-cart-empty{
    gap: 10px !important;
}


.ux-mini-cart-empty .ux-mini-cart-empty-icon,
.ux-mini-cart-empty .return-to-shop,
.ux-mini-cart-empty .empty-cart-image{
    display: none;
}
.ux-mini-cart-empty .empty-cart-action{
    margin-left: 15px;
    margin-right: 15px;
}
.empty-cart-action a {
    width: 100%;
    max-width: 100%;
    border-radius: 32px;
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%) !important;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize !important;
    margin-bottom: 0;
    height: 40px;
    min-height: 40px;
}
/* trang danh mục bài viết */
.category-title-banner-wrapper{
    position: relative;
    
}
.category-title-banner-wrapper .category-banner img{
    max-height: 360px;
    width: 100%;
    aspect-ratio: 4 / 1;
    object-fit: cover;
    object-position: center;
}
.category-title-banner-wrapper .cate_title{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-48%, -50%);
}
.a_title_noline h1 {
    background: linear-gradient(133.92deg, #064D5C 1.88%, #1E7680 50.94%, #41A2A5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 0;
}
.category-title-banner-wrapper .cate_title .large-12{
    padding-bottom: 0;
}


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    /* mini cart */
    .off-canvas-left .mfp-content,
    .off-canvas-right .mfp-content{
        background-color: #fff !important;
    }
    .cart-popup-inner--sticky .ux-mini-cart-footer{
        border-top: 1px solid #69696980 !important;
        border-right: 1px solid #69696980 !important;
    }
    .cart-popup-inner--sticky .ux-mini-cart-footer .woocommerce-mini-cart__total.total strong{
        font-weight: 400;
    }
    .amlab-cart-header .cart-title{
        font-size: 18px;
        font-weight: 500;
    }
    .amlab-cart-header .cart-title span{
        display: none;
    }
    .amlab-cart-header .back-to-shop-btn{
        font-size: 14px;
    } 
    .shop_table .cart_item .product-price{
        display: block;
    }
    .shop_table .cart_item .product-show-group{
        display: flex;
        justify-content: space-between;
        align-items: center;
        align-content: center;
    }
    .shop_table .cart_item .product-show-group .product-action-mb{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .woocommerce-cart .woocommerce{
        margin: 0 auto;
    }
    .cart-auto-refresh{
        padding: 0 15px !important;
    }
    .cart-collaterals{
        padding: 0 !important;
    }
    .woocommerce-cart-form{
        padding: 10px 5px 5px 5px;
        box-shadow: 0px 0px 3px 0px #00000040;
    }
    .shop_table .cart_item .product-name{
        padding: 5px;
        width: 70%;
        align-content: flex-start;
    }
    .shop_table .cart_item .product-thumbnail{
        padding: 5px;
        width: 30%;
        aspect-ratio:  1 / 1;
    }
    .shop_table .cart_item .product-name a{
        font-size: 14px;
        font-weight: 500;
    }
    .shop_table .cart_item .product-price .amount{
        font-size: 16px;
    }
    .shop_table .cart_item .product-name .product-remove{
        width: 30px;
        height: 30px;
        top: 0px;
    }
    .shop_table .cart_item .product-name .product-remove img{
        width: 15px !important;
        height: 20px !important;
    }

    .cart-collaterals {
        padding: 0 !important;
    }
    .cart-collaterals .cart-sidebar {
        position: fixed;
        bottom: 0;
        z-index: 9999;
        background: #fff;
    }

    .cart-collaterals .cart-sidebar {
        border-radius: 25px 25px 0 0;
        /* box-shadow: 0px -1px 2px 0px #00000040; */
        border: 1px solid #CACACA;
        border-bottom: none;
    }

    .cart-collaterals .cart-sidebar .cart-header-title {
        display: none;
    }

    .cart-collaterals .cart-sidebar .totals-body {
        padding: 15px 30px;
    }

    .cart-collaterals .cart-sidebar .totals-body .totals-row.total span.label {
        font-size: 16px;
    }
    .checkout .accordion .accordion-title span,
    .checkout .accordion .accordion-title{
        font-size: 14px;
    }
    #customer_details .woocommerce-billing-fields h3,
    .wc_payment_heading{
        font-size: 14px;
    }
        
    .payment_box .bank-transfer-info .content-box p,
    .payment_box .bank-transfer-info .content-box ul li{
        font-size: 12px;
    }
    #shipping_method_custom .wc_payment_method label,
    .payment_method_bacs>label,
    .payment_method_cod>label,
    .payment_method_amlab_installment_payment>label {

        font-size: 12px;
    }
    .confirm-terms-block label{
        font-size: 12px;
    }
    #customer_details{
        padding: 5px ;
    }
    #customer_details .woocommerce-billing-fields input,
    #customer_details textarea,
    #customer_details .woocommerce-billing-fields .select2-selection{
        font-size: 12px;
        padding: 5px !important;
        margin: 0;
    }
    .woocommerce form .form-row.address-field .select2-container,
    .select2-container{
        margin-bottom: 0 !important;
    }
    .checkout-sidebar .order-review-header{
        display: none;
    }
    .coupon-section .coupon-wrapper .coupon-cs-label{
        font-size: 12px;
    }
    .coupon-section .coupon-wrapper .coupon-input-group .apply-coupon-btn,
    .coupon-section .coupon-wrapper .coupon-input-group #coupon_code{
        font-size: 12px;
    }
    .woocommerce-checkout #main{
        z-index: 2;
    }
    .custom-order-review-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        border-top: 1px solid #eee;
        box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.08);
        padding: 0;
        z-index: 999;
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .checkout .large-5 .col-inner .order-review-body{
        border: none;
    }
    .place-order #place_order{
        font-size: 18px;
        font-weight: 500;
    }
    .total-row .order-label,
    .total-row .total-value .amount,
    .total-row .coupon-value-price ,
    .total-row .total-value-price .amount{
        font-size: 14px;
    }
    .total-row .coupon-value-price{
        font-weight: 500;
        color: #0C0A0A;
    }
    .payment_box{
        padding: 10px;
    }
    .payment_box .bank-transfer-info{
        flex-wrap: wrap;
    }
    .payment_box .bank-transfer-info .content-box,
    .payment_box .bank-transfer-info .content-box{
        flex: 1 1 100%
    }
    .payment_box .bank-transfer-info .qr-box-group{
        max-width: 100%;
        aspect-ratio: unset;
        padding: 10px 0;
        flex-direction: row;
        gap: 15px;
    }
    /* trang danh mục */
    .category-tabs .category-list.shop-list{
        gap: 10px;
        flex-wrap: nowrap
    }
    .category-tabs .category-list.shop-list .category-item{
        max-width: 100px ;
    }
    .category-tabs .category-list .category-item .shop-img .icon-svg,
    .category-tabs .category-list .category-item .shop-img .icon-svg svg{
        width: 32px;
        height: 32px;
    }
    .category-tabs .category-list .category-item .shop-category-name{
        font-size: 14px;
    }
    .category-tabs .category-list {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        margin: 0 !important;
        max-width: 100% !important;
        
    }
    .category-tabs .category-list.sub-list.cate_level_2 .category-item{
        min-width: 100px ;
        
    }
    .category-tabs .category-list.cate_level_3 .col{
        max-width: 200px;
    }
    .category-tabs .category-list.cate_level_3 .col .col-inner{
        padding: 0;
    }

    .category-tabs .category-list>* {
        flex: 0 0 auto;
        /* Bắt buộc các item nằm theo chiều ngang */
    }
    .category-tabs .category-list::-webkit-scrollbar {
        display: none;
    }
    .category-container {
        padding: 0 10px;
    }
    .category-page-title .flex-col{
        text-align: start !important;
    }
    .amlab_custom_count_result{
        display: none;
    }
    .row.category-page-row .large-9{
        padding-bottom: 0;
    }
    .category-page-row .a_title img {
        width: 32px;
    }
    .shop-container .term-description .col-inner {
        padding: 0 10px;
    }
    .category-description .col-inner p,
    .category-description .col-inner td {
        font-size: 14px;
    }
    .category-description .col-inner h2 {
        font-size: 20px;
    }
    .category-description .col-inner h3 {
        font-size: 18px;
    }
    .shop-container .term-description table{
        border-collapse: collapse;
        /* width: max-content; */
    }
    .category-header-row .cate-image img{
        height: auto;
    }
    /* .filter-overlay{
        display: block;
    } */
     /* trang chi tiết bài viết */
    #content .entry-title{
        font-size: 20px;
    }
    #content #ez-toc-container .ez-toc-link {
        font-size: 14px;
    }

    #content #ez-toc-container .ez-toc-link~ul a {
        font-size: 14px;
    }
    .entry-content h2 {
        font-size: 16px;
    }
    .entry-content h3 {
        font-size: 14px;
    }
    .entry-content p {
        font-size: 14px;
    }
    .amlab-single-product>.row:first-child{
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
    }
    .amlab-single-product .product-info.summary .action_group .cart button span{
        display: none;
    }
    .amlab-single-product .product-info h1{
        font-weight: 400;
    }
    .amlab-single-product .product-info.summary .action_group a.button.amlab_see_more{
        margin-right: 0;
    }
    .amlab-single-product .a_baohanh .row{
        flex-wrap: nowrap;
    }
    .amlab-single-product .a_baohanh .row .col .icon-box .icon-box-img{
        width: 24px !important;
        aspect-ratio:  1 / 1;
    }
    .amlab-single-product .a_baohanh .row .col .icon-box .icon-box-text{
        padding-left: 5px;;
    }
    .amlab-single-product .a_baohanh .row .col .icon-box .icon-box-text p{
        font-size: 10px;
        font-weight: 300;
        text-align: start;
    }
    .amlab_products_from_blog_container{
        font-size: 14px;
    }
    .amlab-xem-them-wrapper .amlab-xem-them-list li a {
        font-size: 14px;
    }
    .amlab-intro-company-inner{
        justify-content: center;
        flex-wrap: wrap;
    }
    .amlab-intro-company-inner .amlab-intro-company-logo{
        width: 80%;
    }
    .amlab_related_posts .row{
        margin: 0 auto !important;
    }
    .amlab_related_posts .post-item .box{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px; 
    }
    .amlab_related_posts .post-item .box .box-image{
        flex: 1 1 40%;
    }
    .amlab_related_posts .post-item .box .box-image .image-cover{
        padding-top: 75% !important;
        border-radius: 5px;
        overflow: hidden;
    }
    .amlab_related_posts .post-item .box .box-text {
        flex: 1 1 60%;
        padding: 5px 0;
    }
    .amlab_related_posts .post-item .box .box-text .box-text-inner{
        display: flex;   
        flex-direction: column;
    }
    .amlab_related_posts .post-item .box .box-text .post-meta-info{
        order: 2;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .amlab_related_posts .post-item .box .box-text .post-meta-info .a_blogauthor{
        order: 3;
    }
    .amlab_related_posts .post-item .box .box-text .from_the_blog_excerpt{
        display: none;
    }
    .amlab_related_posts .col.post-item .box-text .plain{
        font-size: 14px;
    }
    .amlab-single-product .a_baohanh>.col-inner {
        margin-bottom: 0 !important;
    }
}