/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.product-compare-item .box_meta_single_content_sanpham {
    grid-template-columns: 1fr;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
.widget .is-divider {
    display: none;
}
#top-bar {
  background-image: url('/wp-content/uploads/2025/08/BANNER-WEB.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  padding: 0;
  margin: 0;
}

.icon-box.featured-box.icon-header.icon-box-left.text-left p {
    margin-left: -6px;
    margin-top: -3px;
}

a.nav-top-link {
    margin: 0 15px;
}


.header-search-form .button i, button i {
    top: -0.5px;
    left: -10px;
    vertical-align: middle;
    color: #f05a28;
}

.title-footer h4 {
    font-size: 16px;
    font-weight: 600;
}
.menu-footer span {
    color: #fff;
    font-size: 14px;
    line-height: 1.4em;
}

.menu-footer a.ux-menu-link__link.flex {
    margin-bottom: -8px !important;
}
.menu-footer span:hover {
    color: #f05a28;
}
.text-hotrobanhang-footer p {
    font-size: 14px;
    line-height: 1.4em;
}



.widget-area {
  position: -webkit-sticky; /* Dành cho các trình duyệt cũ */
  position: sticky;
  top: 140px; /* Tăng khoảng cách để widget không bị che khuất */
  z-index: 100;
  background-color: white;
}

@media (max-width: 768px) {
  .widget-area {
    position: static; /* Tắt sticky trên màn hình nhỏ */
  }
}



/* Targeting the form with class .form-ngang-footer */
.form-ngang-footer {
    display: flex;
    justify-content: flex-start; /* Align elements to the left */
    align-items: center;
    width: 100%; /* Full width for the form */
    max-width: 100%;
    margin-top: 20px;
}

.form-ngang-footer .flex-col {
    margin-bottom: 0; /* Remove margin at the bottom */
width: calc(100% - 150px); 
}

.form-ngang-footer .flex-grow {
    flex-grow: 1;
    width: 100%; /* Full width for the input */
}

.form-ngang-footer .ml-half {
    margin-left: 0; /* Remove the left margin */
}

.form-ngang-footer input[type="email"] {
    width: 100%; /* Full width for the email input */
    padding: 10px;
    font-size: 16px;
    border: 2px solid #FF7B00;
    border-radius: 5px;
    background-color: #2E2E2E;
    color: white;
    box-sizing: border-box;
}

.form-ngang-footer input[type="email"]::placeholder {
    color: #b0b0b0;
}

.form-ngang-footer input[type="email"] {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border: 2px solid #f05a28;
    border-radius: 5px 0 0 5px;
    background-color: #2E2E2E;
    color: white;
    box-sizing: border-box;
    border-right: 0px;
}

.form-ngang-footer button[type="submit"]:hover {
    background-color: #f05a28;
width: 100px;
}

/* Remove default border and margin on form elements */
.form-ngang-footer .wpcf7-form-control {
    border: none;
    margin: 0;
}

.form-ngang-footer .wpcf7-submit {
    cursor: pointer;
}
.form-ngang-footer input.wpcf7-form-control.wpcf7-submit.has-spinner.button {
    border-radius: 0 5px 5px 0;
    padding-top: 3px;
}


.iconmap-footer img {
    width: 70%;
}

.iconmap-footer p {
    padding-top: 3px;
    font-size: 15px;
    font-weight: 600;
    margin-left: -20px;
}
.style-diachi-footer p {
    font-size: 14px;
    line-height: 30px;
}

.icon-box.featured-box.iconmap-footer.icon-box-left.text-left {
    margin-bottom: -10px;
}

.absolute-footer, html {
    background-color: #f05a28;
    color: #fff !important;
}

.title-homepage h2 {
    font-size: 30px;
    line-height: 1.4em;
    margin-bottom: 5px;
}


.img-danhmuc-home img:hover {
    border: 2px solid #f05a28;
    border-radius: 50%;
}

.title-sp-khuyenmai h2 {
    color: #000;
    border-bottom: none;
}
.title-sp-khuyenmai .section-title-normal span {
    border-bottom: none;
}


.title-sp-khuyenmai .section-title-main {
    display: flex; /* Sử dụng flex để căn chỉnh icon và text */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.title-sp-khuyenmai .section-title-main::before {
    content: "";
    display: inline-block;
    width: 35px; /* Chiều rộng của icon */
    height: 35px; /* Chiều cao của icon */
    background-image: url('/wp-content/uploads/2025/06/icon-sale.png');
    background-size: contain; /* Đảm bảo biểu tượng không bị biến dạng */
    background-repeat: no-repeat; /* Không lặp lại biểu tượng */
    margin-right: 8px; /* Khoảng cách giữa icon và tiêu đề */
}
.title-sp-khuyenmai a {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #f05a28;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.title-sp-khuyenmai .icon-angle-right:before {
    color: #f05a28;
}
.title-sp-khuyenmai a:hover {
    color: #f05a28;
}

.sp-home-cot1 a {
   font-size: 18px !important;
    color: #000;
    font-weight: 700;
}
.sp-home-cot1 span.woocommerce-Price-amount.amount bdi {
    font-size: 18px;
    line-height: 25px;
}

/* Màu đen cho giá bán gốc (10.200.000) */
.sp-home-cot1 .price-wrapper .price del span.woocommerce-Price-amount {
    color: black !important; /* Giá bán thường màu đen */
}
.sp-home-cot2 .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red;
}
/* Màu đỏ cho giá khuyến mãi (7.150.000) */
.sp-home-cot1 .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red !important; /* Giá khuyến mãi màu đỏ */
}
.sp-home-cot2 a {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.sp-home-cot2 span.woocommerce-Price-amount.amount {
    font-size: 15px;
}


/* Đưa giá xuống dòng trong sản phẩm có class cha là .sp-home-cot2 */
.sp-home-cot2 .price-wrapper .woocommerce-Price-amount.amount {
    display: block; /* Đưa giá xuống dòng */
    line-height: 1.5; /* Điều chỉnh chiều cao dòng nếu cần thiết */
}

.sp-home-cot2 .price-wrapper .woocommerce-Price-amount.amount bdi {
    display: block; /* Đảm bảo số tiền cũng nằm trên một dòng riêng biệt */
}




.sp-home-cot3 .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red;
}
.sp-home-cot3 a {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}
.sp-home-cot3 span.woocommerce-Price-amount.amount {
    font-size: 15px;
}


