/*
Theme Name: Lumino Store UI
Description: Lumino Store UI - KHOA HOC - TAI NGUYEN THIET KE
Author: Web Giá Rẻ
Template: flatsome
Version: 1.0
*/

/*****************************************
 * CSS TÙY CHỈNH CHO GIAO DIỆN SỬA IPHONE
 *****************************************/

/* =========================
   1. TIÊU ĐỀ SECTION, MENU
   ========================= */
.section-title a {
    display: block;
    font-size: 14px;
    margin-left: auto;
    font-weight: normal;
    border: 1px solid #fb6d2e;
    line-height: 1.5;
    padding: 7px 20px;
    border-radius: 4px;
    color: #333;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out > li.menu-item > a {
    padding: 7.5px 10px;
    font-size: 16px;
}

.header-vertical-menu__fly-out .nav-vertical-fly-out {
    border: 1px solid #e1e1e1;
    /* height: 494px; */
    border-radius: 0 0 5px 5px;
}

.header-vertical-menu__title {
    font-size: 15px;
    color: #fff;
}

/* Block icon header */
.header-block .icon-box .icon-box-text {
    padding-left: 5px;
}

.header-block .icon-box p {
    font-size: 14px;
}

.header-block .col {
    padding-bottom: 0;
}

.header-block .icon-box a {
    color: #333;
}

/* Menu dưới header */
.header-bottom-nav > li > a {
    font-size: 15px;
    padding: 0;
}

.header-block .large-6 a {
    font-size: 12px;
    color: #333;
}

.header-block .large-6 a:hover {
    text-decoration: underline;
}

/* Dropdown menu */
.nav-dropdown {
    width: calc((100% * 2 + 15px));
    display: inline;
}

.nav-dropdown li {
    display: inline-block;
    width: 50%;
    float: left;
}

.nav-dropdown > li.nav-dropdown-col {
    display: inline-block;
    min-width: 50%;
    text-align: left;
    white-space: nowrap;
    width: 50%;
}

.nav-dropdown.nav-dropdown-default > li > a {
    border-bottom: none;
    margin: 0 10px;
    padding-left: 0;
    padding-right: 0;
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 14px;
    padding: 6px 0;
}

.nav-dropdown > li.nav-dropdown-col .sub-menu li {
    width: 100%;
    display: block;
    font-weight: normal !important;
}

.nav-dropdown-default .nav-column li > a {
    font-size: 14px;
    color: #333;
    padding: 6px 0;
    border-top: none !important;
    border-bottom: none;
}

.nav-dropdown-default .nav-column li > a:hover,
.nav-dropdown.nav-dropdown-default > li > a:hover {
    color: #fb6e2e;
}

.nav-dropdown-default {
    padding: 10px;
}

.header-vertical-menu__opener {
    margin-right: 15px;
}

/* Viền dưới header */
.header-bottom {
    border-bottom: 1px solid #e5e5e5;
}

/* Ô tìm kiếm header */
.header-block .searchform-wrapper input {
    font-size: 14px;
    height: 38px;
    border-radius: 5px 0 0 5px;
    box-shadow: none;
}

.searchform .button.icon {
    height: 38px;
    width: 56px;
    background: #00a0e3;
    border-radius: 0 5px 5px 0;
    box-shadow: none;
}

/* =========================
   2. BỐ CỤC SECTION TRANG CHỦ
   ========================= */
.section1 .col {
    padding: 0 6px 12px;
}

.section1 .cot2 .row {
    margin-left: -6px !important;
    margin-right: -6px !important;
    margin-top: 0;
}

.section1 .img {
    margin-bottom: 12px !important;
}

.section1 .cot2 .row .col {
    padding-bottom: 0;
}

.section1 .cot2 .row .col .img {
    margin-bottom: 0 !important;
}

/* Icon cam kết / lợi ích */
.section2 .col.large-2 {
    flex-basis: 10%;
    max-width: 10%;
}

.section2 .icon-box h3 {
    font-size: 15px;
}

.section2 .icon-box:hover h3 {
    color: orangered;
}

/* Hiệu ứng icon lắc trong section 2 */
.section2 .icon-box:hover .icon-box-img {
    animation: tada 2s infinite;
}

@keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    100% {
        transform: scaleX(1);
    }
}

/* Popup đặt hàng nhanh */
.devvn-popup-title span {
    font-size: 15px;
}

body .popup-customer-info-group input,
body .popup-customer-info-group select,
body .popup-customer-info-group textarea {
    height: 35px;
    border-radius: 5px;
    font-size: 14px;
}

.popup-customer-info-group {
    margin-bottom: 10px;
}

.devvn-popup-info ins bdi {
    font-size: 20px;
    color: red;
}

/* Box mua nhanh */
.box-buy {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    padding: 15px;
    border-radius: 5px;
    margin: 15px 0 0 0 !important;
    align-items: center;
    margin-top: 30px !important;
}

.box-buy .col {
    padding-bottom: 0;
}

.box-buy h3 {
    font-size: 15px;
    line-height: 19px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 0;
}

.box-buy .khung-gia {
    margin: 0;
    font-size: 14px;
}

.box-buy .product-hotline,
.box-buy .tiet-kiem {
    margin-bottom: 0;
}

/* Bọc toàn bộ product section */
.product-section > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =========================
   3. BLOG / BÀI VIẾT
   ========================= */
.blog-archive .large-12 {
    text-align: left;
    padding-bottom: 10px;
}

.page-wrapper {
    padding-bottom: 0;
    padding-top: 10px;
}

.rank-math-breadcrumb p {
    font-size: 14px;
    margin-bottom: 5px;
}

.blog-archive .page-title {
    margin-top: 15px;
    font-size: 25px;
    text-transform: none;
    letter-spacing: 0;
}

.blog-archive .post-item .post-title {
    margin-bottom: 10px;
    font-size: 15px;
}

.blog-archive .post-item .from_the_blog_excerpt {
    color: #8f8f8f;
    font-size: 14px;
}

