body {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    margin: 0;
    background: #efefef;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto Regular'), url('/fonts/Roboto-Regular.ttf') format('woff2'), url('/fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/Roboto-Medium.ttf') format('woff2'), url('/fonts/Roboto-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/Roboto-Bold.ttf') format('woff2'), url('/fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
 
 
    body a{ text-decoration:none}
    /* ===== Banner đỏ trên cùng ===== */
    .anvu-top-banner {
        background: #e00000;
        font-size: 14px;
        padding: 4px 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.hero {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hero-banner {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 24px 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

.hero-title {
    margin: 0 0 10px;
    font-size: 28px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.hero-desc {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #4b5563;
}

.homepage-intro {
    margin-top: 16px;
}

    .homepage-intro p,
    .homepage-intro {
        font-size: 15px;
        line-height: 1.7;
        color: #4b5563;
    }

/* Ẩn H1 nhưng vẫn giữ trong HTML để hỗ trợ SEO/accessibility */
.seo-h1 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .hero {
        padding: 20px 12px;
    }

    .hero-banner {
        padding: 18px 16px;
        border-radius: 12px;
    }

    .hero-title {
        font-size: 22px;
    }

    .hero-desc,
    .homepage-intro,
    .homepage-intro p {
        font-size: 14px;
        line-height: 1.6;
    }
}

/* ===== Header xanh chính ===== */
.anvu-main-header {
    background: #008ee6; /* màu xanh giống ĐMX */
    color: #fff;
}
.anvu-header-mobile {
    display: none
}
.anvu-promo-banner-card img{
    width:100%;
    height:auto
}
.media-slider {
    width: 1300px;
    height: auto;
    margin: 0px auto
}
    .media-slider img{ width:100%; height:auto; float:left}
    /* Logo */
    /* Nút Danh mục */
    .anvu-menu-btn {
        background: transparent;
        border: none;
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        padding: 8px 10px;
        border-radius: 4px;
    }

.anvu-menu-btn:hover {
    background: rgba(255, 255, 255, 0.1);
}


/*ẩm trong mobile*/

.anvu-search-mobile {
    display: none;
}

.anvu-search-desktop {
    display: flex;
}
    .anvu-menu-wrapper {
        position: relative;
    }

    .anvu-mega-menu {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        border-radius: 0 0 18px 18px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, 0.16);
        display: none;
        overflow: hidden;
        z-index: 1000;
    }

    /* Hover vào nút Danh mục hoặc khu vực wrapper -> hiện menu */
/*    .anvu-menu-wrapper:hover .anvu-mega-menu {
        display: flex;
    }*/

    .anvu-mega-left {
        width: 260px;
        background: #f8fafc;
        border-right: 1px solid #e5e7eb;
        display: flex;
        flex-direction: column;
    }

    .anvu-mega-left-title {
        padding: 12px 14px;
        font-weight: 700;
        font-size: 14px;
        color: #0f172a;
        border-bottom: 1px solid #e5e7eb;
        background: #e5f0ff;
    }

    .anvu-mega-left-list {
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1 1 auto;
    }

    .anvu-mega-left-list li a {
        display: block;
        padding: 10px 16px;
        font-size: 14px;
        color: #111827;
        border-bottom: 1px solid #e5e7eb;
        text-decoration: none;
        position: relative;
    }

    .anvu-mega-left-list li.active a {
        background: #ffffff;
        color: #2563eb;
        font-weight: 700;
    }

    .anvu-mega-left-list li.active a::before {
        content: "";
        position: absolute;
        right: -1px;
        top: 50%;
        transform: translateY(-50%);
        border-width: 8px;
        border-style: solid;
        border-color: transparent #ffffff transparent transparent;
    }

    .anvu-mega-right {
        flex: 1 1 auto;
        padding: 16px 24px 20px;
        background: #ffffff;
    }

    .anvu-mega-panel {
        display: none;
    }

    .anvu-mega-panel.active {
        display: block;
    }

    .anvu-mega-panel-title {
        margin: 0 0 16px;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        color: #111827;
    }

    .anvu-mega-panel-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 24px 32px;
    }

    .anvu-mega-subitem {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        text-decoration: none;
        color: #111827;
        font-size: 13px;
    }

    .anvu-mega-subitem .thumb {
        width: 64px;
        height: 64px;
        margin-bottom: 8px;
        background: #f3f4f6;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .anvu-mega-subitem .thumb img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
    }

    .anvu-mega-subitem .text {
        line-height: 1.35;
    }

    .anvu-mega-subitem:hover .thumb {
        background: #e5f0ff;
    }

    .anvu-mega-subitem:hover .text {
        color: #2563eb;
    }
/* Một ít style chung cho search mobile (màu, radius) */
.anvu-search-mobile {
    background: #ffffff;
    border-radius: 999px;
    overflow: hidden;
}

    /* Để input không bị style lạ */
    .anvu-search-mobile input {
        border: none;
        outline: none;
        background: transparent;
    }


/* Ô search */
.anvu-search-inner {
    background: #fff;
    border-radius: 999px;
    padding: 8px 16px;
    width: 100%;
}

.anvu-search-icon {
    color: #999;
    font-size: 14px;
    margin-right: 8px;
}

.anvu-search-input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
}

.anvu-search-input::placeholder {
    color: #999;
}

/* Actions bên phải */
.anvu-header-actions {
    font-size: 14px;
}

.anvu-action-item {
    color: #fff;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    font-weight: 500;
}

.anvu-action-item i {
    font-size: 16px;
}

.anvu-action-item:hover {
    text-decoration: underline;
}

.anvu-location {
    background: rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    padding: 6px 12px;
}

/* ===== Thanh subnav dưới ===== */
.anvu-subnav {
    background: #f3f3f3;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}

.anvu-subnav-list {
    list-style: none;
    margin: 0;
    padding: 6px 0;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
}

.anvu-subnav-list li {
    margin-right: 16px;
    font-size: 14px;
}

.anvu-subnav-list a {
    color: #0070c9;
    text-decoration: none;
}

.anvu-subnav-list a:hover {
    text-decoration: underline;
}

/* ===== Responsive đơn giản cho mobile ===== */
@media (max-width: 992px) {

    .anvu-header-actions {
        display: none; /* Ảnh gốc desktop, nên mobile mình ẩn bớt cho gọn */
    }

    .anvu-logo {
        margin-right: 12px;
    }
        .anvu-menu-btn span {
            display: none; /* chỉ giữ icon cho hẹp */
        }
}

@media (max-width: 576px) {
    .anvu-top-banner {
        font-size: 12px;
    }

    .anvu-logo-circle {
        width: 32px;
        height: 32px;
    }

    .anvu-logo-bottom {
        font-size: 18px;
    }
}
/* Wrapper cho nút Danh mục + menu */
.anvu-menu-wrapper {
    position: relative;
}
.anvu-logo img {
    max-width: 250px;
    height: auto
}

/* Mega menu */
.anvu-mega-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    background: #fff;
    border-radius: 4px;
    display: none; /* mặc định ẩn */
    width: 860px;
    max-width: calc(100vw - 32px);
    min-height: 420px;
    z-index: 999;
    overflow: hidden;
}

/* Hiện menu khi hover (desktop) */
/*.anvu-menu-wrapper:hover .anvu-mega-menu {
    display: flex;
}*/

/* Hiện menu khi có class is-open (mobile/click) */
.anvu-menu-wrapper.is-open .anvu-mega-menu {
    display: flex;
}

/* Cột trái */
.anvu-mega-left {
    width: 260px;
    background: #f5f5f5;
    border-right: 1px solid #e3e3e3;
    display: flex;
    flex-direction: column;
}

.anvu-mega-left-title {
    padding: 12px 16px;
    font-weight: 600;
    color: #0070c9;
    border-bottom: 1px solid #e3e3e3;
}

.anvu-mega-left-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}

    .anvu-mega-left-list li a {
        display: block;
        padding: 10px 16px;
        color: #333;
        text-decoration: none;
        border-bottom: 1px solid #e3e3e3;
    }

        .anvu-mega-left-list li a:hover {
            background: #ffffff;
        }

/* Cột phải */
.anvu-mega-right {
    flex: 1;
    background: #ffffff;
    padding: 16px 20px;
}

.anvu-mega-right-title {
    font-size: 14px;
    font-weight: 700;
    color: #0070c9;
    margin-bottom: 12px;
}

/* Grid chương trình hot */
.anvu-mega-programs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px 8px;
}

.anvu-program-item {
    text-decoration: none;
    color: #333;
    font-size: 13px;
}

    .anvu-program-item:hover .anvu-program-text {
        color: #0070c9;
    }

.anvu-program-thumb {
    width: 70px;
    height: 70px;
    margin: 0 auto 6px;
    border-radius: 10px;
}
    .anvu-program-thumb img{max-width:100%; max-height:100%}
    .anvu-program-text {
        text-align: center;
        line-height: 1.3;
    }

/* Responsive: thu nhỏ menu trên màn hình nhỏ */
@media (max-width: 992px) {
    .anvu-mega-menu {
        position: fixed;
        left: 10px;
        right: 10px;
        top: 70px;
        width: auto;
    }

    .anvu-header-actions {
        display: none;
    }
}

