/* =========================================================
   02-HEADER.CSS — FLATSOME STANDARD
   Chỉ tạo giao diện; không thay đổi cấu trúc Header Builder.
   Header Builder đề xuất:
   Top Bar: HTML 1
   Header Main: Logo | Search Form | Cart
   Header Bottom: Main Menu
   Font-family và font-size quản lý trong 01-typography.css.
   ========================================================= */

/* =========================================================
   1. HEADER TOP
   ========================================================= */

.header-top {
    min-height: 32px;
    background: var(--srnk-color-primary, var(--wine, #7b1128)) !important;
}

.top-contact-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px 16px;
    min-height: 32px;
    color: #fff;
    font-size: var(--srnk-fs-13px, 13px);
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
}

.header-top .nav > li > a,
.header-top .html {
    color: #fff !important;
}

/* =========================================================
   2. HEADER MAIN — GIỮ LAYOUT MẶC ĐỊNH CỦA FLATSOME
   ========================================================= */

.header-main {
    min-height: 82px;
    background: #fff;
    border-bottom: 1px solid #eadfe1;
}

.header-main .header-inner {
    min-height: 82px;
}

/* Không đặt display/grid/position cho header-inner và các flex column. */
.header-main .flex-left,
.header-main .flex-center,
.header-main .flex-right {
    min-width: 0;
}

/* Logo */
.header-main .logo {
    margin: 0;
}

.header-main .logo a {
    display: flex;
    align-items: center;
}

.header-main .logo img {
    display: block;
    width: auto;
    max-width: 210px;
    max-height: 66px;
    object-fit: contain;
}

/* Cột giữa chứa Search Form */
@media screen and (min-width: 850px) {
    .header-main .flex-center {
        flex: 1 1 auto;
        padding-right: 28px;
        padding-left: 28px;
    }

    .header-main .header-search-form {
        width: 100% !important;
        max-width: 620px !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .header-main .flex-right {
        flex: 0 0 auto;
    }
}

/* =========================================================
   3. SEARCH FORM
   ========================================================= */

.header-search-form,
.header-search-form-wrapper,
.header-search-form .searchform-wrapper,
.header-search-form form.searchform {
    width: 100% !important;
    margin: 0 !important;
}

.header-search-form form.searchform > .flex-row {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 44px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid #dbc9ce !important;
    border-radius: 999px !important;
    box-shadow: 0 4px 14px rgba(90, 16, 38, 0.07) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.header-search-form form.searchform > .flex-row:focus-within {
    border-color: var(--srnk-color-primary, #7b1128) !important;
    box-shadow: 0 0 0 3px rgba(123, 17, 40, 0.08),
                0 5px 16px rgba(90, 16, 38, 0.10) !important;
}

.header-search-form form.searchform > .flex-row > .flex-grow {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.header-search-form input.search-field {
    display: block !important;
    width: 100% !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    color: #3f393b !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px 0 0 999px !important;
    box-shadow: none !important;
    outline: none !important;
}

.header-search-form input.search-field::placeholder {
    color: #9b8d91 !important;
    opacity: 1;
}

.header-search-form form.searchform > .flex-row > .flex-col:last-child {
    display: flex !important;
    flex: 0 0 50px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 44px !important;
    margin: -1px -1px -1px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-radius: 0 999px 999px 0 !important;
    transition: background-color 0.2s ease;
}

html body .header-search-form button.ux-search-submit,
html body .header-search-form button.submit-button {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

html body .header-search-form button.ux-search-submit i,
html body .header-search-form button.submit-button i {
    color: #fff !important;
    font-size: 18px !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.header-search-form form.searchform > .flex-row > .flex-col:last-child:hover {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
}

/* =========================================================
   4. CART
   ========================================================= */

.header-main .cart-item {
    margin: 0 !important;
}

.header-main .cart-item > a,
.header-main a.header-cart-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    padding: 6px 10px 6px 13px !important;
    color: #342b2e !important;
    background: #fffafa !important;
    border: 1px solid #eadde0 !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 10px rgba(90, 16, 38, 0.06) !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.header-main .cart-item > a:hover,
.header-main a.header-cart-link:hover {
    color: var(--srnk-color-primary, #7b1128) !important;
    background: #fff !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(90, 16, 38, 0.11) !important;
}

.header-main .header-cart-title,
.header-main .cart-item .header-cart-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    color: #3a3033 !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
}

.header-main .header-cart-title .cart-price,
.header-main .cart-item .cart-price,
.header-main .header-cart-title .amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
}

.header-main .cart-icon {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 36px !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border: 0 !important;
    border-radius: 50% !important;
}

/* Số lượng sản phẩm: chỉ style phần tử strong mặc định của Flatsome */
.header-main .cart-icon strong {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 19px !important;
    height: 19px !important;
    padding: 0 4px !important;
    color: #4a2b00 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 19px !important;
    background: var(--srnk-color-secondary, #c9a34e) !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) !important;
}

   5. WIDE NAV / DESKTOP MENU
   ========================================================= */

#wide-nav {
    background: linear-gradient(to right, #140b08, #2a1610, #140b08);
}

.header-bottom-nav {
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
}

.header-bottom-nav > li {
    margin: 0 !important;
    padding: 0 !important;
    background: #1a0f0a;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color .2s ease;
}

.header-bottom-nav > li + li {
    margin-left: 0 !important;
}

.header-bottom-nav > li > a,
.header-bottom-nav > li > a.nav-top-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 15px 25px !important;
    color: #fff !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    background: transparent !important;
}

.header-bottom-nav > li.current-menu-item,
.header-bottom-nav > li.current_page_item,
.header-bottom-nav > li.current-menu-parent,
.header-bottom-nav > li.current-menu-ancestor,
.header-bottom-nav > li.active {
    background: var(--srnk-color-primary, #7b1128) !important;
}

.header-bottom-nav > li:hover,
.header-bottom-nav > li.current-dropdown {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
}

.header-bottom-nav > li:hover > a,
.header-bottom-nav > li.current-dropdown > a,
.header-bottom-nav > li.current-menu-item > a,
.header-bottom-nav > li.current_page_item > a,
.header-bottom-nav > li.current-menu-parent > a,
.header-bottom-nav > li.current-menu-ancestor > a,
.header-bottom-nav > li.active > a {
    color: #fff !important;
}

body .header-wrapper .header-bottom .nav-dropdown-has-arrow li.has-dropdown::before,
body .header-wrapper .header-bottom .nav-dropdown-has-arrow li.has-dropdown::after,
body .header-wrapper .header-bottom ul.nav > li.has-dropdown::before,
body .header-wrapper .header-bottom ul.nav > li.has-dropdown::after {
    content: none !important;
    display: none !important;
}

/* Không cho search/cart riêng bị đặt nhầm ở header-bottom */
.header-bottom .header-search,
.header-bottom .search-icon,
.header-bottom li.header-search,
.header-bottom .cart-item {
    display: none !important;
}

/* =========================================================
   6. MEGA MENU RƯỢU VANG
   ========================================================= */

@media screen and (min-width: 850px) {
    .header-bottom {
        position: relative !important;
        overflow: visible !important;
        min-height: 48px !important;
        background-color: #1d0d09 !important;
    }

    .header-bottom .container,
    .header-bottom .flex-row,
    .header-bottom .header-bottom-nav,
    .header-bottom li.mega-ruou-vang {
        position: static !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown,
    .header-bottom li.mega-ruou-vang > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        width: calc(100vw - 30px) !important;
        max-width: 1450px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 25px 28px 28px !important;
        background: #fffdfa !important;
        border: 1px solid #e6ded6 !important;
        border-top: 4px solid var(--srnk-color-primary, #7b1128) !important;
        border-radius: 0 0 5px 5px !important;
        box-shadow: 0 18px 45px rgba(35, 12, 7, .20) !important;
        box-sizing: border-box !important;
        align-items: start !important;
        z-index: 99999 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-50%) translateY(8px) !important;
        transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s !important;
    }

    .header-bottom li.mega-ruou-vang:hover > .nav-dropdown,
    .header-bottom li.mega-ruou-vang:hover > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) !important;
        transition-delay: 0s !important;
    }

    .header-bottom li.mega-ruou-vang.current-dropdown:not(:hover) > .nav-dropdown,
    .header-bottom li.mega-ruou-vang.current-dropdown:not(:hover) > ul.sub-menu,
    .header-bottom li.mega-ruou-vang.active:not(:hover) > .nav-dropdown,
    .header-bottom li.mega-ruou-vang.active:not(:hover) > ul.sub-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li {
        display: block !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 20px !important;
        border-right: 1px solid #e8e1da !important;
        background: transparent !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li:last-child,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:last-child {
        border-right: 0 !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > a,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > a {
        position: relative !important;
        display: block !important;
        margin: 0 0 9px !important;
        padding: 0 0 13px 27px !important;
        color: #241713 !important;
        font-size: var(--srnk-fs-13px, 13px) !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        letter-spacing: .25px !important;
        text-transform: uppercase !important;
        border: 0 !important;
        background: transparent !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > a::before,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > a::before {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 45px !important;
        height: 2px !important;
        background: linear-gradient(90deg, #8b0000 0%, #c9a24a 100%) !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > a::after,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > a::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 18px !important;
        height: 18px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;
    }

    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:nth-child(1) > a::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b58b32'%3E%3Cpath d='M7 2h10l-1 6a4.02 4.02 0 0 1-3 3.84V19h4v2H7v-2h4v-7.16A4.02 4.02 0 0 1 8 8L7 2zm2.35 2 .65 3.85a2.03 2.03 0 0 0 4 0L14.65 4h-5.3z'/%3E%3C/svg%3E") !important;
    }

    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:nth-child(2) > a::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b58b32'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm6.92 6h-2.95a15.7 15.7 0 0 0-1.38-3.56A8.04 8.04 0 0 1 18.92 8zM12 4c.83 1.2 1.47 2.54 1.86 4h-3.72A13.78 13.78 0 0 1 12 4zM4.26 10h3.48a16.7 16.7 0 0 0 0 4H4.26a8.18 8.18 0 0 1 0-4zm5.51 4a14.38 14.38 0 0 1 0-4h4.46a14.38 14.38 0 0 1 0 4H9.77z'/%3E%3C/svg%3E") !important;
    }

    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:nth-child(3) > a::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b58b32'%3E%3Cpath d='M15.7 2.3a1 1 0 0 1 1.4 1.4L15.8 5H18a1 1 0 1 1 0 2h-3.1a4 4 0 0 1-1.2 2.3 3 3 0 0 1 .8 2 3 3 0 0 1-2 2.8 3 3 0 0 1-2.5 4.6A3 3 0 0 1 5.5 16a3 3 0 0 1-1-5.8A3 3 0 0 1 8 6a3 3 0 0 1 4.6.5c.2-.4.3-.9.3-1.5V4a1 1 0 0 1 2 0v.2l.8-.9z'/%3E%3C/svg%3E") !important;
    }

    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:nth-child(4) > a::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b58b32'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/%3E%3C/svg%3E") !important;
    }

    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:nth-child(5) > a::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23b58b32'%3E%3Cpath d='M20.59 13.41 11.17 4H4v7.17l9.41 9.42a2 2 0 0 0 2.83 0l4.35-4.35a2 2 0 0 0 0-2.83zM7.5 9A1.5 1.5 0 1 1 7.5 6a1.5 1.5 0 0 1 0 3z'/%3E%3C/svg%3E") !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul {
        position: static !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li {
        background: transparent !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li > a,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li > a {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 9px 6px 9px 0 !important;
        color: #626262 !important;
        font-size: var(--srnk-fs-15px, 15px) !important;
        font-weight: 400 !important;
        line-height: 1.45 !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        border: 0 !important;
        border-bottom: 1px solid #ece7e2 !important;
        background: transparent !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li > a:hover,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        padding-left: 8px !important;
        background: rgba(139, 0, 0, .035) !important;
    }

    .header-bottom li.mega-ruou-vang a[href="#"] {
        cursor: default !important;
    }
}

@media screen and (min-width: 850px) {

    /* Cho dropdown bám theo toàn thanh menu */
    .header-bottom {
        position: relative !important;
        overflow: visible !important;
    }

    .header-bottom .container,
    .header-bottom .flex-row,
    .header-bottom .header-bottom-nav,
    .header-bottom li.mega-ruou-vang {
        position: static !important;
    }

    /* Khung mega menu */
    .header-bottom li.mega-ruou-vang > .nav-dropdown,
    .header-bottom li.mega-ruou-vang > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        display: grid !important;
        grid-template-columns:
            1fr
            1fr
            1.15fr
            1fr
            1.1fr !important;
        align-items: start !important;

        width: min(1240px, calc(100vw - 40px)) !important;
        min-width: 0 !important;
        max-width: 1240px !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 22px 26px 24px !important;

        background: #fffdfa !important;
        border: 1px solid #eadfe1 !important;
        border-top: 3px solid var(--srnk-color-primary, #7b1128) !important;
        border-radius: 0 0 6px 6px !important;

        box-shadow: 0 16px 36px rgba(55, 12, 24, 0.18) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(-50%) translateY(7px) !important;
        transition:
            opacity 0.18s ease,
            visibility 0.18s ease,
            transform 0.18s ease !important;

        overflow: visible !important;
        box-sizing: border-box !important;
        z-index: 99999 !important;
    }

    /* Hiện menu khi hover */
    .header-bottom li.mega-ruou-vang:hover > .nav-dropdown,
    .header-bottom li.mega-ruou-vang:hover > ul.sub-menu,
    .header-bottom li.mega-ruou-vang.current-dropdown > .nav-dropdown,
    .header-bottom li.mega-ruou-vang.current-dropdown > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
    }

    /* Mỗi cột */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 22px !important;

        background: transparent !important;
        border: 0 !important;
        border-right: 1px solid #ece4e1 !important;

        box-sizing: border-box !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li:first-child,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:first-child {
        padding-left: 16px !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li:last-child,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li:last-child {
        padding-right: 16px !important;
        border-right: 0 !important;
    }

    /* Tiêu đề từng cột */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > a,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > a {
        position: relative !important;

        display: block !important;
        min-height: 45px !important;

        margin: 0 0 8px !important;
        padding: 0 0 12px 25px !important;

        color: #3e3537 !important;
        font-size: var(--srnk-fs-13px, 13px) !important;
        font-weight: 700 !important;
        line-height: 1.35 !important;
        letter-spacing: 0.15px !important;
        text-transform: uppercase !important;
        white-space: normal !important;

        background: transparent !important;
        border: 0 !important;
    }

    /* Gạch dưới tiêu đề */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > a::before,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > a::before {
        content: "" !important;
        position: absolute !important;
        bottom: 0 !important;
        left: 0 !important;

        width: 40px !important;
        height: 2px !important;

        background: linear-gradient(
            90deg,
            var(--srnk-color-primary, #7b1128),
            var(--srnk-color-secondary, #c9a34e)
        ) !important;
    }

    /* Danh sách con */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul {
        position: static !important;

        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Link menu con */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li > a,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li > a {
        display: block !important;

        width: 100% !important;
        margin: 0 !important;
        padding: 8px 5px 8px 0 !important;

        color: #686164 !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
        text-transform: none !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;

        background: transparent !important;
        border: 0 !important;
        border-bottom: 1px solid #eee7e4 !important;

        transition:
            color 0.2s ease,
            padding-left 0.2s ease,
            background-color 0.2s ease !important;
    }

    /* Hover menu con */
    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li > a:hover,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        padding-left: 7px !important;
        background: rgba(123, 17, 40, 0.035) !important;
    }
}

/* =========================================================
   MÀN HÌNH DESKTOP NHỎ
   ========================================================= */

@media screen and (min-width: 850px) and (max-width: 1100px) {

    .header-bottom li.mega-ruou-vang > .nav-dropdown,
    .header-bottom li.mega-ruou-vang > ul.sub-menu {
        width: calc(100vw - 24px) !important;
        padding: 20px 14px 22px !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li {
        padding: 0 12px !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li > ul > li > a,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li > ul > li > a {
        font-size: var(--srnk-fs-13px, 13px) !important;
    }
}


/* =========================================================
   7. DROPDOWN RƯỢU MẠNH
   ========================================================= */

/* =========================================================
   MEGA MENU RƯỢU MẠNH – LƯỚI THƯƠNG HIỆU
   File: 02-header.css
   ========================================================= */

@media screen and (min-width: 850px) {

    /* Cho dropdown bám theo toàn thanh menu */
    .header-bottom li.mega-ruou-manh {
        position: static !important;
    }

    /* Khung tổng */
    .header-bottom li.mega-ruou-manh > .nav-dropdown,
    .header-bottom li.mega-ruou-manh > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 0 !important;

        width: min(1040px, calc(100vw - 40px)) !important;
        max-width: 1040px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 22px 28px 24px !important;

        background: #fffdfa !important;
        border: 1px solid #eadfe1 !important;
        border-top: 4px solid var(--srnk-color-primary, #7b1128) !important;
        border-radius: 0 0 6px 6px !important;

        box-shadow: 0 16px 38px rgba(55, 12, 24, 0.18) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(-50%) translateY(7px) !important;

        transition:
            opacity 0.18s ease,
            visibility 0s linear 0.18s,
            transform 0.18s ease !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
        z-index: 99999 !important;
    }

    /* Hiện khi hover */
    .header-bottom li.mega-ruou-manh:hover > .nav-dropdown,
    .header-bottom li.mega-ruou-manh:hover > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
        transition-delay: 0s !important;
    }

    /* Không tự mở do class của Flatsome */
    .header-bottom li.mega-ruou-manh.current-dropdown:not(:hover)
    > .nav-dropdown,

    .header-bottom li.mega-ruou-manh.current-dropdown:not(:hover)
    > ul.sub-menu,

    .header-bottom li.mega-ruou-manh.active:not(:hover)
    > .nav-dropdown,

    .header-bottom li.mega-ruou-manh.active:not(:hover)
    > ul.sub-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(-50%) translateY(7px) !important;
    }

    /* =====================================================
       MỖI THƯƠNG HIỆU
       ===================================================== */

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 20px !important;

        background: transparent !important;
        border: 0 !important;
        border-right: 1px solid #ece4e1 !important;
        border-bottom: 1px solid #eee7e4 !important;

        box-sizing: border-box !important;
    }

    /* Bỏ viền phải cột 4 */
    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li:nth-child(4n),

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li:nth-child(4n) {
        border-right: 0 !important;
    }

    /* Bỏ viền dưới hàng cuối */
    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li:nth-last-child(-n + 4),

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li:nth-last-child(-n + 4) {
        border-bottom: 0 !important;
    }

    /* Link thương hiệu */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 0 0 17px !important;

        color: #4d4447 !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
        white-space: normal !important;

        background: transparent !important;
        border: 0 !important;

        transition:
            color 0.2s ease,
            padding-left 0.2s ease,
            background-color 0.2s ease !important;
    }

    /* Chấm gold phía trước */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::before {
        content: "" !important;

        position: absolute !important;
        top: 50% !important;
        left: 0 !important;

        width: 5px !important;
        height: 5px !important;

        background: var(--srnk-color-secondary, #c9a34e) !important;
        border-radius: 50% !important;

        transform: translateY(-50%) !important;
    }

    /* Bỏ icon và gạch cũ */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::after,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::after {
        content: none !important;
        display: none !important;
    }

    /* Hover */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li:hover {
        background: rgba(123, 17, 40, 0.04) !important;
    }

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        padding-left: 22px !important;
    }

    /* Hover chấm gold thành đỏ */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        background: var(--srnk-color-primary, #7b1128) !important;
    }
}

/* =========================================================
   DESKTOP NHỎ
   ========================================================= */

@media screen and (min-width: 850px) and (max-width: 1100px) {

    .header-bottom li.mega-ruou-manh > .nav-dropdown,
    .header-bottom li.mega-ruou-manh > ul.sub-menu {
        width: calc(100vw - 24px) !important;
        padding: 18px 16px 20px !important;
    }

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li {
        padding: 0 13px !important;
    }

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a {
        font-size: var(--srnk-fs-13px, 13px) !important;
    }
}

@media screen and (min-width: 850px) {

    /* Khung menu */
    .header-bottom li.mega-ruou-manh > .nav-dropdown,
    .header-bottom li.mega-ruou-manh > ul.sub-menu {
        padding: 20px 28px 22px !important;
        background: #fffdfa !important;
    }

    /* Mỗi thương hiệu */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li {
        min-height: 48px !important;
        padding: 0 18px !important;
    }

    /* Link thương hiệu */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a {
        min-height: 48px !important;
        padding-left: 18px !important;

        color: #51484b !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        letter-spacing: 0 !important;
        text-transform: uppercase !important;
    }

    /* Chấm gold */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::before {
        width: 4px !important;
        height: 4px !important;

        background: var(--srnk-color-secondary, #c9a34e) !important;
        box-shadow: none !important;
    }

    /* Hover cả ô */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li:hover {
        background: rgba(123, 17, 40, 0.045) !important;
    }

    /* Hover chữ */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        padding-left: 23px !important;
    }

    /* Hover chấm */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        width: 6px !important;
        height: 6px !important;

        background: var(--srnk-color-primary, #7b1128) !important;
    }

    /* Viền phân cột nhẹ hơn */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li {
        border-right-color: #eee7e3 !important;
        border-bottom-color: #eee7e3 !important;
    }
}

@media screen and (min-width: 850px) {

    /* Bỏ lưới từng ô */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li {
        min-height: 46px !important;
        padding: 0 18px !important;

        background: transparent !important;
        border: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
    }

    /* Link thương hiệu */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        gap: 10px !important;

        min-height: 46px !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 8px 0 28px !important;

        color: #51484b !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-transform: uppercase !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 5px !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            padding-left 0.2s ease !important;
    }

    /* Icon ly rượu */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::before {
        content: "" !important;

        position: absolute !important;
        top: 50% !important;
        left: 5px !important;

        width: 16px !important;
        height: 16px !important;

        background-color: transparent !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border-radius: 0 !important;
        box-shadow: none !important;

        transform: translateY(-50%) !important;
    }

    /* Bỏ pseudo-element cũ nếu còn */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::after,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::after {
        content: none !important;
        display: none !important;
    }

    /* Hover cả dòng */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li:hover {
        background: transparent !important;
    }

    /* Hover link */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        background: rgba(123, 17, 40, 0.05) !important;
        padding-left: 33px !important;
    }

    /* Đổi icon sang đỏ khi hover */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;
    }
}

/* =========================================================
   MEGA RƯỢU MẠNH – HOVER ICON LY MÀU ĐỎ
   ========================================================= */

@media screen and (min-width: 850px) {

    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        background: rgba(123, 17, 40, 0.06) !important;
    }

    /* Icon ly chuyển đỏ khi hover */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;

        width: 17px !important;
        height: 17px !important;
    }
}

@media screen and (min-width: 850px) {

    /* Hover link */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        background: rgba(123, 17, 40, 0.055) !important;
    }

    /* Icon ly khi hover */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        content: "" !important;

        width: 16px !important;
        height: 16px !important;

        background-color: transparent !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}

