/* ===== TABLET OPTIMIZATIONS (768px - 991px) ===== */
/*@media (min-width: 768px) and (max-width: 991px) {*/
/*    .product-grid { grid-template-columns: repeat(3, 1fr); gap: 15px; }*/
/*    .product-grid.list-view .product-card { grid-template-columns: 150px 1fr; }*/
/*    .filter-sidebar { position: sticky; top: 20px; }*/
/*    .collection-header { padding: 1.5rem 1rem; }*/
/*    .header-title { font-size: 1.8rem; }*/
/*    .toolbar-actions { width: 100%; justify-content: space-between; }*/
/*    .items-per-page { margin-left: 0; }*/
/*    .secondary-menu-btn { display: none; }*/
/*    .desktop-sort { min-width: 140px; }*/
/*}*/

/* ===== DESKTOP STYLES ===== */
/*@media (min-width: 992px) {*/
/*    .filter-sidebar { position: sticky; top: 20px; }*/
/*    .sort-sidebar { display: none !important; }*/
/*    .desktop-sort { display: block; }*/
/*    .secondary-menu-btn { display: none; }*/
/*}*/

/* ===== MOBILE RESPONSIVE ===== */
/* @media (max-width: 767px) {*/
/*    .nav-menu { display: none; }*/
/*    .hamburger { display: block; }*/
/*    .category-grid { display: none; }*/
/*    .category-slider-mobile { display: block; }*/

    /* WhatsApp button - raised above bottom nav */
/*    .whatsapp-float-btn {*/
/*        bottom: calc(var(--bottom-nav-height) + 20px);*/
/*        width: 50px;*/
/*        height: 50px;*/
/*        font-size: 24px;*/
/*        right: 15px;*/
/*    }*/
/* .collection-toolbar {*/
/*        flex-direction: row !important;*/
/*        align-items: center !important;*/
/*        justify-content: space-between !important;*/
/*        padding: 8px 12px !important;*/
/*        margin-bottom: 12px !important;*/
/*        background: white;*/
/*        border-radius: 12px;*/
/*        box-shadow: 0 2px 8px rgba(0,0,0,0.05);*/
/*        border: 1px solid var(--gray-200);*/
/*        position: sticky;*/
/*        top: 0;*/
/*        z-index: 90;*/
/*        min-height: auto !important;*/
/*    }*/

/*    .result-count {*/
/*        font-size: 0.75rem !important;*/
/*        color: var(--gray-600);*/
/*        white-space: nowrap;*/
/*        margin: 0 !important;*/
/*        padding: 0 !important;*/
/*    }*/

/*    .result-count strong {*/
/*        font-size: 0.75rem !important;*/
/*    }*/

/*    .toolbar-actions {*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        gap: 8px !important;*/
/*        margin: 0 !important;*/
/*        padding: 0 !important;*/
/*        flex-wrap: nowrap !important;*/
/*    }*/

    /* Compact items per page dropdown */
/*    .items-per-page {*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        gap: 3px !important;*/
/*        margin: 0 !important;*/
/*        padding: 0 !important;*/
/*    }*/

/*    .items-per-page label {*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        gap: 2px !important;*/
        font-size: 0 !important; /* Hide text, show only icon */
/*    }*/

/*    .items-per-page label i {*/
/*        font-size: 0.9rem !important;*/
/*        color: var(--collection-primary);*/
/*        margin: 0 !important;*/
/*    }*/

/*    .items-per-page label span {*/
        display: none !important; /* Hide "Show:" text */
/*    }*/

/*    .items-per-page select {*/
/*        padding: 4px 18px 4px 6px !important;*/
/*        font-size: 0.7rem !important;*/
/*        border-width: 1px !important;*/
/*        border-radius: 6px !important;*/
/*        max-width: 55px !important;*/
/*        background-position: right 2px center !important;*/
/*        background-size: 12px !important;*/
/*        height: 28px !important;*/
/*    }*/

    /* Secondary menu button - compact */
