/* Global spacing for product-card grids */
:root {
    --product-card-row-gap: 32px;
}

.product-card-row-gap {
    row-gap: var(--product-card-row-gap);
}

/* Override font cho toàn bộ website - Font hệ thống */
* {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

/* =============================
   Header: desktop navigation fixes
   - prevent wrapping
   - adjust gaps per breakpoint
============================== */
.header-default .box-nav-ul {
    flex-wrap: nowrap;
}

.header-default .box-nav-ul .item-link {
    white-space: nowrap;
}

/* LG: 992–1199px */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .header-default .box-nav-ul {
        gap: 14px !important;
    }

    .header-default .box-nav-ul .item-link {
        font-size: 14px;
    }

    .header-default .nav-icon {
        gap: 12px !important;
    }
}

/* XL: 1200–1399px */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .header-default .box-nav-ul {
        gap: 28px !important;
    }
}

/* XXL+: >= 1400px */
@media (min-width: 1400px) {
    .header-default .box-nav-ul {
        gap: 32px !important;
    }
}