@media (max-width: 576px) {
    .anvu-mega-programs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* ===== MAIN HERO SECTION ===== */
main {
    background-size: 100%;
    background-position: left bottom;
    background-attachment: fixed;
}

.content-anvu-main {
    width: 1320px;
    margin: 0px auto;
   
}

.anvu-hero-section {
    padding: 10px 0 10px;
 }

/* CARD SLIDER */
.anvu-hero-slider {
    background: #0b92ff;
    border-radius: 26px;
    overflow: hidden;
    width: 100%;
    margin-bottom: 24px;
}

    /* Ẩn nền đen của control mặc định */
    .anvu-hero-slider .carousel-control-prev-icon,
    .anvu-hero-slider .carousel-control-next-icon {
        filter: invert(1);
    }

/* Nội dung slide */
.anvu-hero-slide {
    padding: 18px 22px;
    color: #fff;
}

.anvu-hero-slide-left {
    max-width: 60%;
}

.anvu-hero-main-banner {
    border-radius: 22px;
    background: radial-gradient(circle at 30% 20%, #22c1ff 0, #0077ff 55%, #0059c9 100%);
    padding: 26px 32px;
    position: relative;
    min-height: 200px;
}

    .anvu-hero-main-banner.second {
        background: radial-gradient(circle at 40% 20%, #ffe66d 0, #ff9f1c 45%, #ff2e63 100%);
    }

.anvu-hero-main-text {
    max-width: 330px;
}

.anvu-hero-main-sub {
    font-size: 22px;
    font-weight: 700;
}

.anvu-hero-main-title {
    font-size: 60px;
    font-weight: 900;
    line-height: 1;
}

.anvu-hero-main-desc {
    margin-top: 8px;
    font-size: 20px;
    font-weight: 500;
}

    .anvu-hero-main-desc span {
        font-size: 30px;
        font-weight: 700;
    }

.anvu-hero-main-btn {
    margin-top: 14px;
    padding: 8px 22px;
    border: none;
    border-radius: 999px;
    background: #ffd200;
    color: #d60000;
    font-weight: 700;
    font-size: 14px;
}

/* Cột deal bên phải */
.anvu-hero-slide-right {
    background: #f6fbff;
    border-radius: 18px;
    padding: 14px 16px;
    margin-left: 16px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 10px;
    min-width: 320px;
    color: #000;
}

.anvu-hero-deal {
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 12px;
    font-size: 13px;
}

.anvu-hero-deal-title {
    font-weight: 600;
    margin-bottom: 4px;
}

.anvu-hero-deal-tags {
    margin-bottom: 4px;
}

.anvu-hero-deal-old {
    font-size: 12px;
    text-decoration: line-through;
    color: #777;
}

.anvu-hero-deal-price {
    font-size: 16px;
    font-weight: 700;
    color: #0059c9;
}

/* Tag % */
.tag {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    margin-right: 4px;
}

.tag-blue {
    background: #0059c9;
}

.tag-dark {
    background: #333;
}
.anvu-main .container {
    width:100%;  padding:10px 10px;   border-radius:10px
}

/* ===== CARD DANH MỤC ===== */
.anvu-category-card {
    margin-top: 0px; /* hơi đè lên slider */
    width: 100%;
    width:100%;
    border-radius: 28px;
    background-image: repeating-linear-gradient( 45deg, #0fa64a 0 8px, #ffffff 8px 16px ); /* viền sọc xanh trắng */
    padding: 3px;
}

.anvu-category-inner {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px 40px;
}

.anvu-category-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr)); /* 8 cột x 2 hàng */
    gap: 32px 16px;
}

/* từng ô */
.anvu-cat-item {
    text-align: center;
    font-size: 13px;
    position: relative;
    color: #333; border-radius:8px
}
    .anvu-cat-item:hover {
        background: #eaecf0
    }
    .anvu-cat-thumb {
        width: 64px;
        height: 64px;
        margin: 0 auto 8px;
        border-radius: 16px;
         overflow: hidden;
    }

    .anvu-cat-thumb img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

/* badge hồng trên icon */
.anvu-cat-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 11px;
    padding: 2px 10px;
    border-radius: 999px;
    background: #ffd8e0;
    color: #ff4d4d;
    font-weight: 700;
}

    .anvu-cat-badge.hot {
        background: #ffd8e0;
        color: #ff4d4d;
    }

    .anvu-cat-badge.price {
        background: #ffd8e0;
        color: #ff4d4d;
    }

    .anvu-cat-badge.sale {
        background: #ffd8e0;
        color: #ff4d4d;
    }

.anvu-cat-text {
    line-height: 1.3;
}
.anvu-cat-text a{color:#333;text-decoration:none}
    /* Ô Tất cả danh mục */
    .anvu-cat-more .anvu-cat-thumb {
        background: transparent;
        border-radius: 16px;
        border: 1px solid #0c7ed9;
    }

    .anvu-cat-more-icon {
        font-size: 22px;
        color: #0c7ed9;
    }

    .anvu-cat-more .anvu-cat-text {
        font-weight: 500;
        color: #0c7ed9;
    }
    /* ===== Responsive danh mục ===== */
    @media (max-width: 992px) {
        .anvu-category-inner {
            padding: 18px 16px;
        }

        .anvu-category-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 24px 12px;
        }
    }

    @media (max-width: 576px) {
        .anvu-category-grid {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }
    /* ===== KHUYẾN MÃI ONLINE (SLIDER) ===== */
    .anvu-promo-section {
        margin-top: 10px;
        margin-bottom: 10px;
        background: #fff;
        padding: 24px 0;
        border-radius: 24px;
    }
    /* tiêu đề */
    .anvu-promo-title {
        color: #e60000;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .anvu-promo-title-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #0fa64a;
        position: relative;
    }

        .anvu-promo-title-icon::before {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 3px solid #fff;
            top: 6px;
            left: 6px;
        }

    .anvu-promo-title-xmas {
        font-size: 18px;
    }
    /* tabs trên */
    .anvu-promo-top-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 10px;
    }

    .anvu-promo-top-tab {
        border: none;
        border-radius: 999px;
        padding: 6px 14px;
        font-size: 12px;
        font-weight: 600;
        color: #004c1d;
        background: #fff;
        cursor: pointer;
        white-space: nowrap;
    }

        .anvu-promo-top-tab.active {
            background: #ffe600;
            color: #cc0000;
        }
    /* card xanh */
    .anvu-promo-card {
        background: #3f9c05;
        border-radius: 24px;
        padding: 12px 14px 16px;
        color: #fff;
    }
    /* tabs nhỏ + time */
    .anvu-promo-card-top {
        background: #ffffff;
        border-radius: 16px;
        padding: 8px 10px 10px;
        margin-bottom: 10px;
        color: #222;
    }

    .anvu-promo-cat-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 8px;
    }

    .anvu-promo-cat-tab {
        border: none;
        background: transparent;
        font-size: 12px;
        padding: 4px 10px;
        border-radius: 999px;
        cursor: pointer;
		color: #333;
    }

        .anvu-promo-cat-tab.active {
            background: #0fa64a;
            color: #fff;
        }

    .anvu-promo-time-row {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .anvu-promo-time-label {
        font-size: 12px;
        font-weight: 600;
        color: #666;
    }

    .anvu-promo-time-pill {
        background: #f5f5f5;
        border-radius: 10px;
        padding: 4px 10px;
        font-size: 11px;
        min-width: 90px;
    }

        .anvu-promo-time-pill.active {
            background: #ffe8c7;
            border: 1px solid #f7b046;
        }

    .anvu-promo-time-title {
        color: #666;
    }

    .anvu-promo-time-hour {
        font-weight: 700;
        color: #111;
    }
    /* grid sản phẩm: 6 cột => 2 hàng khi có 12 item */
    .anvu-promo-products-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
        padding: 10px 12px 14px;
        background: #ffffff;
        border-radius: 16px;
    }
    /* card sp */
    .anvu-promo-product {
        background: #fff;
        border-radius: 10px;
        padding: 8px 8px 10px;
        border: 1px solid #f0f0f0;
        font-size: 12px;
        position: relative;
    }

    .anvu-promo-product-top {
        text-align: center;
        margin-bottom: 4px;
        position: relative;
    }

    .anvu-promo-img {
        width: 100%;
        height: 110px;
        background: #f6f6f6;
        border-radius: 8px;
    }
    /* ribbon */
    .anvu-promo-ribbon {
        position: absolute;
        top: -4px;
        left: 6px;
        padding: 2px 8px;
        border-radius: 8px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
        background: #ff4d4d;
    }

        .anvu-promo-ribbon.xmas {
            background: #f7941d;
        }
    /* text sp */
    .anvu-promo-name {
        font-size: 12px;
        min-height: 34px;
        margin-bottom: 4px;
        color: #222;
        text-decoration:none; 
        font-weight:bold
    }