.blog-archive .post-item button {
    color: #fb6e2e;
    font-size: 14px;
    border: none;
    text-transform: none;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

.blog-archive .post-item {
    padding-bottom: 0;
}

.blog-archive .large-3 {
    padding-left: 0;
}

.blog-archive .post-item .post-title:hover {
    color: orangered;
}

.blog-archive .post-item a:hover {
    color: #555;
}

.blog-archive .post-item button:hover {
    background: none;
}

.is-divider {
    display: none;
}

/* Trang chi tiết bài viết */
.blog-single .entry-title {
    font-weight: normal;
}

.blog-single .entry-meta {
    text-transform: none;
    letter-spacing: 0;
    font-size: 14px;
}

.recent-blog-posts a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.blog-single .blog-share {
    text-align: left;
}

/* Box tin tức liên quan */
.post-meta {
    font-size: 14px;
}

.box-tin-tuc-lien-quan h3 {
    font-size: 18px;
}

.box-tin-tuc-lien-quan .post-item .box-text {
    padding-right: 0;
    padding-left: 15px;
}

.box-tin-tuc-lien-quan .list-post {
    padding-left: 0;
    padding-right: 0;
}

/* =========================
   4. FLASH SALE / SẢN PHẨM NỔI BẬT
   ========================= */
.flashsale__bottom {
    padding: 0;
    margin: 15px 0 0 0;
}

/* Ẩn flashsale bottom mặc định, chỉ show trong block sale */
.flashsale__bottom {
    display: none;
}

.sale-block .flashsale__bottom {
    display: block;
}

.section3 .large-12 > .col-inner .large-12 .col-inner {
    padding: 0;
}

/* Đồng hồ đếm ngược flashsale */
.ux-timer span {
    background: #f8e632 !important;
    color: #333 !important;
    font-weight: normal !important;
    font-size: 22px !important;
}

.ux-timer span strong {
    opacity: 1;
    color: #333;
    text-transform: none !important;
    font-weight: normal;
    font-size: 10px !important;
}

.section3 .large-2 p {
    margin-bottom: 0;
    color: #fff;
}

/* Box sản phẩm nhỏ (card sản phẩm) */
.product-small .product-title a,
.archive .product_list_widget .product-title {
    font-size: 15px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.product-small .product-title a:hover {
    color: #fb6e2e;
}

.product-small.box {
    background: #fff;
    padding: 8px;
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-radius: 0;
}

.product-small .product-title {
    margin: 13px 0;
}

/* Nhãn phần trăm khuyến mãi */
.phan-tram-km {
    z-index: 0;
    background-color: #fb6e2e;
    border-radius: 3px 4px 4px 3px;
    border-left: none;
    margin-left: 0;
    position: relative;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    margin-right: 7px;
    padding: 1px 4px;
    position: absolute;
    top: 92px;
    left: 80px;
}

/* Giá sản phẩm */
.product-small .price span.amount,
.product-small .price ins bdi,
.archive .product_list_widget ins bdi,
.khung-gia bdi {
    color: #ed3324;
    font-size: 16px;
}

/* Cột thương hiệu / logo (section13) */
.section13 .large-2 {
    flex-basis: calc(100% / 7);
    max-width: calc(100% / 7);
    transition: transform .3s ease;
}

.section13 .large-2:hover {
    transform: scale(1.1);
}

/* List bài viết chung */
.list-post .post-item .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

.nut-xem-tat-ca {
    background: #e5e6ed !important;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border-radius: 6px;
    margin-bottom: 0;
}

.nut-xem-tat-ca:hover {
    color: #fb6e2e;
    box-shadow: none;
    background: #e9eaef !important;
}

/* Giá hiển thị dạng cột */
.product-small .price {
    flex-direction: column;
    display: flex;
    position: relative;
}

/* Tiêu đề section kiểu thường */
.section-title-normal {
    margin-bottom: 15px;
    border-bottom: 0;
}

.section-title-container {
    margin-bottom: 0;
}

.section-title-normal span {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 20px;
    text-transform: none;
    letter-spacing: 0;
    margin-right: 0;
}

/* Bộ lọc danh mục hiển thị ngang (hdevvn) */
.hdevvn-show-cats {
    margin-left: 20px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    align-items: center !important;
    display: flex !important;
    padding-left: 0;
    list-style: none;
}

.hdevvn-show-cats li {
    margin-right: 7px;
    margin-bottom: 0;
}

.hdevvn-show-cats li:last-child {
    margin-right: 0;
}

.hdevvn-show-cats a {
    display: block;
    font-size: 14px;
    margin-left: auto;
    padding-left: 15px;
    border: 1px solid #e2e2e2;
    line-height: 1.5;
    border-radius: 5px;
    color: #333;
    padding: 7px 15px;
    font-weight: normal;
}

.section-title a:hover {
    background: #fb6d2e;
    color: #fff;
}

.hdevvn-show-cats li a:hover {
    color: orangered;
    border: 1px solid #fb6e2e;
    background: #fff;
}

/* =========================
   5. FOOTER
   ========================= */
.footer1 p,
.footer2 p {
    font-size: 14px;
}

.footer1 .col,
.footer2 .col {
    padding-bottom: 0;
}

.footer2 p {
    margin-bottom: 8px;
}

.footer2 ul {
    margin-bottom: 0;
}

.footer2 h4 {
    font-size: 14px;
}

.footer-secondary {
    padding: 0;
}

.absolute-footer {
    color: #333;
    font-size: 14px;
    padding: 10px 0 15px;
    border-top: 1px solid #d2d2d2;
}

.footer2 ul li {
    font-size: 14px;
    margin-bottom: 5px;
    list-style: none;
    margin-left: 0;
}

.footer2 ul li a {
    font-size: 14px;
    color: #333;
}

.footer2 ul li a:hover {
    text-decoration: underline;
}

/* Nút lên đầu trang */
a.back-to-top {
    background: #fb6e2e !important;
    border: none !important;
    color: #fff !important;
}

/* Form đăng ký email footer */
.form-email input {
    margin-bottom: 0;
    border-radius: 5px 0 0 5px;
    box-shadow: none;
    font-size: 14px;
    height: 39px;
}

.form-email input[type=submit] {
    border-radius: 0 5px 5px 0;
    max-width: 100%;
    margin: 0;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
}

.wpcf7-spinner {
    display: none;
}

/* =========================
   6. TRANG DANH MỤC / SHOP
   ========================= */
.archive .product-small.col {
    padding: 0;
}

.archive .category-page-row {
    max-width: 1300px;
}

h1.shop-page-title {
    font-size: 24px;
    font-weight: normal;
    color: #333;
}

.breadcrumbs {
    color: #222;
    font-weight: normal;
}

.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-ordering select {
    font-size: 14px;
    border-radius: 20px;
}

/* Phân trang */
.woocommerce-pagination {
    margin-top: 14px;
}

.woocommerce-pagination ul li .current {
    color: #fff;
    background-color: #fb6d2e;
    border-color: #fb6d2e;
    box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}

.woocommerce-pagination ul li a {
    color: #8898aa;
    border: 1px solid #cfcfcf;
    font-weight: normal;
}

/* Box sản phẩm bên sidebar danh mục */
.archive .product_list_widget {
    display: flex;
    flex-direction: row;
}

.archive .product_list_widget li {
    display: flex;
    flex-direction: column;
    flex-basis: 20%;
    max-width: 20%;
    margin: 0;
    padding: 0;
}

.archive .product_list_widget li a {
    padding: 10px;
    display: flex;
}

.archive ul.product_list_widget li img {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: inherit;
}

/* =========================
   7. TRANG SẢN PHẨM CHI TIẾT
   ========================= */
.tieu-de-mo-ta {
    margin-top: 20px;
    font-size: 16px;
    text-transform: uppercase;
}

.term-description {
    font-size: 15px;
}

/* Mô tả ngắn */
.mo-ta-ngan p,
.mo-ta-ngan ul li,
.mo-ta-ngan ol li {
    font-size: 15px;
    margin-bottom: 6px;
}

/* Layout chính */
.single-product .product-main {
    padding: 20px 0;
    background: #f9f9fb;
}

.single-product .page-title-inner {
    min-height: 40px;
    padding-top: 0;
}

.product-page-title {
    background: #f9f9fb;
}

#product-sidebar {
    background: #fff;
    border-radius: 7px;
    flex-basis: 23%;
    max-width: 23%;
    padding-left: 15px;
    padding-top: 15px;
    padding-bottom: 0;
}

.product-info {
    border-right: none !important;
    background: #fff;
    margin-right: 20px;
    padding-right: 15px;
    padding-bottom: 0;
}

.product-gallery {
    padding: 15px;
    background: #fff;
    border-radius: 7px 0 0 7px;
}

.khung-gia {
    margin: 15px 0 0 0;
    font-size: 14px;
}

.product-info .product-title {
    font-size: 20px;
}

/* Ẩn badge mặc định của Flatsome */
.badge-container {
    display: none;
}

/* Khuyến mãi / promotion */
.khung-gia .gia-thi-truong bdi {
    text-decoration: line-through;
    color: #999;
    font-size: 17px;
}

.khung-gia .giam-gia {
    background: #fb6e2e;
    padding: 5px 7px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}

.khung-gia .tiet-kiem bdi {
    font-weight: normal;
}

.product-promo-tag {
    color: #cc1af0;
    background: #faf4f4;
    border-color: #faf4f4;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 14px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .15);
    display: inline;
}

.product-promotion {
    margin-top: 20px;
    background-color: #f9f9fb;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 0.2rem !important;
}

.product-promotion__heading {
    color: #fff;
    margin-bottom: 8px;
    background-color: #fb6e2e;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 10px;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 0.2rem !important;
    width: auto;
}

.product-promotion ul {
    margin-bottom: 0;
    border-radius: 4px;
    background: #fff;
    padding: 10px;
}

.khung-gia .gia-chi-con bdi {
    font-size: 20px;
}

/* Nhóm trạng thái & mã SP */
.group-status {
    font-size: 14px;
}

.group-status .ma-sp {
    margin: 0 10px;
}

.group-status a,
.group-status .value {
    color: #007bff;
}

/* Số lượng */
.product-info .quantity:before {
    content: "Số lượng: ";
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
}

.quantity .button.minus {
    min-height: 25px;
    height: 30px;
    background: #fff;
    line-height: 25px;
    border-radius: 2px 0 0 2px;
}

.quantity .button.plus {
    min-height: 25px;
    background: #fff;
    height: 30px;
    line-height: 25px;
    border-radius: 0 2px 2px 0;
}

.quantity input[type=number] {
    height: 30px;
    box-shadow: none;
}

/* Nút thêm giỏ và mua ngay */
.single_add_to_cart_button {
    margin-bottom: 10px;
    width: 100%;
    border-radius: 5px;
    font-size: 14px !important;
    letter-spacing: 0;
    padding: 8px;
}

a.devvn_buy_now_style {
    margin-bottom: 5px;
    max-width: 100%;
    background: #00a0e3;
    font-size: 14px;
}

a.devvn_buy_now_style:hover {
    background: #0faff2;
}

a.devvn_buy_now_style span {
    font-size: 13px;
}

/* Hotline sản phẩm */
.product-hotline {
    text-align: center;
    font-size: 15px;
}

.product-hotline a {
    font-weight: bold;
    color: #fb6d2e;
    font-size: 18px;
}

/* Mô tả sản phẩm chi tiết */
.entry-content {
    padding-bottom: 0;
    padding-top: 0;
}

.product-section {
    border-top: 0;
}

.single-product .large-4 {
    padding-right: 0;
}

.mt {
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 0;
}

.entry-content h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #008070;
}

