/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* =========================================================
   Shop Catalog Mega Menu — Styles cho block.catalog_shop_megamenu
   ========================================================= */

/* ==========================================================
   1. THANH TOPBAR (THÔNG TIN TRÊN CÙNG)
   ========================================================== */
.adamshop-topbar {
    background: #ff0cb4 !important;
    padding: 12px 0 !important;
}

.adamshop-topbar .adamshop-container,
.adamshop-topbar .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 15px !important;
}

/* Khối bên trái Topbar */
.adamshop-topbar .adamshop-container > *:first-child,
.adamshop-topbar .container > *:first-child,
.adamshop-topbar .adamshop-container > *:first-child *,
.adamshop-topbar .container > *:first-child * {
    font-size: 0 !important;
    color: transparent !important;
}

.adamshop-topbar .adamshop-container > *:first-child::after,
.adamshop-topbar .container > *:first-child::after {
    content: "🛡️ Bảo mật thông tin     🚚 Giao hàng toàn quốc     💵 Thanh toán khi nhận hàng" !important;
    font-size: 18px !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
}

/* Khối bên phải Topbar */
.adamshop-topbar .adamshop-container > *:last-child,
.adamshop-topbar .container > *:last-child {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0 !important;
    color: transparent !important;
}
/* Đưa khối nội dung (Giới thiệu, Liên hệ...) ra giữa màn hình cân đối */
html body .page.panel.panel-default,
html body [class*="col-md-push"],
html body [class*="col-md-pull"] {
    left: auto !important;
    right: auto !important;
    float: none !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.adamshop-topbar .adamshop-container > *:last-child *,
.adamshop-topbar .container > *:last-child * {
    font-size: 0 !important;
    color: transparent !important;
}

.adamshop-topbar .adamshop-container > *:last-child::before,
.adamshop-topbar .container > *:last-child::before {
    content: "" !important;
    display: inline-block !important;
    width: 28px !important;
    height: 28px !important;
    margin-right: 10px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PHJlY3Qgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSIyMiIgZmlsbD0iIzAwNjhGRiIvPjx0ZXh0IHg9IjUwIiB5PSI2MiIgZmlsbD0iI0ZGRkZGRiIgZm9udC1mYW1pbHk9IkFyaWFsLCBzYW5zLXNlcmlmIiBmb250LXdlaWdodD0iOTAwIiBmb250LXNpemU9IjM2IiB0ZXh0LWFuY2hvcj0ibWlkZGxlIj5aYWxvPC90ZXh0Pjwvc3ZnPg==') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.adamshop-topbar .adamshop-container > *:last-child::after,
.adamshop-topbar .container > *:last-child::after {
    content: "HOTLINE: 0396.25.02.86   -   Tư vấn 24/7" !important;
    font-size: 18px !important;
    color: #FFF176 !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}
/* ==========================================================
   2. LOGO THƯƠNG HIỆU & CHỮ CHẠY THÔNG BÁO
   ========================================================== */
.adamshop-brand-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 110px !important;
    padding: 5px 0 !important;
}

.adamshop-logo {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 0 !important;
    color: transparent !important;
}

.adamshop-logo img,
.adamshop-brand-row img {
    display: inline-block !important;
    height: 90px !important;
    max-height: none !important;
    width: auto !important;
    object-fit: contain !important;
}

.adamshop-logo span,
.adamshop-logo h1,
.adamshop-logo h2,
.adamshop-logo div,
.adamshop-brand-row > span,
.adamshop-brand-row .site-name,
.adamshop-brand-row .site-description {
    display: none !important;
}

.adamshop-brand-row::after {
    content: " HÂN HẠNH ĐƯỢC PHỤC VỤ QUÝ KHÁCH -  MONG QUÝ KHÁCH CÓ NHỮNG TRẢI NGHIỆM TUYỆT VỜI NHẤT - VUI LÒNG LIÊN HỆ 0396.25.02.86 - 0906.253.758 " !important;
    position: absolute !important;
    top: 50% !important;
    left: 230px !important;
    right: 420px !important;
    transform: translateY(-50%) !important;
    height: 40px !important;
    line-height: 38px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    color: #ff0cb4 !important;
    background: #fff0f9 !important;
    border: 1px solid #ffb0eb !important;
    border-radius: 20px !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    animation: chayTrongKhung 30s linear infinite !important;
}

@keyframes chayTrongKhung {
    0% { text-indent: 100%; }
    100% { text-indent: -180%; }
}
/* ==========================================================
   3. MENU CHÍNH & MENU DROPDOWN CON
   ========================================================== */
.nv-megamenu *,
.nv-megamenu *::after,
.nv-megamenu *::before {
    border-bottom: none !important;
    text-decoration: none !important;
}

.nv-megamenu > .nv-mm-item > a,
.nv-megamenu > .nv-mm-item > span,
.nv-megamenu > .nv-mm-item a {
    color: #222222 !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 21px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    padding: 8px 14px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease-in-out !important;
}

.nv-megamenu > .nv-mm-item:hover > a,
.nv-megamenu > .nv-mm-item:hover > span,
.nv-megamenu > .nv-mm-item.is-expanded > a,
.nv-megamenu > .nv-mm-item.active > a {
    background-color: #ff0cb4 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}

.nv-megamenu > .nv-mm-item:hover > a *,
.nv-megamenu > .nv-mm-item:hover > span *,
.nv-megamenu > .nv-mm-item.is-expanded > a * {
    color: #ffffff !important;
}

.nv-mm-panel {
    margin-top: -8px !important;
    padding: 10px 20px 8px 20px !important;
    height: auto !important;
    min-height: unset !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1) !important;
}

.nv-mm-panel *,
.nv-mm-panel ul,
.nv-mm-panel li,
.nv-mm-panel div,
.nv-mm-panel .row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.nv-mm-panel a,
.nv-mm-panel .nv-mm-title,
.nv-mm-panel strong {
    color: #333333 !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 6px 12px !important;
    border-radius: 5px !important;
    background-color: #fff0f9 !important;
    border-left: 3px solid #c59b27 !important;
    display: inline-block !important;
    transition: all 0.2s ease !important;
font-weight: 700 !important;
}

.nv-mm-panel a:hover {
    color: #ff0cb4 !important;
    background-color: #ffd1f3 !important;
    transform: translateX(3px) !important;
}
/* ==========================================================
   4. KHỐI TIÊU ĐỀ, ĐỀ MỤC DANH MỤC & TÊN SẢN PHẨM (TIMES NEW ROMAN)
   ========================================================== */
#san-pham .ash-section-head {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.ash-section-head, .ash-section-head *,
.ash-tabs-wrap .panel-heading, .ash-tabs-wrap .panel-heading *,
.ash-tab-header, .ash-tab-header *,
.panel-default > .panel-heading, .panel-default > .panel-heading *,
.panel-title, .panel-title *,
.block-title, .block-title *,
.section-title, .section-title *,
.cat-title, .cat-title *,
.ash-tab-title, .tab-title, .sub-title {
    font-family: "Times New Roman", Times, serif !important;
}

.ash-tabs-wrap .panel-heading,
.ash-tab-header,
.panel-default > .panel-heading {
    background: #ff0cb4 !important;
    border-color: #ff0cb4 !important;
}

.ash-tabs-wrap .panel-heading *,
.ash-tab-header *,
.panel-default > .panel-heading * {
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
font-weight: 700 !important;
}

.tab-pane h1, .tab-pane h2, .tab-pane h3, .tab-pane h4,
.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4,
.tab-panel h1, .tab-panel h2, .tab-panel h3, .tab-panel h4,
.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4 {
    display: block !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 22px !important;
    font-weight: bold !important;
    color: #222222 !important;
    margin-bottom: 15px !important;
}

.tabs-bar {
    justify-content: flex-end !important;
}

.tabs-bar > *,
.tabs-bar a,
.nav-tabs > li > a {
    font-family: "Times New Roman", Times, serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    border: none !important;
    transition: all 0.2s ease !important;
}

.tabs-bar > *:nth-child(5n+1) { background-color: #ffe5f7 !important; color: #c20989 !important; }
.tabs-bar > *:nth-child(5n+2) { background-color: #e3f2fd !important; color: #1971c2 !important; }
.tabs-bar > *:nth-child(5n+3) { background-color: #e8f5e9 !important; color: #2b8a3e !important; }
.tabs-bar > *:nth-child(5n+4) { background-color: #fff3cd !important; color: #e67700 !important; }
.tabs-bar > *:nth-child(5n+5) { background-color: #f3e8ff !important; color: #862e9c !important; }

.tabs-bar > *:hover,
.tabs-bar > *.active {
    filter: brightness(0.95) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.product-title, .product-title *,
.product-name, .product-name *,
.pro-title, .pro-title *,
.pro-name, .pro-name *,
.item-title, .item-title *,
.price, .price *,
.btn, button, .btn-cart, .btn-add-cart {
    font-family: "Times New Roman", Times, serif !important;
}
/* ==========================================================
   5. KHUNG CẦN TƯ VẤN NHANH (KHUNG CTA)
   ========================================================== */
.ash-cta-section .ash-cta-box,
#lien-he.ash-cta-section .ash-cta-box {
    background: #ff0cb4 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 16px 24px !important;
    gap: 15px !important;
}

.ash-cta-box h1, .ash-cta-box h2, .ash-cta-box h3, .ash-cta-box h4 {
    display: none !important;
}

.ash-cta-box p {
    font-size: 0 !important;
    margin: 0 !important;
    flex: 1 !important;
}

.ash-cta-box p::after {
    content: "ADAM SHOP sẵn sàng hỗ trợ bạn 24/7 qua Zalo hoặc Hotline." !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    font-family: "Times New Roman", Times, serif !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    display: inline-block !important;
}

.ash-cta-box a {
    height: 48px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    padding: 0 16px !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    flex-shrink: 0 !important;
}

.ash-cta-box a[href^="tel"],
.ash-cta-box a:last-child {
    font-size: 0 !important;
    line-height: 1.3 !important;
    padding: 4px 14px !important;
}

.ash-cta-box a[href^="tel"]::after,
.ash-cta-box a:last-child::after {
    content: "📞 0396.25.02.86" !important;
    font-size: 18px !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    color: #ffffff !important;
    white-space: pre-wrap !important;
    text-align: center !important;
}
/* ==========================================================
   6. FOOTER (SỬA HOÀN TOÀN LỖI HIỂN THỊ ICON ZALO)
   ========================================================== */
html body footer#footer,
html body #footer.adamshop-footer,
footer#footer.adamshop-footer,
.adamshop-footer {
    background: #ff0cb4 !important;
    background-image: none !important;
    font-family: "Times New Roman", Times, serif !important;
    width: 100% !important;
}

html body #footer.adamshop-footer .adamshop-container,
html body #footer.adamshop-footer .container {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 15px !important;
    box-sizing: border-box !important;
}

html body #footer.adamshop-footer,
html body #footer.adamshop-footer *,
html body #footer.adamshop-footer a,
html body #footer.adamshop-footer p,
html body #footer.adamshop-footer span,
html body #footer.adamshop-footer li,
html body #footer.adamshop-footer div,
html body #footer.adamshop-footer h1,
html body #footer.adamshop-footer h2,
html body #footer.adamshop-footer h3,
html body #footer.adamshop-footer h4,
html body #footer.adamshop-footer i {
    font-family: "Times New Roman", Times, serif !important;
    color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer a,
html body #footer.adamshop-footer li a,
html body #footer.adamshop-footer .adamshop-footer-col a,
html body #footer.adamshop-footer .adamshop-footer-links a {
    color: #ffffff !important;
    font-size: 18px !important;
    font-family: "Times New Roman", Times, serif !important;
    opacity: 1 !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer .adamshop-footer-grid,
html body #footer.adamshop-footer .row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer .adamshop-footer-grid > *:nth-child(3),
html body #footer.adamshop-footer .row > *:nth-child(3),
html body #footer.adamshop-footer .adamshop-footer-col:nth-child(3),
html body #footer.adamshop-footer [class*="col-"]:nth-child(3) {
    display: none !important;
}

html body #footer.adamshop-footer .adamshop-footer-grid > *:not(:nth-child(3)),
html body #footer.adamshop-footer .row > *:not(:nth-child(3)) {
    width: 30% !important;
    max-width: 30% !important;
    flex: 0 0 30% !important;
    margin-bottom: 20px !important;
    float: none !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer hr,
html body #footer.adamshop-footer .adamshop-footer-company,
html body div.adamshop-footer-company {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    clear: both !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer .adamshop-footer-col h3,
html body #footer.adamshop-footer .adamshop-footer-col h4,
html body #footer.adamshop-footer h3,
html body #footer.adamshop-footer h4 {
    border-bottom: 2px solid rgba(255, 255, 255, 0.4) !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin-bottom: 15px !important;
    padding-bottom: 5px !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer a[href^="tel:"],
html body #footer.adamshop-footer .hotline,
html body #footer.adamshop-footer [class*="phone"],
html body #footer.adamshop-footer [class*="hotline"] {
    color: #fff176 !important;
    font-weight: bold !important;
font-weight: 700 !important;
}

html body #footer.adamshop-footer .adamshop-footer-contact::before {
    display: none !important;
}

html body #footer.adamshop-footer .adamshop-footer-contact > *:not(h1):not(h2):not(h3):not(h4) {
    display: none !important;
}

/* Sửa định dạng chuỗi dòng Zalo đồng nhất với toàn bộ icon hệ thống */
html body #footer.adamshop-footer .adamshop-footer-contact::after {
    content: "📞 Điện thoại: 0396.25.02.86 - 0906.253.758\A\A" url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDEwMCAxMzMiPgo8cmVjdCB5PSIzMyIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIHJ4PSIyMiIgZmlsbD0iIzAwNjhGRiIvPgo8dGV4dCB4PSI1MCIgeT0iOTYiIGZpbGw9IiNGRkZGRkYiIGZvbnQtZmFtaWx5PSJBcmlhbCwgc2Fucy1zZXJpZiIgZm9udC13ZWlnaHQ9IjkwMCIgZm9udC1zaXplPSIzOCIgdGV4dC1hbmNob3I9Im1pZGRsZSI+WmFsbzwvdGV4dD4KPC9zdmc+') "  Zalo: 0396.25.02.86 - 0906.253.758\A\A👤 Facebook: Adam Nghĩa\A\A🚩 Fanpage: Adam Shop – Bao Cao Su CT\A\A🌐 Website: https://bcsadamshop.com" !important;
    white-space: pre-wrap !important;
    display: block !important;
    color: #ffffff !important;
    font-size: 18px !important;
    line-height: 1.6 !important;
    margin-top: 15px !important;
    font-family: "Times New Roman", Times, serif !important;
font-weight: 700 !important;
}

html body .adamshop-footer-company,
html body div.adamshop-footer-company {
    background-color: #d40995 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
    font-family: "Times New Roman", Times, serif !important;
font-weight: 700 !important;
}
/* Sửa Cột 1 Footer: Thẳng hàng lề trái chuẩn, cân đối và đẹp mắt */
html body #footer.adamshop-footer .adamshop-footer-brand,
a.adamshop-footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    margin-bottom: 12px !important;
    width: 100% !important;
}

/* Logo chuyển về lề trái */
html body #footer.adamshop-footer .adamshop-footer-brand img,
a.adamshop-footer-brand img {
    display: block !important;
    margin: 0 0 10px 0 !important;
    max-height: 70px !important;
    width: auto !important;
}

/* Chữ ADAM SHOP 20px xuống dòng thẳng lề trái */
html body #footer.adamshop-footer .adamshop-footer-brand strong,
a.adamshop-footer-brand strong {
    display: block !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    text-align: left !important;
   font-weight: 700 !important;
}

/* Đoạn chữ giới thiệu bên dưới 18px */
html body #footer.adamshop-footer .adamshop-footer-lead,
.adamshop-footer-lead,
.adamshop-footer-about p {
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    text-align: left !important;
    margin-top: 10px !important;
   font-weight: 700 !important;
}
/* ==========================================================
   7. GIAO DIỆN NỀN TẢNG DI ĐỘNG (RESPONSIVE MOBILE)
   ========================================================== */
.ash-hero { padding: 4px 0 8px !important; }
.ash-section { padding: 8px 0 !important; }

@media (max-width: 1200px) {
    .adamshop-brand-row { flex-wrap: wrap !important; min-height: auto !important; }
    .adamshop-brand-row::after {
        position: relative !important;
        top: auto !important; left: 0 !important; right: 0 !important;
        transform: none !important; width: 100% !important;
        margin-top: 10px !important; display: block !important;
    }
}

@media (max-width: 768px) {
    html body #footer.adamshop-footer .adamshop-footer-grid,
    html body #footer.adamshop-footer .row {
        flex-wrap: wrap !important;
    }

    html body #footer.adamshop-footer .adamshop-footer-grid > *:not(:nth-child(3)),
    html body #footer.adamshop-footer .row > *:not(:nth-child(3)) {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .tabs-bar {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 5px 0 !important;
    }
    .tabs-bar > * {
        margin: 2px 0 !important;
        font-size: 13px !important;
        padding: 5px 10px !important;
        white-space: nowrap !important;
    }
    .ash-cta-section .ash-cta-box,
    #lien-he.ash-cta-section .ash-cta-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 14px 16px !important;
        gap: 12px !important;
    }
    .ash-cta-box p::after {
        white-space: normal !important;
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }
}
/* 1. Ẩn hẳn chữ ADAM SHOP */
html body #footer.adamshop-footer .adamshop-footer-brand strong,
a.adamshop-footer-brand strong {
    display: none !important;
}

