/* ===========================================================
   Nhà thuốc An Phước - Responsive nâng cấp (responsive-v2)
   =========================================================== */

@media (max-width:1200px){
    .ap-products{ grid-template-columns:repeat(4,1fr); }
    .ap-products.col-5,.ap-products.col-4{ grid-template-columns:repeat(4,1fr); }
    .ap-cats{ grid-template-columns:repeat(4,1fr); }
}

@media (max-width:1024px){
    .ap-cat-layout{ grid-template-columns:1fr; }
    .ap-filter{ margin-bottom:18px; }
    .ap-why{ grid-template-columns:repeat(2,1fr); }
    .ap-news{ grid-template-columns:repeat(2,1fr); }
    .ap-footer .ap-footer-grid{ grid-template-columns:1fr 1fr; }
    .ap-hero-consult{ position:static; max-width:100%; margin-top:16px; }
}

@media (max-width:768px){
    .ap-topbar{ display:none; }
    .ap-header .wrap-content{ flex-wrap:wrap; gap:12px; }
    .ap-header-actions{ gap:14px; }
    .ap-hero-text h1{ font-size:30px; }
    .ap-commit{ margin-top:16px; }
    .ap-products,
    .ap-products.col-5,
    .ap-products.col-4{ grid-template-columns:repeat(2,1fr); }
    .ap-cats{ grid-template-columns:repeat(4,1fr); }
    .ap-section-head h2{ font-size:18px; }
    .ap-nav ul{ display:none; }
    .ap-toa{ padding:20px; }

    /* Thanh mua cố định mobile - chi tiết SP */
    .ap-mobile-bar{
        display:flex !important;
        position:fixed;
        left:0; right:0; bottom:0;
        z-index:999;
        background:#fff;
        border-top:1px solid var(--ap-border);
        padding:8px;
        gap:8px;
        align-items:center;
        box-shadow:0 -3px 14px rgba(0,0,0,.08);
    }
    .ap-mobile-bar .ap-mb-ic{
        flex:none;
        text-align:center;
        font-size:12px;
        color:var(--ap-muted);
        text-decoration:none;
        padding:0 6px;
    }
    .ap-mobile-bar .ap-mb-ic i{ font-size:20px; display:block; color:var(--ap-blue); }
    .ap-mobile-bar .ap-mb-cart{
        flex:1;
        background:var(--ap-blue);
        color:#fff;
        border:0;
        border-radius:8px;
        padding:12px;
        font-weight:700;
        font-size:15px;
    }
    body.has-mobile-bar{ padding-bottom:70px; }
}

@media (max-width:480px){
    .ap-cats{ grid-template-columns:repeat(3,1fr); }
    .ap-hero-text h1{ font-size:25px; }
    .ap-why{ grid-template-columns:1fr; }
    .ap-news{ grid-template-columns:1fr; }
    .ap-footer .ap-footer-grid{ grid-template-columns:1fr; }
}

/* Mặc định ẩn thanh mobile trên desktop */
.ap-mobile-bar{ display:none; }