/* Tablet Styles (768px to 1024px) */

.admin-content {
    padding: 32px 40px !important;
}

.grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
}

.product-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
}

/* Sidebar behavior for tablet */
.sidebar {
    width: 240px;
}

.sidebar.collapsed {
    width: 80px;
}

/* Layout stacking */
.module-two-col {
    gap: 32px;
}

.module-main {
    flex: 1;
}

.module-side {
    width: 300px !important;
}

/* Specific Page Adjustments */
.profile-header {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 24px;
}

.metric-card {
    padding: 16px !important;
}

/* Storefront Grid */
.store-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}


/* Page Headers */
.section-header, .collection-header {
    padding: 60px 0 !important;
}

.collection-header h1 {
    font-size: 32px !important;
}