/* 2. Thay nội dung văn bản bên dưới thành 4 hàng (18px) */
html body #footer.adamshop-footer .adamshop-footer-lead,
.adamshop-footer-lead {
    font-size: 0 !important;
    margin-top: 15px !important;
}

html body #footer.adamshop-footer .adamshop-footer-lead::after,
.adamshop-footer-lead::after {
    content: "🛡️ Bảo Mật Thông Tin\A ⭐ Cam Kết Chất Lượng\A 💬 Tư Vấn Tận Tâm\A 🚚 Giao Hàng Toàn Quốc" !important;
    white-space: pre-wrap !important;
    display: block !important;
    font-size: 18px !important;
    line-height: 1.8 !important;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    text-align: left !important;
}
/* Tăng kích thước chữ Hotline ở Cột 1 Footer */
html body #footer.adamshop-footer .adamshop-footer-hotline,
html body #footer.adamshop-footer .adamshop-footer-hotline a,
p.adamshop-footer-hotline,
p.adamshop-footer-hotline a {
    font-size: 22px !important;
    font-weight: bold !important;
    color: #fff176 !important;
    line-height: 1.4 !important;
}
/* Ẩn biểu tượng Zalo trên Topbar */
.adamshop-topbar .adamshop-container > *:last-child::before,
.adamshop-topbar .container > *:last-child::before {
    display: none !important;
}
/* Thêm hiệu ứng chớp chớp cho dòng Hotline Topbar */
.adamshop-topbar .adamshop-container > *:last-child::after,
.adamshop-topbar .container > *:last-child::after {
    animation: chopChopHotline 8s infinite !important;
}