@media screen and (min-width: 850px) {

    /* Icon cốc màu gold */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a::before {
        content: "" !important;

        width: 17px !important;
        height: 17px !important;

        background-color: transparent !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Hover: cốc chuyển đỏ */
    .header-bottom li.mega-ruou-manh
    > .nav-dropdown
    > li
    > a:hover::before,

    .header-bottom li.mega-ruou-manh
    > ul.sub-menu
    > li
    > a:hover::before {
        background-color: transparent !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b1128' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 5h14l-1.4 14H6.4L5 5z'/%3E%3Cpath d='M6.2 12h11.6'/%3E%3Cpath d='M8 15.2c2.4-1 5.6-1 8 0'/%3E%3C/svg%3E") !important;
    }
}

/* =========================================================
   MEGA MENU BIA
   File: 02-header.css
   ========================================================= */

@media screen and (min-width: 850px) {

    /* Cho dropdown bám theo thanh menu */
    .header-bottom li.mega-bia {
        position: static !important;
    }

    /* Khung mega menu */
    .header-bottom li.mega-bia > .nav-dropdown,
    .header-bottom li.mega-bia > ul.sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 50% !important;
        right: auto !important;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 10px 26px !important;
        align-items: start !important;

        width: min(900px, calc(100vw - 40px)) !important;
        max-width: 900px !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 22px 28px 24px !important;

        background: #fffdfa !important;
        border: 1px solid #eadfe1 !important;
        border-top: 4px solid var(--srnk-color-primary, #7b1128) !important;
        border-radius: 0 0 6px 6px !important;

        box-shadow: 0 16px 38px rgba(55, 12, 24, 0.18) !important;

        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        transform: translateX(-50%) translateY(7px) !important;

        transition:
            opacity 0.18s ease,
            transform 0.18s ease,
            visibility 0s linear 0.18s !important;

        overflow: hidden !important;
        box-sizing: border-box !important;
        z-index: 99999 !important;
    }

    /* Hiện khi hover */
    .header-bottom li.mega-bia:hover > .nav-dropdown,
    .header-bottom li.mega-bia:hover > ul.sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;

        transform: translateX(-50%) translateY(0) !important;
        transition-delay: 0s !important;
    }

    /* Không tự mở do class Flatsome */
    .header-bottom li.mega-bia.current-dropdown:not(:hover) > .nav-dropdown,
    .header-bottom li.mega-bia.current-dropdown:not(:hover) > ul.sub-menu,
    .header-bottom li.mega-bia.active:not(:hover) > .nav-dropdown,
    .header-bottom li.mega-bia.active:not(:hover) > ul.sub-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Mỗi loại bia */
    .header-bottom li.mega-bia > .nav-dropdown > li,
    .header-bottom li.mega-bia > ul.sub-menu > li {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
    }

    /* Link */
    .header-bottom li.mega-bia > .nav-dropdown > li > a,
    .header-bottom li.mega-bia > ul.sub-menu > li > a {
        position: relative !important;

        display: flex !important;
        align-items: center !important;

        min-height: 46px !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 10px 0 34px !important;

        color: #51484b !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-transform: none !important;
        white-space: normal !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 5px !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            padding-left 0.2s ease !important;
    }

    /* Icon cốc bia màu gold */
    .header-bottom li.mega-bia > .nav-dropdown > li > a::before,
    .header-bottom li.mega-bia > ul.sub-menu > li > a::before {
        content: "" !important;

        position: absolute !important;
        top: 50% !important;
        left: 8px !important;

        width: 18px !important;
        height: 18px !important;

        background-color: transparent !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a34e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5h9v14H6z'/%3E%3Cpath d='M15 8h2.5a2.5 2.5 0 0 1 0 5H15'/%3E%3Cpath d='M8 3.5c.6-1 1.4-1 2 0 .6-1 1.4-1 2 0 .6-1 1.4-1 2 0'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: contain !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        transform: translateY(-50%) !important;
    }

    /* Bỏ pseudo-element cũ */
    .header-bottom li.mega-bia > .nav-dropdown > li > a::after,
    .header-bottom li.mega-bia > ul.sub-menu > li > a::after {
        content: none !important;
        display: none !important;
    }

    /* Hover */
    .header-bottom li.mega-bia > .nav-dropdown > li > a:hover,
    .header-bottom li.mega-bia > ul.sub-menu > li > a:hover {
        color: var(--srnk-color-primary, #7b1128) !important;
        background: rgba(123, 17, 40, 0.055) !important;
        padding-left: 39px !important;
    }

    /* Icon chuyển đỏ khi hover */
    .header-bottom li.mega-bia > .nav-dropdown > li > a:hover::before,
    .header-bottom li.mega-bia > ul.sub-menu > li > a:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b1128' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 5h9v14H6z'/%3E%3Cpath d='M15 8h2.5a2.5 2.5 0 0 1 0 5H15'/%3E%3Cpath d='M8 3.5c.6-1 1.4-1 2 0 .6-1 1.4-1 2 0 .6-1 1.4-1 2 0'/%3E%3C/svg%3E") !important;
    }
}

