/* Ẩn icon/SVG cũ bị lỗi bên trong nút Zalo */
.adamshop-float a.fz * {
    display: none !important;
}

/* Thay bằng Logo Zalo chính hãng sắc nét */
.adamshop-float a.fz {
    background-color: #0068FF !important;
    background-image: url("https://page.widget.zalo.me/static/images/2.0/Logo.svg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 32px 32px !important;
    border-radius: 50% !important;
    animation: zaloRipple 1.8s infinite !important;
}

/* Hiệu ứng sóng lan tỏa mượt mà xung quanh nút */
@keyframes zaloRipple {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0.7);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(0, 104, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 104, 255, 0);
    }
}
/* Đổi nền nút điện thoại sang màu đỏ & thêm hiệu ứng sóng tỏa */
.adamshop-float a.fp {
    background: #ff0000 !important;
    background-color: #ff0000 !important;
    border-radius: 50% !important;
    animation: phoneRipple 1.8s infinite !important;
}

/* Hiệu ứng sóng nhấp nháy lan tỏa màu đỏ */
@keyframes phoneRipple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.8);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(255, 0, 0, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
    }
}
@media (max-width: 768px) {
    /* 1. Khung nền hồng chính */
    html body .adamshop-topbar {
        background-color: #FF00A0 !important;
        padding: 8px 5px !important;
        text-align: center !important;
        position: relative !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* 2. ĐẨY TRIỆT ĐỂ toàn bộ nút cũ và khung con ra khỏi màn hình */
    html body .adamshop-topbar *,
    html body .adamshop-topbar div,
    html body .adamshop-topbar a,
    html body .adamshop-topbar span,
    html body .adamshop-topbar p,
    html body .adamshop-topbar .container {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
        top: -9999px !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }

    /* 3. HIỆN DUY NHẤT 1 DÒNG CHỮ VÀNG CHUẨN */
    html body .adamshop-topbar::after {
        content: "HOTLINE: 0396.25.02.86" !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #FFFF00 !important;
        font-size: 17px !important;
        font-weight: 900 !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important;
        position: static !important;
        /* Hiệu ứng mờ - hiện */
        -webkit-animation: moHienText 4s ease-in-out infinite !important;
        animation: moHienText 4s ease-in-out infinite !important;
    }
}

/* Hiệu ứng mờ - hiện */
@-webkit-keyframes moHienText {
    0%, 100% { opacity: 1; }
    30%, 70% { opacity: 0.2; }
}

@keyframes moHienText {
    0%, 100% { opacity: 1; }
    30%, 70% { opacity: 0.2; }
}
/* =========================================================
   1. KHUNG HOTLINE TOPBAR CHỚP ĐÈN (VỊ TRÍ 1)
   ========================================================= */
@media (max-width: 768px) {
    .adamshop-topbar {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 38px !important;
        padding: 4px 0 !important;
        background-color: #ff0080 !important;
    }

    /* Ẩn chữ thừa bên trái */
    .adamshop-topbar .adamshop-container > *:first-child {
        display: none !important;
    }

    /* Khung Hotline màu đỏ viền vàng chớp nháy */
    .adamshop-topbar .adamshop-container > *:last-child {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 13px !important;
        color: #ffffff !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 4px 12px !important;
        background-color: #ff0000 !important;
        border: 2px solid #ffff00 !important;
        border-radius: 4px !important;
        -webkit-animation: chopDienHotline 0.6s infinite alternate !important;
        animation: chopDienHotline 0.6s infinite alternate !important;
    }

    .adamshop-topbar .adamshop-container > *:last-child * {
        display: inline !important;
        font-size: 13px !important;
        color: #ffffff !important;
        font-weight: bold !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@-webkit-keyframes chopDienHotline {
    0% { border-color: #ffff00; -webkit-box-shadow: 0 0 10px #ffff00; }
    100% { border-color: #ffffff; -webkit-box-shadow: 0 0 3px #ffffff; }
}
@keyframes chopDienHotline {
    0% { border-color: #ffff00; box-shadow: 0 0 10px #ffff00; }
    100% { border-color: #ffffff; box-shadow: 0 0 3px #ffffff; }
}
/* ẨN HOÀN TOÀN THANH TOPBAR MÀU HỒNG TRÊN CÙNG */
html body .adamshop-topbar,
div.adamshop-topbar {
    display: none !important;
}
/* 1. KÍCH THƯỚC VÀ KIỂU CHỮ TIÊU ĐỀ "DANH MỤC" */
#footer.adamshop-footer .h3,
#footer.adamshop-footer h4,
#footer.adamshop-footer .adamshop-footer-h3,
#footer.adamshop-footer div.h3 {
    font-size: 20px !important; /* <--- CHỈNH CỠ CHỮ DANH MỤC TẠI ĐÂY (mặc định 20px) */
    font-weight: bold !important;
}

/* XÓA GẠCH NGẮN MÀU XANH DƯỚI CHỮ DANH MỤC */
#footer.adamshop-footer .h3::after,
#footer.adamshop-footer h4::after,
#footer.adamshop-footer .adamshop-footer-h3::after,
#footer.adamshop-footer div.h3::after {
    display: none !important;
    content: none !important;
}

/* 2. XÓA DẤU CỘNG (+), NÚT BẤM VÀ ĐƯỜNG NÉT ĐỨT CỦA TREEVIEW */
#footer.adamshop-footer ul.treeview div.hitarea,
#footer.adamshop-footer ul.treeview .hitarea,
#footer.adamshop-footer ul.treeview li.expandable-hitarea,
#footer.adamshop-footer ul.treeview li.collapsable-hitarea {
    display: none !important;
    background: none !important;
    width: 0 !important;
}

#footer.adamshop-footer ul.treeview,
#footer.adamshop-footer ul.treeview *,
#footer.adamshop-footer ul.treeview li {
    background-image: none !important; /* Xóa đường nét đứt dọc/ngang */
    background: none !important;
    list-style: none !important;
    list-style-type: none !important;
}

/* 3. CĂN THẲNG HÀNG CHỮ BÊN TRÁI VÀ CHỈNH KÍCH THƯỚC CHỮ CON */
#footer.adamshop-footer ul.treeview li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    line-height: 2 !important;
}

#footer.adamshop-footer ul.treeview li a {
    font-size: 18px !important; /* <--- CỠ CHỮ DANH MỤC CON */
    font-weight: normal !important;
    display: block !important;
}
/* HIỆU ỨNG ĐỔI SANG MÀU VÀNG KHỦNG KHI GÊ CHUỘT VÀO DANH MỤC CON */
#footer.adamshop-footer ul.treeview li a:hover,
#footer.adamshop-footer .adamshop-footer-navcol a:hover,
#footer.adamshop-footer .panel-body a:hover {
    color: #FFD700 !important; /* Đổi chữ sang màu vàng tươi */
    transition: color 0.2s ease-in-out !important; /* Hiệu ứng chuyển màu mượt mà */
}
/* 1. ẨN TÊN THƯƠNG HIỆU CŨ CỦA CỘT 1 FOOTER */
html body #footer.adamshop-footer .adamshop-footer-brand strong,
html body #footer.adamshop-footer .adamshop-footer-about strong,
html body .adamshop-footer-col.adamshop-footer-about a.adamshop-footer-brand strong {
    display: none !important;
}