@keyframes chopChopHotline {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.25;
    }
}
/* 1. Menu cha (Thanh điều hướng chính trên cùng) */
.main-menu > li > a,
.navbar-nav > li > a,
.nav-main > li > a,
#main-menu > li > a,
.adamshop-menu > li > a {
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: "Times New Roman", Times, serif !important;
}

/* 2. Tiêu đề khối danh mục bên dưới (Khung nền hồng BAO CAO SU, GEL...) */
.ash-tabs-wrap .panel-heading,
.ash-tabs-wrap .panel-heading *,
.ash-tab-header,
.ash-tab-header *,
.panel-default > .panel-heading,
.panel-default > .panel-heading * {
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-family: "Times New Roman", Times, serif !important;
    color: #ffffff !important;
}
/* Ẩn toàn bộ phần "Vì sao chọn ADAM SHOP?" và các khối thông tin bên dưới */
section#uy-tin,
#uy-tin,
#uy-tin .ash-section-head,
#uy-tin .trust-grid {
    display: none !important;
}
/* Ẩn hoàn toàn khung Gửi phản hồi ở trang Liên hệ */
form[name="frmcontact"],
form[action*="contact"] {
    display: none !important;
}

.shops-search-results {
    margin-top: 24px;
}

.shops-search-results-header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 20px;
    padding: 0 0 12px;
    border-bottom: 2px solid #ff0cb4;
}

.shops-search-results-header h2 {
    margin: 0;
    color: #222;
    font-size: 24px;
    font-weight: 700;
}

.shops-search-results-header p {
    margin: 0;
    color: #777;
    font-size: 14px;
}

.shops-search-results-header strong {
    color: #c20989;
}

.shops-search-empty {
    padding: 32px 20px;
    border: 1px dashed #e2b4d2;
    border-radius: 6px;
    background: #fff8fc;
    color: #666;
    text-align: center;
}

.shops-search-empty p {
    margin: 0;
}

#fsea {
    margin-bottom: 24px;
}

#fsea .panel {
    margin-bottom: 0;
    border: 1px solid #f0d7e8;
    border-radius: 6px;
    box-shadow: 0 4px 18px rgba(194, 9, 137, 0.07);
}

#fsea .panel-heading {
    background: linear-gradient(135deg, #ff0cb4, #c20989);
}

#fsea .form-group {
    display: flex;
    align-items: center;
    margin: 0;
}

#fsea .control-label {
    padding-top: 0;
    color: #444;
}

#fsea input[name="q"] {
    height: 42px;
    border-color: #e5c3d9;
    border-radius: 4px;
    box-shadow: none;
}

#fsea input[name="q"]:focus {
    border-color: #ff0cb4;
    box-shadow: 0 0 0 3px rgba(255, 12, 180, 0.12);
}

#fsea .btn {
    min-width: 120px;
    margin-top: 16px;
    border: 0;
    border-radius: 4px;
    background: #c20989;
}

@media (max-width: 767px) {
    .shops-search-results-header {
        display: block;
    }

    .shops-search-results-header p {
        margin-top: 6px;
    }

    #fsea .form-group {
        display: block;
    }

    #fsea .control-label {
        display: block;
        width: 100%;
        margin-bottom: 8px;
        text-align: left;
    }

    #fsea .col-sm-20 {
        width: 100%;
    }
}
/* Áp dụng khung mũi tên nổi bật chính xác cho thẻ .group-title h3 */
.group-title h3,
.group-title > h3,
div.group-title h3 {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ff0cb4, #c20989) !important;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 8px 30px 8px 16px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase !important;
    border-radius: 4px 0 0 4px !important;
    /* Dựng hình mũi tên nhọn bên phải */
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%) !important;
}

/* Làm nổi bật con số lượng (số 6) đi kèm */
.group-title h3 span,
.group-title h3 .badge {
    background-color: #fff176 !important;
    color: #c20989 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    margin-left: 10px !important;
}
/* 1. Xóa đường gạch ngang mặc định của khung tiêu đề trang danh mục */
.page-header {
    border-bottom: none !important;
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
}

/* 2. Áp dụng kiểu khung mũi tên nổi bật cho tiêu đề h1 (Popper...) */
.page-header h1,
.viewcat .page-header h1,
#category .page-header h1 {
    display: inline-flex !important;
    align-items: center !important;
    background: linear-gradient(135deg, #ff0cb4, #c20989) !important;
    color: #ffffff !important;
    font-family: "Times New Roman", Times, serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 8px 30px 8px 16px !important;
    margin: 0 0 15px 0 !important;
    text-transform: uppercase !important;
    border-radius: 4px 0 0 4px !important;
    /* Dựng hình mũi tên nhọn góc bên phải */
    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%) !important;
    box-shadow: 0 4px 10px rgba(255, 12, 180, 0.25) !important;
}

.ash-tabs-wrap .panel-heading, .ash-tab-header, .panel-default > .panel-heading {
    border-radius: 8px 20px 0px 0px;
}
.shop-tabs-block .shop-tabs-header{
        border-bottom: 2px solid;
    border-color: rgb(255, 12, 180) !important;
}

.tab-panel .group-block .group-title {
    text-align: right;
    float: right;
    clear: both;
    position: relative;
    /* width: 100%; */
    display: inline-block;
}

.tab-panel .group-block .product-grid {

    clear: both;
  
}

.shop-catalog-menu {
    padding: 4px 0;
}

.shop-cat-col {
    flex: 1 1 auto;
    min-width: 180px;
    max-width: 25%;
    padding: 0 10px 16px;
}

/* Responsive column widths based on category count */
.nv-mm-item.cols-1 .shop-cat-col,
.nv-mm-item.cols-2 .shop-cat-col {
    max-width: 50%;
}

.nv-mm-item.cols-3 .shop-cat-col {
    max-width: 33.33%;
}

.nv-mm-item.cols-4 .shop-cat-col {
    max-width: 25%;
}

.nv-mm-item.cols-5 .shop-cat-col {
    max-width: 20%;
}

.nv-mm-item.cols-6 .shop-cat-col {
    max-width: 16.66%;
}

/* Shop catalog title with icon */
.shop-cat-title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 8px;
    border-radius: var(--ash-radius);
    background: transparent;
    border: none;
    font-size: 14px;
    font-weight: 700;
    color: var(--ash-text);
    text-decoration: none;
    transition: all 0.2s ease;
}

.shop-cat-title:hover {
    background: var(--gold-soft);
    color: var(--gold-dark);
}

/* Icon container in mega menu */
.shop-cat-icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.shop-cat-icon svg {
    width: 20px;
    height: 20px;
}

