/* ============================================================
   RESPONSIVE - media queries (LUON nap CUOI cung de ghi de)
   ============================================================ */
@media(max-width:900px){
    .right-sidebar{display:none}
    .product-grid{grid-template-columns:repeat(3,1fr)}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
    .product-grid{grid-template-columns:repeat(2,1fr)}
    .detail-grid{grid-template-columns:1fr}
    .cart-layout{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
    .search-form{font-size:13px}
}

/* ============================================================
   GIO HANG & DAT HANG - mobile (override inline grid bang !important)
   ============================================================ */
@media(max-width:820px){
    /* Tom tat don / form xep doc, bo sticky de khong che noi dung */
    .cart-page-grid,.checkout-grid{grid-template-columns:1fr!important}
    .cart-summary,.checkout-summary{position:static!important;top:auto!important}
}
@media(max-width:600px){
    /* Trang dat hang: o Ho ten / SDT xep doc */
    .form-2col{grid-template-columns:1fr!important}

    /* Bang gio hang -> dang the (card) tren dien thoai */
    .cart-thead{display:none!important}
    .cart-row{
        grid-template-columns:24px 1fr auto!important;
        row-gap:10px!important;
        padding:14px 12px!important;
    }
    .cart-row .ci-check{grid-row:1;grid-column:1;align-self:start;margin-top:4px}
    .cart-row .ci-prod{grid-row:1;grid-column:2}
    .cart-row .ci-remove{grid-row:1;grid-column:3}
    .cart-row .ci-price{display:none!important}      /* don gia an di, da co thanh tien */
    .cart-row .ci-qty{grid-row:2;grid-column:2;justify-content:flex-start!important}
    .cart-row .ci-sub{grid-row:2;grid-column:3;text-align:right!important;align-self:center}

    /* Thanh nut thao tac gio hang khong tran ngang */
    .cart-actions{flex-wrap:wrap}
    .cart-actions > a{flex:1 1 auto;text-align:center}
}

/* ============================================================
   TRANG DANH SACH - luoi san pham + bo loc (responsive)
   ============================================================ */
.dsach-grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){
    .dsach-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
    .dsach-layout{grid-template-columns:1fr!important}  /* bo loc xep tren, san pham xuong duoi */
    .dsach-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:430px){
    .dsach-grid{grid-template-columns:1fr}
}

/* ============================================================
   HEADER tren dien thoai - tranh tran hang, o tim kiem xuong dong rieng
   ============================================================ */
@media(max-width:600px){
    .header-main{flex-wrap:wrap;gap:8px}
    .header-search{order:5;flex:1 1 100%}      /* o tim kiem chiem tron 1 hang duoi */
    .btn-category{padding:9px 12px}
    .header-actions{gap:2px}
    .header-action-btn{padding:5px 7px}
    .header-action-btn .icon{font-size:19px}
}
@media(max-width:430px){
    /* Chi hien icon cho cac nut hanh dong (giu badge gio hang) */
    .header-action-btn span:not(.icon):not(.cart-count){display:none}
    .btn-login{padding:8px 12px;font-size:12px}
    .logo-word{font-size:18px}
    .logo-mark{width:30px;height:30px;border-radius:8px}
}