/* Đưa giá xuống dòng trong sản phẩm có class cha là .sp-home-cot2 */
.sp-home-cot3 .price-wrapper .woocommerce-Price-amount.amount {
    display: block; /* Đưa giá xuống dòng */
    line-height: 1.5; /* Điều chỉnh chiều cao dòng nếu cần thiết */
}

.sp-home-cot3 .price-wrapper .woocommerce-Price-amount.amount bdi {
    display: block; /* Đảm bảo số tiền cũng nằm trên một dòng riêng biệt */
}

.product-small.box.sp-home-cot3.has-hover.box-normal.box-text-bottom {
    background: #fff;
    border-radius: 0px;
    border: 1px solid #fff;
    box-shadow: rgb(149 157 165 / .2) 0 8px 20px;
    padding: 0px;
    padding-bottom: 5px;
}
div#reviews.woocommerce-Reviews {
    padding-top: 15px;
}

/* Sử dụng flexbox cho phần chứa giá và nút Zalo */
.sp-home-cot1 .price-wrapper {
    display: flex;
    justify-content: space-between; /* Căn chỉnh giữa giá và nút Zalo */
    align-items: center; /* Căn chỉnh các phần tử theo chiều dọc */
}

/* Nút Zalo */
.price-wrapper .zalo-btn {
    background-color: #25d366; /* Màu nền của Zalo */
    color: white;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    display: inline-flex; /* Dùng inline-flex để hiển thị icon và chữ cùng lúc */
    align-items: center; /* Căn giữa chữ và icon */
    text-decoration: none;
    margin-left: 10px; /* Khoảng cách giữa giá và nút Zalo */
}

.price-wrapper .zalo-btn::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/uploads/2025/06/icon-zalo-fn.png);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 8px;
    margin-bottom: -5px;
}

.price-wrapper .zalo-btn:hover {
    background-color: #128c7e; /* Màu nền khi hover */
}