/* Dynamic icon backgrounds */
.shop-cat-icon.icon-1 { background: #fef4e4; }
.shop-cat-icon.icon-2 { background: #e8f3fc; }
.shop-cat-icon.icon-3 { background: #e8f7f0; }
.shop-cat-icon.icon-4 { background: #f4eef8; }

.shop-cat-title:hover .shop-cat-icon.icon-1 { background: #fde6c0; }
.shop-cat-title:hover .shop-cat-icon.icon-2 { background: #c8e0f5; }
.shop-cat-title:hover .shop-cat-icon.icon-3 { background: #c8eee0; }
.shop-cat-title:hover .shop-cat-icon.icon-4 { background: #e4d9f5; }

/* Subcategory list */
.shop-subcat-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--ash-line);
    padding-top: 8px;
}

.shop-subcat-list li {
    margin: 0;
    padding: 0;
}

.shop-subcat-list a {
    display: block;
    padding: 6px 12px 6px 36px;
    font-size: 13px;
    color: var(--ash-text-soft);
    text-decoration: none;
    border-radius: 6px;
    margin-bottom: 2px;
    transition: all 0.15s ease;
    position: relative;
}

.shop-subcat-list a::before {
    content: '›';
    position: absolute;
    left: 18px;
    font-size: 16px;
    font-weight: bold;
    color: var(--gold);
}

.shop-subcat-list a:hover {
    background: rgba(201, 162, 39, 0.08);
    color: var(--gold-dark);
    transform: translateX(3px);
}

/* Mobile responsive */
@media (max-width: 991px) {
    .shop-cat-col {
        max-width: 100% !important;
        padding: 0 8px 12px;
    }
    
    .shop-cat-title {
        padding: 12px 14px;
        font-size: 15px;
    }
    
    .shop-cat-icon {
        width: 28px;
        height: 28px;
    }
    
    .shop-cat-icon svg {
        width: 18px;
        height: 18px;
    }
    
    .shop-subcat-list a {
        padding-left: 40px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

/* Desktop optimization */
@media (min-width: 992px) {
    .shop-cat-title {
        font-size: 13.5px;
        padding: 8px 12px;
    }
    
    .shop-subcat-list a {
        font-size: 12.5px;
        padding: 5px 12px 5px 36px;
    }
}

/* ============================================================
   Adam Shop theme - dựng theo mẫu html/adamshop-homepage-tabs.html
   ========================================================= */
:root {
    --gold: #c9a227;
    --gold-dark: #a8871f;
    --gold-soft: #f7f0d8;
    --ash-text: #1c1c1c;
    --ash-text-soft: #5a5a5a;
    --ash-bg: #faf9f6;
    --ash-white: #ffffff;
    --ash-line: #eceae4;
    --ash-radius: 16px;
    --ash-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
    --ash-shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.09);
}

/* Lớp màu nền (base) cho toàn site - đặt sớm trong file để các selector cụ thể hơn phía dưới
   (vd .adamshop-topbar a, .group-title a...) luôn thắng, kể cả khi trùng độ đặc hiệu
   (lưu ý: :link/:visited/:active/:hover tính như 1 class, có thể ngang bằng 1 class khác). */
a,
a:link,
a:active,
a:visited {
    color: var(--ash-text);
}

a:hover,
a:focus {
    color: var(--gold-dark);
}

::selection {
    background: var(--gold-soft);
    color: var(--ash-text);
}

body {
    font-family: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;
    background: var(--ash-bg);
    color: var(--ash-text);
}

.adamshop-container {
    width: min(1400px, 94%);
    margin: 0 auto;
    max-width: none;
}

/* An toàn cho chế độ responsive: không để .wraper/.container giữ chiều rộng cố định của bản desktop
   Lưu ý: không đặt overflow-x trên html/body — kết hợp với height:100% ở style.css sẽ khiến
   overflow-y bị trình duyệt tự chuyển thành auto (thay vì visible), biến html/body thành khung
   cuộn nội bộ cố định theo chiều cao viewport thay vì để trang cuộn tự nhiên. */
.wraper {
    width: 100%;
    max-width: 100%;
}

/* Ẩn thanh breadcrumb/menu mặc định trên trang chủ vì đã có giao diện riêng */
body.is-home .adamshop-breadcrumbs-bar,
body.is-home .site-banner {
    display: none;
}

/* Trang chủ: #body.container của Bootstrap làm hẹp hero — bung full width */
body.is-home #body.container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

body.is-home #body > .row {
    margin-left: 0;
    margin-right: 0;
}

body.is-home #body > .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

/* Topbar */
.adamshop-topbar {
    background: #1a1a1a;
    color: #e8e8e8;
    font-size: 12.5px;
    padding: 9px 0;
}

.adamshop-topbar .adamshop-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.adamshop-topbar a {
    color: #e8e8e8;
    text-decoration: none;
}

.adamshop-topbar a:hover {
    color: var(--gold);
}

/* Header */
.adamshop-header {
    background: var(--ash-white);
    border-bottom: 1px solid var(--ash-line);
    position: sticky;
    top: 0;
    z-index: 100;
}

.adamshop-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    gap: 20px;
}

.adamshop-brand-row {
    min-height: 84px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.adamshop-menu-row {
    display: block;
    padding: 0;
}

.adamshop-menu-row .adamshop-nav,
.adamshop-menu-row .nv-megamenu-wrap {
    width: 100%;
}

.adamshop-logo {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    color: inherit;
    min-width: 0;
}

.adamshop-logo img {
    max-height: 44px;
    max-width: 140px;
    width: auto;
    height: auto;
    display: block;
    flex-shrink: 0;
}

.adamshop-logo-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.adamshop-brand-name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--gold-dark);
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.adamshop-logo-text span {
    font-size: 11px;
    color: var(--ash-text-soft);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#menusite.adamshop-nav {
    flex: 1;
    min-width: 0;
}

#menusite .navbar,
#menusite .navbar-default {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin: 0;
    min-height: 0;
    border-radius: 0;
}

#menusite .navbar-collapse {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

#menusite .navbar {
    min-width: 0;
}

#menusite .navbar-collapse.collapse {
    overflow: visible !important;
}

#menusite .navbar-collapse::-webkit-scrollbar {
    display: none;
}

#menusite .navbar-nav {
    display: flex;
    align-items: center;
    gap: 4px 12px;
    margin: 0;
    flex-wrap: wrap;
    white-space: normal;
    justify-content: flex-start;
}

#menusite .navbar-nav > li {
    flex: 0 0 auto;
}

#menusite .navbar-nav > li > a {
    white-space: nowrap;
    font-size: 13.5px;
}

#menusite .navbar-default .navbar-nav > li,
#menusite .navbar-default .navbar-nav > li:first-child,
#menusite .navbar-default .navbar-nav > li:last-child {
    border: 0;
    background: transparent;
}

#menusite .navbar-default .navbar-nav > li > a,
#menusite .navbar-nav > li > a {
    padding: 6px 0;
    font-size: 13.5px;
    font-weight: 500;
    color: var(--ash-text);
    background: transparent;
}

#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-nav > li > a:hover,
#menusite .navbar-nav > li > a:focus {
    color: var(--gold-dark);
    background: transparent;
}

#menusite .navbar-nav > .active > a,
#menusite .navbar-nav > .active > a:hover,
#menusite .navbar-nav > .active > a:focus,
#menusite .navbar-nav > .open > a,
#menusite .navbar-nav > .open > a:hover,
#menusite .navbar-nav > .open > a:focus,
#menusite .navbar-nav a.dropdown-toggle:focus,
#menusite .navbar-nav a.dropdown-toggle:active,
#menusite .navbar-default .navbar-nav > .active > a,
#menusite .navbar-default .navbar-nav > .active > a:hover,
#menusite .navbar-default .navbar-nav > .active > a:focus,
#menusite .navbar-default .navbar-nav > .open > a,
#menusite .navbar-default .navbar-nav > .open > a:hover,
#menusite .navbar-default .navbar-nav > .open > a:focus {
    color: var(--gold-dark) !important;
    background: var(--gold-soft) !important;
    background-image: none !important;
}

#menusite .navbar-toggle {
    display: none;
}

.adamshop-header-right {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px;
    border: 1px solid var(--ash-line);
    border-radius: 14px;
    background: var(--ash-bg);
}

.adamshop-search {
    display: flex;
    align-items: center;
    gap: 6px;
}

.adamshop-search-input {
    width: 210px;
    max-width: 40vw;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--ash-line);
    font-size: 13px;
    font-family: inherit;
}

.adamshop-search-input:focus {
    outline: none;
    border-color: var(--gold);
}

.adamshop-icon-btn {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--ash-line);
    background: var(--ash-white);
    display: grid;
    place-items: center;
    cursor: pointer;
    position: relative;
    color: var(--ash-text);
    flex-shrink: 0;
}

.adamshop-icon-btn:hover {
    border-color: var(--gold);
    background: var(--gold-soft);
}

.adamshop-cart-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    background: var(--gold);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

.adamshop-header-right > .adamshop-icon-btn {
    background: var(--gold);
    border-color: var(--gold);
    color: #fff;
}

.adamshop-header-right > .adamshop-icon-btn:hover {
    background: var(--gold-dark);
    border-color: var(--gold-dark);
    color: #fff;
}

.adamshop-cart-badge.is-empty {
    display: none;
}

.adamshop-personalarea {
    display: flex;
    align-items: center;
}

.adamshop-personalarea a,
.adamshop-personalarea a.button {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    border: 1px solid var(--ash-line);
    background-color: var(--ash-white);
    display: grid;
    place-items: center;
    color: var(--ash-text);
    padding: 0;
    text-decoration: none;
    background-size: cover;
    background-position: center;
}

.adamshop-personalarea a:hover,
.adamshop-personalarea a.button:hover {
    color: var(--gold-dark);
    background-color: var(--gold-soft);
    border-color: var(--gold);
}

.adamshop-personalarea .hidden,
.adamshop-personalarea span.hidden {
    display: none !important;
}

.adamshop-menu-btn {
    display: none;
    width: 40px;
    height: 40px;
    border: 1px solid var(--ash-line);
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ===================== Trang chủ Adam Shop ===================== */
.adamshop-home a {
    text-decoration: none;
    color: inherit;
}

.adamshop-home a.btn,
.adamshop-home button.btn-cart,
.adamshop-home .btn-cart {
    color: #fff;
}

.adamshop-home a.btn-ghost {
    color: var(--ash-text);
}

.adamshop-home img {
    max-width: 100%;
    display: block;
    object-fit: cover;
}

.ash-hero {
    background: linear-gradient(180deg, #ffffff 0%, #f7f5ef 100%);
    padding: 44px 0 48px;
}

/* Không gắn grid lên .container (Bootstrap 3 clearfix ::before/::after sẽ thành ô lưới). */
.ash-hero-inner {
    display: grid;
    grid-template-columns: 1fr 1.05fr;
    gap: 40px;
    align-items: center;
}

.ash-hero-inner::before,
.ash-hero-inner::after {
    content: none !important;
    display: none !important;
}

.ash-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--gold-soft);
    color: var(--gold-dark);
    font-size: 12.5px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 16px;
}

.ash-hero-title {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 700;
    line-height: 1.22;
    margin-bottom: 14px;
}

.ash-hero-title .gold {
    color: var(--gold-dark);
}

.ash-hero-desc {
    font-size: 15.5px;
    color: var(--ash-text-soft);
    max-width: 440px;
    margin-bottom: 24px;
}

.ash-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px;
}

.adamshop-home .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 13px 22px;
    border-radius: 11px;
    font-size: 14.5px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    transition: .2s;
}

.adamshop-home .btn-gold {
    background: var(--gold);
    color: #fff;
    box-shadow: 0 6px 18px rgba(201, 162, 39, .32);
}

.adamshop-home .btn-gold:hover {
    background: var(--gold-dark);
    transform: translateY(-1px);
}

