/* Purple Apple Store - Client Responsive Styles */

/* Desktop Large (1440px+) */
@media (min-width: 1440px) {
    .pa-container {
        max-width: 1400px;
    }
}

/* Desktop to Tablet (1024px) */
@media (max-width: 1024px) {
    .pa-nav-links {
        display: none; /* Hide desktop links, rely on drawer or adapted header */
    }
    
    .pa-search-input {
        width: 200px;
    }
    
    .pa-search-input:focus {
        width: 250px;
    }
}

/* Tablet to Mobile (768px) */
@media (max-width: 768px) {
    .pa-search-wrapper {
        display: none; /* Hide search in header on mobile */
    }
    
    .pa-sticky-bottom {
        display: flex; /* Show sticky CTA on mobile detail pages */
        justify-content: space-between;
        align-items: center;
    }
    
    .desktop-only {
        display: none !important;
    }
    
    /* Full screen filter drawer for mobile */
    .pa-filter-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: var(--pa-white);
        z-index: 2000;
        transition: left 0.3s ease;
        padding: 24px;
        overflow-y: auto;
    }
    
    .pa-filter-sidebar.open {
        left: 0;
    }
}

/* Small Mobile (390px, 375px, 360px, 320px) */
@media (max-width: 412px) {
    .pa-container {
        padding: 0 16px;
    }
    
    .pa-eq-card {
        border-radius: 12px;
    }
    
    h1 { font-size: 28px; }
    h2 { font-size: 24px; }
    
    .btn-pa-primary {
        padding: 10px 20px;
        font-size: 14px;
    }
}