/* ===================================================================
   TK Construction — Responsive
   Nạp SAU CÙNG. Ưu tiên class grid của Bootstrap; file này chỉ bù
   những chỗ Bootstrap không xử lý được.
   =================================================================== */

/* ---------------------------------------------- <= 1199px --------- */
@media (max-width: 1199.98px) {
    .topbar-company { font-size: .9375rem; }
    .topbar-item { padding: 0 10px; font-size: .8125rem; }
    .header-topbar-inner, .header-navbar-inner { padding-left: 200px; }
    .header-brand { transform: scale(.86); transform-origin: left top; }
    .main-nav > .menu-item > a { padding: 0 7px; font-size: .9375rem; }
}

/* ---------------------------------------------- <= 991px ---------- */
@media (max-width: 991.98px) {
    :root { --header-h: var(--header-h-sm); --topbar-h: 0px; }

    .site-header { top: 0; box-shadow: var(--shadow-sm); }
    .header-navbar-inner { padding-left: 0; height: var(--header-h-sm); }
    .header-brand,
    .site-header.is-stuck .header-brand {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        background: none;
        transform: none;
        display: flex;
        align-items: center;
    }
    .header-brand::before { display: none; }
    .navbar-brand img,
    .site-header.is-stuck .navbar-brand img { width: auto; height: 48px; }
    .header-nav { flex: 0 0 auto; }
    .header-tools { margin-left: auto; }
    .header-search .search-box { max-width: none; }

    .sticky-sidebar { position: static; }
    .footer-brand { max-width: none; text-align: left; }
}

/* ---------------------------------------------- <= 767px ---------- */
@media (max-width: 767.98px) {
    .section { padding: 44px 0; }
    .section-head-row { align-items: center; }
    .view-all { font-size: 1rem; }
    .news-card-title { font-size: 1.1875rem; }
    .chip-tabs { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; }
    .chip-tabs::-webkit-scrollbar { display: none; }
    .chip-tab { flex: 0 0 auto; min-width: 0; padding: 4px 16px; font-size: .9375rem; }
    .copyright { justify-content: center; text-align: center; font-size: .8125rem; }
    .search-box { flex-wrap: wrap; padding-left: 40px; }
    .search-submit { width: 100%; }
    .product-card-title { font-size: .9375rem; }
    .product-card-foot { font-size: .8125rem; }
    .product-card-cat i { display: none; }
}

/* ---------------------------------------------- <= 575px ---------- */
@media (max-width: 575.98px) {
    .container { padding: 0 14px; }
    .product-grid { --bs-gutter-x: 12px; --bs-gutter-y: 12px; }
    .product-card-body { padding: 10px 6px 0; }
    .product-card-foot { flex-direction: column; align-items: flex-start; gap: 2px; }
    .sidebar-box, .content-card { padding: 20px; }
    .lang-switch-item { padding: 2px 7px; }
}

/* ---------------------------------------------- In ấn ------------- */
@media print {
    .site-header, .site-footer, .float-cta, .mobile-cta, .sticky-sidebar,
    .cta-band, .swiper-button-prev, .swiper-button-next { display: none !important; }
    body { color: #000; }
}