.adamshop-home .btn-ghost {
    background: #fff;
    color: var(--ash-text);
    border: 1.5px solid var(--ash-line);
}

.adamshop-home .btn-ghost:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
}

.ash-hero-trust {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}

.ash-hero-trust span {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13.5px;
    color: var(--ash-text-soft);
}

.ash-hero-trust span::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--gold);
    flex-shrink: 0;
}

.ash-hero-visual {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--ash-shadow-lg);
    background: #f5f2ea;
}

.ash-hero-visual img {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.ash-section {
    padding: 48px 0;
}

.ash-home-columns-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.ash-home-columns {
    display: none;
}

.ash-home-columns:has(.ash-home-column > *) {
    display: block;
}

.ash-home-column:empty {
    display: none;
}

.ash-home-column > * {
    height: 100%;
}

.ash-cta-section {
    padding-top: 0;
}

.ash-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 22px;
    gap: 12px;
    flex-wrap: wrap;
}

.ash-section-head h2 {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.ash-section-head a {
    font-size: 14px;
    font-weight: 500;
    color: var(--gold-dark);
}

.ash-section-head a:hover {
    text-decoration: underline;
}

.cat-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 16px;
}

.cat-card {
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
    padding: 24px 16px 20px;
    text-align: center;
    transition: .25s;
    cursor: pointer;
    display: block;
}

.cat-card:hover {
    border-color: var(--gold);
    box-shadow: var(--ash-shadow);
    transform: translateY(-3px);
}

.cat-icon {
    width: 54px;
    height: 54px;
    margin: 0 auto 12px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    font-size: 22px;
}

.cat-icon.c1 { background: #fef4e4; }
.cat-icon.c2 { background: #e8f3fc; }
.cat-icon.c3 { background: #e8f7f0; }
.cat-icon.c4 { background: #f4eef8; }

.cat-img {
    width: 100%;
    max-width: 54px;
    height: auto;
    border-radius: 14px;
    object-fit: cover;
    display: block;
}

.cat-card h3 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.cat-card p {
    font-size: 12.5px;
    color: var(--ash-text-soft);
    margin-bottom: 10px;
    min-height: 36px;
}

.cat-card .more {
    font-size: 13px;
    font-weight: 600;
    color: var(--gold-dark);
}

/* Tabs */
.ash-tabs-wrap {
    background: var(--ash-white);
    border-top: 1px solid var(--ash-line);
    border-bottom: 1px solid var(--ash-line);
}

.shop-tabs-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
}

.shop-tabs-title {
    flex: 1 1 auto;
    margin: 0;
    text-align: left;
}

.tabs-bar {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 0;
    border-bottom: 1px solid var(--ash-line);
    padding-bottom: 2px;
}

@media (max-width: 767px) {
    .shop-tabs-header {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
    }

    .shop-tabs-header .tabs-bar {
        width: 100%;
    }
}

.tab-btn {
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 600;
    color: var(--ash-text-soft);
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: .2s;
    font-family: inherit;
    margin-bottom: -2px;
    border-radius: 8px 8px 0 0;
}

.tab-btn:hover {
    color: var(--gold-dark);
    background: var(--gold-soft);
}

.tab-btn.active {
    color: var(--gold-dark);
    border-bottom-color: var(--gold);
    background: transparent;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
    animation: ashFadeIn .25s ease;
}

.tab-panel[hidden] {
    display: none !important;
}

@keyframes ashFadeIn {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }
}

.group-block {
    margin-bottom: 40px;
}

.group-block:last-child {
    margin-bottom: 0;
}

.group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    gap: 12px;
    flex-wrap: wrap;
}

.group-title h3 {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
}

.group-title h3 .badge {
    font-size: 12px;
    font-weight: 600;
    background: var(--gold-soft);
    color: var(--gold-dark);
    padding: 3px 10px;
    border-radius: 999px;
}

.group-title a {
    font-size: 13.5px;
    font-weight: 500;
    color: var(--gold-dark);
}

.group-title a:hover {
    text-decoration: underline;
}

/* Products */
.product-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 14px;
}

.product-card {
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: .25s;
}

.product-card:hover {
    box-shadow: var(--ash-shadow-lg);
    border-color: #e5d9b0;
    transform: translateY(-4px);
}

.product-thumb {
    position: relative;
    background: #f6f5f1;
    aspect-ratio: 1 / 1.05;
    overflow: hidden;
}

.product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .35s;
}

.product-card:hover .product-thumb img {
    transform: scale(1.04);
}

.sale-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #e53935;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 6px;
    z-index: 2;
}

.product-info {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-info h3,
.product-info h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 5px;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 38px;
}

.product-info .rating {
    font-size: 12.5px;
    color: var(--ash-text-soft);
    margin-bottom: 8px;
}

.product-info .rating .stars {
    color: #f5a623;
}

.price-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-top: auto;
    margin-bottom: 12px;
}

.price-row .price {
    font-size: 16.5px;
    font-weight: 700;
}

.price-row .price-old {
    font-size: 13px;
    color: #999;
    text-decoration: line-through;
}

button.btn-cart,
a.btn-cart,
.adamshop-home .btn-cart {
    width: 100%;
    padding: 10px;
    background: var(--gold);
    color: #fff !important;
    border: none;
    border-radius: 9px;
    font-size: 13.5px;
    font-weight: 600;
    cursor: pointer;
    transition: .2s;
    font-family: inherit;
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 1.3;
}

button.btn-cart:hover,
a.btn-cart:hover,
.adamshop-home .btn-cart:hover,
button.btn-cart:focus,
.adamshop-home .btn-cart:focus {
    background: var(--gold-dark);
    color: #fff !important;
}

.product-info h3 a,
.product-info h4 a {
    color: inherit;
}

.product-info h3 a:hover,
.product-info h4 a:hover {
    color: var(--gold-dark);
}

a.product-thumb {
    display: block;
    color: inherit;
}

/* Trust */
.trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.trust-card {
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
    padding: 24px 16px;
    text-align: center;
}

.trust-icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 12px;
    border-radius: 12px;
    background: var(--gold-soft);
    display: grid;
    place-items: center;
    font-size: 18px;
}

.trust-card h3 {
    font-size: 14.5px;
    font-weight: 600;
    margin-bottom: 5px;
}

.trust-card p {
    font-size: 12.5px;
    color: var(--ash-text-soft);
    margin: 0;
}

/* CTA */
.ash-cta-box {
    background: linear-gradient(135deg, #1a1a1a, #2b2b2b);
    border-radius: 20px;
    padding: 36px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    color: #fff;
}

.ash-cta-box h2 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 7px;
}

.ash-cta-box p {
    font-size: 14px;
    opacity: .85;
    max-width: 380px;
    margin: 0;
}

.ash-cta-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.adamshop-home .btn-zalo {
    background: #0068ff;
    color: #fff;
}

.adamshop-home .btn-zalo:hover {
    background: #0052cc;
}

.adamshop-home .btn-call {
    background: var(--gold);
    color: #fff;
}

.adamshop-home .btn-call:hover {
    background: var(--gold-dark);
}

/* Footer — phải dùng #footer.adamshop-footer để thắng style.css (#footer nền xanh #245682) */
#footer.adamshop-footer {
    position: relative;
    background: #141414 !important;
    background-image: none !important;
    color: #b8b8b8;
    padding: 56px 0 22px;
    margin-top: 0;
    min-height: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    font-size: 13px;
}

#footer.adamshop-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent 8%, var(--gold) 50%, transparent 92%);
}

#footer.adamshop-footer .adamshop-footer-grid {
    display: grid;
    grid-template-columns: 1.45fr 0.95fr 0.95fr 1.05fr;
    gap: 36px 32px;
    margin-bottom: 32px;
}

#footer.adamshop-footer .adamshop-footer-col .panel-body,
#footer.adamshop-footer .adamshop-footer-col .content {
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

#footer.adamshop-footer h4,
#footer.adamshop-footer .h3 {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin: 0 0 16px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid #2a2a2a;
    position: relative;
}

#footer.adamshop-footer h4::after,
#footer.adamshop-footer .h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 28px;
    height: 2px;
    background: var(--gold);
    border-radius: 2px;
}

#footer.adamshop-footer p,
#footer.adamshop-footer a,
#footer.adamshop-footer li,
#footer.adamshop-footer span {
    font-size: 13px;
    line-height: 1.7;
    color: #9a9a9a;
}

#footer.adamshop-footer a:hover,
#footer.adamshop-footer a:focus {
    color: var(--gold) !important;
    text-decoration: none;
}

#footer.adamshop-footer .adamshop-footer-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: inherit;
}

#footer.adamshop-footer .adamshop-footer-brand img {
    max-height: 36px;
    width: auto;
    filter: brightness(1.08);
}

#footer.adamshop-footer .adamshop-footer-brand strong {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

#footer.adamshop-footer .adamshop-footer-lead {
    margin: 0 0 14px;
    max-width: 320px;
    color: #9a9a9a;
}

#footer.adamshop-footer .adamshop-footer-hotline {
    margin: 0 0 16px;
    color: #cfcfcf;
}

#footer.adamshop-footer .adamshop-footer-hotline a {
    color: var(--gold) !important;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.02em;
}

#footer.adamshop-footer .adamshop-footer-links,
#footer.adamshop-footer .menu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#footer.adamshop-footer .menu li {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

#footer.adamshop-footer .adamshop-footer-links a,
#footer.adamshop-footer .menu li a {
    display: block;
    padding: 5px 0;
    border: 0 !important;
    color: #9a9a9a !important;
    white-space: normal !important;
    transition: color .15s, padding-left .15s;
}