.anvu-promo-img img{max-width:100%; height:auto}
.anvu-promo-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

    .anvu-promo-price {
        font-size: 14px;
        font-weight: 700;
        color: #e60000;
    }

    .anvu-promo-percent {
        font-size: 11px;
        font-weight: 700;
        color: #0059c9;
    }

    .anvu-promo-old-price {
        text-decoration: line-through;
        color: #999;
        font-size: 11px;
        margin-bottom: 2px;
    }

    .anvu-promo-qty {
        font-size: 11px;
        color: #f7941d;
        margin-bottom: 6px;
    }

    .anvu-promo-buy-btn {
        width: 100%;
        border: none;
        border-radius: 999px;
        padding: 5px 0;
        font-size: 12px;
        font-weight: 600;
        background: #ffd200;
        color: #c40000;
        cursor: pointer;
        text-align:center;
        display:block
    }
    /* nút mũi tên tròn trắng cho carousel */
    .anvu-promo-arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        opacity: 1 !important;
    }
    /* luôn hiện, nằm trong khung card */
    .anvu-promo-arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        opacity: 1 !important;
        z-index: 5; /* nằm trên grid sản phẩm */
    }
        /* đặt bên trái / phải, nhưng vẫn trong card */
        .anvu-promo-arrow-btn.carousel-control-prev {
            left: 4px;
        }

        .anvu-promo-arrow-btn.carousel-control-next {
            right: 4px;
        }
    /* vòng tròn trắng */
    .anvu-promo-arrow {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,0.25);
        transition: 0.15s ease;
    }
        /* icon FA */
        .anvu-promo-arrow i {
            font-size: 16px;
            color: #3f9c05;
            font-weight: 900;
            line-height: 1;
        }
        /* hover đẹp hơn */
        .anvu-promo-arrow:hover {
            transform: scale(1.06);
        }
    /* footer */
    .anvu-promo-footer {
        text-align: center;
        margin-top: 10px;
    }

    .anvu-promo-more-btn {
        border: none;
        border-radius: 999px;
        padding: 6px 30px;
        font-size: 13px;
        font-weight: 600;
        background: #fff;
        color: #e60000;
        cursor: pointer;
    }
    /* responsive */
    @media (max-width: 992px) {
        .anvu-promo-products-grid {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .anvu-promo-arrow-btn.carousel-control-prev {
            left: 4px;
        }

        .anvu-promo-arrow-btn.carousel-control-next {
            right: 4px;
        }
    }

    @media (max-width: 576px) {
        .anvu-promo-top-tabs {
            overflow-x: auto;
            white-space: nowrap;
        }

        .anvu-promo-products-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .anvu-promo-card {
            padding: 10px 8px;
        }
    }
    /* ===== SLIDE ẢNH KHUYẾN MẠI ===== */

    .anvu-promo-banner-card {
        border-radius: 20px;
        overflow: hidden;
    }
        /* Ẩn icon mặc định của Bootstrap */
        .anvu-promo-banner-card .carousel-control-prev-icon,
        .anvu-promo-banner-card .carousel-control-next-icon {
            display: none;
        }

    .anvu-promo-banner {
        min-height: 190px;
        display: flex;
        align-items: stretch;
        justify-content: space-between;
        padding: 16px 18px;
        color: #fff;
    }
    /* Nền banner trái */
    .anvu-promo-banner-left1 {
        background: linear-gradient(90deg, #0083ff 0%, #00c3ff 40%, #00b34b 100%);
    }
        .anvu-promo-banner-left1 img{width:100%; height:!important}
.anvu-promo-banner-image img {
    width: 100%;
    height: !important
}
   
    /* Nền banner phải */
    .anvu-promo-banner-right1 {
        background: radial-gradient(circle at 20% 20%, #005dff 0, #001a65 60%, #000842 100%);
    }

    .anvu-promo-banner-right2 {
        background: radial-gradient(circle at 20% 20%, #0066ff 0, #002a7c 60%, #001747 100%);
    }
    /* Nội dung banner */
    .anvu-promo-banner-content {
        flex: 1;
        max-width: 55%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

        .anvu-promo-banner-content.right {
            max-width: 60%;
        }

    .anvu-promo-banner-logo {
        display: inline-block;
        padding: 4px 10px;
        background: #00944a;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        margin-bottom: 6px;
    }

    .anvu-promo-banner-title {
        font-size: 20px;
        font-weight: 800;
        line-height: 1.15;
        text-transform: uppercase;
    }

        .anvu-promo-banner-title.big {
            font-size: 26px;
        }

    .anvu-promo-banner-sub {
        margin-top: 4px;
        font-size: 12px;
    }

        .anvu-promo-banner-sub.right {
            font-size: 13px;
        }

    .anvu-promo-banner-price-row {
        margin-top: 6px;
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .anvu-promo-banner-old {
        font-size: 13px;
        text-decoration: line-through;
        opacity: .85;
    }

    .anvu-promo-banner-price {
        font-size: 18px;
        font-weight: 800;
        color: #ffeb00;
    }

    .anvu-promo-banner-note {
        margin-top: 4px;
        font-size: 11px;
    }
    /* Ảnh / hình minh hoạ bên phải */
    .anvu-promo-banner-image,
    .anvu-promo-banner-wheel {
        width: 40%;
        border-radius: 18px;
        background: rgba(255,255,255,0.15);
    }
    /* nút CHƠI NGAY */
    .anvu-promo-banner-btn {
        margin-top: 10px;
        align-self: flex-start;
        border-radius: 999px;
        border: none;
        padding: 6px 18px;
        font-size: 12px;
        font-weight: 700;
        background: #ffd600;
        color: #c40000;
        cursor: pointer;
    }
    /* Nút mũi tên dạng tròn trắng */
    .anvu-banner-arrow-left,
    .anvu-banner-arrow-right {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 28px;
        height: 28px;
        border-radius: 50%;
        border: none;
        background: transparent;
    }

    .anvu-banner-arrow-left {
        left: -6px;
    }

    .anvu-banner-arrow-right {
        right: -6px;
    }

    .anvu-banner-arrow-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 6px rgba(0,0,0,.25);
    }

        .anvu-banner-arrow-icon i {
            font-size: 14px;
            color: #0073ff;
        }
    /* responsive */
    @media (max-width: 992px) {
        .anvu-promo-banner {
            min-height: 160px;
            padding: 12px 14px;
        }

        .anvu-promo-banner-content {
            max-width: 60%;
        }

        .anvu-promo-banner-image,
        .anvu-promo-banner-wheel {
            display: none;
        }
    }

    @media (max-width: 576px) {
        .anvu-promo-banner-section .row > div {
            flex: 0 0 100%;
            max-width: 100%;
        }
    }
    /* ===== GỢI Ý CHO BẠN ===== */
    .anvu-suggest-section {
        margin: 32px 0 40px;
        width:100%
    }

    .anvu-suggest-card {
        background: #ffffff;
        border-radius: 24px;
        padding: 18px 20px 16px;
    }
    /* Header */
    .anvu-suggest-header {
        margin-bottom: 12px;
    }

    .anvu-suggest-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 20px;
        font-weight: 600;
        color: #222;
    }

    .anvu-suggest-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #0fa64a;
        position: relative;
    }

        .anvu-suggest-icon::before {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 3px solid #fff;
            top: 6px;
            left: 6px;
        }
    /* GRID sản phẩm – 6 cột */
    .anvu-suggest-products {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
    }
    /* Card sản phẩm */
    .anvu-suggest-item {
        border-radius: 16px;
        border: 1px solid #f0f0f0;
        padding: 8px 10px 10px;
        font-size: 12px;
        position: relative;
        background: #fff;
    }
    /* top line */
    .anvu-suggest-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 4px;
    }

    .anvu-suggest-badge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 999px;
        background: #f1f4ff;
        color: #3b5cff;
        font-size: 10px;
        font-weight: 600;
    }

        .anvu-suggest-badge.pink {
            background: #ffe4ef;
            color: #e4004d;
        }

    .anvu-suggest-actions i {
        font-size: 13px;
        color: #c0c0c0;
        margin-left: 4px;
    }
    /* ảnh */
    .anvu-suggest-img {
        width: 100%;
        height: 120px;
        margin: 4px 0 6px;
        border-radius: 10px;
     }
        .anvu-suggest-img img{
            max-width:100%; 
            max-height:100%;
            margin:0px auto; display:block
        }
        /* tag quà ở dưới ảnh */
        .anvu-suggest-tag-extra {
            display: inline-block;
            padding: 1px 8px;
            border-radius: 999px;
            background: #ffe9d5;
            color: #e95b00;
            font-size: 10px;
            font-weight: 700;
            margin-bottom: 4px;
        }
    /* tên sp */
    .anvu-suggest-name {
        font-size: 12px;
        font-weight: 500;
        line-height: 1.3;
        margin: 0 0 4px;
        max-height: 32px;
        overflow: hidden;
    }
    /* giá chính */
    .anvu-suggest-price-main {
        display: flex;
        align-items: baseline;
        gap: 6px;
        margin-bottom: 2px;
    }

    .anvu-suggest-price {
        color: #e60000;
        font-weight: 700;
        font-size: 15px;
    }

    .anvu-suggest-percent {
        font-size: 11px;
        font-weight: 700;
        color: #0059c9;
    }
    /* note đỏ nhỏ */
    .anvu-suggest-note {
        font-size: 11px;
        color: #f05a22;
        font-weight: 600;
        margin-bottom: 2px;
    }
    /* giá cũ + quà */
    .anvu-suggest-old-row {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        margin-bottom: 4px;
    }

    .anvu-suggest-old {
        text-decoration: line-through;
        color: #999;
    }

    .anvu-suggest-gift {
        color: #555;
    }
    /* rating */
    .anvu-suggest-rating {
        font-size: 11px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .anvu-suggest-rating i {
            color: #ffb400;
            font-size: 11px;
        }

    .anvu-suggest-sold {
        margin-left: 4px;
    }
    /* footer */
    .anvu-suggest-footer {
        margin-top: 12px;
        text-align: center;
    }

    .anvu-suggest-more-btn {
        border: none;
        border-radius: 999px;
        padding: 6px 30px;
        font-size: 13px;
        font-weight: 600;
        background: #0d6efd;
        color: #fff;
        cursor: pointer;
    }
    /* Responsive */
    @media (max-width: 1320px) {
        .anvu-suggest-products {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }
    }

    @media (max-width: 992px) {
        .anvu-suggest-products {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }
    }

    @media (max-width: 576px) {
        .anvu-suggest-card {
            padding: 14px 10px;
        }

        .anvu-suggest-products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    /* ===== SẢN PHẨM ĐẶC QUYỀN (V2) ===== */
    .anvu-exclusive-section {
        margin: 15px 0 40px;
        width: 100%
    }

    .anvu-exclusive-card {
        background: #ffffff;
        border-radius: 24px;
        padding: 16px 18px 18px;
    }
    /* header */
    .anvu-exclusive-header {
        margin-bottom: 10px;
    }

    .anvu-exclusive-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 20px;
        font-weight: 600;
        color: #222;
    }

    .anvu-exclusive-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #0fa64a;
        position: relative;
    }

        .anvu-exclusive-icon::before {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 3px solid #fff;
            top: 6px;
            left: 6px;
        }
    /* ===== SẢN PHẨM ĐẶC QUYỀN ===== */
    .anvu-exclusive-section {
        margin: 32px 0 40px;
    }

    .anvu-exclusive-card {
        background: #fff;
        border-radius: 24px;
        padding: 16px 18px 18px;
    }
    /* Header */
    .anvu-exclusive-header {
        margin-bottom: 10px;
    }

    .anvu-exclusive-title {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 20px;
        font-weight: 600;
        color: #222;
    }

    .anvu-exclusive-icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: #0fa64a;
        position: relative;
    }

        .anvu-exclusive-icon::before {
            content: "";
            position: absolute;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            border: 3px solid #fff;
            top: 6px;
            left: 6px;
        }
    /* layout top */
    .anvu-exclusive-top {
        display: flex;
        gap: 12px;
    }
    /* banner trái */
    .anvu-exclusive-banner-left {
        flex: 0 0 34%;
        max-width: 34%;
    }

    .anvu-exclusive-banner-img {
        width: 100%;
        border-radius: 18px;
        display: block;
        object-fit: cover;
        min-height: 360px;
    }
    /* right */
    .anvu-exclusive-right {
        flex: 1;
        position: relative;
    }
    /* CLIP chống tràn khi slide */
    .anvu-exclusive-carousel-clip {
        border-radius: 18px;
        overflow: hidden;
    }
    /* grid 8 sp (2 hàng x 4 cột) */
    .anvu-exclusive-products-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        padding: 0;
    }
    /* card sản phẩm cơ bản */
    .anvu-exclusive-item {
        border-radius: 18px;
        border: 1px solid #f0f0f0;
        padding: 8px 10px 10px;
        font-size: 12px;
        background: #fff;
    }
    /* ảnh giả */
    .anvu-exclusive-img {
        width: 100%;
        height: 120px;
        background: #f7f7f7;
        border-radius: 10px;
        margin-top: 4px;
    }
    /* badges/mini/price (giữ như bạn đang dùng, ở đây tối thiểu) */
    .anvu-exclusive-topline {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 4px;
    }

    .anvu-exclusive-topbadge {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 999px;
        background: #f1f4ff;
        color: #3b5cff;
        font-size: 10px;
        font-weight: 600;
    }

        .anvu-exclusive-topbadge.small {
            font-size: 9px;
        }

        .anvu-exclusive-topbadge.pink {
            background: #ffe4ef;
            color: #e4004d;
        }

    .anvu-exclusive-topbadge-group {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .anvu-exclusive-mini-row {
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .anvu-exclusive-mini {
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
    }

        .anvu-exclusive-mini.blue {
            background: #005dc7;
        }

        .anvu-exclusive-mini.orange {
            background: #ff7a00;
        }

    .anvu-exclusive-name {
        font-size: 12px;
        font-weight: 500;
        margin: 6px 0 4px;
        line-height: 1.3;
        max-height: 34px;
        overflow: hidden;
    }

    .anvu-exclusive-price {
        font-size: 15px;
        font-weight: 700;
        color: #e60000;
    }

    .anvu-exclusive-price-row {
        margin-bottom: 2px;
    }

    .anvu-exclusive-old-row {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        margin-bottom: 2px;
    }

    .anvu-exclusive-old {
        color: #999;
        text-decoration: line-through;
    }

    .anvu-exclusive-percent {
        color: #e60000;
        font-weight: 700;
    }

    .anvu-exclusive-gift {
        font-size: 11px;
        color: #555;
        margin-bottom: 4px;
    }

    .anvu-exclusive-rating {
        font-size: 11px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .anvu-exclusive-rating i {
            color: #ffb400;
            font-size: 11px;
        }

    .anvu-exclusive-sold {
        margin-left: 4px;
    }

    .anvu-exclusive-icons i {
        font-size: 13px;
        color: #c0c0c0;
        margin-left: 4px;
    }
    /* Arrows: nằm ngoài clip, không bị cắt */
    .anvu-exclusive-arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        opacity: 1 !important;
        z-index: 10;
    }

    #anvuExclusiveCarousel .carousel-control-prev {
        left: 6px;
    }

    #anvuExclusiveCarousel .carousel-control-next {
        right: 6px;
    }

    .anvu-exclusive-arrow {
        width: 34px;
        height: 34px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,.25);
    }

        .anvu-exclusive-arrow i {
            color: #0fa64a;
            font-size: 16px;
            line-height: 1;
        }
    /* Responsive */
    @media (max-width: 992px) {
        .anvu-exclusive-top {
            flex-direction: column;
        }

        .anvu-exclusive-banner-left {
            max-width: 100%;
            flex: 0 0 auto;
        }

        .anvu-exclusive-products-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        #anvuExclusiveCarousel .carousel-control-prev {
            left: 8px;
        }

        #anvuExclusiveCarousel .carousel-control-next {
            right: 8px;
        }
    }
    /* nút mũi tên */
    .anvu-exclusive-arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: auto;
        opacity: 1 !important;
        z-index: 5;
    }

    #anvuExclusiveCarousel .carousel-control-prev {
        left: -10px;
    }

    #anvuExclusiveCarousel .carousel-control-next {
        right: -10px;
    }

    .anvu-exclusive-arrow {
        width: 34px;
        height: 34px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,.25);
    }

        .anvu-exclusive-arrow i {
            color: #0fa64a;
            font-size: 16px;
            line-height: 1;
        }
    /* responsive */
    @media (max-width: 992px) {
        .anvu-exclusive-top {
            flex-direction: column;
        }

        .anvu-exclusive-banner-left {
            max-width: 100%;
        }

        .anvu-exclusive-products-grid {
            grid-template-columns: repeat(2, minmax(0,1fr));
        }

        #anvuExclusiveCarousel .carousel-control-prev {
            left: 6px;
        }

        #anvuExclusiveCarousel .carousel-control-next {
            right: 6px;
        }
    }
    /* banner trái */
    .anvu-exclusive-banner-left {
        flex: 0 0 34%;
        max-width: 34%;
    }

    .anvu-exclusive-banner-img {
        width: 100%;
        display: block;
        border-radius: 18px;
        object-fit: cover;
        min-height: 260px;
    }
    /* wrapper sản phẩm để đặt nút mũi tên */
    .anvu-exclusive-products-wrapper {
        flex: 1;
        position: relative;
    }

    .anvu-exclusive-products {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }
    /* card sp */
    .anvu-exclusive-item {
        border-radius: 18px;
        border: 1px solid #f0f0f0;
        padding: 8px 10px 10px;
        font-size: 12px;
        background: #fff;
    }
    /* dòng trên cùng */
    .anvu-exclusive-topline {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 4px;
    }

    .anvu-exclusive-topbadge,
    .anvu-exclusive-topbadge.small {
        display: inline-block;
        padding: 2px 8px;
        border-radius: 999px;
        background: #f1f4ff;
        color: #3b5cff;
        font-size: 10px;
        font-weight: 600;
    }

        .anvu-exclusive-topbadge.small {
            font-size: 9px;
        }

        .anvu-exclusive-topbadge.pink {
            background: #ffe4ef;
            color: #e4004d;
        }

    .anvu-exclusive-topbadge-group {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .anvu-exclusive-icons i {
        font-size: 13px;
        color: #c0c0c0;
        margin-left: 4px;
    }
    /* ảnh sp */
    .anvu-exclusive-img {
        width: 100%;
        height: 120px;
        background: #f7f7f7;
        border-radius: 10px;
        margin-top: 4px;
    }

        .anvu-exclusive-img img {
            max-width: 100%;
            max-height: 120px;
            margin:auto auto !important;
            display:block
        }
    /* mini badge xanh/ cam dưới ảnh */
    .anvu-exclusive-mini-row {
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .anvu-exclusive-mini {
        padding: 2px 8px;
        border-radius: 999px;
        font-size: 10px;
        font-weight: 700;
        color: #fff;
    }

        .anvu-exclusive-mini.blue {
            background: #005dc7;
        }

        .anvu-exclusive-mini.orange {
            background: #ff7a00;
        }
    /* tên sp */
    .anvu-exclusive-name {
        font-size: 12px;
        font-weight: 500;
        margin: 6px 0 4px;
        line-height: 1.3;
        max-height: 34px;
        overflow: hidden;
    }
    /* specs (nhãn xám) */
    .anvu-exclusive-specs {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        margin-bottom: 4px;
    }

        .anvu-exclusive-specs span {
            font-size: 11px;
            padding: 2px 6px;
            border-radius: 8px;
            background: #f3f3f3;
        }
    /* giá */
    .anvu-exclusive-price-row {
        margin-bottom: 2px;
    }

    .anvu-exclusive-price {
        font-size: 15px;
        font-weight: 700;
        color: #e60000;
    }

    .anvu-exclusive-old-row {
        display: flex;
        justify-content: space-between;
        font-size: 11px;
        margin-bottom: 2px;
    }

    .anvu-exclusive-old {
        color: #999;
        text-decoration: line-through;
    }

    .anvu-exclusive-percent {
        color: #e60000;
        font-weight: 700;
    }
    /* quà */
    .anvu-exclusive-gift {
        font-size: 11px;
        color: #555;
        margin-bottom: 4px;
    }
    /* rating */
    .anvu-exclusive-rating {
        font-size: 11px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 4px;
    }

        .anvu-exclusive-rating i {
            color: #ffb400;
            font-size: 11px;
        }

    .anvu-exclusive-sold {
        margin-left: 4px;
    }
    /* nút mũi tên trắng */
    .anvu-exclusive-arrow-right {
        position: absolute;
        top: 50%;
        right: -10px;
        transform: translateY(-50%);
        border: none;
        background: transparent;
        padding: 0;
    }

    .anvu-exclusive-arrow-icon {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 0 6px rgba(0,0,0,.25);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .anvu-exclusive-arrow-icon i {
            font-size: 14px;
            color: #999;
        }
    /* responsive */
    @media (max-width: 992px) {
        .anvu-exclusive-top {
            flex-direction: column;
        }

        .anvu-exclusive-banner-left {
            flex: 0 0 auto;
            max-width: 100%;
        }

        .anvu-exclusive-products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .anvu-exclusive-arrow-right {
            right: 4px;
        }
    }

    @media (max-width: 576px) {
        .anvu-exclusive-card {
            padding: 14px 10px;
        }

        .anvu-exclusive-products {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .anvu-promo-countdown {
        margin: 6px 0 4px;
        font-size: 13px;
        font-weight: 600;
        color: #fff;
    }

        .anvu-promo-countdown span {
            font-weight: 700;
        }
    /* pill đã qua giờ sale */
    .anvu-promo-time-pill.is-past {
        display: none; /* muốn mờ mờ thì đổi thành opacity: .4; pointer-events:none; */
    }
    /* FLASH SALE wrapper */
    .flash-sale-wrapper {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 6px 10px;
        border-radius: 999px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0,0,0,.08);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    /* chữ FLASH SALE */
    .flash-sale-label {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #ff4b26;
    }

    .flash-icon {
        font-size: 16px;
    }

    .flash-text-main {
        font-size: 16px;
    }

    .flash-text-sub {
        font-size: 16px;
    }
    /* đồng hồ điện tử */
    .flash-sale-digits {
        display: inline-flex;
        align-items: center;
        gap: 4px;
    }

    .fs-box {
        min-width: 32px;
        height: 24px;
        padding: 0 4px;
        background: #111;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 2px 4px rgba(0,0,0,.3);
    }

    .fs-num {
        font-family: "Courier New", monospace; /* tạo cảm giác digital */
        font-size: 14px;
        font-weight: 700;
        color: #fff;
    }

    .fs-sep {
        font-family: "Courier New", monospace;
        font-size: 14px;
        font-weight: 700;
        color: #111;
    }
    /* Khi hết giờ */
    .flash-sale-wrapper.flash-ended .fs-box {
        background: #666;
    }

    .flash-sale-wrapper.flash-ended .flash-sale-label {
        opacity: .7;
    }
    /* ===== CHỦ ĐỀ SLIDER ===== */
    .anvu-topic-section {
        margin: 40px 0;
        background: fixed #fff;
        border-radius: 24px;
        padding: 15px 0px
    }

    .anvu-topic-header {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 12px;
    }

    .anvu-topic-title {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 20px;
        font-weight: 600;
        color: #222;
    }

    .anvu-topic-icon {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #0fa64a;
    }

    .anvu-topic-tabs {
        display: flex;
        gap: 8px;
    }

    .anvu-topic-tab {
        padding: 6px 14px;
        border-radius: 8px;
        border: 1px solid #ddd;
        background: #fff;
        font-size: 14px;
        cursor: pointer;
    }

        .anvu-topic-tab.active {
            border-color: #1a73e8;
            color: #1a73e8;
        }
    /* grid trong slide */
    .anvu-topic-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
    }
    /* card */
    .anvu-topic-card {
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 2px 10px rgba(0,0,0,.08);
        cursor: pointer;
        transition: .25s;
    }

        .anvu-topic-card:hover {
            transform: translateY(-4px);
        }

        .anvu-topic-card img {
            width: 100%;
            height: 150px;
            object-fit: cover;
        }

        .anvu-topic-card p {
            padding: 10px 12px;
            font-size: 14px;
            line-height: 1.4;
            color: #222;
        }
    /* arrows */
    .anvu-topic-arrow {
        width: auto;
        opacity: 1;
    }

    .anvu-topic-arrow-circle {
        width: 36px;
        height: 36px;
        background: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,.25);
    }

        .anvu-topic-arrow-circle i {
            color: #0fa64a;
            font-size: 16px;
        }
    /* footer */
    .anvu-topic-footer {
        text-align: center;
        margin-top: 14px;
    }

    .anvu-topic-more {
        color: #1a73e8;
        font-weight: 500;
        text-decoration: none;
    }
    /* responsive */
    @media (max-width: 992px) {
        .anvu-topic-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px) {
        .anvu-topic-grid {
            grid-template-columns: 1fr;
        }
    }
    /* ===== TOP INFO BAR ===== */
    .anvu-top-info-bar {
        display: flex;
        align-items: center;
        height: 36px;
        color: #fff;
        font-size: 12px;
        overflow: hidden;
    }
    /* ===== PHẦN CHẠY CHỮ ===== */
    .anvu-top-ticker {
        flex: 1;
        overflow: hidden;
    }

    .anvu-top-ticker-track {
        display: inline-flex;
        align-items: center;
        gap: 30px;
        white-space: nowrap;
        animation: anvuTicker 25s linear infinite;
    }

    .anvu-top-ticker:hover .anvu-top-ticker-track {
        animation-play-state: paused; /* hover thì dừng */
    }

    .anvu-top-item {
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

        .anvu-top-item i {
            font-size: 12px;
        }
    /* ===== PHẦN BÊN PHẢI (CỐ ĐỊNH) ===== */
    .anvu-top-static {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 0 16px;
        white-space: nowrap;
        font-weight: 500;
        border-left: 1px solid rgba(255,255,255,.3);
    }
        .anvu-top-static a{ color:#fff}
        .anvu-top-static i {
            margin-right: 4px;
        }
    /* ===== ANIMATION ===== */
    @keyframes anvuTicker {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-50%);
        }
    }

    .anvu-top-ticker:hover .anvu-top-ticker-track {
        animation-play-state: paused;
    }
    /* ===== COMBO SECTION 60/40 ===== */
    .anvu-video-combo-section {
        margin: 20px 0;
        width:100%
    }

    .anvu-video-combo-wrap {
        display: grid;
        grid-template-columns: 3fr 2fr; /* 60% - 40% */
        gap: 16px;
        align-items: stretch; /* QUAN TRỌNG */
    }
    /* Card chung */
    .anvu-combo-card {
        background: #fff;
        border-radius: 20px;
        padding: 14px 16px 16px;
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    /* Card con */
    /*.anvu-combo-left,
.anvu-combo-right {
    display: flex;
}*/
    /* Header */
    .anvu-combo-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .anvu-combo-title {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 18px;
        font-weight: 600;
        color: #222;
    }

    .anvu-combo-icon {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: #0fa64a;
        position: relative;
    }

        .anvu-combo-icon::before {
            content: "";
            position: absolute;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 3px solid #fff;
            top: 7px;
            left: 7px;
        }

    .anvu-combo-more {
        font-size: 14px;
        color: #1a73e8;
        text-decoration: none;
        font-weight: 600;
    }
    /* Clip chống tràn slide */
    .anvu-combo-clip {
        border-radius: 16px;
        overflow: hidden;
    }

    .anvu-combo-carousel-wrap {
        position: relative;
    }
    /* Arrow */
    .anvu-combo-arrow-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        opacity: 1 !important;
        width: auto;
        height: auto;
        z-index: 10;
    }

    .anvu-combo-arrow {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 10px rgba(0,0,0,.25);
    }

        .anvu-combo-arrow i {
            color: #0fa64a;
            font-size: 16px;
            line-height: 1;
        }
    /* ===== LEFT: CHỦ ĐỀ ===== */
    .anvu-topic-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr)); /* 3 cột -> 2 hàng khi có 6 item */
        gap: 12px;
    }

    .anvu-topic-item {
        display: block;
        text-decoration: none;
        color: inherit;
        background: #fff;
        border-radius: 14px;
        overflow: hidden;
        border: 1px solid #f0f0f0;
        transition: .2s ease;
    }

        .anvu-topic-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,.08);
        }

    .anvu-topic-thumb img {
        width: 100%;
        height: 120px;
        object-fit: cover;
        display: block;
    }

    .anvu-topic-text {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.35;
        height: 44px;
        overflow: hidden;
    }
    /* ===== RIGHT: VIDEO REVIEW ===== */
    .anvu-video-grid {
        display: grid;
        grid-template-columns: 1fr; /* 1 cột -> 2 video xếp dọc */
        gap: 12px;
    }

    .anvu-video-item {
        width: 100%;
        border: 1px solid #f0f0f0;
        border-radius: 16px;
        background: #fff;
        padding: 10px;
        text-align: left;
        cursor: pointer;
        transition: .2s ease;
    }

        .anvu-video-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(0,0,0,.08);
        }

    .anvu-video-thumb {
        position: relative;
        border-radius: 14px;
        overflow: hidden;
        background: #f3f3f3;
    }

        .anvu-video-thumb img {
            width: 100%;
            height: 150px;
            object-fit: cover;
            display: block;
            transition: .25s ease;
        }

    .anvu-video-item:hover .anvu-video-thumb img {
        transform: scale(1.03);
    }
    /* Play */
    .anvu-video-play {
        position: absolute;
        inset: 0;
        margin: auto;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        background: rgba(255,255,255,.92);
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 6px 14px rgba(0,0,0,.25);
    }

        .anvu-video-play i {
            color: #0fa64a;
            font-size: 16px;
            margin-left: 2px;
        }
    /* Duration */
    .anvu-video-duration {
        position: absolute;
        right: 10px;
        bottom: 10px;
        padding: 3px 8px;
        border-radius: 999px;
        background: rgba(0,0,0,.72);
        color: #fff;
        font-size: 12px;
        font-weight: 700;
    }

    .anvu-video-meta {
        padding-top: 8px;
    }

    .anvu-video-name {
        font-size: 14px;
        font-weight: 700;
        color: #222;
        line-height: 1.35;
        height: 38px;
        overflow: hidden;
    }

    .anvu-video-sub {
        margin-top: 4px;
        display: flex;
        align-items: center;
        gap: 8px;
        color: #777;
        font-size: 12px;
    }
    /* Modal video */
    .anvu-video-modal {
        border-radius: 16px;
        overflow: hidden;
    }

    .anvu-video-iframe-wrap {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
        background: #000;
        border-radius: 12px;
        overflow: hidden;
    }

        .anvu-video-iframe-wrap iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: 0;
        }
    /* Responsive */
    @media (max-width: 992px) {
        .anvu-video-combo-wrap {
            grid-template-columns: 1fr; /* xuống 1 cột */
        }

        .anvu-topic-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .anvu-topic-thumb img {
            height: 140px;
        }
    }

    @media (max-width: 576px) {
        .anvu-combo-card {
            padding: 14px 12px;
        }

        .anvu-topic-grid {
            grid-template-columns: 1fr;
        }
    }
    /* ===== FOOTER ===== */
    .anvu-footer {
        background: #fff;
        color: #222;
        border-top: 1px solid #eee;
    }