.sp-home-cot1 .price-wrapper .zalo-btn {
    background-color: #d9d6d6a3 !important;
    position: relative;
    top: 0px !important;
    font-size: 14px !important;
}

.sp-home-cot2 .price-wrapper .zalo-btn {
    background-color: #d9d6d6a3 !important;
}

.sp-home-cot1 .price-wrapper .zalo-btn:hover {
    background-color: #b0b0b0 !important;
}
.sp-home-cot2 .price-wrapper .zalo-btn:hover {
    background-color: #b0b0b0 !important;
}

.sp-home-cot1 .box-text.text-left.is-large {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
}


/* Căn chỉnh giá và nút Zalo cùng hàng */
.woocommerce-shop .box-text .price-wrapper {
    display: flex; /* Sử dụng Flexbox để sắp xếp các phần tử trong hàng */
    justify-content: space-between; /* Căn chỉnh giá và nút Zalo theo hai bên */
    align-items: center; /* Căn chỉnh các phần tử theo chiều dọc */
}

/* Nút Zalo */
.woocommerce-shop .box-text .price-wrapper .zalo-btn {
    font-size: 13px !important;
    margin-left: 10px;
    padding: 9px 10px !important;
    background-color: #d9d6d6a3 !important;
}

/* Hiệu ứng hover cho nút Zalo */
.woocommerce-shop .box-text .price-wrapper .zalo-btn:hover {
    background-color: #128c7e; /* Màu nền xanh khi hover */
    color: white; /* Màu chữ trắng khi hover */
}
/* Điều chỉnh để giá và nút Zalo nằm cùng hàng */
.sp-home-cot2 .box-text .price-wrapper {
    display: flex; /* Sử dụng flex để căn chỉnh các phần tử trong hàng */
    justify-content: space-between; /* Đảm bảo các phần tử căn đều trong container */
    align-items: center; /* Căn chỉnh các phần tử theo chiều dọc */
}

/* Nút Zalo */
.sp-home-cot2 .box-text .price-wrapper .zalo-btn {
    background-color: #fff; /* Màu nền trắng cho nút Zalo */
    color: #000; /* Màu chữ đen */
    padding: 8px 15px !important;
    font-size: 12px !important;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block; /* Đảm bảo nút Zalo không bị biến dạng */
    margin-left: 10px; /* Khoảng cách giữa giá và nút Zalo */
}




/* Đưa giá xuống 2 dòng */
.woocommerce-shop .woocommerce-Price-amount.amount {
    display: block; /* Đảm bảo giá được hiển thị theo dạng block */
    font-size: 16px; /* Cân chỉnh lại kích thước chữ (tuỳ chọn) */
    line-height: 1.5; /* Điều chỉnh chiều cao dòng để tăng khoảng cách giữa các dòng */
}

/* Nếu muốn số tiền với đơn vị nằm trên các dòng riêng biệt */
.woocommerce-shop .woocommerce-Price-amount.amount bdi {
    display: block; /* Đảm bảo số tiền nằm trên một dòng */
}


.title-sp-banchay h2 {
    color: #000;
    border-bottom: none;
}
.title-sp-banchay .section-title-normal span {
    border-bottom: none;
}