#footer.adamshop-footer .menu li a:before {
    content: none !important;
}

#footer.adamshop-footer .adamshop-footer-links a:hover,
#footer.adamshop-footer .menu li a:hover {
    color: var(--gold) !important;
    padding-left: 6px;
    border: 0 !important;
}

#footer.adamshop-footer .company_info {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer.adamshop-footer .adamshop-footer-company {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #2a2a2a;
}

#footer.adamshop-footer .adamshop-footer-company .h3 {
    display: none !important;
}

#footer.adamshop-footer .adamshop-footer-company:not(:has(.company_info li:not(.hide):not(.hidden))) {
    display: none;
}

#footer.adamshop-footer .company_info li {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    margin: 0 0 8px;
    color: #8d8d8d;
    font-size: 12.5px;
    line-height: 1.55;
}

#footer.adamshop-footer .company_info li.company_name,
#footer.adamshop-footer .company_info li.hide,
#footer.adamshop-footer .company_info li.hidden {
    display: none !important;
}

#footer.adamshop-footer .company_info .fa {
    width: 14px;
    flex-shrink: 0;
    margin-top: 3px;
    color: var(--gold);
    opacity: 0.85;
}

#footer.adamshop-footer #contactList > span,
#footer.adamshop-footer #contactList > .h3,
#footer.adamshop-footer #contactList > .visible-xs-inline-block,
#footer.adamshop-footer #socialList > span,
#footer.adamshop-footer #socialList > .h3,
#footer.adamshop-footer #socialList > .visible-xs-inline-block,
#footer.adamshop-footer .adamshop-footer-social > .visible-xs-inline-block,
#footer.adamshop-footer .adamshop-footer-contact > .visible-xs-inline-block,
#footer.adamshop-footer .adamshop-footer-social > span.visible-xs-inline-block {
    display: none !important;
}

#footer.adamshop-footer .contactList {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer.adamshop-footer .contactList li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 0 10px;
    color: #9a9a9a;
}

#footer.adamshop-footer .contactList li:has(.icon-yahoo),
#footer.adamshop-footer .contactList li:has(.fa-skype),
#footer.adamshop-footer .contactList li:has(.icon-viber),
#footer.adamshop-footer .contactList li:has(.icon-icq) {
    display: none;
}

#footer.adamshop-footer .contactList .fa,
#footer.adamshop-footer .contactList em {
    width: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    color: var(--gold);
    text-align: center;
}

#footer.adamshop-footer .adamshop-footer-social {
    margin-top: 4px;
}

#footer.adamshop-footer .socialList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer.adamshop-footer .socialList li a {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: 1px solid #2f2f2f;
    background: #1c1c1c;
    display: grid;
    place-items: center;
    color: #cfcfcf !important;
    font-size: 14px;
    transition: .2s;
}

#footer.adamshop-footer .socialList li a:hover {
    border-color: var(--gold);
    background: var(--gold);
    color: #fff !important;
}

#footer.adamshop-footer .adamshop-footer-bottom {
    border-top: 1px solid #2a2a2a;
    padding-top: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 16px;
    font-size: 12px;
    color: #6e6e6e;
}

#footer.adamshop-footer .adamshop-footer-bottom-left {
    flex: 1 1 auto;
    min-width: 220px;
}

#footer.adamshop-footer .adamshop-footer-bottom-center {
    flex: 0 0 auto;
    text-align: center;
}

#footer.adamshop-footer .adamshop-footer-bottom-right {
    flex: 1 1 auto;
    min-width: 120px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

#footer.adamshop-footer .adamshop-footer-bottom,
#footer.adamshop-footer .adamshop-footer-bottom a,
#footer.adamshop-footer .adamshop-footer-bottom span,
#footer.adamshop-footer .copyright,
#footer.adamshop-footer .copyright a {
    font-size: 12px;
    color: #6e6e6e !important;
}

#footer.adamshop-footer .adamshop-footer-bottom a:hover {
    color: var(--gold) !important;
}

#footer.adamshop-footer .adamshop-footer-qr {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

#footer.adamshop-footer .adamshop-footer-qr img {
    max-height: 60px;
    width: auto;
    border-radius: 6px;
}

#footer.adamshop-footer .adamshop-footer-bottom .btn.btn-xs {
    background: #1c1c1c !important;
    background-image: none !important;
    border: 1px solid #333 !important;
    color: #8a8a8a !important;
    font-size: 11px;
    padding: 5px 12px;
    border-radius: 999px;
    box-shadow: none;
    text-shadow: none;
    line-height: 1.3;
}

#footer.adamshop-footer .adamshop-footer-bottom .btn.btn-xs:hover,
#footer.adamshop-footer .adamshop-footer-bottom .btn.btn-xs:focus {
    border-color: var(--gold) !important;
    color: var(--gold) !important;
    background: transparent !important;
}

#footer.adamshop-footer .adamshop-theme-change a,
#footer.adamshop-footer .adamshop-theme-change span {
    color: #6e6e6e;
    margin-left: 8px;
}

/* Float buttons */
.adamshop-float {
    position: fixed;
    bottom: 24px;
    right: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 999;
}

.adamshop-float a svg {
    width: 20px;
    height: 20px;
    display: block;
}

#contactButton .ctb {
    right: 18px;
    bottom: 12px;
    background: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #fff !important;
    border-radius: 999px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .18);
}

#contactButton .ctb:hover,
#contactButton .ctb:focus {
    background: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: #fff !important;
}

.adamshop-float a {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 18px rgba(0, 0, 0, .22);
    transition: transform .2s;
    text-decoration: none;
}

.adamshop-float a:hover {
    transform: scale(1.08);
}

.adamshop-float .fz { background: #0068ff; }
.adamshop-float .fp { background: var(--gold); font-size: 20px; }
.adamshop-float .ft { background: #333; font-size: 16px; }

.adamshop-nav-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .35);
    z-index: 90;
}

body.is-nav-open {
    overflow: hidden;
}

body.is-nav-open .adamshop-nav-overlay {
    display: block;
}

@media (max-width: 960px) {
    .adamshop-topbar .adamshop-container > div:first-child::after,
    .adamshop-topbar .adamshop-container > div:last-child::before,
    .adamshop-topbar .adamshop-container > div:last-child::after,
    .adamshop-brand-row::after {
        display: none !important;
        content: none !important;
    }

    .adamshop-header {
        position: sticky;
        top: 0;
    }

    .adamshop-topbar .adamshop-container {
        min-height: 30px;
        padding: 0 12px;
        white-space: nowrap;
        overflow: hidden;
    }

    .adamshop-topbar .adamshop-container > div:last-child {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 11px !important;
        color: #e8e8e8 !important;
    }

    .adamshop-brand-row {
        align-items: center;
        padding: 8px 12px;
    }

    .adamshop-logo {
        flex: 1 1 auto;
        min-width: 0;
    }

    .adamshop-logo img {
        max-width: 118px;
        max-height: 40px;
    }

    .adamshop-header-right {
        margin-left: auto;
    }

    .adamshop-menu-btn {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .adamshop-menu-btn span {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
    }

    .adamshop-menu-row {
        border-top: 1px solid var(--ash-line);
    }

    #menusite.adamshop-nav {
        position: relative;
    }

    #menusite.adamshop-nav .nv-megamenu-wrap {
        box-shadow: none;
    }

    #menusite.adamshop-nav .nv-mm-toggle {
        display: none;
    }

    #menusite.adamshop-nav .nv-megamenu {
        display: none;
    }

    #menusite.adamshop-nav .nv-megamenu-wrap.is-open .nv-megamenu {
        display: flex;
    }

    #menusite.adamshop-nav .nv-megamenu-wrap.is-open {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: var(--ash-white);
        box-shadow: var(--ash-shadow);
        z-index: 200;
    }

    #menusite.adamshop-nav .nv-megamenu {
        max-height: calc(100vh - 84px);
        overflow-y: auto;
        padding: 6px 12px 12px;
    }

    #menusite.adamshop-nav .nv-mm-link {
        width: 100%;
        min-height: 44px;
        padding: 0 8px;
        border-bottom: 1px solid var(--ash-line);
        font-size: 14px;
    }

    #menusite.adamshop-nav .nv-mm-panel,
    #menusite.adamshop-nav .nv-mm-drop {
        position: static;
        width: 100%;
        max-width: none;
        box-shadow: none;
        border-radius: 0;
    }

    #menusite.adamshop-nav .nv-mm-col {
        min-width: 0;
    }

    .adamshop-nav-overlay {
        z-index: 150;
    }

    .adamshop-logo-text {
        display: none;
    }
    .adamshop-header-inner {
        gap: 8px;
        padding: 8px 0;
    }
    .adamshop-brand-row {
        min-height: 54px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .adamshop-menu-row {
        padding: 0;
    }
    .adamshop-topbar {
        padding: 6px 0;
        font-size: 11px;
    }
    .adamshop-topbar .adamshop-container > div:first-child {
        display: none;
    }
    .adamshop-topbar .adamshop-container {
        justify-content: center;
        text-align: center;
    }
    #menusite .navbar { position: static; }
    #menusite.adamshop-nav .navbar-collapse:not(.in) { display: none !important; }
    #menusite.adamshop-nav .navbar-collapse.in {
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
        background: var(--ash-white);
        border-top: 1px solid var(--ash-line);
        padding: 10px 16px 16px;
        box-shadow: var(--ash-shadow);
        z-index: 200;
        max-height: calc(100vh - 70px);
        overflow-y: auto;
    }
    #menusite .navbar-nav { flex-direction: column; align-items: flex-start; gap: 4px; }
    .adamshop-menu-btn { display: flex; }
    .adamshop-search-input {
        display: none;
    }
    .adamshop-header-right {
        gap: 4px;
        padding: 0;
        border-radius: 0;
        flex-shrink: 0;
    }
    .adamshop-icon-btn,
    .adamshop-menu-btn {
        width: 36px;
        height: 36px;
        min-width: 36px;
        border-radius: 9px;
    }
    .adamshop-logo img {
        max-width: 112px;
        max-height: 38px;
    }
    body.is-search-open .adamshop-search-input {
        display: block;
        position: absolute;
        left: 12px;
        right: 12px;
        top: calc(100% + 8px);
        width: auto;
        max-width: none;
        z-index: 220;
        background: #fff;
        box-shadow: var(--ash-shadow);
        padding: 10px 12px;
        border-radius: 10px;
    }
    .ash-hero-inner { grid-template-columns: 1fr; text-align: center; }
    .ash-hero-desc { margin-left: auto; margin-right: auto; }
    .ash-hero-actions, .ash-hero-trust { justify-content: center; }
    .cat-grid, .product-grid, .trust-grid { grid-template-columns: repeat(3, 1fr); }
    .ash-home-columns-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    #footer.adamshop-footer .adamshop-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px 24px; }
    #footer.adamshop-footer .adamshop-footer-bottom {
        justify-content: center;
        text-align: center;
    }
    #footer.adamshop-footer .adamshop-footer-bottom-left,
    #footer.adamshop-footer .adamshop-footer-bottom-center,
    #footer.adamshop-footer .adamshop-footer-bottom-right {
        flex: 1 1 100%;
        justify-content: center;
    }
    .tabs-bar { gap: 4px; }
    .tab-btn { padding: 10px 14px; font-size: 13px; }
}