.anvu-footer-top {
    --footer-accent: #1a73e8;
    padding: 28px 0 22px;
    background: #fff;
    border-top: 1px solid #eef1f4;
}

.anvu-footer-grid {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr) minmax(260px, 320px);
    gap: 28px;
    align-items: start;
}

.anvu-footer-col,
.anvu-footer-middle {
    min-width: 0;
}

.anvu-footer-middle {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 28px 22px;
}

.anvu-footer-title {
    margin: 0 0 12px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #222;
}

/* Contact block */
.anvu-footer-line {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 2px;
    margin: 12px 0;
    font-size: 14px;
    line-height: 1.5;
}

.anvu-footer-label {
    grid-column: 1;
    color: #222;
    font-weight: 500;
}

.anvu-footer-phone {
    grid-column: 2;
    color: var(--footer-accent);
    font-weight: 700;
    text-decoration: none;
    word-break: break-word;
}

    .anvu-footer-phone:hover {
        text-decoration: underline;
    }

.anvu-footer-time {
    grid-column: 2;
    color: #666;
    font-size: 13px;
    line-height: 1.45;
}

/* Link columns */
.anvu-footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .anvu-footer-links li {
        margin: 10px 0;
        line-height: 1.5;
    }

    .anvu-footer-links a {
        display: inline-block;
        color: #222;
        font-size: 14px;
        text-decoration: none;
        transition: color .2s ease;
    }

        .anvu-footer-links a:hover {
            color: var(--footer-accent);
        }