/* 2. ÉP CỘT HÀNG DỌC CHUẨN */
html body #footer.adamshop-footer .adamshop-footer-col.adamshop-footer-about a.adamshop-footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

html body #footer.adamshop-footer .adamshop-footer-col.adamshop-footer-about a.adamshop-footer-brand img {
    order: 1 !important;
}

/* 3. DÒNG HOTLINE MÀU VÀNG */
html body #footer.adamshop-footer .adamshop-footer-col.adamshop-footer-about a.adamshop-footer-brand::before {
    content: "📞 HOTLINE: 0396.25.02.86" !important;
    order: 2 !important;
    display: block !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #FFEB3B !important;
    margin-top: 8px !important;
    margin-bottom: 0px !important;
    line-height: 1.2 !important;
    font-family: "Times New Roman", Times, serif !important;
    text-align: left !important;
}

/* 4. 4 DỊCH VỤ CAM KẾT - KÉO SÁT LÊN TRÊN DƯỚI HOTLINE */
html body #footer.adamshop-footer .adamshop-footer-col.adamshop-footer-about a.adamshop-footer-brand::after {
    content: "🛡️ BẢO MẬT THÔNG TIN\00000A🏅 CAM KẾT CHẤT LƯỢNG\00000A🎧 TƯ VẤN TẬN TÂM\00000A🚚 GIAO HÀNG TOÀN QUỐC" !important;
    order: 3 !important;
    display: block !important;
    white-space: pre-wrap !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #ffffff !important;
    line-height: 1.8 !important;
    margin-top: -6px !important; /* Kéo 4 dòng cam kết nhích sát lên Hotline */
    text-transform: uppercase !important;
    text-align: left !important;
    font-family: "Times New Roman", Times, serif !important;
}
/* 1. HIỆU ỨNG VIỀN PHÁT SÁNG NHẤP NHÁY */
@keyframes glow-border {
    0% { border-color: #ff007f; box-shadow: 0 0 5px #ff007f; }
    50% { border-color: #ffeb3b; box-shadow: 0 0 12px #ffeb3b; }
    100% { border-color: #ff007f; box-shadow: 0 0 5px #ff007f; }
}

/* 2. HIỆU ỨNG CHẠY NGAY TỪ VỊ TRÍ ĐẦU TIÊN (KHÔNG CHỜ ĐỜI) */
@keyframes marquee-anim {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

/* 3. KHUNG BO TRÒN VÀO GIỮA - TRÁNH ĐÈ LOGO & TÌM KIẾM */
.adamshop-header-head-right {
    border: 2px solid #ff007f !important;
    border-radius: 25px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    animation: glow-border 2s infinite alternate !important;
    margin-left: 60px !important; 
    margin-right: 30px !important;
    max-width: calc(100% - 60px) !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* 4. CHỮ XUẤT HIỆN NGAY VÀ CHẠY LIÊN TỤC */
.adamshop-header-head-right p {
    display: inline-block !important;
    white-space: nowrap !important;
    padding-left: 0 !important; /* Xóa khoảng trống đệm ban đầu */
    animation: marquee-anim 25s linear infinite !important;
    color: #ff007f !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    border: none !important;
}

/* 5. DỪNG KHI DI CHUỘT VÀO KHUNG */
.adamshop-header-head-right:hover p {
    animation-play-state: paused !important;
}
/* ĐỔI HIỆU ỨNG RÊ CHUỘT MENU SANG NỀN HỒNG CHỮ TRẮNG */
#menusite .navbar-default .navbar-nav > li > a:hover,
#menusite .navbar-default .navbar-nav > li > a:focus,
#menusite .navbar-default .navbar-nav > li.active > a,
#menusite .navbar-default .navbar-nav > li.active > a:hover,
#menusite .navbar-default .navbar-nav > li.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 {
    background: #ff007f !important; /* Nền màu hồng */
    color: #ffffff !important;        /* Chữ màu trắng */
    border-radius: 4px !important;    /* Bo góc nhẹ cho đẹp mắt */
}
/* 1. NỀN BẢNG MENU CON (DROPDOWN) */
#menusite .dropdown-menu {
    background-color: #E73D89 !important;
    border: 1px solid #ff99c2 !important;
    box-shadow: 0 4px 12px rgba(216, 0, 111, 0.25) !important;
    padding: 5px 0 !important;
}

/* 2. CHỮ TRONG MENU CON MẶC ĐỊNH */
#menusite .dropdown-menu > li > a {
    color: #222222 !important;
    font-weight: 600 !important;
    padding: 9px 18px !important;
    transition: all 0.15s ease-in-out !important;
}

/* 3. HIỆU ỨNG RÊ CHUỘT NỀN HỒNG ĐẬM HƠN - RÕ NẾT */
#menusite .dropdown-menu > li > a:hover,
#menusite .dropdown-menu > li > a:focus {
    background-color: #d8006f !important; /* Hồng đậm hơn rõ rệt */
    color: #FFEB3B !important;             /* Chữ trắng nổi bật */
    font-weight: bold !important;
    opacity: 1 !important;
    filter: none !important;
}
/* 1. HIỆU ỨNG PHÁT SÁNG CHO CHỮ HOTLINE */
@keyframes hotline-glow {
    0% {
        text-shadow: 0 0 4px #ffeb3b, 0 0 10px #ff007f;
        transform: scale(1);
    }
    50% {
        text-shadow: 0 0 8px #ffffff, 0 0 18px #ffeb3b;
        transform: scale(1.03);
    }
    100% {
        text-shadow: 0 0 4px #ffeb3b, 0 0 10px #ff007f;
        transform: scale(1);
    }
}

/* 2. ĐỊNH DẠNG HOTLINE CHỮ VÀNG NỔI BẬT */
.adamshop-header-top_right p,
.adamshop-header-top_right {
    display: inline-block !important;
    color: #ffeb3b !important; /* Chữ màu vàng tươi */
    font-size: 16px !important;
    font-weight: bold !important;
    font-family: "Times New Roman", Times, serif !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    animation: hotline-glow 5s infinite alternate !important; /* Hiệu ứng phát sáng nhấp nháy */
    cursor: pointer !important;
}

/* 3. HIỆU ỨNG KHI RÊ CHUỘT VÀO HOTLINE */
.adamshop-header-top_right p:hover,
.adamshop-header-top_right:hover {
    color: #ffffff !important; /* Chuyển chữ sang màu trắng sáng */
    text-shadow: 0 0 12px #ff007f, 0 0 20px #ffeb3b !important;
}
/* ĐỔI MÀU NỀN KHUNG HEADER TOP SANG MÀU #FF0CB4 */
.adamshop-header-top {
    background-color: #FF0CB4 !important;
}
/* 1. TẢI TẠO KHUNG NÚT GIỎ HÀNG TRÒN NỔI BẬT */
.adamshop-header-right a.adamshop-icon-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    background-color: #FFEB3B !important; /* Nền vàng */
    border-radius: 50% !important;          /* Nút tròn hoàn hảo */
    border: 1.5px solid #FF0CB4 !important; /* Viền hồng sắc nét */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
    position: relative !important;
    padding: 0 !important;
    margin: 0 4px !important;
}