@media (max-width: 768px) {
    #contactButton .ctb {
        left: 12px;
        right: auto;
        bottom: 18px;
        width: 48px;
        height: 48px;
        padding: 0;
        font-size: 0;
        border-radius: 50%;
        display: grid;
        place-items: center;
    }
    #contactButton .ctb em {
        margin: 0;
        font-size: 18px;
        line-height: 1;
    }
    .adamshop-float {
        bottom: 22px;
    }
    #footer.adamshop-footer .adamshop-footer-bottom {
        padding-bottom: 72px;
        padding-right: 72px;
    }
}

/* =========================================================
   Đồng bộ màu thương hiệu (vàng/đen) cho các khối mặc định của
   NukeViet (panel, nút, liên kết...) ở các trang không phải trang chủ
   ========================================================= */
a:hover,
a:focus {
    color: var(--gold-dark);
}

.btn-info,
.btn-primary {
    background-color: var(--gold);
    border-color: var(--gold);
    color: #fff;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
    color: #fff;
}

.panel-heading,
.panel-primary > .panel-heading,
.panel-default > .panel-heading {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

.panel-heading a,
.panel-primary > .panel-heading > a {
    color: #fff;
}

.panel-heading a:hover,
.panel-primary > .panel-heading > a:hover {
    color: var(--gold);
}

.label-info,
.badge {
    background-color: var(--gold-dark);
}

.breadcrumbs a:hover,
.subs-breadcrumbs a:hover {
    color: var(--gold-dark) !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff;
}

@media (max-width: 560px) {
    .cat-grid, .product-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    /* Trang danh mục sản phẩm: col-sm-12 mặc định = 1/dòng, ép 2/dòng trên mobile */
    .shops-viewgrid > [class*="col-"] {
        width: 50%;
        float: left;
    }
    .trust-grid,
    #footer.adamshop-footer .adamshop-footer-grid { grid-template-columns: 1fr; }
    .ash-home-columns-grid { grid-template-columns: 1fr; }
    .ash-hero { padding: 32px 0 40px; }
    .ash-section { padding: 36px 0; }
    .ash-cta-box { padding: 26px 18px; text-align: center; justify-content: center; }
    .ash-cta-actions { width: 100%; justify-content: center; }
    .tabs-bar {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 4px;
    }
    .tab-btn { white-space: nowrap; flex-shrink: 0; }
    .adamshop-topbar .adamshop-container {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 0;
        white-space: nowrap;
    }
}

@media (max-width: 400px) {
    .adamshop-logo img { max-width: 96px; max-height: 34px; }
    .adamshop-logo-text span { display: none; }
    .adamshop-header-inner { gap: 6px; }
    .adamshop-header-right { gap: 3px; }
    .adamshop-icon-btn { width: 34px; height: 34px; }
    .adamshop-menu-btn { width: 34px; height: 34px; }
}

/* =========================================================
   Đồng bộ màu thương hiệu toàn site (thay hết xanh dương mặc định
   của style.css/bootstrap bằng vàng/đen Adam Shop) - áp dụng cho
   MỌI trang, không chỉ trang chủ/header/footer.
   ========================================================= */

/* Focus cho input/textarea/select - thay viền + đổ bóng xanh mặc định của bootstrap */
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--gold) !important;
    box-shadow: 0 0 0 3px var(--gold-soft) !important;
    outline: none;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--gold-dark);
}

/* Phân trang */
.pagination > li > a,
.pagination > li > span {
    color: var(--gold-dark);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    color: #fff !important;
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #fff !important;
}

/* Dropdown-menu (menu sổ xuống) dùng chung toàn site, ngoài phạm vi #menusite */
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: var(--gold-soft) !important;
    background-image: none !important;
    color: var(--gold-dark) !important;
}

/* Label/badge mặc định của bootstrap (xanh dương/thông tin) */
.label-primary,
.label-info,
.badge-primary {
    background-color: var(--gold-dark) !important;
}

/* Panel info/primary - viền + tiêu đề */
.panel-primary,
.panel-info {
    border-color: var(--gold) !important;
}

.panel-primary > .panel-heading,
.panel-info > .panel-heading {
    background-color: #1a1a1a !important;
    background-image: none !important;
    border-color: #1a1a1a !important;
    color: #fff !important;
}

/* Well / blockquote - viền nhấn */
.well {
    background: var(--ash-white);
    border-color: var(--ash-line);
    border-radius: var(--ash-radius);
    box-shadow: var(--ash-shadow);
}

blockquote {
    border-left-color: var(--gold);
}

/* Module menu (block "Module Menu" ở cột trái: Đăng nhập, Đăng ký...) */
.module-menu a.active,
.module-menu a:hover {
    background-color: var(--gold-soft) !important;
    color: var(--gold-dark) !important;
}

/* Liên kết "Xem thêm"/tiêu đề trong các block mặc định (tin tức, thống kê, bầu chọn...) đặt cạnh trang chủ */
.panel-heading a,
.panel-title a {
    color: inherit;
}

/* Nút chuyển trang responsive/desktop/mobile (nếu còn hiển thị) và các nút nhỏ dùng theme_type */
.footerNav2 .theme-change a,
.footerNav2 .theme-change span,
.footerNav2 .bttop a {
    background-color: #1a1a1a !important;
    color: var(--gold) !important;
}

.footerNav2 .theme-change a:hover,
.footerNav2 .bttop a:hover {
    background-color: var(--gold-dark) !important;
    color: #fff !important;
}

/* Thanh header-nav kiểu cũ (nếu bất kỳ trang nào còn dùng .header-nav .button) */
.header-nav a.button.active,
.header-nav a.button:hover,
.header-nav a.button:focus {
    background-color: var(--gold-dark) !important;
}

/* Tab bootstrap dùng chung (vd tab "Chi tiết sản phẩm / Đánh giá" ở trang chi tiết sản phẩm) */
.tabs .nav li.active,
.nav-tabs > li.active > a {
    border-color: var(--gold) !important;
    box-shadow: 0 2px var(--gold) inset !important;
}

.tabs .nav li.active a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--gold-dark) !important;
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    background: #1a1a1a !important;
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor,
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    color: var(--gold) !important;
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background-color: #1a1a1a !important;
}

/* =========================================================
   Trang danh sách sản phẩm (shops viewcat) - chuyển layout "list"
   mặc định (panel nằm ngang) sang dạng thẻ lưới đồng bộ với trang chủ
   ========================================================= */
/* Category toolbar - Adam Shop */
/* Category toolbar - Adam Shop */
#shops-content .s-cat-fillter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 16px;
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
}

#shops-content .s-cat-fillter .pd-cat-sort {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--ash-text-soft);
}

#shops-content .s-cat-fillter .pd-cat-sort label {
    margin: 0;
    font-weight: 500;
    color: var(--ash-text);
}

#shops-content .s-cat-fillter .form-control {
    width: auto;
    min-width: 170px;
    display: inline-block;
    border-radius: 8px;
    border-color: var(--ash-line);
    font-size: 14px;
    padding: 6px 12px;
    height: auto;
    background: var(--ash-bg);
}

#shops-content .s-cat-fillter .form-control:focus {
    border-color: var(--gold);
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.12);
}

#shops-content .viewtype span {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--ash-line);
    border-radius: 8px;
    margin-left: 4px;
    color: var(--ash-text-soft);
}

#shops-content .viewtype span.active,
#shops-content .viewtype span:hover {
    border-color: var(--gold);
    color: var(--gold-dark);
    background: var(--gold-soft);
}

