:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #fed700;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-ec-dark: #181818;
    --bs-ec-dark-body: #d9d9d9;
    --bs-primary: #18A64A;
    --bs-ec-primary: #18A64A;
    --bs-ec-primary-d: #e7c400;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #fed700;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #333e48;
    --bs-font-sans-serif: "Inter", "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.714;
    color: #333e48;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

ul {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    color: #333e48;
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

.fw-600 {
    font-weight: 600;
}

.rounded-sm {
    border-radius: 10px;
}

.pt-7 {
    padding-top: 6rem !important;
}

.mt-n5 {
    margin-top: -3rem !important;
}

.lh-lg {
    line-height: 2 !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.card--name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* Desktop: 4 dòng */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.3rem;
    /* fallback */
}

.card--description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* Desktop: 4 dòng */
    -webkit-line-clamp: 4;
    line-clamp: 4;
    /* fallback */
}

/* Mobile: tối đa 2 dòng */
@media (max-width: 768px) {
    .card--description {
        -webkit-line-clamp: 2;
        line-clamp: 2;
    }
}

.title-module {
    line-height: 2rem;
}

.title-module::after {
    content: "";
    display: block;
    height: 3px;
    background-color: var(--bs-primary);
}

.product-item__discount-tag {
    background-color: var(--bs-primary);
    padding: 4px 8px;
    border-radius: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 12px;
    font-weight: 600
}

.product-item__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 50px;
}


.nc-m.swiper-horizontal>.swiper-pagination-bullets,
.nc-m.swiper-pagination-bullets.swiper-pagination-horizontal {
    margin-top: 10px;
    left: 0;
    bottom: -5px;
    width: 100%;
}

.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 2px
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--bs-primary)
}