/*    .secondary-menu-btn {*/
/*        padding: 5px 8px !important;*/
/*        font-size: 0.7rem !important;*/
/*        gap: 3px !important;*/
/*        border-radius: 8px !important;*/
/*        background: linear-gradient(135deg, var(--collection-primary), var(--collection-secondary));*/
/*        color: white;*/
/*        border: none;*/
/*        height: 28px !important;*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        justify-content: center !important;*/
/*    }*/

/*    .secondary-menu-btn i {*/
/*        font-size: 0.75rem !important;*/
/*    }*/

/*    .secondary-menu-btn span {*/
        display: inline !important; /* Keep "Filter & Sort" text */
/*        font-size: 0.7rem !important;*/
/*    }*/

/*    .secondary-menu-btn i:last-child {*/
        display: none !important; /* Hide the chevron icon */
/*    }*/

    /* View options - compact */
/*    .view-options {*/
/*        display: flex !important;*/
/*        gap: 2px !important;*/
/*        background: var(--gray-100);*/
/*        padding: 2px !important;*/
/*        border-radius: 8px !important;*/
/*        height: 28px !important;*/
/*    }*/

/*    .view-btn {*/
/*        padding: 4px 6px !important;*/
/*        font-size: 0.75rem !important;*/
/*        border-radius: 6px !important;*/
/*        min-width: 28px !important;*/
/*        height: 24px !important;*/
/*        display: flex !important;*/
/*        align-items: center !important;*/
/*        justify-content: center !important;*/
/*    }*/

/*    .view-btn i {*/
/*        font-size: 0.8rem !important;*/
/*    }*/

    /* Hide desktop sort on mobile */
/*    .desktop-sort {*/
/*        display: none !important;*/
/*    }*/

    /* Adjust sticky behavior */
/*    .collection-toolbar.sticky {*/
/*        box-shadow: 0 4px 10px rgba(0,0,0,0.1);*/
/*    }*/
/*    .filter-sidebar, .sort-sidebar {*/
/*        position: fixed; top: 0; width: var(--filter-sidebar-width); max-width: 350px; height: 100vh;*/
/*        border-radius: 0 20px 20px 0; z-index: 9999; transform: translateX(-100%);*/
/*        transition: transform 0.3s ease; overflow-y: auto; padding: 20px 16px 80px 16px; display: block !important;*/
/*    }*/
/*    .sort-sidebar { left: auto; right: 0; border-radius: 20px 0 0 20px; transform: translateX(100%); }*/
/*    .filter-sidebar.mobile-open { transform: translateX(0); }*/
/*    .sort-sidebar.mobile-open { transform: translateX(0); }*/
/*    .filter-close, .sort-close { display: block; }*/

/*    .collection-toolbar {*/
/*        flex-direction: column; align-items: stretch; position: sticky; top: 0; z-index: 90; padding-bottom: 70px;*/
/*    }*/
/*    .result-count { text-align: center; }*/
/*    .toolbar-actions { justify-content: space-between; }*/
/*    .secondary-menu-btn { flex: 1; justify-content: center; display: flex; }*/
/*    .desktop-sort { display: none; }*/
/*    .view-options { margin-left: auto; }*/
/*    .items-per-page { width: 100%; margin-top: 10px; justify-content: space-between; }*/
/*    .items-per-page select { flex: 1; max-width: 120px; }*/

/*    .mobile-bottom-nav { display: flex; }*/
/*    body { padding-bottom: 70px; }*/
/*    .collection-wrapper { padding: 0.8rem; }*/

    /* ===== IMPROVED PRODUCT CARD FOR MOBILE ===== */
/*    .product-grid {*/
/*        grid-template-columns: repeat(2, 1fr);*/
/*        gap: 12px;*/
/*    }*/

/*    .product-card {*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        height: auto;*/
/*        min-height: 320px;*/
/*        border-radius: 12px;*/
/*        overflow: hidden;*/
/*    }*/

    /* Fix image container - maintain square aspect ratio */
/*    .product-image-wrapper {*/
/*        width: 100%;*/
        padding-top: 100%; /* 1:1 square aspect ratio */
