.header .cart-badge .header-icon { display: flex; align-items: center; gap: 8px; color: #ffb700; }
.header .cart-badge .header-icon img { width: 36px; height: 36px; object-fit: contain; }
.header .cart-badge .badge { position: static; background: #ffb700; color: #000; border-radius: 50%; min-width: 22px; }
.header .cart-badge a { color: #ffb700; }
#main-content { min-height: 35vh; }
.header .header-cart .cart-badge { display: block; color: #ffb700; }
.header .header-cart .cart-badge .badge { background: transparent; color: #ffb700; border-radius: 0; padding: 0; font-size: inherit; }
/* Menu ngang desktop (mobile dùng CSS template trong main.css) */
@media (min-width: 992px) {
 .header-menu .header-menu-des .header-nav { overflow: visible; }
 .header-menu .header-menu-des .header-nav > ul.item_big { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; white-space: normal; list-style: none; margin: 0; padding: 0; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item { display: flex; align-items: center; position: relative; padding: 0; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item > a { padding: 16px 0; margin: 0; white-space: nowrap; }
}
.header-menu .header-nav { font-family: 'Quicksand', sans-serif; }
.header-menu .header-nav .mega-content a { font-family: 'Quicksand', sans-serif; font-size: 18px; line-height: 1.5; text-transform: none; }
.header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item .item_small { display: none; list-style: none; padding: 0; max-width: none; max-height: none; opacity: 1; transform: none; overflow: visible; transition: none; left: 0; }
.header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item .item_small li { position: relative; }
.header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item .item_small li > a { display: block; padding: 10px 34px 10px 14px; margin: 0; }
.menu_mega .title_menu .catalog-menu-toggle { width: 100%; border: 0; padding: 0 8px; background: #000; color: #ffb700; cursor: pointer; }
.menu_mega.cms-open .block_content { overflow: visible; max-height: none; max-width: none; opacity: 1; transform: none; }
.header-menu .menu_mega #section-verticalmenu { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100; }
.header-menu .menu_mega .block_content { background: #fff; }
.header-menu .menu_mega #section-verticalmenu .blog-aside { top: 0; }
.header-menu .menu_mega .aside-vetical-menu .list_menu_header .ul_menu { background: #fff; }
.header-menu .menu_mega .aside-vetical-menu .list_menu_header .ul_menu .nav_item > a { color: #222; }
.header-menu .menu_mega .aside-vetical-menu .list_menu_header .ul_menu .nav_item .fas svg path { fill: currentColor; }
.header-menu .menu_mega .aside-vetical-menu .list_menu_header .ul_menu .nav_item:hover > a { color: #fff; }
.header-menu .menu_mega .aside-vetical-menu .list_menu_header .ul_menu .ul_content_right_1 { height: auto; min-height: 100%; max-height: 70vh; }
.catalog-menu-empty { display: block; padding: 12px; color: #666; }
.about-support-links { position: fixed; right: 16px; bottom: 90px; display: flex; flex-direction: column; gap: 10px; z-index: 99; }
.footer-description { margin: 16px 0; }
.footer-contact-list, .footer-social-links { list-style: none; margin: 0; padding: 0; }
.footer-contact-list li { margin: 10px 0; }
.footer-social-links { display: flex; gap: 12px; flex-wrap: wrap; }
.footer-map iframe { width: 100%; max-height: 220px; }
@media (min-width: 992px) {
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega { position: static; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega .mega-content .level0 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega .mega-content .level1.item { width: auto; float: none; min-width: 0; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega.cms-open > .mega-content { visibility: visible; opacity: 1; transform: none; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega .mega-content ul { list-style: none; padding-left: 0; }
 .header-menu .header-menu-des .header-nav > ul.item_big > li.nav-item.has-mega .mega-content .level2 .level1 { padding-left: 0; margin-top: 0; }
}
/* (đã bỏ CSS mobile tự viết cho .header-nav: dùng CSS mobile của template trong main.css) */

/* Yêu thích / So sánh / Thêm giỏ: trạng thái do product-actions.js & add-to-cart.js gán */
.setWishlist.active, .setCompare.active { opacity: 1; }
.setWishlist .icon { width: 24px; height: 24px; }
.setCompare.active svg path { fill: #f25c05; }
.setWishlist.is-loading, .setCompare.is-loading, .btn-add-cart.is-loading { pointer-events: none; opacity: .6; }
.product-action .price-box .price-from { font-weight: 400; font-size: 13px; }
.popup-cart-mobile .bodycart-mobile .product-title a { color: inherit; }
.popup-cart-mobile .bodycart-mobile .product-new-price span { display: block; }

/* Popup Xem nhanh (nội dung từ /product/product-overview) */
#quick-view-product .product-featured-image-quickview { width: 100%; aspect-ratio: 1; object-fit: contain; }
#quick-view-product #thumblist_quickview { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 10px 0 0; }
#quick-view-product #thumblist_quickview li { width: 64px; height: 64px; border: 1px solid #eee; }
#quick-view-product #thumblist_quickview li.active { border-color: #ffb700; }
#quick-view-product #thumblist_quickview img { width: 100%; height: 100%; object-fit: contain; }
#quick-view-product .qwp-name a { color: inherit; }
#quick-view-product .qv-variations { margin: 10px 0; }
#quick-view-product .quantity-field { width: 60px; text-align: center; -moz-appearance: textfield; }
#quick-view-product .qv-view-detail { display: inline-block; margin-top: 12px; color: #f25c05; font-weight: 600; }
#quick-view-product .btn-add-cart:disabled { opacity: .7; cursor: not-allowed; }

/* Trang đăng nhập / đăng ký */
.page_login .social-login--facebook, .page_login .social-login--google { border: 0; padding: 0; background: none; cursor: pointer; }
.page_login .field-validation-error, .page_login .validation-summary-errors { font-size: 13px; }
.page_login .validation-summary-errors ul { padding-left: 18px; margin-bottom: 10px; }

/* Menu chính (CMS) & Danh mục sản phẩm: các cấp sâu hơn template (thụt lề theo cấp) */
.header-menu .mega-content .level2-sub > a { padding-left: calc(var(--menu-depth, 1) * 12px); font-size: 15px; opacity: .9; }
.header-menu .mega-content .level2-depth-1 { --menu-depth: 1; }
.header-menu .mega-content .level2-depth-2 { --menu-depth: 2; }
.header-menu .mega-content .level2-depth-3 { --menu-depth: 3; }
.menu_mega .lv3-sub > a { padding-left: calc(var(--menu-depth, 1) * 12px); font-size: 13px; }
.menu_mega .lv3-depth-1 { --menu-depth: 1; }
.menu_mega .lv3-depth-2 { --menu-depth: 2; }
.menu_mega .lv3-depth-3 { --menu-depth: 3; }
@media (max-width: 991px) {
 .header-nav .item_small ul { display: none; list-style: none; padding-left: 12px; margin: 0; }
 .header-nav .item_small li > .fa-caret-down { top: 22px; }
}

/* Đăng nhập: checkbox "Ghi nhớ đăng nhập" (không để CSS input của form-group kéo giãn) */
.page_login .remember-login { margin: 0 0 12px; }
.page_login .remember-login label { display: inline-flex; align-items: center; gap: 8px; margin: 0; font-weight: 400; cursor: pointer; user-select: none; }
.page_login .remember-login .remember-login__checkbox { width: 18px; height: 18px; margin: 0; padding: 0; flex: 0 0 18px; accent-color: #ffb700; cursor: pointer; }

/* Slide trang chủ (CarouselWidget) */
.section_slider .home-slider img { display: block; width: 100%; height: auto; }
.section_slider .home-slider .swiper-pagination-bullet { width: 10px; height: 10px; background: #fff; opacity: .7; }
.section_slider .home-slider .swiper-pagination-bullet-active { background: #ffb700; opacity: 1; }
.section_slider .home-slider .swiper-button-prev, .section_slider .home-slider .swiper-button-next { color: #ffb700; opacity: 0; transition: opacity .3s; }
.section_slider .home-slider:hover .swiper-button-prev, .section_slider .home-slider:hover .swiper-button-next { opacity: 1; }
@media (max-width: 767px) { .section_slider .home-slider .swiper-button-prev, .section_slider .home-slider .swiper-button-next { display: none; } }

/* Feedback khách hàng (EvaluateWidget): ảnh chữ cái khi chưa có ảnh đại diện */
.section_danhgia .avatar .evaluate-avatar-initial { flex: 0 0 80px; width: 80px; height: 80px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #ffb700; color: #000; font-size: 30px; font-weight: 700; }
.section_danhgia .content p:last-child { margin-bottom: 0; }

/* Thương hiệu (BrandWidget): hiện tên khi thương hiệu chưa có logo */
.section_thuonghieu .thuonghieu-swiper .brand-name-fallback { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; border: 1px solid #eee; font-weight: 700; color: #333; text-align: center; padding: 0 6px; }

/* Menu mobile: nút Đăng xuất (form POST) cùng kiểu nút "Tài khoản" của template */
.header-nav .item_big .account-mb .account-mb-logout { margin: 0; }
.header-nav .item_big .account-mb .account-mb-logout button { display: block; width: 100%; background: #ffb700; color: #fff; padding: 8px 5px; font-weight: 600; border: 0; cursor: pointer; }
.header-nav .item_big .account-mb .account-mb-logout button:hover { background: #f25c05; }
/* Thanh điều hướng đáy mobile: số giỏ hàng (CartBadgeMobile có class .badge của bootstrap) */
.fixed-bottom-mobile ul li a .count.badge { padding: 0; font-size: 10px; line-height: 15px; font-weight: 700; margin: 0; }
.fixed-bottom-mobile ul li a span:not(.count) { display: block; }

/* Trang liên hệ: link chỉ đường Google Maps */
.layout-contact .contact-directions { display: inline-block; margin-top: 4px; font-weight: 600; color: #f25c05; }