.product-viewlist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 18px;
}

.product-viewlist .panel.panel-default {
    margin: 0;
    height: 100%;
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
    box-shadow: none;
    overflow: hidden;
    transition: .25s;
}

.product-viewlist .panel.panel-default:hover {
    box-shadow: var(--ash-shadow-lg);
    border-color: #e5d9b0;
    transform: translateY(-4px);
}

.product-viewlist .panel-body {
    padding: 0 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-viewlist .mb-2.mr-2.pull-left {
    float: none;
    margin: 0 0 12px;
    background: #f6f5f1;
    aspect-ratio: 1 / 1.05;
    overflow: hidden;
}

.product-viewlist .mb-2.mr-2.pull-left a {
    display: block;
    width: 100%;
    height: 100%;
}

.product-viewlist .mb-2.mr-2.pull-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none !important;
}

.product-viewlist h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    padding: 0 16px;
    margin: 0 0 6px;
    min-height: 38px;
}

.product-viewlist h3 a {
    color: var(--ash-text);
}

.product-viewlist .pro-code:empty {
    display: none;
}

.product-viewlist .price-value {
    padding: 0 16px;
    margin: auto 0 12px;
    font-size: 13px;
    color: var(--ash-text-soft);
}

.product-viewlist .price-value .money {
    font-size: 16.5px;
    font-weight: 700;
    color: var(--ash-text);
}

.product-viewlist .pro-order {
    padding: 0 16px;
    display: flex;
    gap: 8px;
}

.product-viewlist .pro-order .btn {
    flex: 1;
    background-color: var(--gold) !important;
    border-color: var(--gold) !important;
    color: #fff !important;
}

.product-viewlist .pro-order .btn:hover {
    background-color: var(--gold-dark) !important;
    border-color: var(--gold-dark) !important;
}

/* =========================================================
   Trang chi tiết sản phẩm (shops detail)
   ========================================================= */
.product-detail .btn-order-cart.btn-danger {
    background-color: #e85d3f !important;
    border-color: #e85d3f !important;
}

.product-detail .btn-order-cart.btn-danger:hover {
    background-color: #cf4930 !important;
    border-color: #cf4930 !important;
}

.product-detail .btn-order-buy.btn-success {
    background-color: #087f8c !important;
    border-color: #087f8c !important;
}

.product-detail .btn-order-buy.btn-success:hover {
    background-color: #066873 !important;
    border-color: #066873 !important;
}

/* Menu dạng cây metisMenu ở cột trái (block "Chủ đề" của module tin tức...) */
.metismenu .sidebar-nav {
    background: #1a1a1a !important;
    background-image: none !important;
}

.metismenu .sidebar-nav ul a:hover,
.metismenu .sidebar-nav ul a:focus,
.metismenu .sidebar-nav ul a:active {
    background-image: linear-gradient(to right, var(--gold) 4px, rgba(0, 0, 0, 0) 4px) !important;
}

.metismenu .sidebar-nav ul ul a {
    background-color: #2b2b2b !important;
}

.metismenu .sidebar-nav ul ul a:hover,
.metismenu .sidebar-nav ul ul a:focus,
.metismenu .sidebar-nav ul ul a:active {
    background-color: #3a3a3a !important;
}

/* =========================================================
   Common layout - đồng bộ khung nội dung + block sidebar của
   MỌI trang khác trang chủ (shop, tin tức, liên hệ, trang tĩnh...)
   theo cùng ngôn ngữ thiết kế "card bo góc, viền mảnh, đổ bóng nhẹ"
   đã dùng ở homepage.tpl (--ash-radius/--ash-shadow/--ash-line).
   ========================================================= */
body:not(.is-home) {
    background: var(--ash-bg);
}

/* Khung #body mặc định có viền + đổ bóng kiểu box cũ, bỏ để đồng bộ
   với nền phẳng, thoáng của trang chủ */
#body {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding-top: 26px;
    padding-bottom: 50px;
    /* Bootstrap .container mặc định chốt cứng 1150px (@media 1200px) - đồng bộ
       với chiều rộng "thoáng" của .adamshop-container ở trang chủ. #body là id
       nên luôn thắng .container ở mọi breakpoint, không cần !important. */
    width: min(1400px, 94%);
    max-width: none;
}

.adamshop-breadcrumbs-bar {
    margin-bottom: 18px;
    font-size: 13px;
}

/* Tiêu đề trang (shop category, tin tức, trang tĩnh...) đồng bộ với
   font-weight/spacing của tiêu đề section trang chủ (.ash-section-head h2) */
#body .page-header,
#body h1.title {
    border: 0;
    padding: 0 0 14px;
    margin: 0 0 22px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid var(--ash-line);
}

#body .page-header .label,
#body .page-header .badge {
    font-size: 13px;
    vertical-align: middle;
}

/* Card chung cho nội dung + block sidebar (block.default/primary.tpl dùng .panel) */
.panel {
    border-radius: var(--ash-radius);
    border-color: var(--ash-line);
    box-shadow: var(--ash-shadow);
    margin-bottom: 24px;
}

.panel-body {
    padding: 22px;
}

/* Danh sách tin tức dạng thẻ (news_column .list-group ở viewcat_list.tpl) */
.news_column .alert.alert-info {
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: var(--ash-radius);
    color: var(--ash-text);
    padding: 20px;
    box-shadow: none;
}

.news_column .list-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.news_column .list-group a.show {
    display: block;
    padding: 14px 18px;
    background: var(--ash-white);
    border: 1px solid var(--ash-line);
    border-radius: 12px;
    transition: .2s;
}

.news_column .list-group a.show:hover {
    border-color: var(--gold);
    box-shadow: var(--ash-shadow);
    transform: translateY(-2px);
}

.news_column .list-group-item-heading {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--ash-text);
}

.news_column .list-group-item-heading .label-default {
    background: var(--gold-soft);
    color: var(--gold-dark);
    font-weight: 600;
}

/* Danh sách liên quan/chủ đề (news detail, page main_list...) */
.detail-related.related .fa-angle-right,
.nv-list-item .fa-angle-double-right {
    color: var(--gold-dark);
}

.page .panel .img-thumbnail {
    border-radius: 10px;
}

/* =========================================================
    Mega Menu - nền sáng, gold làm điểm nhấn
   Ghi đè biến từ megamenu.css để giữ nguyên file gốc,
   dễ bảo trì khi cập nhật module.
   ========================================================= */
.nv-megamenu-wrap {
    --nv-mm-bg: #ffffff;
    --nv-mm-bg-hover: transparent;
    --nv-mm-color: var(--ash-text);
    --nv-mm-hover: var(--gold);
    --nv-mm-panel-bg: #ffffff;
    --nv-mm-panel-color: var(--ash-text);
    --nv-mm-panel-muted: var(--ash-text-soft);
    --nv-mm-line: var(--ash-line);
    --nv-mm-radius: 12px;
    --nv-mm-shadow: 0 10px 26px rgba(28, 28, 28, 0.08);
    background: #ffffff !important;
    box-shadow: 0 1px 0 var(--ash-line);
}

/* Nút toggle trên mobile */
.nv-mm-toggle {
    border-radius: 10px;
    transition: background 0.2s;
}

.nv-mm-toggle:hover,
.nv-mm-toggle:focus {
    background: var(--gold-soft);
}

/* Link chính: hover/active vàng */
.nv-mm-link:hover,
.nv-mm-link:focus,
.nv-mm-item.current > .nv-mm-link,
.nv-mm-item.open > .nv-mm-link,
.nv-mm-item:hover > .nv-mm-link {
    background: transparent;
    color: var(--gold-dark) !important;
}

.nv-mm-link::after {
    background: var(--gold);
}

.nv-mm-item.current > .nv-mm-link,
.nv-mm-item.open > .nv-mm-link {
    color: #a8871f !important;
    background: transparent !important;
}

.nv-mm-item.current > .nv-mm-link::after,
.nv-mm-item.open > .nv-mm-link::after {
    transform: scaleX(1);
}

/* Viền tiêu đề cột mega menu dùng màu vàng */
.nv-mm-col-title {
    border-bottom-color: var(--gold);
}

/* Hover tiêu đề cột dùng vàng đậm để đảm bảo độ tương phản */
.nv-mm-col-title:hover,
.nv-mm-col.current > .nv-mm-col-title {
    color: var(--gold-dark);
}

/* Link danh sách cột */
.nv-mm-col-list a:hover,
.nv-mm-col-list li.current > a {
    color: var(--gold-dark);
}

/* Dropdown cấp 2 */
.nv-mm-drop a:hover,
.nv-mm-drop li.current > a {
    background: transparent;
    color: var(--gold-dark);
    box-shadow: inset 2px 0 var(--gold);
}

/* Menu con cấp 3 của dropdown */
.nv-mm-drop li.has-child > ul {
    border-radius: 12px;
}

/* Mega panel và dropdown dùng hiệu ứng mở mượt */
.nv-mm-panel,
.nv-mm-drop {
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}

/* Bo góc thanh menu chính khi nằm trong header */
.nv-megamenu-wrap {
    border-radius: 0 0 12px 12px;
    background: #ffffff !important;
}

/* Responsive: giữ giao diện sạch trên mobile */
@media (max-width: 991px) {
    .nv-mm-link {
        border-top-color: var(--ash-line);
    }

    .nv-mm-item.is-expanded > .nv-mm-panel,
    .nv-mm-item.is-expanded > .nv-mm-drop {
        background: #ffffff;
    }
}