.anvu-footer-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

    .anvu-footer-more i {
        font-size: 12px;
        color: #666;
    }

 

    .anvu-footer-brands a {
        display: block;
    }

    .anvu-footer-brands img {
        display: block;
        width: 100%;
        height: 44px;
        object-fit: contain;
        background: #f6f7f9;
        border: 1px solid #edf0f3;
        border-radius: 10px;
        padding: 6px 8px;
    }

/* Social */
.anvu-footer-social {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 16px 0 12px;
}

.anvu-social-item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    text-decoration: none;
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

    .anvu-social-item:hover {
        color: var(--footer-accent);
    }

.anvu-social-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--social-color, var(--footer-accent));
    color: #fff;
    font-size: 14px;
}

/* Badges */
.anvu-footer-badges {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.anvu-footer-badges a {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 768px) {
    .anvu-footer-badges {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 480px) {
    .anvu-footer-badges {
        grid-template-columns: 1fr;
    }
}

    .anvu-footer-badges a,
    .anvu-footer-badges img {
        display: block;
    }

    .anvu-footer-badges img {
        height: 38px;
        max-width: 100%;
        object-fit: contain;
        background: #fff;
    }

/* Desktop nhỏ */
@media (max-width: 1199.98px) {
    .anvu-footer-grid {
        grid-template-columns: minmax(240px, 280px) minmax(0, 1fr) minmax(240px, 280px);
        gap: 24px;
    }

    .anvu-footer-middle {
        gap: 24px 18px;
    }
}

/* Tablet */
@media (max-width: 991.98px) {
    .anvu-footer-top {
        padding: 24px 0 20px;
    }

    .anvu-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 22px 18px;
    }

    .anvu-footer-col--support {
        grid-column: 1;
    }

    .anvu-footer-col--brand {
        grid-column: 2;
    }

    .anvu-footer-middle {
        grid-column: 1 / -1;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 22px 18px;
    }

    .anvu-footer-brands {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .anvu-footer-top {
        padding: 22px 0 18px;
    }

    .anvu-footer-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .anvu-footer-col--support,
    .anvu-footer-col--brand,
    .anvu-footer-middle {
        grid-column: auto;
    }

    .anvu-footer-middle {
        grid-template-columns: 1fr 1fr;
        gap: 18px 16px;
    }

    .anvu-footer-title {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .anvu-footer-line {
        grid-template-columns: 72px minmax(0, 1fr);
        margin: 10px 0;
        font-size: 14px;
    }

    .anvu-footer-brands img {
        height: 42px;
    }
}

/* Mobile nhỏ */
@media (max-width: 575.98px) {
    .anvu-footer-middle {
        grid-template-columns: 1fr;
    }

    .anvu-footer-title {
        font-size: 14px;
    }

    .anvu-footer-line {
        grid-template-columns: 1fr;
        row-gap: 3px;
        margin: 10px 0;
        font-size: 13px;
    }

    .anvu-footer-label,
    .anvu-footer-phone,
    .anvu-footer-time {
        grid-column: auto;
    }

    .anvu-footer-links li {
        margin: 8px 0;
    }

    .anvu-footer-links a,
    .anvu-footer-more,
    .anvu-social-item {
        font-size: 13px;
    }

    .anvu-footer-brands {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

        .anvu-footer-brands img {
            height: 40px;
        }

 
    .anvu-footer-badges img {
        height: 34px;
    }
}

    /* Bottom */
    .anvu-footer-bottom {
        border-top: 1px solid #eee;
        padding: 16px 0;
        background: #fff;
    }

    .anvu-footer-bottom-text {
        font-size: 13px;
        color: #555;
        line-height: 1.5;
    }

        .anvu-footer-bottom-text a {
            color: #1a73e8;
            text-decoration: none;
        }
    /* Floating Zalo button */
    .anvu-zalo-float {
        position: fixed;
        right: 18px;
        bottom: 26px;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #1a73e8;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        text-decoration: none;
        font-weight: 800;
        box-shadow: 0 10px 20px rgba(0,0,0,.25);
        z-index: 999;
    }

        .anvu-zalo-float span {
            font-size: 14px;
        }
    /* Responsive */
    @media (max-width: 992px) {
        .anvu-footer-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 576px) {
        .anvu-footer-grid {
            grid-template-columns: 1fr;
        }

        .anvu-footer-brands {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    /* ===== SHOWROOM (anvu STYLE) ===== */
   
    /* ===== HERO SLIDER – CHỈ BANNER ẢNH ===== */
    .anvu-hero-slider {
        border-radius: 16px;
        overflow: hidden;
        background: #000;
        margin-bottom: 16px;
    }
        /* Đảm bảo phần carousel chiếm 100% chiều ngang card */
        .anvu-hero-slider .carousel {
            width: 100%;
        }
    /* Link bọc banner để dễ gắn href */
    .anvu-hero-banner {
        display: block;
        position: relative;
        /* tạo tỉ lệ ngang cố định, giống banner trang TMĐT */
        aspect-ratio: 16 / 5; /* có thể chỉnh 16/6 nếu muốn thấp hơn */
    }
    /* Ảnh bên trong banner */
    .anvu-hero-img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
    }
    /* Mũi tên điều hướng 2 bên */
    .anvu-hero-control {
        width: 48px;
    }

    .anvu-hero-arrow {
        width: 32px;
        height: 32px;
        border-radius: 999px;
        background: rgba(0, 0, 0, 0.35);
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .anvu-hero-arrow i {
            font-size: 14px;
            color: #fff;
        }
    /* Dot indicator nhỏ dưới banner */
    .anvu-hero-indicators {
        bottom: 8px;
    }

        .anvu-hero-indicators [data-bs-target] {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background-color: rgba(255, 255, 255, 0.6);
            opacity: 1;
            margin: 0 3px;
        }

        .anvu-hero-indicators .active {
            background-color: #ffd600;
        }
    /* ===== Responsive ===== */
    @media (max-width: 992px) {
        .anvu-hero-slider {
            border-radius: 0; /* mobile tràn viền cho cảm giác app */
            margin: 0 -10px 12px; /* ăn sát 2 mép màn hình (tùy padding container) */
        }

        .anvu-hero-banner {
            aspect-ratio: 16 / 7; /* cao hơn chút trên mobile cho dễ đọc banner */
        }

        .anvu-hero-control {
            width: 40px;
        }

        .anvu-hero-arrow {
            width: 28px;
            height: 28px;
        }
    }

    .anvu-promo-products-panel {
        display: none;
    }

        .anvu-promo-products-panel.active {
            display: block;
        }
.anvu-promo-banner-imglink {
    display: block;
}

.anvu-promo-banner-img {
    width: 100%;
    height: 260px; /* bạn chỉnh theo layout */
    object-fit: cover;
    border-radius: 16px; /* nếu card bạn đã bo thì có thể bỏ */
}

@media (min-width: 992px) {
    .anvu-promo-banner-img {
        height: 320px;
    }
}
/* ====== MỌI NGƯỜI CŨNG TÌM KIẾM ====== */
.anvu-search-hot-section {
    margin-top: 16px;
    margin-bottom: 16px; 
    width:100%
}

.anvu-search-hot-card {
    background: #ffffff;
    border-radius: 16px;
    padding: 16px 20px 18px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    background: #fff;
 }

/* Header */
.anvu-search-hot-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.anvu-search-hot-icon {
    font-size: 22px;
}

.anvu-search-hot-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #111827;
}

/* Tag list */
.anvu-search-hot-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

.anvu-search-hot-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 14px;
    border-radius: 999px;
    background: #edf2ff; /* nền xanh nhạt */
    color: #111827;
    font-size: 14px;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

    .anvu-search-hot-tag:hover {
        background: #dbe5ff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
        transform: translateY(-1px);
    }

/* Mobile */
@media (max-width: 768px) {
    .anvu-search-hot-card {
        border-radius: 10px;
        padding: 12px 12px 14px;
    }

    .anvu-search-hot-title {
        font-size: 16px;
    }

    .anvu-search-hot-tag {
        font-size: 13px;
        padding: 5px 10px;
    }
}
.anvu-search-hot-tag {
    background: rgba( @* màu chủ đạo *@ );
}
.anvu-pd-wrap {
    padding: 5px;
    background: #fff; margin: 10px 0px;
}
.py-lg-5{padding:5px !important}

/* Cart badge */
.anvu-cart-ico {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.anvu-cart-badge {
    position: absolute;
    top: -8px;
    right: 0px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: red;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    z-index: 9;
}

.anvu-search-inner {
    position: relative;
}
.anvu-search-auto {
    position: relative;
}

.anvu-search-suggest-auto {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    z-index: 1200;
}
.anvu-search-suggest {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    z-index: 9999;
    overflow: hidden;
    max-height: 420px;
    overflow-y: auto;
}

.anvu-suggest-list {
    padding: 8px 0;
}

.anvu-suggest-item-search {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    text-decoration: none;
    color: #111827;
    transition: background .2s ease;
}

    .anvu-suggest-item-search:hover,
    .anvu-suggest-item-search.active {
        background: #f8fafc;
    }

.anvu-suggest-thumb {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border-radius: 10px;
    overflow: hidden;
    background: #f3f4f6;
}

    .anvu-suggest-thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.anvu-suggest-info {
    min-width: 0;
    flex: 1;
}

.anvu-suggest-name-search {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    color: #111827;
    margin-bottom: 4px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.anvu-suggest-meta {
    font-size: 13px;
    color: #6b7280;
}

.anvu-suggest-price {
    font-size: 14px;
    font-weight: 700;
    color: #dc2626;
    white-space: nowrap;
}

.anvu-suggest-empty {
    padding: 14px;
    font-size: 14px;
    color: #6b7280;
}

.anvu-suggest-footer {
    border-top: 1px solid #f1f5f9;
    padding: 10px 14px;
    background: #fff;
}

.anvu-suggest-all {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}


.anvu-suggest-products {
    transition: all .25s ease;
}

    .anvu-suggest-products.is-expanded {
        transition: all .25s ease;
    }

.anvu-action-hotline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    min-height: 44px;
}

.anvu-action-hotline-icon {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 15px;
    flex: 0 0 38px;
    transition: all .2s ease;
}

.anvu-action-hotline-text {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.anvu-action-hotline-label {
    font-size: 11px;
    opacity: .85;
}

.anvu-action-hotline-number {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.anvu-action-hotline:hover {
    color: #fff;
}

    .anvu-action-hotline:hover .anvu-action-hotline-icon {
        transform: translateY(-1px);
        background: rgba(255,255,255,.22);
    }

.anvu-action-hotline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
    min-height: 44px;
}

    .anvu-action-hotline:hover {
        color: #fff;
    }

.anvu-action-hotline-icon {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.14);
    color: #fff;
    font-size: 15px;
    flex: 0 0 40px;
    transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
    overflow: visible;
}

    .anvu-action-hotline-icon::before,
    .anvu-action-hotline-icon::after {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 999px;
        border: 1px solid rgba(255,255,255,.35);
        transform: scale(1);
        opacity: 0;
        pointer-events: none;
    }

    .anvu-action-hotline-icon::before {
        animation: anvuHotlinePulse 2.4s ease-out infinite;
    }

    .anvu-action-hotline-icon::after {
        animation: anvuHotlinePulse 2.4s ease-out infinite .9s;
    }

    .anvu-action-hotline-icon i {
        position: relative;
        z-index: 2;
        transform-origin: 60% 60%;
        animation: anvuHotlineRing 2.8s ease-in-out infinite;
    }

.anvu-action-hotline-text {
    display: flex;
    flex-direction: column;
    line-height: 1.12;
}

.anvu-action-hotline-label {
    font-size: 11px;
    opacity: .85;
}

.anvu-action-hotline-number {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}

.anvu-action-hotline:hover .anvu-action-hotline-icon {
    background: rgba(255,255,255,.22);
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
    transform: translateY(-1px);
}

@keyframes anvuHotlinePulse {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    15% {
        opacity: .55;
    }

    70% {
        transform: scale(1.55);
        opacity: 0;
    }

    100% {
        transform: scale(1.55);
        opacity: 0;
    }
}

@keyframes anvuHotlineRing {
    0%, 84%, 100% {
        transform: rotate(0deg);
    }

    86% {
        transform: rotate(12deg);
    }

    88% {
        transform: rotate(-10deg);
    }

    90% {
        transform: rotate(8deg);
    }

    92% {
        transform: rotate(-6deg);
    }

    94% {
        transform: rotate(4deg);
    }

    96% {
        transform: rotate(-2deg);
    }

    98% {
        transform: rotate(0deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .anvu-action-hotline-icon::before,
    .anvu-action-hotline-icon::after,
    .anvu-action-hotline-icon i {
        animation: none !important;
    }
}


.home-viewed-products {
    margin: 10px 0; width:100%
}

.viewed-products-box {
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 16px;
    padding: 20px 24px 24px;
}

.viewed-products-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.viewed-products-title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: #1f2d3d;
}

.viewed-products-clear {
    border: 0;
    background: transparent;
    color: #8b95a7;
    font-size: 15px;
    padding: 0;
    cursor: pointer;
}

    .viewed-products-clear:hover {
        color: #0d6efd;
    }

.viewed-products-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.viewed-product-card {
    position: relative;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    padding: 16px 18px;
    min-height: 106px;
    transition: all .2s ease;
}

    .viewed-product-card:hover {
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
        border-color: #dcdcdc;
    }

.viewed-product-link {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    text-decoration: none;
}

.viewed-product-thumb {
    width: 70px;
    min-width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .viewed-product-thumb img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.viewed-product-info {
    flex: 1;
    min-width: 0;
    padding-right: 18px;
}

.viewed-product-name {
    margin: 0 0 10px;
    font-size: 15px;
    line-height: 1.45;
    font-weight: 500;
    color: #1f2937;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.viewed-product-price {
    font-size: 16px;
    font-weight: 700;
    color: #ef3b2d;
}

.viewed-product-remove {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 50%;
    background: #98a2b3;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    padding: 0;
    cursor: pointer;
}

    .viewed-product-remove:hover {
        background: #6b7280;
    }

@media (max-width: 991.98px) {
    .viewed-products-list {
        grid-template-columns: 1fr;
    }

    .viewed-products-box {
        padding: 16px;
    }

    .viewed-products-title {
        font-size: 20px;
    }
}

.anvu-promo-products-grid {
    display: flex;
    gap: 16px;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 2px;
}

    .anvu-promo-products-grid::-webkit-scrollbar {
        display: none;
    }

    .anvu-promo-products-grid > * {
        flex: 0 0 auto;
    }

.anvu-promo-arrow-btn[disabled] {
    opacity: .45;
    pointer-events: none;
}


.anvu-promo-carousel {
    position: relative;
}

.anvu-promo-pages {
    position: relative;
    overflow: hidden;
}

.anvu-promo-page {
    display: none;
}

    .anvu-promo-page.active {
        display: block;
    }

.anvu-promo-products-grid.two-rows {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 1199.98px) {
    .anvu-promo-products-grid.two-rows {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .anvu-promo-products-grid.two-rows {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .anvu-promo-products-grid.two-rows {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.anvu-promo-arrow-btn[disabled] {
    opacity: .45;
    pointer-events: none;
}

/* ===== FOOTER SUPPORT - PREMIUM ===== */
.anvu-footer-col--support {
    min-width: 0;
}

/* =========================================
   FOOTER TOP PREMIUM - Baohanh / Maylocnuoc
   Dùng cho HTML footer hiện tại
   ========================================= */

/* ===== WRAP ===== */
.anvu-footer-top {
    --footer-accent: #1a73e8;
    padding: 30px 0 24px;
    background: radial-gradient(circle at top left, rgba(26, 115, 232, 0.05), transparent 28%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-top: 1px solid #e9eef4;
}

.anvu-footer-grid {
    display: grid;
    grid-template-columns: minmax(280px, 330px) minmax(0, 1fr) minmax(280px, 330px);
    gap: 18px;
    align-items: start;
}

/* ===== CARD BASE ===== */
.anvu-footer-col,
.anvu-footer-middle > .anvu-footer-col {
    position: relative;
    min-width: 0;
    height: 100%;
    padding: 18px;
    border: 1px solid #e6edf4;
    border-radius: 22px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 14px 30px rgba(16, 24, 40, 0.05);
    overflow: hidden;
}

    .anvu-footer-col::before,
    .anvu-footer-middle > .anvu-footer-col::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 1px;
        background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,0));
        pointer-events: none;
    }

/* ===== TITLES ===== */
.anvu-footer-title {
    position: relative;
    margin: 0 0 16px;
    padding-bottom: 10px;
    font-size: 17px;
    line-height: 1.35;
    font-weight: 800;
    color: #111827;
    letter-spacing: .1px;
}

    .anvu-footer-title::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 52px;
        height: 3px;
        border-radius: 999px;
        background: linear-gradient(90deg, #2dd4bf, #60a5fa);
    }

/* =========================================
   LEFT COLUMN - SUPPORT
   ========================================= */
.anvu-footer-col--support {
    min-width: 0;
}

.anvu-footer-support-list {
    display: grid;
    gap: 10px;
}

.anvu-footer-support-item {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
    padding: 9px 12px;
    border: 1px solid #e7edf3;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 20px rgba(16, 24, 40, 0.05);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    overflow: hidden;
}

    .anvu-footer-support-item::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 3px;
        background: linear-gradient(180deg, #2dd4bf 0%, #60a5fa 100%);
        opacity: .95;
    }

    .anvu-footer-support-item:hover {
        transform: translateY(-1px);
        border-color: #d5dee9;
        box-shadow: 0 2px 6px rgba(16, 24, 40, 0.05), 0 14px 28px rgba(16, 24, 40, 0.08);
    }

.anvu-footer-support-icon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #eaf8f5 0%, #d9f3ed 100%);
    border: 1px solid #b7eadf;
    color: #14b8a6;
    font-size: 15px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}

    .anvu-footer-support-icon.is-warning {
        background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
        border-color: #fed7aa;
        color: #ea580c;
    }

    .anvu-footer-support-icon.is-orange {
        background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
        border-color: #fdba74;
        color: #f97316;
    }

    .anvu-footer-support-icon.is-dark {
        background: linear-gradient(180deg, #f3f4f6 0%, #e5e7eb 100%);
        border-color: #e5e7eb;
        color: #475467;
    }

.anvu-footer-support-main {
    min-width: 0;
}

.anvu-footer-support-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.anvu-footer-label {
    color: #344054;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.anvu-footer-time {
    color: #98a2b3;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.anvu-footer-phone {
    display: inline-block;
    color: #14b8a6;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .1px;
    text-decoration: none;
    word-break: break-word;
}

    .anvu-footer-phone:hover {
        text-decoration: underline;
    }

.anvu-footer-mail {
    font-size: 14px;
    color: #111827;
    font-weight: 700;
    letter-spacing: 0;
}

    .anvu-footer-mail:hover {
        color: var(--footer-accent);
    }

/* =========================================
   MIDDLE COLUMNS
   ========================================= */
.anvu-footer-middle {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 18px;
    min-width: 0;
}

.anvu-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .anvu-footer-links li + li {
        margin-top: 11px;
    }

    .anvu-footer-links a {
        display: inline-flex;
        align-items: flex-start;
        gap: 8px;
        color: #334155;
        font-size: 14px;
        line-height: 1.55;
        font-weight: 600;
        text-decoration: none;
        transition: color .2s ease, transform .2s ease;
    }

        .anvu-footer-links a::before {
            content: "";
            width: 6px;
            height: 6px;
            margin-top: 8px;
            border-radius: 999px;
            background: linear-gradient(180deg, #38bdf8, #60a5fa);
            flex: 0 0 6px;
            opacity: .95;
        }

        .anvu-footer-links a:hover {
            color: var(--footer-accent);
            transform: translateX(2px);
        }

.anvu-footer-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 14px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #14b8a6;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
}

    .anvu-footer-more i {
        font-size: 12px;
        color: #6b7280;
        transition: transform .2s ease;
    }

    .anvu-footer-more:hover i {
        transform: translateY(1px);
    }

/* =========================================
   RIGHT COLUMN - BRANDS / SOCIAL / BADGES
   ========================================= */
.anvu-footer-col--brand {
    min-width: 0;
}

.anvu-footer-brands {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 2px;
}

    .anvu-footer-brands a {
        display: block;
        border-radius: 5px;
        overflow: hidden;
        text-decoration: none;
        transition: transform .2s ease, box-shadow .2s ease;
    }

        .anvu-footer-brands a:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
        }

    .anvu-footer-brands img {
        display: block;
        width: 100%;
        height: 30px;
        object-fit: contain;
        padding: 5px 5px;
        border: 1px solid #e8eef4;
        border-radius: 5px;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    }

/* ===== SOCIAL COMPACT PREMIUM ===== */
.anvu-footer-social {
    display: grid;
    gap: 8px;
    margin: 5px 0 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.anvu-social-item {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    padding: 8px 10px;
    border: 1px solid #e7edf3;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfd 100%);
    color: #1f2937;
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

    .anvu-social-item:hover {
        transform: translateY(-1px);
        border-color: #d6e0ea;
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
    }

.anvu-social-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--social-color, var(--footer-accent));
    color: #fff;
    font-size: 13px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}

.anvu-social-text {
    min-width: 0;
    color: #334155;
    font-size: 13px;
    line-height: 1.35;
    font-weight: 700;
}

 .anvu-footer-badges {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.anvu-footer-badges a {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .anvu-footer-badges a,
    .anvu-footer-badges img {
        display: block;
    }

 

        .anvu-footer-badges a:hover {
            transform: translateY(-1px);
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
        }

    .anvu-footer-badges img {
        height: 38px;
        max-width: 100%;
        object-fit: contain;
        padding: 6px 8px;
        border: 1px solid #e8eef4;
        border-radius: 12px;
        background: linear-gradient(180deg, #ffffff 0%, #fafcff 100%);
    }

/* =========================================
   RESPONSIVE
   ========================================= */
@media (max-width: 1199.98px) {
    .anvu-footer-grid {
        grid-template-columns: minmax(240px, 290px) minmax(0, 1fr) minmax(240px, 290px);
        gap: 16px;
    }

    .anvu-footer-col,
    .anvu-footer-middle > .anvu-footer-col {
        padding: 16px;
        border-radius: 20px;
    }

    .anvu-footer-middle {
        gap: 16px;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .anvu-footer-support-item {
        grid-template-columns: 40px minmax(0, 1fr);
        padding: 10px 11px;
    }

    .anvu-footer-support-icon {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 11px;
        font-size: 14px;
    }

    .anvu-footer-phone {
        font-size: 15px;
    }

    .anvu-footer-mail {
        font-size: 13px;
    }
}

@media (max-width: 991.98px) {
    .anvu-footer-top {
        padding: 26px 0 22px;
    }

    .anvu-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .anvu-footer-col--support {
        grid-column: 1;
    }

    .anvu-footer-col--brand {
        grid-column: 2;
    }

    .anvu-footer-middle {
        grid-column: 1 / -1;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 16px;
    }

    .anvu-footer-brands img {
        height: 30px;
    }

    .anvu-footer-social {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .anvu-footer-grid {
        grid-template-columns: 1fr;
    }

    .anvu-footer-col--support,
    .anvu-footer-col--brand,
    .anvu-footer-middle {
        grid-column: auto;
    }
 
    
     
        .anvu-footer-col,
        .anvu-footer-middle > .anvu-footer-col {
            padding: 14px;
            border-radius: 18px;
        }

    .anvu-footer-middle {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .anvu-footer-support-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

 

    .anvu-footer-support-item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
        padding: 8px;
        border-radius: 10px;
    }

    .anvu-footer-support-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 10px;
        font-size: 14px;
    }

    .anvu-footer-label {
        font-size: 12.5px;
    }

    .anvu-footer-time {
        font-size: 10.5px;
    }

    .anvu-footer-phone {
        font-size: 14px;
    }

    .anvu-footer-mail {
        font-size: 12.5px;
    }

    .anvu-footer-social {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        margin: 10px 0 0;
    }

    .anvu-social-item {
        min-width: 0;
        justify-content: flex-start;
        padding: 6px 8px;
        border-radius: 8px;
    }

    .anvu-social-icon {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
        border-radius: 9px;
        font-size: 12px;
    }

    .anvu-social-text {
        min-width: 0;
        font-size: 12.5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 575.98px) {
    .anvu-footer-top {
        padding: 22px 0 18px;
    }

    .anvu-footer-title {
        margin-bottom: 14px;
        font-size: 15px;
    }

    .anvu-footer-support-top {
        flex-wrap: wrap;
        gap: 4px 8px;
    }

    .anvu-footer-label,
    .anvu-footer-time {
        white-space: normal;
    }

 
 
    .anvu-footer-support-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .anvu-footer-links a,
    .anvu-footer-more,
    .anvu-social-text {
        font-size: 13px;
    }

    .anvu-footer-brands {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

        .anvu-footer-brands img {
            height: 30px;
            padding: 5px 5px;
        }

    .anvu-footer-badges img {
        height: 36px;
    }
    .anvu-footer-middle {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .anvu-footer-links li + li {
        margin: 5px !important
    }

    .anvu-footer-links li{margin:3px}
    .anvu-footer-social {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }
}