/* 2. ẨN HOÀN TOÀN TÊN "GIỎ HÀNG" ĐỂ KHÔNG BỊ CHÈN CHỮ */
.adamshop-cart-label,
.adamshop-header-right a.adamshop-icon-btn span:not(#adamshop-cart-badge) {
    display: none !important;
}

/* 3. PHÓNG TO ICON GIỎ HÀNG Ở CHÍNH GIỮA NÚT */
.adamshop-header-right a.adamshop-icon-btn i,
.adamshop-header-right a.adamshop-icon-btn svg,
.adamshop-header-right a.adamshop-icon-btn img {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
    color: #000000 !important;
    margin: 0 !important;
}

/* 4. CHỈNH SỐ LƯỢNG BADGE ĐẶT GỌN Ở GÓC TRÊN BÊN PHẢI NÚT */
#adamshop-cart-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background-color: #FF007f !important; /* Đổi sang badge hồng nổi bật */
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: bold !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1.5px solid #ffffff !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}
/* ĐỈNH CHỈNH CĂN HÀNG NGANG LOGO VÀ GIỎ HÀNG TRÊN ĐIỆN THOẠI */
@media (max-width: 768px) {
    /* 1. Đưa khung chứa Logo và Giỏ hàng lên cùng 1 hàng ngang */
    .adamshop-brand-row {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        padding: 5px 10px !important;
    }

    /* 2. Căn Logo bên trái */
    .adamshop-brand-row .adamshop-logo {
        margin: 0 !important;
        max-width: 150px !important;
    }

    /* 3. Căn cụm Giỏ hàng & Menu sang bên phải ngang hàng với Logo */
    .adamshop-brand-row .adamshop-header-right {
        margin: 0 !important;
        width: auto !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }
}
/* 2. CHỈNH TỶ LỆ TRÊN ĐIỆN THOẠI CHO CÂN ĐỐI VÀ CĂN GIỮA */
@media (max-width: 768px) {
    /* Đưa Logo và cụm Giỏ hàng lên hàng trên */
    .adamshop-brand-row {
        display: flex !important;
        flex-wrap: wrap !important; /* Cho phép rớt dòng thanh chữ chạy */
        justify-content: space-between !important;
        align-items: center !important;
    }

    /* Thanh chữ chạy chiếm trọn dòng dưới và CĂN GIỮA */
    .adamshop-header-head-right {
        order: 3 !important; /* Đẩy xuống vị trí dưới cùng trong khung */
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px auto 5px auto !important; /* Căn giữa khung */
        padding: 6px 10px !important;
        text-align: center !important; /* Căn giữa nội dung chữ */
    }

    /* Căn giữa phần văn bản/thẻ p bên trong thanh chạy */
    .adamshop-header-head-right p,
    .adamshop-header-head-right * {
        text-align: center !important;
        margin: 0 auto !important;
    }
}
/* 1. THU GỌN NỀN HỒNG KHÔNG BỊ DƯ TRÊN VÀ DƯỚI */
.adamshop-header-top {
    padding: 6px 0 !important; /* Thu gọn chiều cao nền hồng */
    min-height: auto !important;
}