.entry-content p,
.entry-content ul li,
.entry-content ol li {
    line-height: 23px;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Sidebar sản phẩm chi tiết */
.single-product .large-4 .col-inner .col-inner {
    padding: 0;
}

/* Up-sell / sản phẩm gợi ý */
.up-sells {
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.up-sells h3 {
    padding: 0;
    letter-spacing: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

.up-sells .large-columns-5 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.up-sells .product-small.col {
    flex-basis: 50%;
    max-width: 50%;
    padding: 0;
    border-radius: 0;
}

/* Footer sản phẩm */
.product-footer {
    padding-bottom: 20px;
    background: #f9f9fb;
}

.product-footer .container {
    padding: 0;
}

.product-footer .tieu-de-mo-ta {
    padding-left: 10px;
    margin-top: 10px;
}

/* Sản phẩm đã xem gần đây */
#isures-recently--wrap .product-small.col {
    padding: 0;
}

#isures-recently--wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.single-product #isures-recently--wrap .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* =========================
   8. TRANG TĨNH / LIÊN HỆ
   ========================= */
.page-inner p,
.page-inner ul li,
.page-inner ol li {
    font-size: 14px;
    margin-bottom: 8px;
}

.page-inner ul li,
.page-inner ol li {
    margin-left: 20px;
}

h1.entry-title.mb {
    margin-bottom: 10px;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
    color: #444;
}

.page-inner h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #008070;
}

.page-inner h3 {
    font-size: 1rem;
    font-weight: 700;
    color: #288ad6;
}

/* Form liên hệ */
.form-lien-he input,
.form-lien-he textarea {
    border-radius: 5px;
    font-size: 15px;
    box-shadow: none;
}

.form-lien-he input[type=submit] {
    color: #333;
    text-transform: none;
    letter-spacing: 0;
    font-weight: normal;
}

/* Sidebar block (icon hotline, địa chỉ...) */
.sidebar-block .icon-box .icon-box-text {
    font-size: 14px;
}

.sidebar-block .col {
    padding-bottom: 10px;
}

.sidebar-block h4 {
    font-size: 16px;
}

.sidebar-block .icon-box {
    margin-bottom: 10px;
}

/* Widget chung */
.widget .is-divider {
    display: none;
}

span.widget-title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 15px;
    display: block;
    margin-top: 25px;
}