/* Desktop nhỏ */
@media screen and (min-width: 850px) and (max-width: 1100px) {

    .header-bottom li.mega-bia > .nav-dropdown,
    .header-bottom li.mega-bia > ul.sub-menu {
        width: calc(100vw - 24px) !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        padding: 18px 16px 20px !important;
    }

    .header-bottom li.mega-bia > .nav-dropdown > li > a,
    .header-bottom li.mega-bia > ul.sub-menu > li > a {
        font-size: var(--srnk-fs-13px, 13px) !important;
    }
}

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

/* =========================================================
   8. RESPONSIVE DESKTOP NHỎ
   ========================================================= */

@media screen and (min-width: 850px) and (max-width: 1199px) {
    .header-main .flex-center {
        padding-right: 18px;
        padding-left: 18px;
    }

    .header-main .logo img {
        max-width: 175px;
        max-height: 60px;
    }

    .header-main .header-search-form {
        max-width: 500px !important;
    }

    .header-main .cart-item > a,
    .header-main a.header-cart-link {
        padding: 5px 8px !important;
    }

    .header-main .header-cart-title {
        font-size: 11px !important;
    }

    .header-bottom-nav > li > a,
    .header-bottom-nav > li > a.nav-top-link {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown,
    .header-bottom li.mega-ruou-vang > ul.sub-menu {
        max-width: calc(100vw - 30px) !important;
        padding: 22px 18px 25px !important;
    }

    .header-bottom li.mega-ruou-vang > .nav-dropdown > li,
    .header-bottom li.mega-ruou-vang > ul.sub-menu > li {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
}

/* =========================================================
   9. MOBILE
   ========================================================= */

@media screen and (max-width: 849px) {
    .header-main,
    .header-main .header-inner {
        min-height: 70px !important;
    }

    .header-main .logo img {
        max-width: 150px;
        max-height: 50px !important;
    }

    .header-main .cart-item > a,
    .header-main a.header-cart-link {
        min-height: 38px !important;
        padding: 2px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .header-main .header-cart-title {
        display: none !important;
    }

    .header-main .cart-icon {
        width: 32px !important;
        height: 32px !important;
        flex-basis: 32px !important;
    }

    .mobile-sidebar .nav > li > a,
    .mobile-sidebar .children > li > a,
    .mobile-sidebar .sub-menu > li > a {
        color: #333;
        font-weight: 600;
    }

    .mobile-sidebar .nav > li.current-menu-item > a,
    .mobile-sidebar .nav > li.current-menu-parent > a,
    .mobile-sidebar .nav > li.current-menu-ancestor > a {
        color: var(--srnk-color-primary, #7b1128) !important;
    }

    .mobile-sidebar .nav > li > a:hover,
    .mobile-sidebar .sub-menu > li > a:hover {
        color: var(--srnk-color-primary-dark, #570b1c) !important;
    }

    .mobile-sidebar .sub-menu {
        background: #fffdfa;
    }
}


/* =========================================================
   HEADER MAIN – TINH CHỈNH CUỐI
   Giữ nguyên layout Flatsome
   ========================================================= */

@media screen and (min-width: 850px) {

    /* Chiều cao header */
    .header-main {
        min-height: 88px !important;
        background: #fff !important;
        border-bottom: 1px solid #eadfe1 !important;
    }

    .header-main .header-inner {
        min-height: 88px !important;
        gap: 28px !important;
    }

    /* Logo */
    .header-main .logo {
        width: 230px !important;
        margin-right: 20px !important;
    }

    .header-main .logo img {
        width: auto !important;
        max-width: 220px !important;
        max-height: 72px !important;
        object-fit: contain !important;
    }

    /* Cột search */
    .header-main .flex-center {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0 20px !important;
    }

    /* Search form */
    .header-main .header-search-form {
        width: 100% !important;
        max-width: 620px !important;
        margin: 0 auto !important;
    }

    .header-main form.searchform > .flex-row {
        height: 46px !important;

        background: #fff !important;
        border: 1px solid #dbc8cd !important;
        border-radius: 999px !important;

        box-shadow: 0 4px 14px rgba(123, 17, 40, 0.08) !important;
    }

    .header-main input.search-field {
        height: 44px !important;
        padding: 0 20px !important;

        color: #444 !important;
        font-size: var(--srnk-fs-14px, 14px) !important;
    }

    .header-main input.search-field::placeholder {
        color: #a18f94 !important;
    }

    /* Nút search */
    .header-main form.searchform > .flex-row > .flex-col:last-child {
        flex: 0 0 50px !important;
        width: 50px !important;
        height: 46px !important;

        background: var(--srnk-color-primary, #7b1128) !important;
        border-radius: 0 999px 999px 0 !important;
    }

    .header-main button.ux-search-submit {
        width: 50px !important;
        height: 46px !important;
    }

    .header-main button.ux-search-submit i {
        font-size: 19px !important;
    }

    /* Cột giỏ hàng */
    .header-main .flex-right {
        flex: 0 0 175px !important;
        width: 175px !important;
    }

    /* Giỏ hàng */
    .header-main .cart-item > a,
    .header-main .header-cart-link {
        width: 165px !important;
        min-height: 48px !important;
        padding: 7px 10px 7px 13px !important;

        background: #fffafa !important;
        border: 1px solid #ead8dc !important;
        border-radius: 8px !important;

        box-shadow: 0 4px 12px rgba(123, 17, 40, 0.07) !important;
    }

    .header-main .header-cart-title {
        font-size: var(--srnk-fs-12px, 12px) !important;
        line-height: 1.25 !important;
    }

    .header-main .cart-price {
        color: var(--srnk-color-primary, #7b1128) !important;
        font-size: var(--srnk-fs-13px, 13px) !important;
        font-weight: 700 !important;
    }

    /* Icon giỏ hàng */
    .header-main .cart-icon {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;

        background: var(--srnk-color-primary, #7b1128) !important;
        border-radius: 50% !important;
    }

    /* Badge số lượng */
    .header-main .cart-icon strong {
        top: -7px !important;
        right: -6px !important;

        min-width: 19px !important;
        height: 19px !important;

        color: #5a3300 !important;
        background: var(--srnk-color-secondary, #c9a34e) !important;
        border: 2px solid #fff !important;
        border-radius: 999px !important;
    }
}

/* Tablet */
@media screen and (min-width: 850px) and (max-width: 1100px) {

    .header-main .logo {
        width: 185px !important;
        margin-right: 10px !important;
    }

    .header-main .logo img {
        max-width: 180px !important;
    }

    .header-main .flex-center {
        padding: 0 12px !important;
    }

    .header-main .header-search-form {
        max-width: 500px !important;
    }

    .header-main .flex-right {
        flex-basis: 135px !important;
        width: 135px !important;
    }

    .header-main .cart-item > a,
    .header-main .header-cart-link {
        width: 128px !important;
    }
}

/* =========================================================
   CĂN NÚT SEARCH VỪA KHÍT THANH TÌM KIẾM
   ========================================================= */

.header-main .header-search-form form.searchform > .flex-row {
    display: flex !important;
    align-items: stretch !important;

    height: 46px !important;
    overflow: hidden !important;

    border: 1px solid #dbc8cd !important;
    border-radius: 999px !important;
    background: #fff !important;
}

/* Ô nhập */
.header-main .header-search-form input.search-field {
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 20px !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Khung chứa nút */
.header-main .header-search-form form.searchform
> .flex-row
> .flex-col:last-child {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;

    margin: -1px -1px -1px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--srnk-color-primary, #7b1128) !important;
    border-radius: 0 999px 999px 0 !important;
}

/* Nút search */
html body .header-main .header-search-form button.ux-search-submit,
html body .header-main .header-search-form button.submit-button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 46px !important;
    min-height: 46px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    line-height: 1 !important;
    transform: none !important;
}

/* Icon kính lúp */
html body .header-main .header-search-form button.ux-search-submit i,
html body .header-main .header-search-form button.submit-button i {
    display: block !important;
    margin: 0 !important;

    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Hover */
.header-main .header-search-form form.searchform
> .flex-row
> .flex-col:last-child:hover {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
}

/* =========================================================
   SEARCH FORM – CĂN NÚT VỪA KHÍT
   ========================================================= */

.header-main .header-search-form form.searchform > .flex-row {
    display: flex !important;
    align-items: stretch !important;

    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #fff !important;
    border: 1px solid #dbc8cd !important;
    border-radius: 999px !important;

    box-sizing: border-box !important;
}

/* Ô nhập */
.header-main .header-search-form .flex-grow {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 42px !important;
}

.header-main .header-search-form input.search-field {
    display: block !important;

    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 18px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
}

/* Cột chứa nút */
.header-main .header-search-form form.searchform
> .flex-row
> .flex-col:last-child {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;

    flex: 0 0 50px !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 42px !important;
    min-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #7b1128 !important;
    border: 0 !important;
    border-radius: 0 !important;

    overflow: hidden !important;
}

/* Nút tìm kiếm */
html body .header-main .header-search-form
button.ux-search-submit.button {
    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;

    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    background: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    line-height: 1 !important;
    transform: none !important;
}

/* Icon kính lúp */
html body .header-main .header-search-form
button.ux-search-submit.button i {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Hover */
.header-main .header-search-form form.searchform
> .flex-row
> .flex-col:last-child:hover {
    background: #570b1c !important;
}

/* =========================================================
   MINI CART – SHOP RƯỢU NHẬP KHẨU
   ========================================================= */

/* =========================================================
   MINI CART – FIX BỐ CỤC FLATSOME
   ========================================================= */

/* Khung dropdown */
.header-main .cart-item .nav-dropdown {
    width: 330px !important;
    min-width: 330px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid #ead8dc !important;
    border-top: 3px solid var(--srnk-color-primary, #7b1128) !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 14px 34px rgba(73, 14, 30, 0.18) !important;
    overflow: hidden !important;
}

/* Nội dung */
.header-main .widget_shopping_cart_content {
    padding: 16px !important;
}

/* Danh sách */
.header-main .woocommerce-mini-cart {
    margin: 0 !important;
    padding: 0 !important;
}

/* Mỗi sản phẩm */
.header-main .woocommerce-mini-cart-item {
    position: relative !important;
    display: block !important;

    min-height: 86px !important;
    margin: 0 !important;
    padding: 0 28px 16px 0 !important;

    border-bottom: 1px solid #eee4e7 !important;
}

/* Link chứa ảnh + tên */
.header-main .woocommerce-mini-cart-item > a:not(.remove) {

    grid-template-columns: 58px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 12px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #3f3437 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}

/* Ảnh */
.header-main .woocommerce-mini-cart-item > a:not(.remove) img {
    float: none !important;
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;

    width: 58px !important;
    height: 72px !important;
    margin: 0 !important;

    object-fit: contain !important;

    background: #fff !important;
    border: 1px solid #f0e6e8 !important;
    border-radius: 5px !important;
}

/* Tên sản phẩm */
.header-main .woocommerce-mini-cart-item > a:not(.remove) {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Số lượng × giá */
.header-main .ux-mini-cart-qty {
    display: block !important;

    margin: -23px 0 0 70px !important;
    padding: 0 !important;

    color: #8a7d81 !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

.header-main .ux-mini-cart-qty .quantity,
.header-main .ux-mini-cart-qty .amount {
    color: #8a7d81 !important;
    font-weight: 500 !important;
}

/* Nút xóa */
.header-main .woocommerce-mini-cart-item .remove {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    color: #aaa !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    background: #fff !important;
    border: 1px solid #ddd1d4 !important;
    border-radius: 50% !important;
}

.header-main .woocommerce-mini-cart-item .remove:hover {
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;
}

/* Footer */
.header-main .ux-mini-cart-footer {
    padding-top: 14px !important;
}

/* Tổng tiền */
.header-main .woocommerce-mini-cart__total {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    margin: 0 0 14px !important;
    padding: 0 0 13px !important;

    border-bottom: 1px solid #eadfe1 !important;
}

.header-main .woocommerce-mini-cart__total strong {
    color: #5a4d51 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
}

.header-main .woocommerce-mini-cart__total .amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-16px, 16px) !important;
    font-weight: 700 !important;
}

/* Nút */
.header-main .woocommerce-mini-cart__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;

    margin: 0 !important;
}

.header-main .woocommerce-mini-cart__buttons .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;

    color: #fff !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;

    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Xem giỏ hàng */
.header-main .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
    background: #4d6788 !important;
}

.header-main .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
    background: #38516f !important;
}

/* Thanh toán */
.header-main .woocommerce-mini-cart__buttons .checkout {
    background: var(--srnk-color-primary, #7b1128) !important;
}

.header-main .woocommerce-mini-cart__buttons .checkout:hover {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
}

/* =========================================================
   MINI CART – CĂN ẢNH, TÊN VÀ GIÁ ĐÚNG HÀNG
   ========================================================= */

/* Một sản phẩm */
.header-main .woocommerce-mini-cart-item {
    position: relative !important;
    display: block !important;

    min-height: 92px !important;
    margin: 0 !important;
    padding: 0 28px 16px 0 !important;

    border-bottom: 1px solid #eee4e7 !important;
}

/* Link tên sản phẩm */
.header-main .woocommerce-mini-cart-item > a:not(.remove) {
    position: relative !important;
    display: block !important;

    min-height: 72px !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 5px 0 22px 72px !important;

    color: #3f3437 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    text-transform: none !important;

    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* Ảnh chai cố định bên trái */
.header-main .woocommerce-mini-cart-item > a:not(.remove) img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;

    float: none !important;

    width: 58px !important;
    height: 72px !important;

    margin: 0 !important;
    padding: 4px !important;

    object-fit: contain !important;

    background: #fff !important;
    border: 1px solid #eee3e6 !important;
    border-radius: 5px !important;
}

/* Hover tên */
.header-main .woocommerce-mini-cart-item > a:not(.remove):hover {
    color: var(--srnk-color-primary, #7b1128) !important;
}

/* Số lượng và đơn giá */
.header-main .woocommerce-mini-cart-item .ux-mini-cart-qty {
    position: absolute !important;
    left: 72px !important;
    bottom: 17px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #95898d !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
}

.header-main .woocommerce-mini-cart-item .quantity,
.header-main .woocommerce-mini-cart-item .quantity .amount {
    color: #95898d !important;
    font-size: inherit !important;
    font-weight: 500 !important;
}

/* Nút xóa */
.header-main .woocommerce-mini-cart-item > a.remove {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 22px !important;
    height: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #aaa !important;
    font-size: 18px !important;
    line-height: 1 !important;

    background: #fff !important;
    border: 1px solid #ddd1d4 !important;
    border-radius: 50% !important;
}

.header-main .woocommerce-mini-cart-item > a.remove:hover {
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;
}

/* =========================================================
   MINI CART – TINH CHỈNH CUỐI
   ========================================================= */

.header-main .cart-item .nav-dropdown {
    width: 330px !important;
    min-width: 330px !important;

    background: #fff !important;
    border: 1px solid #ead8dc !important;
    border-top: 3px solid var(--srnk-color-primary, #7b1128) !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 16px 34px rgba(74, 13, 30, 0.18) !important;
    overflow: hidden !important;
}

/* Nội dung bên trong */
.header-main .widget_shopping_cart_content {
    padding: 16px !important;
}

/* Sản phẩm */
.header-main .woocommerce-mini-cart-item {
    min-height: 92px !important;
    padding-bottom: 14px !important;
}

/* Tên sản phẩm */
.header-main .woocommerce-mini-cart-item > a:not(.remove) {
    padding-top: 5px !important;

    color: #3a3133 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.42 !important;
}

/* Ảnh sản phẩm */
.header-main .woocommerce-mini-cart-item > a:not(.remove) img {
    top: 0 !important;

    width: 58px !important;
    height: 72px !important;
    padding: 5px !important;

    object-fit: contain !important;

    background: #fff !important;
    border: 1px solid #eee3e6 !important;
    border-radius: 5px !important;
}

/* Số lượng × giá */
.header-main .woocommerce-mini-cart-item .ux-mini-cart-qty {
    bottom: 16px !important;

    color: #a09598 !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
    font-weight: 500 !important;
}

/* Nút xóa */
.header-main .woocommerce-mini-cart-item > a.remove {
    top: 0 !important;
    right: 0 !important;

    width: 21px !important;
    height: 21px !important;

    color: #aaa !important;
    font-size: 17px !important;

    border: 1px solid #ddd1d4 !important;
}

/* Tổng tiền */
.header-main .woocommerce-mini-cart__total {
    margin: 0 0 14px !important;
    padding: 12px 0 13px !important;

    border-top: 1px solid #eee4e7 !important;
    border-bottom: 1px solid #eee4e7 !important;
}

.header-main .woocommerce-mini-cart__total strong {
    color: #5a4d51 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
}

.header-main .woocommerce-mini-cart__total .amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-17px, 17px) !important;
    font-weight: 700 !important;
}

/* Khu vực nút */
.header-main .woocommerce-mini-cart__buttons {
    gap: 9px !important;
}

/* Nút chung */
.header-main .woocommerce-mini-cart__buttons .button {
    min-height: 42px !important;

    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px;

    border-radius: 4px !important;
}

/* Xem giỏ hàng */
.header-main .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
    background: #536f92 !important;
}

.header-main .woocommerce-mini-cart__buttons .wc-forward:not(.checkout):hover {
    background: #405b7b !important;
}

/* Thanh toán */
.header-main .woocommerce-mini-cart__buttons .checkout {
    background: var(--srnk-color-primary, #7b1128) !important;
}

.header-main .woocommerce-mini-cart__buttons .checkout:hover {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
}

/* =========================================================
   MINI CART – CĂN CHỈNH HOÀN THIỆN
   ========================================================= */

/* Khung dropdown */
.header-main .cart-item .nav-dropdown {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;

    width: 330px !important;
    min-width: 330px !important;
    padding: 0 !important;

    background: #fff !important;
    border: 1px solid #ead8dc !important;
    border-top: 3px solid var(--srnk-color-primary, #7b1128) !important;
    border-radius: 0 0 8px 8px !important;

    box-shadow: 0 16px 34px rgba(74, 13, 30, 0.18) !important;
}

/* Mũi tên dropdown */
.header-main .cart-item .nav-dropdown::before {
    content: "" !important;
    position: absolute !important;
    top: -10px !important;
    right: 73px !important;

    width: 16px !important;
    height: 16px !important;

    background: #fff !important;
    border-top: 1px solid #ead8dc !important;
    border-left: 1px solid #ead8dc !important;

    transform: rotate(45deg) !important;
    z-index: 2 !important;
}

/* Ẩn mũi tên mặc định của Flatsome */
.header-main .cart-item::before,
.header-main .cart-item::after {
    display: none !important;
    content: none !important;
}

/* Nội dung */
.header-main .widget_shopping_cart_content {
    padding: 16px !important;
}

/* Sản phẩm */
.header-main .woocommerce-mini-cart-item {
    min-height: 90px !important;
    padding-bottom: 12px !important;
}

/* Tên sản phẩm */
.header-main .woocommerce-mini-cart-item > a:not(.remove) {
    padding-top: 4px !important;
    padding-right: 8px !important;

    color: #3a3133 !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Ảnh */
.header-main .woocommerce-mini-cart-item > a:not(.remove) img {
    width: 58px !important;
    height: 72px !important;
    padding: 5px !important;

    object-fit: contain !important;

    background: #fff !important;
    border: 1px solid #eee3e6 !important;
    border-radius: 5px !important;
}

/* Số lượng và giá */
.header-main .woocommerce-mini-cart-item .ux-mini-cart-qty {
    bottom: 13px !important;

    color: #9c9194 !important;
    font-size: var(--srnk-fs-12px, 12px) !important;
}

/* Nút xóa */
.header-main .woocommerce-mini-cart-item > a.remove {
    top: 0 !important;
    right: 0 !important;

    width: 21px !important;
    height: 21px !important;

    color: #aaa !important;
    background: #fff !important;
    border: 1px solid #ddd1d4 !important;
}

/* Tổng tiền */
.header-main .woocommerce-mini-cart__total {
    margin: 0 0 14px !important;
    padding: 12px 0 !important;

    border-top: 1px solid #eee4e7 !important;
    border-bottom: 1px solid #eee4e7 !important;
}

.header-main .woocommerce-mini-cart__total strong {
    color: #554a4d !important;
    font-size: var(--srnk-fs-14px, 14px) !important;
    font-weight: 600 !important;
}

.header-main .woocommerce-mini-cart__total .amount {
    color: var(--srnk-color-primary, #7b1128) !important;
    font-size: var(--srnk-fs-17px, 17px) !important;
    font-weight: 700 !important;
}

/* Nút */
.header-main .woocommerce-mini-cart__buttons {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
    margin: 0 !important;
}

.header-main .woocommerce-mini-cart__buttons .button {
    min-height: 42px !important;
    margin: 0 !important;

    color: #fff !important;
    font-size: var(--srnk-fs-13px, 13px) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;

    background: var(--srnk-color-primary, #7b1128) !important;
    border: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* Nút xem giỏ hàng */
.header-main .woocommerce-mini-cart__buttons .wc-forward:not(.checkout) {
    background: #6e2739 !important;
}

/* Hover */
.header-main .woocommerce-mini-cart__buttons .button:hover {
    background: var(--srnk-color-primary-dark, #570b1c) !important;
    transform: translateY(-1px);
}

/* =========================================================
   MINI CART – HOVER ĐỒNG BỘ MÀU WEBSITE
   ========================================================= */

/* Nút xem giỏ hàng */
.header-main .woocommerce-mini-cart__buttons
.wc-forward:not(.checkout) {
    background: #6f2338 !important;
    border: 1px solid #6f2338 !important;
    color: #fff !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Hover nút xem giỏ hàng */
.header-main .woocommerce-mini-cart__buttons
.wc-forward:not(.checkout):hover {
    background: #fff8f0 !important;
    border-color: var(--srnk-color-secondary, #c9a34e) !important;
    color: var(--srnk-color-primary, #7b1128) !important;

    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(123, 17, 40, 0.14) !important;
}

/* Nút thanh toán */
.header-main .woocommerce-mini-cart__buttons .checkout {
    background: var(--srnk-color-primary, #7b1128) !important;
    border: 1px solid var(--srnk-color-primary, #7b1128) !important;
    color: #fff !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

/* Hover nút thanh toán */
.header-main .woocommerce-mini-cart__buttons .checkout:hover {
    background: var(--srnk-color-secondary, #c9a34e) !important;
    border-color: var(--srnk-color-secondary, #c9a34e) !important;
    color: #3f2200 !important;

    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(201, 163, 78, 0.24) !important;
}

/* Hover tên sản phẩm */
.header-main .woocommerce-mini-cart-item
> a:not(.remove):hover {
    color: var(--srnk-color-primary, #7b1128) !important;
}

/* Hover nút xóa */
.header-main .woocommerce-mini-cart-item
> a.remove:hover {
    color: #fff !important;
    background: var(--srnk-color-primary, #7b1128) !important;
    border-color: var(--srnk-color-primary, #7b1128) !important;

    transform: rotate(90deg);
}