.adamshop-header-position-grid.adamshop-header-top {
    align-items: center !important;
}

/* 2. CĂN GIỮA HOTLINE TRÊN ĐIỆN THOẠI VÀ CHỈNH NỔI BẬT */
@media (max-width: 768px) {
    /* Ép khung chứa Hotline căn giữa 100% */
    .adamshop-header-top_right {
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }

    /* Định dạng chữ Hotline cân đối, không rớt dòng */
    .adamshop-header-top_right p,
    .adamshop-header-top_right p span {
        display: inline-block !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 2px 0 !important;
        font-size: 15px !important; /* Điều chỉnh vừa vặn màn hình điện thoại */
        white-space: nowrap !important;
    }
}
/* Ẩn đồng loạt hình ảnh thumbnail nhỏ trong phần tiêu đề danh mục */
div.panel-shops-cat div.panel-heading.clearfix a.pull-left img {
    display: none !important;
}
/* Ẩn đúng 2 banner hình nằm bên dưới chữ */
.col-sm-push-6 .nv-block-banners,
.col-sm-pull-18 .nv-block-banners {
  display: none !important;
}
/* Ẩn thẻ well trong khu vực này */
.col-sm-push-6 .well {
  display: none !important;
}
html body #footer.adamshop-footer a span,
html body #footer.adamshop-footer a strong {
  color: #ffeb3b !important; /* Màu vàng */
  text-decoration: underline !important; /* Gạch chân */
}
/* ĐỔI NỀN NÚT TÀI KHOẢN SANG MÀU VÀNG NỔI BẬT */
.adamshop-personalarea a,
.adamshop-personalarea a.button {
    background-color: #FFEB3B !important; /* Nền vàng sáng */
    border: 1.5px solid #FF0CB4 !important; /* Viền hồng sắc nét */
    border-radius: 50% !important;          /* Bo tròn đẹp mắt */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
}

