/* ============================================================
   SR Collection - Responsive Styles
   ============================================================ */

/* === Tablet (max-width: 1024px) === */
@media (max-width: 1024px) {
    :root {
        --sr-container-padding: 16px;
    }

    .sr-header-inner {
        gap: 12px;
    }

    .sr-search-wrapper {
        max-width: 400px;
    }

    .sr-action-label {
        display: none;
    }

    .sr-action-btn {
        padding: 8px;
    }

    .sr-nav-menu .sr-menu-link {
        padding: 12px 10px;
        font-size: 0.75rem;
    }

    .sr-hero {
        height: 400px;
    }

    .sr-hero-title {
        font-size: 2.25rem;
    }

    .sr-categories-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
    }

    .sr-products-grid-4 {
        grid-template-columns: repeat(3, 1fr);
    }

    .sr-product-slider-track .sr-product-card {
        flex: 0 0 calc(33.333% - 14px);
    }

    .sr-festival-inner {
        flex-direction: column;
        gap: 32px;
        padding: 32px;
    }

    .sr-festival-image {
        width: 200px;
        height: 200px;
    }

    .sr-reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sr-instagram-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sr-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sr-footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .sr-footer-col:first-child {
        grid-column: 1 / -1;
    }

    .sr-product-main {
        flex-direction: column;
        gap: 32px;
    }

    .sr-product-gallery {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sr-shop-layout {
        flex-direction: column;
    }

    .sr-shop-sidebar {
        width: 100%;
    }

    .sr-cart-layout {
        flex-direction: column;
    }

    .sr-cart-sidebar {
        width: 100%;
    }

    .sr-checkout-layout {
        flex-direction: column;
    }

    .sr-checkout-sidebar {
        width: 100%;
    }

    .sr-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* === Mobile (max-width: 768px) === */
@media (max-width: 768px) {
    :root {
        --sr-header-height: 60px;
    }

    .sr-top-bar {
        display: none;
    }

    .sr-mobile-toggle {
        display: flex;
    }

    .sr-logo-brand {
        font-size: 1.25rem;
    }

    .sr-logo-collection {
        font-size: 0.9375rem;
    }

    .sr-search-wrapper {
        max-width: none;
        flex: 1;
    }

    .sr-search-input {
        font-size: 0.8125rem;
    }

    .sr-header-actions .sr-user-btn,
    .sr-header-actions .sr-wishlist-btn {
        display: none;
    }

    .sr-nav {
        display: none;
    }

    .sr-hero {
        height: 360px;
    }

    .sr-hero-content {
        max-width: 100%;
        text-align: center;
    }

    .sr-hero-title {
        font-size: 1.75rem;
    }

    .sr-hero-subtitle {
        font-size: 0.9375rem;
    }

    .sr-hero-buttons {
        justify-content: center;
    }

    .sr-section-title {
        font-size: 1.5rem;
    }

    .sr-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .sr-products-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .sr-product-slider-track .sr-product-card {
        flex: 0 0 calc(50% - 10px);
        min-width: 160px;
    }

    .sr-slider-arrow {
        display: none;
    }

    .sr-festival-inner {
        padding: 24px;
    }

    .sr-festival-title {
        font-size: 1.5rem;
    }

    .sr-festival-timer {
        gap: 8px;
    }

    .sr-timer-block {
        padding: 8px 10px;
        min-width: 56px;
    }

    .sr-timer-num {
        font-size: 1.125rem;
    }

    .sr-reviews-grid {
        grid-template-columns: 1fr;
    }

    .sr-instagram-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sr-features-grid {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .sr-newsletter-inner {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }

    .sr-newsletter-input {
        min-width: 0;
        flex: 1;
    }

    .sr-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .sr-footer-bottom-inner {
        flex-direction: column;
        gap: 12px;
        text-align: center;
    }

    .sr-product-title {
        font-size: 1.375rem;
    }

    .sr-product-details-list {
        grid-template-columns: 1fr;
    }

    .sr-tabs-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .sr-tab-btn {
        padding: 12px 16px;
        font-size: 0.8125rem;
        white-space: nowrap;
    }

    .sr-shop-toolbar {
        flex-wrap: wrap;
        gap: 12px;
    }

    .sr-filter-toggle {
        display: flex;
    }

    .sr-shop-sidebar {
        position: fixed;
        top: 0;
        left: -100%;
        width: 300px;
        max-width: 85vw;
        height: 100vh;
        background: var(--sr-white);
        z-index: 2000;
        overflow-y: auto;
        padding: 20px;
        transition: left var(--sr-transition-slow);
        box-shadow: var(--sr-shadow-xl);
    }

    .sr-shop-sidebar.active {
        left: 0;
    }

    .sr-filter-close {
        display: flex;
        position: absolute;
        top: 12px;
        right: 12px;
    }

    .sr-cart-item {
        flex-direction: column;
        gap: 12px;
    }

    .sr-cart-item-img {
        width: 80px;
        height: 106px;
    }

    .sr-cart-actions {
        flex-direction: column;
        gap: 12px;
    }

    .sr-cart-coupon {
        width: 100%;
    }

    .sr-cart-coupon .sr-input {
        flex: 1;
        min-width: 0;
    }

    .sr-account-layout {
        flex-direction: column;
    }

    .sr-account-nav {
        width: 100%;
    }

    .sr-blog-grid {
        grid-template-columns: 1fr;
    }

    .sr-404-title {
        font-size: 3rem;
    }

    .sr-404-actions {
        flex-direction: column;
    }

    .sr-whatsapp-float {
        bottom: 16px;
        right: 16px;
        width: 48px;
        height: 48px;
    }

    .sr-back-to-top {
        bottom: 76px;
        right: 16px;
    }
}

/* === Small Mobile (max-width: 480px) === */
@media (max-width: 480px) {
    .sr-hero {
        height: 300px;
    }

    .sr-hero-title {
        font-size: 1.375rem;
    }

    .sr-hero-subtitle {
        font-size: 0.8125rem;
    }

    .sr-btn-lg {
        padding: 10px 20px;
        font-size: 0.875rem;
    }

    .sr-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .sr-category-name {
        font-size: 0.8125rem;
    }

    .sr-products-grid-4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .sr-product-name {
        font-size: 0.8125rem;
    }

    .sr-product-price {
        font-size: 0.8125rem;
    }

    .sr-festival-timer {
        flex-wrap: wrap;
        justify-content: center;
    }

    .sr-features-grid {
        grid-template-columns: 1fr;
    }

    .sr-footer-grid {
        grid-template-columns: 1fr;
    }

    .sr-product-main {
        gap: 20px;
    }

    .sr-gallery-thumb {
        width: 56px;
        height: 74px;
    }

    .sr-product-actions .cart {
        flex-direction: column;
    }

    .sr-product-actions .single_add_to_cart_button {
        width: 100%;
    }

    .sr-product-extra-actions {
        flex-direction: column;
    }

    .sr-newsletter-input-group {
        flex-direction: column;
    }
}