/* ============================================
   Shop Store - Responsive Styles
   ============================================ */

@media (max-width: 576px) {
    .ss-container {
        padding: 0 var(--ss-spacing-sm);
    }
    
    .ss-btn {
        padding: 0.5rem 1rem;
        font-size: var(--ss-font-size-xs);
    }
    
    .ss-card-header {
        flex-direction: column;
        gap: var(--ss-spacing-sm);
    }
    
    /* Mobile Tables */
    .ss-table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    /* Mobile Product Grid */
    .ss-product-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--ss-spacing-sm) !important;
    }
}

@media (max-width: 768px) {
    .ss-section {
        padding: var(--ss-spacing-lg) 0;
    }
    
    .ss-modal {
        width: 95%;
        margin: 0 auto;
    }
    
    /* Hide desktop elements */
    .ss-desktop-only {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .ss-mobile-only {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .ss-product-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .ss-stat-card {
        margin-bottom: var(--ss-spacing-md);
    }
}

@media (max-width: 1200px) {
    .ss-product-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1201px) {
    .ss-product-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}