/* ĐỔI MÀU ICON TÀI KHOẢN SANG MÀU ĐEN CHO RÕ NỔI */
.adamshop-personalarea a i,
.adamshop-personalarea a svg,
.adamshop-personalarea a::before {
    color: #000000 !important;
    font-size: 20px !important;
}
/* ĐỔI NÚT KÍNH LÚP TÌM KIẾM SANG MÀU VÀNG ĐỒNG BỘ */
button.adamshop-search-btn,
.adamshop-search button.adamshop-icon-btn {
    background-color: #FFEB3B !important; /* Nền vàng đồng bộ */
    border: 1.5px solid #FF0CB4 !important; /* Viền hồng sắc nét */
    border-radius: 50% !important;          /* Bo tròn giống 2 nút bên */
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
}

/* ĐỔI MÀU ICON KÍNH LÚP SANG MÀU ĐEN CHO NỔI */
button.adamshop-search-btn i,
button.adamshop-search-btn svg,
button.adamshop-search-btn::before {
    color: #000000 !important;
}
/* =========================================================

   FIX TRIỆT ĐỂ MENU MOBILE & LỖI BẤM MENU CON (SUBMENU)

   ========================================================= */

@media (max-width: 768px) {

    /* 1. Khung chứa Menu trượt bên PHẢI */

    #menusite .navbar-collapse.in,

    #menusite .navbar-collapse.collapsing {

        position: fixed !important;

        top: 0 !important;

        right: 0 !important;

        left: auto !important;

        width: 270px !important;

        max-width: 85vw !important;

        height: 100vh !important;

        background: #ffffff !important;

        z-index: 999999 !important;

        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.2) !important;

        padding: 40px 15px 30px 15px !important;

        overflow-y: auto !important;

        border: none !important;

        transition: all 0.3s ease-in-out !important;

    }



    #menusite .navbar-collapse.in::before {

        display: none !important;

        content: none !important;

    }



    /* 2. Danh sách Menu & Từng dòng danh mục */

    #menusite ul.nav.navbar-nav {

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;

    }



    #menusite ul.nav.navbar-nav > li {

        position: relative !important;

        border-bottom: 1px dashed #eee !important;

        margin: 0 !important;

        pointer-events: auto !important;

    }



    /* 3. Link danh mục chính */

    #menusite ul.nav.navbar-nav > li > a {

        color: #222222 !important;

        font-family: Arial, sans-serif !important;

        font-size: 14px !important;

        font-weight: 700 !important;

        padding: 12px 45px 12px 10px !important; /* Dành hẳn 45px bên phải cho vùng bấm mũi tên */

        text-transform: uppercase !important;

        text-decoration: none !important;

        display: block !important;

        position: relative !important;

        border-radius: 6px !important;

        touch-action: manipulation !important;

    }



    #menusite ul.nav.navbar-nav > li > a:hover,

    #menusite ul.nav.navbar-nav > li.active > a,

    #menusite ul.nav.navbar-nav > li.open > a {

        background-color: #ffe6f2 !important;

        color: #ff007f !important;

    }



    /* 4. Tối ưu vùng bấm MŨI TÊN - Cho phép chạm cực nhạy */

    #menusite ul.nav.navbar-nav > li > a .caret,

    #menusite ul.nav.navbar-nav > li > a span.caret,

    #menusite ul.nav.navbar-nav > li > a i {

        position: absolute !important;

        right: 0 !important;

        top: 0 !important;

        width: 45px !important;

        height: 100% !important;

        margin: 0 !important;

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        pointer-events: auto !important; /* Mở lại quyền bấm cảm ứng */

        cursor: pointer !important;

    }



    /* Đổi màu mũi tên */

    #menusite ul.nav.navbar-nav > li.open > a .caret,

    #menusite ul.nav.navbar-nav > li:hover > a .caret {

        border-top-color: #ff007f !important;

        border-bottom-color: #ff007f !important;

    }



    /* 5. Căn chỉnh Menu Con (Submenu) luôn hiển thị khi dòng cha có class .open hoặc :hover */

    #menusite ul.nav.navbar-nav > li.dropdown.open > .dropdown-menu,

    #menusite ul.nav.navbar-nav > li.dropdown:hover > .dropdown-menu {

        display: block !important;

        visibility: visible !important;

        opacity: 1 !important;

        position: static !important;

        float: none !important;

        width: 100% !important;

        background-color: #fafafa !important;

        box-shadow: none !important;

        border: none !important;

        padding: 5px 0 5px 15px !important;

        margin: 5px 0 8px 0 !important;

        border-left: 2px solid #ff007f !important; /* Vạch hồng đánh dấu menu con */

    }



    /* Link bên trong menu con */

    #menusite ul.nav.navbar-nav > li .dropdown-menu > li > a {

        color: #555555 !important;

        font-size: 13px !important;

        font-weight: 600 !important;

        padding: 9px 12px !important;

        display: block !important;

        text-transform: none !important;

        border-bottom: 1px dashed #e8e8e8 !important;

    }



    #menusite ul.nav.navbar-nav > li .dropdown-menu > li:last-child > a {

        border-bottom: none !important;

    }



    #menusite ul.nav.navbar-nav > li .dropdown-menu > li > a:hover {

        color: #ff007f !important;

        background-color: #ffe6f2 !important;

    }



    /* Nền mờ đằng sau */

    .adamshop-nav-overlay { display: none; }

    #menusite .navbar-collapse.in ~ .adamshop-nav-overlay,

    body:has(#menusite .navbar-collapse.in) .adamshop-nav-overlay {

        display: block !important;

        position: fixed !important;

        top: 0 !important;

        left: 0 !important;

        width: 100vw !important;

        height: 100vh !important;

        background: rgba(0, 0, 0, 0.5) !important;

        z-index: 999990 !important;

    }

}