.title-sp-banchay .section-title-main {
    display: flex; /* Sử dụng flex để căn chỉnh icon và text */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.title-sp-banchay .section-title-main::before {
    content: "";
    display: inline-block;
    width: 60px;
    height: 30px;
    background-image: url(/wp-content/uploads/2025/07/icon-spbanchay.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}


.title-sp-banchay a {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #f05a28;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}



.title-sp-banchay .icon-angle-right:before {
    color: #f05a28;
}
.title-sp-banchay a:hover {
    color: #f05a28;
}



.title-sp-sofa h2 {
    color: #000;
    border-bottom: none;
}
.title-sp-sofa .section-title-normal span {
    border-bottom: none;
}


.title-sp-sofa .section-title-main {
    display: flex; /* Sử dụng flex để căn chỉnh icon và text */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.title-sp-sofa .section-title-main::before {
    content: "";
    display: inline-block;
    width: 45px; /* Chiều rộng của icon */
    height: 45px; /* Chiều cao của icon */
    background-image: url('/wp-content/uploads/2025/06/icon-sofa-new.png');
    background-size: contain; /* Đảm bảo biểu tượng không bị biến dạng */
    background-repeat: no-repeat; /* Không lặp lại biểu tượng */
    margin-right: 8px; /* Khoảng cách giữa icon và tiêu đề */
}
.title-sp-sofa a {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #f05a28;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.title-sp-sofa .icon-angle-right:before {
    color: #f05a28;
}
.title-sp-sofa a:hover {
    color: #f05a28;
}





.title-sp-banan h2 {
    color: #000;
    border-bottom: none;
}
.title-sp-banan .section-title-normal span {
    border-bottom: none;
}


.title-sp-banan .section-title-main {
    display: flex; /* Sử dụng flex để căn chỉnh icon và text */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.title-sp-banan .section-title-main::before {
    content: "";
    display: inline-block;
    width: 55px; /* Chiều rộng của icon */
    height: 55px; /* Chiều cao của icon */
    background-image: url('/wp-content/uploads/2025/06/icon-ban-an.png');
    background-size: contain; /* Đảm bảo biểu tượng không bị biến dạng */
    background-repeat: no-repeat; /* Không lặp lại biểu tượng */
    margin-right: 8px; /* Khoảng cách giữa icon và tiêu đề */
}
.title-sp-banan a {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #f05a28;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.title-sp-banan .icon-angle-right:before {
    color: #f05a28;
}
.title-sp-banan a:hover {
    color: #f05a28;
}

.blog-tintucpage .is-divider {
    display: none;
}
.sp-home-noibat .box-text.text-left.is-large {
    bottom: 10px;
    background-color: #ffffff00;
    left: 15px;
}
.sp-home-noibat .price-wrapper .zalo-btn {
    display: none !important;
}
.blog-tintucpage a {
    color: #000;
    letter-spacing: 0px;
}
.product-small.box.sp-home-noibat.has-hover.box-badge.hover-dark.box-text-bottom a {
    color: #fff;
    font-size: 18px;
}
.sp-home-noibat bdi {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.sp-home-noibat .price del {
    display: none;
}
.blog-archive img {
    border-radius: 12px;
}
.blog-archive .is-divider {
    display: none;
}
.icon-box.featured-box.icon-delai.icon-box-left.text-left p {
    font-size: 20px;
    font-weight: 600;
}

.hinh-vechungtoi img {
    border-radius: 10px;
}



/* Các phần tử con bên trong lớp cha */
.flex-row.form-flat.medium-flex-wrap-home .flex-col {
    align-items: center;
    margin: 0; /* Loại bỏ khoảng cách giữa các phần tử con */
    padding: 0; /* Loại bỏ padding giữa các phần tử */
}

/* Input nhập số điện thoại, kéo dài để chiếm hết chiều dài */
.flex-row.form-flat.medium-flex-wrap-home input[type="tel"] {
    flex-grow: 1; /* Kéo dài chiếm không gian còn lại */
    padding: 10px;
    border-radius: 1px;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    margin-right: 0; /* Loại bỏ khoảng cách giữa input và nút gửi */   
    padding-bottom: 5px;
}

/* Nút gửi */
.flex-row.form-flat.medium-flex-wrap-home .primary,
.flex-row.form-flat.medium-flex-wrap-home input[type=submit],
.flex-row.form-flat.medium-flex-wrap-home input[type=submit].button {
    background-color: #ffe800; /* Nền màu vàng */
    color: #000;
    border-radius: 1px;
    width: 100px;
    padding-bottom: 1px;
    margin: 0; /* Loại bỏ khoảng cách xung quanh nút */
}

/* Hiệu ứng hover cho nút gửi */
.flex-row.form-flat.medium-flex-wrap-home button.button.primary:hover {
    background-color: #e5b700; /* Màu vàng đậm khi hover */
}

/* Đảm bảo form có độ rộng linh hoạt */
.flex-row.form-flat.medium-flex-wrap-home .medium-flex-wrap-home {
    flex-wrap: wrap;
    margin: 0; /* Loại bỏ margin của toàn bộ form */
}

.title-anh-feedback p {
    margin-bottom: 10px;
}
.flex-row form-flat medium-flex-wrap-home .flex-row {
    width: 110%;
}


.icon-box.testimonial-box.icon-box-center.feedback-home.text-center img {
    border-radius: 0px !important;
}

.star-rating span:before {
    color: #f05a28;
}
.feedback-home h3 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    padding-top: 10px;
}
.feedback-home .first-reset :first-child {
    margin-bottom: 3px;
}
.feedback-home p {
    font-size: 15px;
    color: #000;
    font-style: normal;
}
.feedback-home .icon-box-img.testimonial-image.circle {
    width: 100% !important;
}
.feedback-home .icon-box-text.p-last-0 {
    text-align: left;
}

.feedback-home .star-rating {
    text-align: left !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.sp-feedback h3 {
    font-size: 14px;
    margin-bottom: 0px;
}
.sp-feedback .giagoc {
    font-size: 14px;
    text-decoration: line-through;
}
.sp-feedback .giakm {
    font-size: 14px;
    color: red;
    font-weight: 600;
}

.slide-feedback .slider-nav-light .flickity-prev-next-button .arrow, .slider-nav-light .flickity-prev-next-button svg {
    fill: rgb(133 133 133);
    background-color: #fff;
}
.sp-feedback p {
    line-height: 1.3em !important;
}
.blog-home .is-divider {
    display: none;
}
.blog-home h5 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}

.title-anh-feedback h2 {
    font-weight: 400;
    margin-bottom: 5px;
}

.icon-box.featured-box.icontaisao-home.icon-box-center.text-center {
    border: 1px solid rgb(201 197 197);
    border-radius: 15px;
    padding: 10px;
}
.icontaisao-home p {
    margin-bottom: 0px;
    font-size: 16px;
}
.icon-box.featured-box.icontaisao-home.icon-box-center.text-center:hover {
    border: 1px solid #f05a28;
}

.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: 500;
}

.sp-home-noibatmb .box-text.text-left.is-large {
    bottom: 10px;
    background-color: #ffffff00;
    left: 15px;
}
.sp-home-noibatmb .price-wrapper .zalo-btn {
    display: none !important;
}
.product-small.box.sp-home-noibatmb.has-hover.box-badge.hover-dark.box-text-bottom a {
    color: #fff;
    font-size: 18px;
}
.sp-home-noibatmb bdi {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.sp-home-noibatmb .price del {
    display: none;
}


.sp-home-noibatmbcot2 .box-text.text-left.is-large {
    bottom: 10px;
    background-color: #ffffff00;
    left: 15px;
}
.sp-home-noibatmbcot2 .price-wrapper .zalo-btn {
    display: none !important;
}
.product-small.box.sp-home-noibatmbcot2.has-hover.box-badge.hover-dark.box-text-bottom a {
    color: #fff;
    font-size: 18px;
}
.sp-home-noibatmbcot2 bdi {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.sp-home-noibatmbcot2 .price del {
    display: none;
}


.title-anh-feedback p {
    font-size: 25px;
    margin-bottom: 5px;
}
.title-anh-feedback h2 {
    font-size: 30px;
}
.title-tintuc-feedback h2 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 5px;
}
.img-dmca img {
    border-radius: 5px;
}



.title-tintuc-page h2 {
    color: #000;
    border-bottom: none;
}
.title-tintuc-page .section-title-normal span {
    border-bottom: none;
}

.img-danhmuc-home h3 {
    padding-top: 15px;
}
.title-tintuc-page .section-title-main {
    display: flex; /* Sử dụng flex để căn chỉnh icon và text */
    align-items: center; /* Căn giữa theo chiều dọc */
}

.title-tintuc-page .section-title-main::before {
    content: "";
    display: inline-block;
    width: 35px; /* Chiều rộng của icon */
    height: 35px; /* Chiều cao của icon */
    background-image: url('/wp-content/uploads/2025/06/icon-tintuc-new.png');
    background-size: contain; /* Đảm bảo biểu tượng không bị biến dạng */
    background-repeat: no-repeat; /* Không lặp lại biểu tượng */
    margin-right: 8px; /* Khoảng cách giữa icon và tiêu đề */
}
.title-tintuc-page a {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #f05a28;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.title-tintuc-page .icon-angle-right:before {
    color: #f05a28;
}
.title-tintuc-page a:hover {
    color: #f05a28;
}
.img-danhmuc-home .large-2 {
        flex-basis: 19.666667%;
        max-width: 16.666667%;
    }

.img-niemtin img {
    border-radius: 15px;
}
.single-product .zalo-btn {
    margin-left: 0px !important;
    background-color: #e9e3e3 !important;
    margin-top: 10px !important;
    font-size: 13px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.dvls_maps_wrap .dvls_near_you {
    display: none !important;
}
.dvls_maps_wrap input.dvls-submit {
    background: #f05a28 !important;
    width: 100%;
}

.single-post .entry-divider.is-divider.small {
    display: none;
}

.single-post h1.entry-title {
    color: #f05a28;
}

.single-post .row-divided>.col+.col:not(.large-12) {
    border-left: none;
}
.single-post .row-large>.col, .row-large>.flickity-viewport>.flickity-slider>.col {
        margin-bottom: 0;
        padding: 0 15px 30px;
    }
.widget-area .is-divider.small {
    display: none;
}
span.widget-title, .woof_container_inner h4 {
    padding: 13px 15px;
    font-weight: 700;
    letter-spacing: 0;
    font-size: 15px;
    display: block;
    line-height: 1.3em;
    color: #fff;
    background-color: #f05a28;
    margin-bottom: 10px;
}


.badge-container {
    margin: 15px 0 0 0;
}

.badge {
    height: unset;
    width: unset;
}

.badge-container .badge .badge-inner.on-sale {
    border-radius: unset;
    padding: unset;
    width: 77px;
    height: 25px;
    font-size: 13px;
    background-color: unset;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/06/giam-gia.png);
    background-size: cover;
    border: 0;
    position: relative;
}

.badge-container .badge .badge-inner.on-sale span.onsale {
    z-index: 100;
    font-size: 11px;
    position: absolute;
    right: 14px;
    top: 7px;
    color: #fff;
}
.badge-outline, .badge-circle {
    margin-right: -0.4em;
}
.product-small .product-title a {
    color: #111;
    font-size: 16px;
    font-weight: 700;
}
.product-small .product-title a:hover {
    color: #f05a28;
}
/* .woocommerce-shop .is-divider.small {
    display: none;
}
.woocommerce-shop .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red;
}

.woocommerce-page .is-divider.small {
    display: none;
}
.woocommerce-page .box-text .price-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-page .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red;
} */

.woocommerce-page .box-text .price-wrapper .zalo-btn {
    font-size: 13px !important;
    margin-left: 10px;
    padding: 9px 10px !important;
    background-color: #d9d6d6a3 !important;
	width: 100%;
    max-width: 120px;
}

.title-sp-banchay h2 {
    color: #000;
    border-bottom: none;
}

.sanpham-moi-page .box-text .price-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sanpham-moi-page .price-wrapper .price ins span.woocommerce-Price-amount {
    color: red;
}
.sanpham-moi-page .woocommerce-Price-amount.amount {
    font-size: 17px;
    line-height: 1.5;
}

.sanpham-moi-page a.zalo-btn {
    display: none !important;
}
.sanpham-moi-page p.name.product-title.woocommerce-loop-product__title {
    height: 47px;
}
.sp-home-noibat .image-tools .cart-icon {
    left: 20px;
    margin: 5px;
    position: absolute;
    bottom: 80px;
}
.sp-home-cot2 p.name.product-title.woocommerce-loop-product__title {
    height: 43px;
}


.widget-area .badge {
    height: 60px;
    width: 60px;
}







/* Tiêu đề */
.box_meta_single_content_sanpham .tieu-de.thong-so {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    text-align: left; /* Canh lề trái */
}

/* Khối thông tin sản phẩm */
.box_meta_single_content_sanpham {
    background-color: #f2f2f2;
    padding: 15px 15px 3px 25px;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(3, auto);
    border-left: 7px solid #f05a28;
    text-align: left; /* Canh lề trái cho toàn bộ văn bản trong box */
}

/* Hàng tiêu đề chiếm toàn bộ chiều rộng */
.box_meta_single_content_sanpham .tieu-de.thong-so {
    grid-column: span 2; /* Tiêu đề sẽ chiếm 2 cột */
    text-align: left; /* Canh lề trái */
}

/* Các mục thông tin sản phẩm */
.box_meta_single_content_sanpham .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    text-align: left; /* Canh lề trái cho các mục thông tin */
}

/* Làm đậm cho tên trường */
.box_meta_single_content_sanpham .fw-b {
    font-weight: bold;
    margin-right: -60px;
    text-align: left; /* Canh lề trái */
}

/* Kiểu chữ cho giá trị */
.box_meta_single_content_sanpham .fs-12 {
    font-size: 16px;
    color: #000;
    text-align: left; /* Canh lề trái */
}

/* Đảm bảo các phần tử cùng nằm một hàng */
/* .box_meta_single_content_sanpham .item div {
    display: flex;
    justify-content: space-between; /* Căn đều các mục */
    width: 100%;
    text-align: left; /* Canh lề trái */
} */

.box_meta_single_content_sanpham .item div .fw-b {
    flex: 1;
}

.box_meta_single_content_sanpham .item div .fs-12 {
    flex: 1;
}


.devvn_prod_cmt {
    display: none;
}
.single-product .product-info {
    padding-top: 0px !important;
}



.daban {
    font-size: 17px;
    color: #666666b3;
}

h1.product-title.product_title.entry-title {
    margin-bottom: 5px;
}

/* Đặt các trường Đã bán và Đánh giá nằm trên cùng một hàng */


.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    box-shadow: none;
    border-radius: 6px;
}
#comments a.btn-reviews-now {
    background-color: #f05a28;
}
/* Định dạng cho phần "Đánh giá" */
.woocommerce-product-rating {
    display: flex;
    align-items: center;
}
.woocommerce-shipping-fields {
    display: none;
}
.review-label {
    font-size: 17px;
    color: #666666b3;
    margin-right: 5px; /* Khoảng cách giữa chữ "Đánh giá" và ngôi sao */
}
span.devvn_num_reviews {
    color: #f05a28;
}
.average-rating {
    font-size: 17px;
    color: #666;
    margin-left: 5px; /* Khoảng cách giữa ngôi sao và số điểm */
}
div#reviews.woocommerce-Reviews {
    border-bottom: none;
}
div#reviews.woocommerce-Reviews {
    max-width: 100%;
}
.single-product button.single_add_to_cart_button.button.alt {
    display: none;
}
.single-product .ux-quantity.quantity.buttons_added {
    display: none;
}
div#review_form_wrapper {
    max-width: 650px;
}
.woocommerce #review_form #respond p.form-submit input#submit, .woocommerce #reviews #comments ol.commentlist #respond p.form-submit input#submit {
    background-color: #f05a28;
}


