/* ============================================================
   RESPONSIVE BREAKPOINTS
   xs: < 576px (Mobile Portrait)
   sm: 576px - 767px (Mobile Landscape)
   md: 768px - 991px (Tablet)
   lg: 992px - 1199px (Desktop)
   xl: >= 1200px (Large Desktop)
============================================================ */

/* Mobile Portrait (< 576px) */
@media (max-width: 575.98px) {
    .hero-slide { min-height: 350px; }
    .hero-title  { font-size: 1.8rem; }
    .section-title { font-size: 1.5rem; }
    .product-card .product-name { font-size: 13px; }
    
    .cart-table thead { display: none; }
    .cart-table tbody tr { display: block; margin-bottom: 20px; border: 1px solid var(--border); border-radius: 8px; padding: 12px; }
    .cart-table tbody td { display: flex; justify-content: space-between; align-items: center; border: none; padding: 6px 0; }
    .cart-table tbody td::before { content: attr(data-label); font-weight: 600; }
    
    .checkout-steps .step-label { display: none; }
    .admin-topbar { padding: 10px 15px; }
    .admin-page   { padding: 15px; }
    .stat-card    { padding: 16px; }
    .stat-card .stat-value { font-size: 22px; }
}

/* Mobile Landscape / Small Tablet (576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .hero-slide  { min-height: 420px; }
    .hero-title  { font-size: 2rem; }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .hero-slide  { min-height: 500px; }
    .admin-sidebar { width: 70px; }
    .admin-sidebar .nav-link span { display: none; }
    .admin-sidebar .nav-link { justify-content: center; }
    .admin-content { margin-left: 70px; }
}

/* Print Styles */
@media print {
    .admin-sidebar, .admin-topbar, .no-print { display: none !important; }
    .admin-content { margin-left: 0; }
    .invoice-box { box-shadow: none; border: 1px solid #ccc; }
}