/*        position: relative;*/
/*        background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);*/
/*        border-bottom: 1px solid var(--gray-200);*/
/*    }*/

/*    .product-image {*/
/*        position: absolute;*/
/*        top: 0;*/
/*        left: 0;*/
/*        width: 100%;*/
/*        height: 100%;*/
        object-fit: contain; /* Ensures image fits without distortion */
        padding: 12px; /* Slightly less padding on mobile */
/*    }*/

    /* Product info section */
/*    .product-info {*/
/*        padding: 12px 10px;*/
/*        flex: 1;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*    }*/

/*    .product-category {*/
/*        font-size: 0.65rem;*/
/*        margin-bottom: 4px;*/
/*        white-space: nowrap;*/
/*        overflow: hidden;*/
/*        text-overflow: ellipsis;*/
/*    }*/

/*    .product-title {*/
/*        font-size: 0.85rem;*/
/*        line-height: 1.3;*/
/*        height: 2.2rem;*/
/*        margin-bottom: 6px;*/
/*        font-weight: 600;*/
/*        display: -webkit-box;*/
/*        -webkit-line-clamp: 2;*/
/*        -webkit-box-orient: vertical;*/
/*        overflow: hidden;*/
/*    }*/

    /* Price styling */
/*    .product-price {*/
/*        margin-bottom: 8px;*/
/*        flex-wrap: wrap;*/
/*        align-items: baseline;*/
/*    }*/

/*    .current-price {*/
/*        font-size: 1rem;*/
/*        font-weight: 700;*/
/*    }*/

/*    .old-price {*/
/*        font-size: 0.75rem;*/
/*    }*/

/*    .discount-badge {*/
/*        font-size: 0.6rem;*/
/*        padding: 2px 6px;*/
/*    }*/

    /* Stock status */
/*    .product-stock {*/
/*        margin-bottom: 8px;*/
/*        font-size: 0.7rem;*/
/*    }*/

/*    .stock-status {*/
/*        padding: 3px 8px;*/
/*        display: inline-flex;*/
/*        align-items: center;*/
/*        gap: 4px;*/
/*    }*/

/*    .stock-status i {*/
/*        font-size: 0.65rem;*/
/*    }*/

    /* Add to cart button - always visible and properly sized */
/*    .add-to-cart-btn {*/
/*        padding: 8px 0;*/
/*        font-size: 0.8rem;*/
        margin-top: auto; /* Pushes button to bottom */
/*        border-radius: 8px;*/
/*        background: linear-gradient(135deg, var(--collection-primary), var(--collection-secondary));*/
/*        color: white;*/
/*        border: none;*/
/*        font-weight: 600;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: center;*/
/*        gap: 5px;*/
/*        width: 100%;*/
/*    }*/

/*    .add-to-cart-btn i {*/
/*        font-size: 0.75rem;*/
/*    }*/

    /* Quick actions - reposition for mobile */
/*    .quick-actions {*/
/*        position: absolute;*/
/*        top: 8px;*/
/*        right: 8px;*/
/*        bottom: auto;*/
/*        left: auto;*/
/*        opacity: 1;*/
/*        transform: none;*/
/*        display: flex;*/
/*        gap: 5px;*/
/*        z-index: 5;*/
/*    }*/

/*    .quick-action-btn {*/
/*        width: 30px;*/
/*        height: 30px;*/
/*        font-size: 0.75rem;*/
/*        background: rgba(255, 255, 255, 0.95);*/
/*        box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
/*        border: 1px solid rgba(255,255,255,0.5);*/
/*    }*/

    /* Product badges - adjust for mobile */
/*    .product-badge {*/
/*        top: 8px;*/
/*        left: 8px;*/
/*        gap: 4px;*/
/*    }*/

/*    .badge-item {*/
/*        padding: 3px 8px;*/
/*        font-size: 0.6rem;*/
/*        font-weight: 600;*/
/*    }*/

    /* Rating stars - optional, hide if not needed on mobile to save space */