.box_meta_single_content_sanpham .fs-12 {
    margin-left: 66px;
}
.ux-menu-link.flex.menu-item.title-menu {
    font-weight: bold;
    color: #000;
}

.ux-menu.stack.stack-col.justify-start.menu-mega.ux-menu--divider-solid {
    color: #000;
}




.flex-row.form-flat.medium-flex-wrap-home .primary, .flex-row.form-flat.medium-flex-wrap-home input[type=submit], .flex-row.form-flat.medium-flex-wrap-home input[type=submit].button {
    margin-right: -75px;
}


.price-wrapper .price {
    display: block;
    max-width: 120px;
    width: 100%;
}

/* Chỉnh sửa cho bố cục của các trường Đã bán, Đánh giá và So sánh */
.meta-info-wrapper {
    display: flex; /* Sử dụng Flexbox để sắp xếp các phần tử trên một hàng */
    align-items: center; /* Căn chỉnh theo chiều dọc */
    gap: 20px; /* Khoảng cách giữa các phần tử */
}

.meta-item {
    text-align: center; /* Căn giữa nội dung trong mỗi phần tử */
}

.daban, .woocommerce-product-rating {
    font-size: 14px; /* Định dạng font size */
    font-weight: bold; /* Làm đậm chữ */
}

/* Tùy chỉnh cho nút So sánh */
.ipc-compare-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0073e6;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.ipc-compare-button:hover {
    background-color: #005bb5;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}





@media (max-width: 1440px) and (min-width: 728px) {
.nav-spacing-xlarge>li {
    margin: 0 16px !important;
}
.header-main .nav > li > a {
    font-size: 15px !important;
}
}