/* Popup mua nhanh DevVN */
.devvn-popup-title,
.popup-customer-info-group .devvn-order-btn {
    background: #ffd300 !important;
    color: #000;
    text-transform: none;
    letter-spacing: 0;
}

.devvn-popup-quickbuy {
    font-family: sans-serif;
}

span.devvn_title {
    font-size: 15px;
    color: #333;
    font-weight: 700;
}

/* Lightbox chung */
.lightbox-content {
    border-radius: 10px;
}

/* =========================
   9. NÚT / ICON SẢN PHẨM (LIST)
   ========================= */
.row-xsmall > .col,
.row-xsmall > .flickity-viewport > .flickity-slider > .col {
    padding: 0 6px 0;
}

/* Nút giỏ hàng tròn */
.product-small a.nut-gio-hang {
    width: 32px;
    height: 32px;
    background: #00a0e3;
    border-radius: 99%;
    padding: 6px;
    box-shadow: -2px 2px 6px rgba(0, 0, 0, .25);
    position: absolute;
    right: 5px;
    bottom: 4px;
}

.sale-block .product-small a.nut-gio-hang {
    bottom: 35px;
}

/* Nút xem nhanh */
.product-small .image-tools a.quick-view {
    width: 40px;
    background: #fff;
    box-shadow: 2px 2px 3px gray;
    padding: 10px;
    height: 40px;
    border-radius: 99%;
    color: #000;
    opacity: 1;
    display: inline-block;
}