/*    .product-rating {*/
/*        margin-bottom: 6px;*/
/*        font-size: 0.7rem;*/
/*    }*/

/*    .stars i {*/
/*        font-size: 0.65rem;*/
/*    }*/

/*    .rating-count {*/
/*        font-size: 0.6rem;*/
/*    }*/

    /* List view specific adjustments for mobile */
/*    .product-grid.list-view {*/
/*        grid-template-columns: 1fr;*/
/*    }*/

/*    .product-grid.list-view .product-card {*/
/*        display: grid;*/
/*        grid-template-columns: 100px 1fr;*/
/*        gap: 10px;*/
/*        min-height: 140px;*/
/*        align-items: center;*/
/*    }*/

/*    .product-grid.list-view .product-image-wrapper {*/
/*        width: 100px;*/
/*        height: 100px;*/
/*        padding-top: 0;*/
/*        border-bottom: none;*/
/*    }*/

/*    .product-grid.list-view .product-image {*/
/*        padding: 8px;*/
/*    }*/

/*    .product-grid.list-view .product-info {*/
/*        padding: 8px 8px 8px 0;*/
/*    }*/

/*    .product-grid.list-view .product-title {*/
/*        font-size: 0.8rem;*/
/*        height: 2rem;*/
/*        -webkit-line-clamp: 2;*/
/*    }*/

/*    .product-grid.list-view .quick-actions {*/
/*        position: static;*/
/*        margin-top: 5px;*/
/*        justify-content: flex-start;*/
/*    }*/

/*    .product-grid.list-view .add-to-cart-btn {*/
/*        margin-top: 5px;*/
/*        padding: 5px 0;*/
/*        font-size: 0.75rem;*/
/*    }*/

    /* Extra small devices (phones under 400px) */
/*    @media (max-width: 400px) {*/
/*        .product-grid {*/
/*            grid-template-columns: 1fr;*/
/*            gap: 15px;*/
/*        }*/

/*        .product-card {*/
/*            min-height: 380px;*/
/*        }*/

/*        .product-image-wrapper {*/
            padding-top: 80%; /* Slightly shorter for single column */
/*        }*/

/*        .product-title {*/
/*            font-size: 0.9rem;*/
/*            height: 2.4rem;*/
/*        }*/

/*        .current-price {*/
/*            font-size: 1.1rem;*/
/*        }*/

/*        .product-grid.list-view .product-card {*/
/*            grid-template-columns: 90px 1fr;*/
/*        }*/

/*        .product-grid.list-view .product-image-wrapper {*/
/*            width: 90px;*/
/*            height: 90px;*/
/*        }*/
/*    }*/
/* @media (max-width: 380px) {*/
/*        .secondary-menu-btn span {*/
            display: none !important; /* Hide text on very small screens */
/*        }*/
        
/*        .secondary-menu-btn {*/
/*            padding: 5px !important;*/
/*            width: 32px !important;*/
/*        }*/

/*        .items-per-page select {*/
/*            max-width: 50px !important;*/
/*            padding: 4px 16px 4px 4px !important;*/
/*        }*/

/*        .result-count {*/
/*            font-size: 0.65rem !important;*/
/*        }*/
/*    }*/

    /* Very small devices */
/*    @media (max-width: 340px) {*/
/*        .quick-action-btn {*/
/*            width: 26px;*/
/*            height: 26px;*/
/*            font-size: 0.7rem;*/
/*        }*/

/*        .product-badge .badge-item {*/
/*            padding: 2px 6px;*/
/*            font-size: 0.55rem;*/
/*        }*/

/*        .product-title {*/
/*            font-size: 0.8rem;*/
/*            height: 2rem;*/
/*        }*/
/*          .items-per-page select {*/
/*            max-width: 45px !important;*/
/*            padding: 4px 14px 4px 4px !important;*/
/*        }*/

/*        .view-btn {*/
/*            min-width: 24px !important;*/
/*            padding: 3px 4px !important;*/
/*        }*/

/*        .view-btn i {*/
/*            font-size: 0.7rem !important;*/
/*        }*/
/*    }*/
/*}*/