/* Vị trí nhóm nút trên hình */
.product-small .grid-tools {
    justify-content: flex-end;
    top: 5px;
    right: 5px;
}

/* Hiệu ứng hover ảnh sản phẩm */
.product-small.box .box-image img {
    transition: all .3s ease;
}

.product-small.box:hover .box-image img {
    transition: all .3s ease;
    top: -10px;
}

/* =========================
   10. LAYOUT KHÁC
   ========================= */
.sale-block .equalize-box.large-columns-5 {
    border: none !important;
}

.equalize-box.large-columns-5 {
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

/* Section 4 (khối lớn + list sản phẩm) */
.section4 .large-4 {
    flex-basis: 40%;
    max-width: 40%;
    border: 1px solid #e4e4e4;
    border-bottom: none;
}

.section4 .large-8 {
    flex-basis: 60%;
    max-width: 60%;
}

.section4 .large-4 .img {
    padding: 10px;
}

/* Section 14 (tin tức) */
.section14 h2 {
    font-size: 20px;
    text-transform: uppercase;
}

.list-post .post-item .from_the_blog_excerpt {
    font-size: 14px;
    color: #8f8f8f;
}

.box-blog-post .is-divider {
    display: none;
}

.list-post .post-item {
    padding-bottom: 0;
}

.list-post .post-item a:hover {
    color: #8f8f8f;
}

.list-post .post-item .box-image .image-cover {
    border-radius: 10px;
}

/* Giá gạch / giá chính */
.product-small .price ins {
    margin-bottom: 5px;
    order: 0;
}

.product-small .price del {
    order: 1;
}

.product-small .price del bdi,
.product-small .price,
.product_list_widget del bdi,
.khung-gia .gia-thi-truong bdi {
    color: #444;
    font-size: 14px;
    font-weight: normal;
}

/* =========================
   11. CSS CHỈ DÙNG CHO MOBILE
   ========================= */
@media only screen and (max-width: 48em) {

    /*************** CSS TÙY CHỈNH CHO MOBILE ***************/

    .icon-menu:before {
        color: #333;
    }

    input[type=search] {
        height: 38px;
        box-shadow: none;
        border-radius: 5px 0 0 5px;
    }

    .mr-half {
        margin-right: 10px;
    }

    .col {
        padding: 0 10px 20px;
    }

    .off-canvas .nav-vertical > li > a {
        padding-bottom: 13px;
        padding-top: 13px;
        text-transform: none;
        letter-spacing: 0;
        font-weight: normal;
        color: #333;
        font-size: 16px;
    }

    .off-canvas-left .mfp-content {
        width: 330px;
    }

    .nav-vertical > li > ul li a {
        color: #333;
        font-size: 14px;
    }

    .sidebar-menu-tabs.nav > li > a {
        display: flex;
        padding: 15px 10px;
        text-transform: none;
        letter-spacing: 0;
        font-size: 14px;
        font-weight: normal;
    }

    .section2 {
        padding-top: 0 !important;
    }

    .section2 .col.large-2 {
        flex-basis: 20%;
        padding: 0 0 10px 0;
        max-width: 20%;
    }

    .section2 .icon-box h3 {
        font-size: 12px;
        font-weight: normal;
        line-height: 15px;
    }

    .section2 .icon-box .icon-box-img {
        margin-bottom: 0;
        padding: 0 7px;
    }

    .section3 .row > .col {
        padding: 0 5px 0;
    }

    .section3 h2 {
        font-size: 16px;
    }

    .section3 .large-2 {
        flex-basis: 50%;
        max-width: 50%;
        text-align: left;
    }

    .section3 .large-12.cot1 > .col-inner {
        padding: 10px;
    }

    /* Tiêu đề + mô tả sản phẩm nhỏ */
    .product-small .product-title a,
    .archive .product_list_widget .product-title {
        font-size: 13px;
    }

    /* Section 4 mobile full width */
    .section4 {
        padding-top: 20px !important;
    }

    .section4 .large-4,
    .section4 .large-8 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .xem-tat-ca {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .section5 .row .col.large-12 {
        padding: 0;
    }

    .section-title-normal span {
        width: 100%;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    /* Filter danh mục ngang mobile */
    .hdevvn-show-cats {
        flex-grow: 1;
        -webkit-box-flex: 1;
        white-space: nowrap;
        overflow: auto;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
        flex-direction: row;
        margin-bottom: 0;
        display: flex;
        max-width: 100%;
        float: right;
        margin-top: 0;
        margin-left: 0;
    }

    .section-title a {
        margin-left: 10px;
        font-size: 12px;
    }

    .hdevvn-show-cats a {
        font-size: 12px;
        line-height: 1.5;
        margin-left: 0;
        border-radius: 5px;
        padding: 6px 11px;
    }

    .section14 .large-6 > .col-inner {
        padding: 10px !important;
    }

    /* Tin tức dạng list trên mobile */
    .list-post .post-item .box {
        display: flex;
    }

    .list-post .post-item .box-image {
        width: 50% !important;
    }

    .list-post .post-item .box-text {
        padding: 0;
        padding-left: 10px;
    }

    .list-post .post-item .from_the_blog_excerpt {
        display: none;
    }

    .list-post .post-item .post-title {
        font-weight: normal;
        margin-bottom: 2px;
    }

    /* Form email footer mobile */
    .form-email input {
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .form-email input[type=submit] {
        border-radius: 5px;
    }

    .entry-content h2 {
        font-size: 16px;
    }

    .footer2 .col {
        padding: 0 10px 20px;
        flex-basis: 100%;
        max-width: 100%;
    }

    .footer1 .col {
        padding: 0 10px 20px;
    }

    .list-post .post-item {
        padding-bottom: 15px;
    }

    .recent-blog-posts a {
        font-size: 14px;
    }

    .blog-archive .large-3 {
        padding-left: 10px;
    }

    h1.shop-page-title {
        font-size: 21px;
    }

    #isures-recently--wrap .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .single-product .large-4 {
        padding-right: 10px;
        padding-top: 10px;
    }

    .page-title:not(.featured-title) + main .product-main {
        padding-top: 0;
    }

    .product-info {
        margin-right: 0;
    }

    .product-info .product-title {
        font-size: 18px;
        margin-top: 10px;
    }

    .single_add_to_cart_button {
        margin-bottom: 8px !important;
    }

    .product-info .quantity:before {
        font-size: 14px;
    }

    .product-hotline {
        margin-bottom: 0;
    }

    .single-product .product-page-sections .large-8,
    .single-product .product-page-sections .large-4 > .col-inner {
        background: #fff;
        padding: 10px;
        border-radius: 0;
    }

    .box-buy .large-1 {
        flex-basis: 25%;
        max-width: 25%;
        padding-bottom: 10px;
    }

    .box-buy .large-6 {
        flex-basis: 75%;
        max-width: 75%;
        padding-bottom: 10px;
    }

    .single-product #isures-recently--wrap .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .single-product .tieu-de-mo-ta {
        font-size: 16px;
        padding-left: 0;
        margin-top: 0;
    }

    #tinh-nang ol {
        margin-left: 20px;
    }

    #tinh-nang ol li,
    #tinh-nang ul li {
        font-size: 14px;
        margin-bottom: 3px;
    }

    #tinh-nang ol,
    #tinh-nang ul {
        margin-bottom: 0;
    }

    /* Ẩn mô tả ngắn dạng thu gọn + nút popup trên mobile */
    .mo-ta-ngan,
    .nut-popup {
        display: none;
    }

    .product-promo-tag {
        font-size: 13px;
    }

    .product-info .price span.amount {
        color: red;
    }

    .product-footer .tieu-de-mo-ta {
        padding-left: 10px;
        margin-top: 10px;
    }

    .up-sells {
        padding: 10px;
    }
}