/**
 * Premium Product Cards Stylesheet
 * Enhanced product card styling for category/archive pages
 *
 * @package GodzillaNutrition_Theme
 */

/* ==========================================================================
   CSS Variables for Product Cards
   ========================================================================== */

:root {
    --card-bg: #ffffff;
    --card-border: #e9ecef;
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    --card-shadow-hover: 0 12px 32px rgba(0, 0, 0, 0.15);
    --card-radius: 16px;
    --card-radius-mobile: 12px;
    --card-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --card-hover-lift: -8px;
    --card-image-zoom: 1.08;
    --card-padding: 1.25rem;
    --card-padding-mobile: 0.875rem;
    --card-gap: 1.5rem;
    --card-gap-mobile: 0.75rem;
}

/* ==========================================================================
   Products Grid Enhancement
   ========================================================================== */

/* Force grid layout - Desktop: 3 columns, Mobile: 2 columns */
/* Override loop-end.php inline styles with higher specificity */
/* Target the actual <ul> element that contains products */
.category-page-wrapper .products-grid .products,
.category-page-wrapper .products-grid > ul,
.category-page-wrapper #products-grid .products,
.category-page-wrapper #products-grid ul.products,
.category-page-wrapper #products-grid ul,
.category-page-wrapper .products,
.category-page-wrapper ul.products,
.category-page-wrapper ul.products.myfood-products-grid,
.category-page-wrapper .myfood-products-grid,
.category-page-wrapper .modern-products-grid,
body.category-page-wrapper #products-grid .products,
body.category-page-wrapper #products-grid ul.products,
body.category-page-wrapper #products-grid ul,
body.category-page-wrapper .myfood-products-grid,
body.category-page-wrapper ul.products.myfood-products-grid,
body.category-page-wrapper .modern-products-grid,
body.category-page-wrapper ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: var(--card-gap) !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* #products-grid is a wrapper div, not the grid itself */
.category-page-wrapper #products-grid,
body.category-page-wrapper #products-grid {
    display: block !important;
}

.category-page-wrapper .products-grid .products li,
.category-page-wrapper .products-grid > ul > li,
.category-page-wrapper #products-grid .products li,
.category-page-wrapper .products li,
.category-page-wrapper ul.products li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   Premium Product Card Base
   ========================================================================== */

.category-page-wrapper [class*="mf-pcard-"],
.category-page-wrapper .products li.product,
.category-page-wrapper .products li,
.category-page-wrapper .product-card {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius) !important;
    box-shadow: var(--card-shadow) !important;
    overflow: hidden !important;
    transition: var(--card-transition) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Fix for WooCommerce default product list styling */
.category-page-wrapper .products li.product,
.category-page-wrapper .products li {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
}

/* Override WooCommerce default product card styles */
.category-page-wrapper .products li.product::before,
.category-page-wrapper .products li.product::after,
.category-page-wrapper .products li::before,
.category-page-wrapper .products li::after {
    display: none !important;
    content: none !important;
}

/* Hover Effect */
.category-page-wrapper [class*="mf-pcard-"]:hover,
.category-page-wrapper .products li.product:hover,
.category-page-wrapper .products li:hover {
    transform: translateY(var(--card-hover-lift)) !important;
    box-shadow: var(--card-shadow-hover) !important;
    border-color: transparent !important;
}

/* ==========================================================================
   Product Image Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pimg-"],
.category-page-wrapper .product-image-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 100% !important; /* 1:1 Aspect Ratio */
    overflow: hidden !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.category-page-wrapper [class*="mf-pimg-"] img,
.category-page-wrapper .product-image-wrapper img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Image Hover Zoom */
.category-page-wrapper [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img,
.category-page-wrapper .products li.product:hover [class*="mf-pimg-"] img,
.category-page-wrapper .products li:hover [class*="mf-pimg-"] img,
.category-page-wrapper .products li.product:hover img {
    transform: scale(var(--card-image-zoom)) !important;
}

/* Image Overlay on Hover */
.category-page-wrapper [class*="mf-pimg-"]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.03) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.category-page-wrapper [class*="mf-pcard-"]:hover [class*="mf-pimg-"]::after {
    opacity: 1;
}

/* ==========================================================================
   Discount Badge Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pdiscount-"] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%) !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.35) !important;
    z-index: 10 !important;
    animation: badgePulse 2s ease-in-out infinite !important;
}

[dir="rtl"] .category-page-wrapper [class*="mf-pdiscount-"] {
    right: auto !important;
    left: 12px !important;
}

@keyframes badgePulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* ==========================================================================
   Wishlist Button Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pwish-"] {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--card-transition) !important;
    z-index: 10 !important;
    color: #636e72 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[dir="rtl"] .category-page-wrapper [class*="mf-pwish-"] {
    left: auto !important;
    right: 12px !important;
}

.category-page-wrapper [class*="mf-pwish-"]:hover {
    background: #fff !important;
    color: #e74c3c !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.25) !important;
}

.category-page-wrapper [class*="mf-pwish-"].active,
.category-page-wrapper [class*="mf-pwish-"].in-wishlist {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.35) !important;
}

.category-page-wrapper [class*="mf-pwish-"] svg {
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.2s ease !important;
}

.category-page-wrapper [class*="mf-pwish-"]:hover svg {
    transform: scale(1.1) !important;
}

/* ==========================================================================
   Product Content Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pcontent-"] {
    padding: var(--card-padding) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    flex: 1 !important;
    text-align: center !important;
}

/* Product Title - Extended to show more text (3 lines) */
.category-page-wrapper [class*="mf-ptitle-"],
.quick-purchases-products-grid [class*="mf-ptitle-"],
.wishlist-page [class*="mf-ptitle-"],
.products-grid [class*="mf-ptitle-"] {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #2d3436 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 4.5em !important;
    transition: color 0.2s ease !important;
    text-align: center !important;
}

.category-page-wrapper [class*="mf-ptitle-"] a,
.quick-purchases-products-grid [class*="mf-ptitle-"] a,
.wishlist-page [class*="mf-ptitle-"] a,
.products-grid [class*="mf-ptitle-"] a {
    color: inherit !important;
    text-decoration: none !important;
}

.category-page-wrapper [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.category-page-wrapper [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a,
.quick-purchases-products-grid [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.quick-purchases-products-grid [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a,
.wishlist-page [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.wishlist-page [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a,
.products-grid [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.products-grid [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a {
    color: var(--primary-color, #ff6b35) !important;
}

/* Product Meta */
.category-page-wrapper [class*="mf-pmeta-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

.category-page-wrapper [class*="mf-pmeta-"] .supplement-type-badge {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #495057 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    border: 1px solid #e9ecef !important;
}

/* ==========================================================================
   Price Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pprice-"] {
    margin: 0 !important;
    padding: 0.5rem 0 !important;
}

.category-page-wrapper [class*="mf-pprice-inner-"] {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

/* Current Price */
.category-page-wrapper [class*="mf-pprice-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.2rem !important;
    direction: ltr !important;
}

.category-page-wrapper [class*="mf-pprice-currency-"] {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--primary-color, #ff6b35) !important;
}

.category-page-wrapper [class*="mf-pprice-current-"] {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: var(--primary-color, #ff6b35) !important;
    letter-spacing: -0.02em !important;
}

/* Old Price */
.category-page-wrapper [class*="mf-pprice-old-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.15rem !important;
    direction: ltr !important;
    opacity: 0.6 !important;
}

.category-page-wrapper [class*="mf-pprice-old-"],
.category-page-wrapper [class*="mf-pprice-old-currency-"] {
    font-size: 0.875rem !important;
    color: #95a5a6 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

/* Status Badge */
.category-page-wrapper [class*="mf-pstatus-price-"] {
    margin-top: 0.5rem !important;
}

.category-page-wrapper [class*="mf-pbadge-status-"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.category-page-wrapper [class*="mf-status-available-"] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.category-page-wrapper [class*="mf-status-out_of_stock-"] {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* ==========================================================================
   Actions Enhancement
   ========================================================================== */

.category-page-wrapper [class*="mf-pactions-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    padding-top: 0.75rem !important;
    margin-top: auto !important;
    border-top: 1px solid #f1f3f5 !important;
}

/* Quantity Selector */
.category-page-wrapper [class*="mf-pqty-"] {
    display: flex !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    height: 44px !important;
    border: 1px solid #e9ecef !important;
}

.category-page-wrapper [class*="mf-pqty-btn-"] {
    background: transparent !important;
    border: none !important;
    width: 38px !important;
    height: 44px !important;
    cursor: pointer !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #495057 !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.category-page-wrapper [class*="mf-pqty-btn-"]:hover:not(:disabled) {
    background: #e9ecef !important;
    color: var(--primary-color, #ff6b35) !important;
}

.category-page-wrapper [class*="mf-pqty-btn-"]:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.category-page-wrapper [class*="mf-pqty-input-"] {
    width: 40px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e9ecef !important;
    border-right: 1px solid #e9ecef !important;
    background: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #2d3436 !important;
    height: 44px !important;
    -moz-appearance: textfield !important;
}

.category-page-wrapper [class*="mf-pqty-input-"]::-webkit-outer-spin-button,
.category-page-wrapper [class*="mf-pqty-input-"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Add to Cart Button */
.category-page-wrapper [class*="mf-pcart-"] {
    background: linear-gradient(135deg, var(--primary-color, #ff6b35) 0%, var(--secondary-color, #f7931e) 100%) !important;
    color: #fff !important;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(var(--primary-rgb, 255, 107, 53), 0.3) !important;
}

.category-page-wrapper [class*="mf-pcart-"] svg {
    width: 22px !important;
    height: 22px !important;
}

.category-page-wrapper [class*="mf-pcart-"]:hover:not(:disabled) {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(var(--primary-rgb, 255, 107, 53), 0.4) !important;
}

.category-page-wrapper [class*="mf-pcart-"]:active {
    transform: translateY(0) scale(0.98) !important;
}

.category-page-wrapper [class*="mf-pcart-"]:disabled {
    background: #dfe6e9 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.category-page-wrapper [class*="mf-pcart-"].loading svg {
    animation: cartSpin 1s linear infinite !important;
}

.category-page-wrapper [class*="mf-pcart-"].success {
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 184, 148, 0.3) !important;
}

@keyframes cartSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Unavailable State */
.category-page-wrapper [class*="mf-punavail-"] {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #636e72 !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border: 1px dashed #dee2e6 !important;
}

/* ==========================================================================
   Responsive - Tablet
   ========================================================================== */

/* Tablet - Keep 3 columns until mobile */
@media (max-width: 991.98px) and (min-width: 768px) {
    .category-page-wrapper .products-grid .products,
    .category-page-wrapper .products-grid > ul,
    .category-page-wrapper #products-grid .products,
    .category-page-wrapper .products,
    .category-page-wrapper ul.products,
    .category-page-wrapper ul.products.myfood-products-grid,
    .category-page-wrapper .myfood-products-grid,
    .category-page-wrapper .modern-products-grid,
    .category-page-wrapper #products-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 1rem !important;
    }
    
    :root {
        --card-radius: 14px;
        --card-padding: 1rem;
        --card-gap: 1rem;
    }
}

/* Mobile - 2 columns */
@media (max-width: 767.98px) {
    .category-page-wrapper .products-grid .products,
    .category-page-wrapper .products-grid > ul,
    .category-page-wrapper #products-grid .products,
    .category-page-wrapper #products-grid ul.products,
    .category-page-wrapper #products-grid ul,
    .category-page-wrapper .products,
    .category-page-wrapper ul.products,
    .category-page-wrapper ul.products.myfood-products-grid,
    .category-page-wrapper .myfood-products-grid,
    .category-page-wrapper .modern-products-grid,
    body.category-page-wrapper #products-grid .products,
    body.category-page-wrapper #products-grid ul.products,
    body.category-page-wrapper #products-grid ul,
    body.category-page-wrapper .myfood-products-grid,
    body.category-page-wrapper ul.products.myfood-products-grid,
    body.category-page-wrapper .modern-products-grid,
    body.category-page-wrapper ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--card-gap-mobile) !important;
    }
    
    :root {
        --card-radius: var(--card-radius-mobile);
        --card-padding: var(--card-padding-mobile);
        --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
        --card-shadow-hover: 0 8px 20px rgba(0, 0, 0, 0.1);
        --card-hover-lift: -4px;
    }

/* ==========================================================================
   Responsive - Mobile
   ========================================================================== */

    
    /* Mobile Product Card */
    .category-page-wrapper [class*="mf-pcard-"] {
        border-radius: var(--card-radius-mobile) !important;
    }
    
    /* Mobile Discount Badge */
    .category-page-wrapper [class*="mf-pdiscount-"] {
        top: 8px !important;
        right: 8px !important;
        padding: 4px 8px !important;
        font-size: 0.7rem !important;
        border-radius: 6px !important;
    }
    
    [dir="rtl"] .category-page-wrapper [class*="mf-pdiscount-"] {
        right: auto !important;
        left: 8px !important;
    }
    
    /* Mobile Wishlist Button */
    .category-page-wrapper [class*="mf-pwish-"] {
        top: 8px !important;
        left: 8px !important;
        width: 32px !important;
        height: 32px !important;
    }
    
    [dir="rtl"] .category-page-wrapper [class*="mf-pwish-"] {
        left: auto !important;
        right: 8px !important;
    }
    
    .category-page-wrapper [class*="mf-pwish-"] svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* Mobile Content */
    .category-page-wrapper [class*="mf-pcontent-"] {
        padding: var(--card-padding-mobile) !important;
        gap: 0.5rem !important;
    }
    
    /* Mobile Title - Extended to show more text (3 lines) */
    .category-page-wrapper [class*="mf-ptitle-"],
    .quick-purchases-products-grid [class*="mf-ptitle-"],
    .wishlist-page [class*="mf-ptitle-"],
    .products-grid [class*="mf-ptitle-"] {
        font-size: 0.875rem !important;
        min-height: 4em !important;
        -webkit-line-clamp: 3 !important;
    }
    
    /* Mobile Meta */
    .category-page-wrapper [class*="mf-pmeta-"] .supplement-type-badge {
        padding: 3px 8px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Price */
    .category-page-wrapper [class*="mf-pprice-current-"] {
        font-size: 1.125rem !important;
    }
    
    .category-page-wrapper [class*="mf-pprice-currency-"] {
        font-size: 0.75rem !important;
    }
    
    .category-page-wrapper [class*="mf-pprice-old-"],
    .category-page-wrapper [class*="mf-pprice-old-currency-"] {
        font-size: 0.75rem !important;
    }
    
    /* Mobile Status Badge */
    .category-page-wrapper [class*="mf-pbadge-status-"] {
        padding: 4px 10px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Actions */
    .category-page-wrapper [class*="mf-pactions-"] {
        gap: 0.5rem !important;
        padding-top: 0.5rem !important;
        flex-wrap: nowrap !important;
    }
    
    /* Mobile Quantity Selector */
    .category-page-wrapper [class*="mf-pqty-"] {
        height: 38px !important;
        border-radius: 8px !important;
    }
    
    .category-page-wrapper [class*="mf-pqty-btn-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 1rem !important;
    }
    
    .category-page-wrapper [class*="mf-pqty-input-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 0.875rem !important;
    }
    
    /* Mobile Add to Cart */
    .category-page-wrapper [class*="mf-pcart-"] {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
        min-width: 42px !important;
    }
    
    .category-page-wrapper [class*="mf-pcart-"] svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* Mobile Unavailable */
    .category-page-wrapper [class*="mf-punavail-"] {
        padding: 0.625rem 0.75rem !important;
        font-size: 0.75rem !important;
        border-radius: 8px !important;
    }
}

/* ==========================================================================
   Responsive - Small Mobile
   ========================================================================== */

@media (max-width: 480px) {
    .category-page-wrapper .products-grid .products,
    .category-page-wrapper .products-grid > ul,
    .category-page-wrapper #products-grid .products,
    .category-page-wrapper .products,
    .category-page-wrapper ul.products {
        gap: 0.625rem !important;
    }
    
    .category-page-wrapper [class*="mf-pcontent-"] {
        padding: 0.75rem !important;
    }
    
    /* Small Mobile Title - Extended to show more text (3 lines) */
    .category-page-wrapper [class*="mf-ptitle-"],
    .quick-purchases-products-grid [class*="mf-ptitle-"],
    .wishlist-page [class*="mf-ptitle-"],
    .products-grid [class*="mf-ptitle-"] {
        font-size: 0.8125rem !important;
        -webkit-line-clamp: 3 !important;
    }
    
    .category-page-wrapper [class*="mf-pprice-current-"] {
        font-size: 1rem !important;
    }
    
    /* Compact actions for very small screens */
    .category-page-wrapper [class*="mf-pactions-"] {
        flex-direction: row !important;
        gap: 0.375rem !important;
    }
    
    .category-page-wrapper [class*="mf-pqty-"] {
        height: 34px !important;
    }
    
    .category-page-wrapper [class*="mf-pqty-btn-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.875rem !important;
    }
    
    .category-page-wrapper [class*="mf-pqty-input-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.8125rem !important;
    }
    
    .category-page-wrapper [class*="mf-pcart-"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    .category-page-wrapper [class*="mf-pcart-"] svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* ==========================================================================
   List View Enhancement
   ========================================================================== */

.category-page-wrapper .products-container[data-view="list"] .products-grid .products,
.category-page-wrapper .products-container[data-view="list"] .products-grid > ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-pcard-"] {
    flex-direction: row !important;
    align-items: stretch !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-pimg-"] {
    width: 200px !important;
    min-width: 200px !important;
    padding-bottom: 0 !important;
    height: 200px !important;
    border-radius: var(--card-radius) 0 0 var(--card-radius) !important;
}

[dir="rtl"] .category-page-wrapper .products-container[data-view="list"] [class*="mf-pimg-"] {
    border-radius: 0 var(--card-radius) var(--card-radius) 0 !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-pcontent-"] {
    flex: 1 !important;
    text-align: start !important;
    justify-content: center !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-ptitle-"] {
    text-align: start !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-pprice-inner-"],
.category-page-wrapper .products-container[data-view="list"] [class*="mf-pmeta-"],
.category-page-wrapper .products-container[data-view="list"] [class*="mf-pstatus-price-"] {
    justify-content: flex-start !important;
}

.category-page-wrapper .products-container[data-view="list"] [class*="mf-pactions-"] {
    justify-content: flex-start !important;
}

/* List View Mobile */
@media (max-width: 767.98px) {
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pcard-"] {
        flex-direction: column !important;
    }
    
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pimg-"] {
        width: 100% !important;
        min-width: 100% !important;
        height: auto !important;
        padding-bottom: 75% !important;
        border-radius: var(--card-radius-mobile) var(--card-radius-mobile) 0 0 !important;
    }
    
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pcontent-"] {
        text-align: center !important;
    }
    
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-ptitle-"] {
        text-align: center !important;
    }
    
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pprice-inner-"],
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pmeta-"],
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pstatus-price-"],
    .category-page-wrapper .products-container[data-view="list"] [class*="mf-pactions-"] {
        justify-content: center !important;
    }
}

/* ==========================================================================
   Loading Animation Enhancement
   ========================================================================== */

@keyframes cardFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-page-wrapper .products-grid .products > li,
.category-page-wrapper .products-grid > ul > li,
.category-page-wrapper #products-grid .products > li,
.category-page-wrapper .products > li,
.category-page-wrapper ul.products > li {
    animation: cardFadeIn 0.4s ease-out forwards;
    opacity: 0;
}

.category-page-wrapper .products-grid .products > li:nth-child(1),
.category-page-wrapper .products > li:nth-child(1),
.category-page-wrapper ul.products > li:nth-child(1) { animation-delay: 0.05s; }
.category-page-wrapper .products-grid .products > li:nth-child(2),
.category-page-wrapper .products > li:nth-child(2),
.category-page-wrapper ul.products > li:nth-child(2) { animation-delay: 0.1s; }
.category-page-wrapper .products-grid .products > li:nth-child(3),
.category-page-wrapper .products > li:nth-child(3),
.category-page-wrapper ul.products > li:nth-child(3) { animation-delay: 0.15s; }
.category-page-wrapper .products-grid .products > li:nth-child(4),
.category-page-wrapper .products > li:nth-child(4),
.category-page-wrapper ul.products > li:nth-child(4) { animation-delay: 0.2s; }
.category-page-wrapper .products-grid .products > li:nth-child(5),
.category-page-wrapper .products > li:nth-child(5),
.category-page-wrapper ul.products > li:nth-child(5) { animation-delay: 0.25s; }
.category-page-wrapper .products-grid .products > li:nth-child(6),
.category-page-wrapper .products > li:nth-child(6),
.category-page-wrapper ul.products > li:nth-child(6) { animation-delay: 0.3s; }
.category-page-wrapper .products-grid .products > li:nth-child(7),
.category-page-wrapper .products > li:nth-child(7),
.category-page-wrapper ul.products > li:nth-child(7) { animation-delay: 0.35s; }
.category-page-wrapper .products-grid .products > li:nth-child(8),
.category-page-wrapper .products > li:nth-child(8),
.category-page-wrapper ul.products > li:nth-child(8) { animation-delay: 0.4s; }
.category-page-wrapper .products-grid .products > li:nth-child(9),
.category-page-wrapper .products > li:nth-child(9),
.category-page-wrapper ul.products > li:nth-child(9) { animation-delay: 0.45s; }

/* ==========================================================================
   Touch Device Optimizations
   ========================================================================== */

@media (hover: none) and (pointer: coarse) {
    /* Remove hover effects on touch devices */
    .category-page-wrapper [class*="mf-pcard-"]:hover {
        transform: none !important;
        box-shadow: var(--card-shadow) !important;
    }
    
    .category-page-wrapper [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img {
        transform: none !important;
    }
    
    /* Larger touch targets */
    .category-page-wrapper [class*="mf-pwish-"] {
        width: 44px !important;
        height: 44px !important;
    }
    
    .category-page-wrapper [class*="mf-pcart-"] {
        min-width: 48px !important;
        min-height: 48px !important;
    }
    
    /* Active states for touch */
    .category-page-wrapper [class*="mf-pcard-"]:active {
        transform: scale(0.98) !important;
    }
    
    .category-page-wrapper [class*="mf-pcart-"]:active {
        transform: scale(0.95) !important;
    }
}

/* ==========================================================================
   RTL Support
   ========================================================================== */

[dir="rtl"] .category-page-wrapper .products-container[data-view="list"] [class*="mf-pcontent-"],
[dir="rtl"] .category-page-wrapper .products-container[data-view="list"] [class*="mf-ptitle-"] {
    text-align: start !important;
}

[dir="rtl"] .category-page-wrapper [class*="mf-pprice-wrapper-"],
[dir="rtl"] .category-page-wrapper [class*="mf-pprice-old-wrapper-"] {
    direction: ltr !important;
}

/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .category-page-wrapper [class*="mf-pcard-"] {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
        page-break-inside: avoid;
    }
    
    .category-page-wrapper [class*="mf-pwish-"],
    .category-page-wrapper [class*="mf-pactions-"] {
        display: none !important;
    }
}

/* ==========================================================================
   Quick Purchases Section - Same Premium Styling as Category Pages
   ========================================================================== */

/* Premium Product Card Base */
.quick-purchases-products-grid [class*="mf-pcard-"],
.quick-purchases-products-grid .products li.product,
.quick-purchases-products-grid .products li,
.quick-purchases-products-grid .product-card {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius) !important;
    box-shadow: var(--card-shadow) !important;
    overflow: hidden !important;
    transition: var(--card-transition) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Hover Effect */
.quick-purchases-products-grid [class*="mf-pcard-"]:hover,
.quick-purchases-products-grid .products li.product:hover,
.quick-purchases-products-grid .products li:hover {
    transform: translateY(var(--card-hover-lift)) !important;
    box-shadow: var(--card-shadow-hover) !important;
    border-color: transparent !important;
}

/* Product Image Enhancement */
.quick-purchases-products-grid [class*="mf-pimg-"],
.quick-purchases-products-grid .product-image-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.quick-purchases-products-grid [class*="mf-pimg-"] img,
.quick-purchases-products-grid .product-image-wrapper img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Image Hover Zoom */
.quick-purchases-products-grid [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img,
.quick-purchases-products-grid .products li.product:hover img {
    transform: scale(var(--card-image-zoom)) !important;
}

/* Discount Badge Enhancement */
.quick-purchases-products-grid [class*="mf-pdiscount-"] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%) !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.35) !important;
    z-index: 10 !important;
    animation: badgePulse 2s ease-in-out infinite !important;
}

[dir="rtl"] .quick-purchases-products-grid [class*="mf-pdiscount-"] {
    right: auto !important;
    left: 12px !important;
}

/* Wishlist Button Enhancement */
.quick-purchases-products-grid [class*="mf-pwish-"] {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--card-transition) !important;
    z-index: 10 !important;
    color: #636e72 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[dir="rtl"] .quick-purchases-products-grid [class*="mf-pwish-"] {
    left: auto !important;
    right: 12px !important;
}

.quick-purchases-products-grid [class*="mf-pwish-"]:hover {
    background: #fff !important;
    color: #e74c3c !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.25) !important;
}

.quick-purchases-products-grid [class*="mf-pwish-"].active,
.quick-purchases-products-grid [class*="mf-pwish-"].in-wishlist {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.35) !important;
}

.quick-purchases-products-grid [class*="mf-pwish-"] svg {
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.2s ease !important;
}

.quick-purchases-products-grid [class*="mf-pwish-"]:hover svg {
    transform: scale(1.1) !important;
}

/* Product Content Enhancement */
.quick-purchases-products-grid [class*="mf-pcontent-"] {
    padding: var(--card-padding) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    flex: 1 !important;
    text-align: center !important;
}

/* Product Meta */
.quick-purchases-products-grid [class*="mf-pmeta-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

.quick-purchases-products-grid [class*="mf-pmeta-"] .supplement-type-badge {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #495057 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    border: 1px solid #e9ecef !important;
}

/* Price Enhancement */
.quick-purchases-products-grid [class*="mf-pprice-"] {
    margin: 0 !important;
    padding: 0.5rem 0 !important;
}

.quick-purchases-products-grid [class*="mf-pprice-inner-"] {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

/* Current Price */
.quick-purchases-products-grid [class*="mf-pprice-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.2rem !important;
    direction: ltr !important;
}

.quick-purchases-products-grid [class*="mf-pprice-currency-"] {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--primary-color, #ff6b35) !important;
}

.quick-purchases-products-grid [class*="mf-pprice-current-"] {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: var(--primary-color, #ff6b35) !important;
    letter-spacing: -0.02em !important;
}

/* Old Price */
.quick-purchases-products-grid [class*="mf-pprice-old-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.15rem !important;
    direction: ltr !important;
    opacity: 0.6 !important;
}

.quick-purchases-products-grid [class*="mf-pprice-old-"],
.quick-purchases-products-grid [class*="mf-pprice-old-currency-"] {
    font-size: 0.875rem !important;
    color: #95a5a6 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

/* Status Badge */
.quick-purchases-products-grid [class*="mf-pstatus-price-"] {
    margin-top: 0.5rem !important;
}

.quick-purchases-products-grid [class*="mf-pbadge-status-"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.quick-purchases-products-grid [class*="mf-status-available-"] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.quick-purchases-products-grid [class*="mf-status-out_of_stock-"] {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Actions Enhancement */
.quick-purchases-products-grid [class*="mf-pactions-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    padding-top: 0.75rem !important;
    margin-top: auto !important;
    border-top: 1px solid #f1f3f5 !important;
}

/* Quantity Selector */
.quick-purchases-products-grid [class*="mf-pqty-"] {
    display: flex !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    height: 44px !important;
    border: 1px solid #e9ecef !important;
}

.quick-purchases-products-grid [class*="mf-pqty-btn-"] {
    background: transparent !important;
    border: none !important;
    width: 38px !important;
    height: 44px !important;
    cursor: pointer !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #495057 !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quick-purchases-products-grid [class*="mf-pqty-btn-"]:hover:not(:disabled) {
    background: #e9ecef !important;
    color: var(--primary-color, #ff6b35) !important;
}

.quick-purchases-products-grid [class*="mf-pqty-btn-"]:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.quick-purchases-products-grid [class*="mf-pqty-input-"] {
    width: 40px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e9ecef !important;
    border-right: 1px solid #e9ecef !important;
    background: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #2d3436 !important;
    height: 44px !important;
    -moz-appearance: textfield !important;
}

.quick-purchases-products-grid [class*="mf-pqty-input-"]::-webkit-outer-spin-button,
.quick-purchases-products-grid [class*="mf-pqty-input-"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Add to Cart Button */
.quick-purchases-products-grid [class*="mf-pcart-"] {
    background: linear-gradient(135deg, var(--primary-color, #ff6b35) 0%, var(--secondary-color, #f7931e) 100%) !important;
    color: #fff !important;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(var(--primary-rgb, 255, 107, 53), 0.3) !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"] svg {
    width: 22px !important;
    height: 22px !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"]:hover:not(:disabled) {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(var(--primary-rgb, 255, 107, 53), 0.4) !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"]:active {
    transform: translateY(0) scale(0.98) !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"]:disabled {
    background: #dfe6e9 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"].loading svg {
    animation: cartSpin 1s linear infinite !important;
}

.quick-purchases-products-grid [class*="mf-pcart-"].success {
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 184, 148, 0.3) !important;
}

/* Unavailable State */
.quick-purchases-products-grid [class*="mf-punavail-"] {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #636e72 !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border: 1px dashed #dee2e6 !important;
}

/* RTL Support for Quick Purchases */
[dir="rtl"] .quick-purchases-products-grid [class*="mf-pprice-wrapper-"],
[dir="rtl"] .quick-purchases-products-grid [class*="mf-pprice-old-wrapper-"] {
    direction: ltr !important;
}

/* ==========================================================================
   Quick Purchases Mobile Responsive
   ========================================================================== */

@media (max-width: 767.98px) {
    /* Mobile Product Card */
    .quick-purchases-products-grid [class*="mf-pcard-"] {
        border-radius: var(--card-radius-mobile) !important;
    }
    
    /* Mobile Discount Badge */
    .quick-purchases-products-grid [class*="mf-pdiscount-"] {
        top: 8px !important;
        right: 8px !important;
        padding: 4px 8px !important;
        font-size: 0.7rem !important;
        border-radius: 6px !important;
    }
    
    [dir="rtl"] .quick-purchases-products-grid [class*="mf-pdiscount-"] {
        right: auto !important;
        left: 8px !important;
    }
    
    /* Mobile Wishlist Button */
    .quick-purchases-products-grid [class*="mf-pwish-"] {
        top: 8px !important;
        left: 8px !important;
        width: 32px !important;
        height: 32px !important;
    }
    
    [dir="rtl"] .quick-purchases-products-grid [class*="mf-pwish-"] {
        left: auto !important;
        right: 8px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pwish-"] svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* Mobile Content */
    .quick-purchases-products-grid [class*="mf-pcontent-"] {
        padding: var(--card-padding-mobile) !important;
        gap: 0.5rem !important;
    }
    
    /* Mobile Meta */
    .quick-purchases-products-grid [class*="mf-pmeta-"] .supplement-type-badge {
        padding: 3px 8px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Price */
    .quick-purchases-products-grid [class*="mf-pprice-current-"] {
        font-size: 1.125rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pprice-currency-"] {
        font-size: 0.75rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pprice-old-"],
    .quick-purchases-products-grid [class*="mf-pprice-old-currency-"] {
        font-size: 0.75rem !important;
    }
    
    /* Mobile Status Badge */
    .quick-purchases-products-grid [class*="mf-pbadge-status-"] {
        padding: 4px 10px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Actions */
    .quick-purchases-products-grid [class*="mf-pactions-"] {
        gap: 0.5rem !important;
        padding-top: 0.5rem !important;
        flex-wrap: nowrap !important;
    }
    
    /* Mobile Quantity Selector */
    .quick-purchases-products-grid [class*="mf-pqty-"] {
        height: 38px !important;
        border-radius: 8px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pqty-btn-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 1rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pqty-input-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 0.875rem !important;
    }
    
    /* Mobile Add to Cart */
    .quick-purchases-products-grid [class*="mf-pcart-"] {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
        min-width: 42px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcart-"] svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* Mobile Unavailable */
    .quick-purchases-products-grid [class*="mf-punavail-"] {
        padding: 0.625rem 0.75rem !important;
        font-size: 0.75rem !important;
        border-radius: 8px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .quick-purchases-products-grid [class*="mf-pcontent-"] {
        padding: 0.75rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pprice-current-"] {
        font-size: 1rem !important;
    }
    
    /* Compact actions for very small screens */
    .quick-purchases-products-grid [class*="mf-pactions-"] {
        flex-direction: row !important;
        gap: 0.375rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pqty-"] {
        height: 34px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pqty-btn-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.875rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pqty-input-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.8125rem !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcart-"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcart-"] svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Touch Device Optimizations for Quick Purchases */
@media (hover: none) and (pointer: coarse) {
    /* Remove hover effects on touch devices */
    .quick-purchases-products-grid [class*="mf-pcard-"]:hover {
        transform: none !important;
        box-shadow: var(--card-shadow) !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img {
        transform: none !important;
    }
    
    /* Larger touch targets */
    .quick-purchases-products-grid [class*="mf-pwish-"] {
        width: 44px !important;
        height: 44px !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcart-"] {
        min-width: 48px !important;
        min-height: 48px !important;
    }
    
    /* Active states for touch */
    .quick-purchases-products-grid [class*="mf-pcard-"]:active {
        transform: scale(0.98) !important;
    }
    
    .quick-purchases-products-grid [class*="mf-pcart-"]:active {
        transform: scale(0.95) !important;
    }
}

/* Loading Animation for Quick Purchases */
.quick-purchases-products-grid .row > [class*="col-"] {
    animation: cardFadeIn 0.4s ease-out forwards;
    opacity: 0;
}

.quick-purchases-products-grid .row > [class*="col-"]:nth-child(1) { animation-delay: 0.05s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(2) { animation-delay: 0.1s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(3) { animation-delay: 0.15s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(4) { animation-delay: 0.2s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(5) { animation-delay: 0.25s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(6) { animation-delay: 0.3s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(7) { animation-delay: 0.35s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(8) { animation-delay: 0.4s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(9) { animation-delay: 0.45s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(10) { animation-delay: 0.5s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(11) { animation-delay: 0.55s; }
.quick-purchases-products-grid .row > [class*="col-"]:nth-child(12) { animation-delay: 0.6s; }

/* ==========================================================================
   Products Grid Sections (After Banner) - Same Premium Styling
   ========================================================================== */

/* Premium Product Card Base */
.products-grid-section-1 [class*="mf-pcard-"],
.products-grid-section-2 [class*="mf-pcard-"],
.products-grid-section-1 .products li.product,
.products-grid-section-2 .products li.product,
.products-grid-section-1 .products li,
.products-grid-section-2 .products li,
.products-grid-section-1 .product-card,
.products-grid-section-2 .product-card {
    background: var(--card-bg) !important;
    border-radius: var(--card-radius) !important;
    box-shadow: var(--card-shadow) !important;
    overflow: hidden !important;
    transition: var(--card-transition) !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.04) !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Hover Effect */
.products-grid-section-1 [class*="mf-pcard-"]:hover,
.products-grid-section-2 [class*="mf-pcard-"]:hover,
.products-grid-section-1 .products li.product:hover,
.products-grid-section-2 .products li.product:hover,
.products-grid-section-1 .products li:hover,
.products-grid-section-2 .products li:hover {
    transform: translateY(var(--card-hover-lift)) !important;
    box-shadow: var(--card-shadow-hover) !important;
    border-color: transparent !important;
}

/* Product Image Enhancement */
.products-grid-section-1 [class*="mf-pimg-"],
.products-grid-section-2 [class*="mf-pimg-"],
.products-grid-section-1 .product-image-wrapper,
.products-grid-section-2 .product-image-wrapper {
    position: relative !important;
    width: 100% !important;
    padding-bottom: 100% !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
}

.products-grid-section-1 [class*="mf-pimg-"] img,
.products-grid-section-2 [class*="mf-pimg-"] img,
.products-grid-section-1 .product-image-wrapper img,
.products-grid-section-2 .product-image-wrapper img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Image Hover Zoom */
.products-grid-section-1 [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img,
.products-grid-section-2 [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img,
.products-grid-section-1 .products li.product:hover img,
.products-grid-section-2 .products li.product:hover img {
    transform: scale(var(--card-image-zoom)) !important;
}

/* Discount Badge Enhancement */
.products-grid-section-1 [class*="mf-pdiscount-"],
.products-grid-section-2 [class*="mf-pdiscount-"] {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: linear-gradient(135deg, #ff4757 0%, #ff6b81 100%) !important;
    color: #fff !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.35) !important;
    z-index: 10 !important;
    animation: badgePulse 2s ease-in-out infinite !important;
}

[dir="rtl"] .products-grid-section-1 [class*="mf-pdiscount-"],
[dir="rtl"] .products-grid-section-2 [class*="mf-pdiscount-"] {
    right: auto !important;
    left: 12px !important;
}

/* Wishlist Button Enhancement */
.products-grid-section-1 [class*="mf-pwish-"],
.products-grid-section-2 [class*="mf-pwish-"] {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    border-radius: 50% !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: var(--card-transition) !important;
    z-index: 10 !important;
    color: #636e72 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[dir="rtl"] .products-grid-section-1 [class*="mf-pwish-"],
[dir="rtl"] .products-grid-section-2 [class*="mf-pwish-"] {
    left: auto !important;
    right: 12px !important;
}

.products-grid-section-1 [class*="mf-pwish-"]:hover,
.products-grid-section-2 [class*="mf-pwish-"]:hover {
    background: #fff !important;
    color: #e74c3c !important;
    transform: scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.25) !important;
}

.products-grid-section-1 [class*="mf-pwish-"].active,
.products-grid-section-2 [class*="mf-pwish-"].active,
.products-grid-section-1 [class*="mf-pwish-"].in-wishlist,
.products-grid-section-2 [class*="mf-pwish-"].in-wishlist {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(231, 76, 60, 0.35) !important;
}

.products-grid-section-1 [class*="mf-pwish-"] svg,
.products-grid-section-2 [class*="mf-pwish-"] svg {
    width: 18px !important;
    height: 18px !important;
    transition: transform 0.2s ease !important;
}

.products-grid-section-1 [class*="mf-pwish-"]:hover svg,
.products-grid-section-2 [class*="mf-pwish-"]:hover svg {
    transform: scale(1.1) !important;
}

/* Product Content Enhancement */
.products-grid-section-1 [class*="mf-pcontent-"],
.products-grid-section-2 [class*="mf-pcontent-"] {
    padding: var(--card-padding) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    flex: 1 !important;
    text-align: center !important;
}

/* Product Title */
.products-grid-section-1 [class*="mf-ptitle-"],
.products-grid-section-2 [class*="mf-ptitle-"] {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #2d3436 !important;
    margin: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 4.5em !important;
    transition: color 0.2s ease !important;
    text-align: center !important;
}

.products-grid-section-1 [class*="mf-ptitle-"] a,
.products-grid-section-2 [class*="mf-ptitle-"] a {
    color: inherit !important;
    text-decoration: none !important;
}

.products-grid-section-1 [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.products-grid-section-2 [class*="mf-pcard-"]:hover [class*="mf-ptitle-"],
.products-grid-section-1 [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a,
.products-grid-section-2 [class*="mf-pcard-"]:hover [class*="mf-ptitle-"] a {
    color: var(--primary-color, #ff6b35) !important;
}

/* Product Meta */
.products-grid-section-1 [class*="mf-pmeta-"],
.products-grid-section-2 [class*="mf-pmeta-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    flex-wrap: wrap !important;
}

.products-grid-section-1 [class*="mf-pmeta-"] .supplement-type-badge,
.products-grid-section-2 [class*="mf-pmeta-"] .supplement-type-badge {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #495057 !important;
    padding: 4px 10px !important;
    border-radius: 6px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    border: 1px solid #e9ecef !important;
}

/* Price Enhancement */
.products-grid-section-1 [class*="mf-pprice-"],
.products-grid-section-2 [class*="mf-pprice-"] {
    margin: 0 !important;
    padding: 0.5rem 0 !important;
}

.products-grid-section-1 [class*="mf-pprice-inner-"],
.products-grid-section-2 [class*="mf-pprice-inner-"] {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

/* Current Price */
.products-grid-section-1 [class*="mf-pprice-wrapper-"],
.products-grid-section-2 [class*="mf-pprice-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.2rem !important;
    direction: ltr !important;
}

.products-grid-section-1 [class*="mf-pprice-currency-"],
.products-grid-section-2 [class*="mf-pprice-currency-"] {
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    color: var(--primary-color, #ff6b35) !important;
}

.products-grid-section-1 [class*="mf-pprice-current-"],
.products-grid-section-2 [class*="mf-pprice-current-"] {
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    color: var(--primary-color, #ff6b35) !important;
    letter-spacing: -0.02em !important;
}

/* Old Price */
.products-grid-section-1 [class*="mf-pprice-old-wrapper-"],
.products-grid-section-2 [class*="mf-pprice-old-wrapper-"] {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 0.15rem !important;
    direction: ltr !important;
    opacity: 0.6 !important;
}

.products-grid-section-1 [class*="mf-pprice-old-"],
.products-grid-section-2 [class*="mf-pprice-old-"],
.products-grid-section-1 [class*="mf-pprice-old-currency-"],
.products-grid-section-2 [class*="mf-pprice-old-currency-"] {
    font-size: 0.875rem !important;
    color: #95a5a6 !important;
    text-decoration: line-through !important;
    font-weight: 500 !important;
}

/* Status Badge */
.products-grid-section-1 [class*="mf-pstatus-price-"],
.products-grid-section-2 [class*="mf-pstatus-price-"] {
    margin-top: 0.5rem !important;
}

.products-grid-section-1 [class*="mf-pbadge-status-"],
.products-grid-section-2 [class*="mf-pbadge-status-"] {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
}

.products-grid-section-1 [class*="mf-status-available-"],
.products-grid-section-2 [class*="mf-status-available-"] {
    background: linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%) !important;
    color: #155724 !important;
    border: 1px solid #c3e6cb !important;
}

.products-grid-section-1 [class*="mf-status-out_of_stock-"],
.products-grid-section-2 [class*="mf-status-out_of_stock-"] {
    background: linear-gradient(135deg, #f8d7da 0%, #f5c6cb 100%) !important;
    color: #721c24 !important;
    border: 1px solid #f5c6cb !important;
}

/* Actions Enhancement */
.products-grid-section-1 [class*="mf-pactions-"],
.products-grid-section-2 [class*="mf-pactions-"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.75rem !important;
    padding-top: 0.75rem !important;
    margin-top: auto !important;
    border-top: 1px solid #f1f3f5 !important;
}

/* Quantity Selector */
.products-grid-section-1 [class*="mf-pqty-"],
.products-grid-section-2 [class*="mf-pqty-"] {
    display: flex !important;
    align-items: center !important;
    background: #f8f9fa !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    height: 44px !important;
    border: 1px solid #e9ecef !important;
}

.products-grid-section-1 [class*="mf-pqty-btn-"],
.products-grid-section-2 [class*="mf-pqty-btn-"] {
    background: transparent !important;
    border: none !important;
    width: 38px !important;
    height: 44px !important;
    cursor: pointer !important;
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: #495057 !important;
    transition: all 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.products-grid-section-1 [class*="mf-pqty-btn-"]:hover:not(:disabled),
.products-grid-section-2 [class*="mf-pqty-btn-"]:hover:not(:disabled) {
    background: #e9ecef !important;
    color: var(--primary-color, #ff6b35) !important;
}

.products-grid-section-1 [class*="mf-pqty-btn-"]:disabled,
.products-grid-section-2 [class*="mf-pqty-btn-"]:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.products-grid-section-1 [class*="mf-pqty-input-"],
.products-grid-section-2 [class*="mf-pqty-input-"] {
    width: 40px !important;
    text-align: center !important;
    border: none !important;
    border-left: 1px solid #e9ecef !important;
    border-right: 1px solid #e9ecef !important;
    background: #fff !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    color: #2d3436 !important;
    height: 44px !important;
    -moz-appearance: textfield !important;
}

.products-grid-section-1 [class*="mf-pqty-input-"]::-webkit-outer-spin-button,
.products-grid-section-2 [class*="mf-pqty-input-"]::-webkit-outer-spin-button,
.products-grid-section-1 [class*="mf-pqty-input-"]::-webkit-inner-spin-button,
.products-grid-section-2 [class*="mf-pqty-input-"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Add to Cart Button */
.products-grid-section-1 [class*="mf-pcart-"],
.products-grid-section-2 [class*="mf-pcart-"] {
    background: linear-gradient(135deg, var(--primary-color, #ff6b35) 0%, var(--secondary-color, #f7931e) 100%) !important;
    color: #fff !important;
    border: none !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 15px rgba(var(--primary-rgb, 255, 107, 53), 0.3) !important;
}

.products-grid-section-1 [class*="mf-pcart-"] svg,
.products-grid-section-2 [class*="mf-pcart-"] svg {
    width: 22px !important;
    height: 22px !important;
}

.products-grid-section-1 [class*="mf-pcart-"]:hover:not(:disabled),
.products-grid-section-2 [class*="mf-pcart-"]:hover:not(:disabled) {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 8px 25px rgba(var(--primary-rgb, 255, 107, 53), 0.4) !important;
}

.products-grid-section-1 [class*="mf-pcart-"]:active,
.products-grid-section-2 [class*="mf-pcart-"]:active {
    transform: translateY(0) scale(0.98) !important;
}

.products-grid-section-1 [class*="mf-pcart-"]:disabled,
.products-grid-section-2 [class*="mf-pcart-"]:disabled {
    background: #dfe6e9 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
}

.products-grid-section-1 [class*="mf-pcart-"].loading svg,
.products-grid-section-2 [class*="mf-pcart-"].loading svg {
    animation: cartSpin 1s linear infinite !important;
}

.products-grid-section-1 [class*="mf-pcart-"].success,
.products-grid-section-2 [class*="mf-pcart-"].success {
    background: linear-gradient(135deg, #00b894 0%, #00cec9 100%) !important;
    box-shadow: 0 4px 15px rgba(0, 184, 148, 0.3) !important;
}

/* Unavailable State */
.products-grid-section-1 [class*="mf-punavail-"],
.products-grid-section-2 [class*="mf-punavail-"] {
    width: 100% !important;
    padding: 0.875rem 1rem !important;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;
    color: #636e72 !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border: 1px dashed #dee2e6 !important;
}

/* RTL Support */
[dir="rtl"] .products-grid-section-1 [class*="mf-pprice-wrapper-"],
[dir="rtl"] .products-grid-section-2 [class*="mf-pprice-wrapper-"],
[dir="rtl"] .products-grid-section-1 [class*="mf-pprice-old-wrapper-"],
[dir="rtl"] .products-grid-section-2 [class*="mf-pprice-old-wrapper-"] {
    direction: ltr !important;
}

/* Mobile Responsive for Products Grid Sections */
@media (max-width: 767.98px) {
    /* Mobile Product Card */
    .products-grid-section-1 [class*="mf-pcard-"],
    .products-grid-section-2 [class*="mf-pcard-"] {
        border-radius: var(--card-radius-mobile) !important;
    }
    
    /* Mobile Discount Badge */
    .products-grid-section-1 [class*="mf-pdiscount-"],
    .products-grid-section-2 [class*="mf-pdiscount-"] {
        top: 8px !important;
        right: 8px !important;
        padding: 4px 8px !important;
        font-size: 0.7rem !important;
        border-radius: 6px !important;
    }
    
    [dir="rtl"] .products-grid-section-1 [class*="mf-pdiscount-"],
    [dir="rtl"] .products-grid-section-2 [class*="mf-pdiscount-"] {
        right: auto !important;
        left: 8px !important;
    }
    
    /* Mobile Wishlist Button */
    .products-grid-section-1 [class*="mf-pwish-"],
    .products-grid-section-2 [class*="mf-pwish-"] {
        top: 8px !important;
        left: 8px !important;
        width: 32px !important;
        height: 32px !important;
    }
    
    [dir="rtl"] .products-grid-section-1 [class*="mf-pwish-"],
    [dir="rtl"] .products-grid-section-2 [class*="mf-pwish-"] {
        left: auto !important;
        right: 8px !important;
    }
    
    .products-grid-section-1 [class*="mf-pwish-"] svg,
    .products-grid-section-2 [class*="mf-pwish-"] svg {
        width: 14px !important;
        height: 14px !important;
    }
    
    /* Mobile Content */
    .products-grid-section-1 [class*="mf-pcontent-"],
    .products-grid-section-2 [class*="mf-pcontent-"] {
        padding: var(--card-padding-mobile) !important;
        gap: 0.5rem !important;
    }
    
    /* Mobile Title */
    .products-grid-section-1 [class*="mf-ptitle-"],
    .products-grid-section-2 [class*="mf-ptitle-"] {
        font-size: 0.875rem !important;
        min-height: 4em !important;
        -webkit-line-clamp: 3 !important;
    }
    
    /* Mobile Meta */
    .products-grid-section-1 [class*="mf-pmeta-"] .supplement-type-badge,
    .products-grid-section-2 [class*="mf-pmeta-"] .supplement-type-badge {
        padding: 3px 8px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Price */
    .products-grid-section-1 [class*="mf-pprice-current-"],
    .products-grid-section-2 [class*="mf-pprice-current-"] {
        font-size: 1.125rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pprice-currency-"],
    .products-grid-section-2 [class*="mf-pprice-currency-"] {
        font-size: 0.75rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pprice-old-"],
    .products-grid-section-2 [class*="mf-pprice-old-"],
    .products-grid-section-1 [class*="mf-pprice-old-currency-"],
    .products-grid-section-2 [class*="mf-pprice-old-currency-"] {
        font-size: 0.75rem !important;
    }
    
    /* Mobile Status Badge */
    .products-grid-section-1 [class*="mf-pbadge-status-"],
    .products-grid-section-2 [class*="mf-pbadge-status-"] {
        padding: 4px 10px !important;
        font-size: 0.65rem !important;
    }
    
    /* Mobile Actions */
    .products-grid-section-1 [class*="mf-pactions-"],
    .products-grid-section-2 [class*="mf-pactions-"] {
        gap: 0.5rem !important;
        padding-top: 0.5rem !important;
        flex-wrap: nowrap !important;
    }
    
    /* Mobile Quantity Selector */
    .products-grid-section-1 [class*="mf-pqty-"],
    .products-grid-section-2 [class*="mf-pqty-"] {
        height: 38px !important;
        border-radius: 8px !important;
    }
    
    .products-grid-section-1 [class*="mf-pqty-btn-"],
    .products-grid-section-2 [class*="mf-pqty-btn-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 1rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pqty-input-"],
    .products-grid-section-2 [class*="mf-pqty-input-"] {
        width: 32px !important;
        height: 38px !important;
        font-size: 0.875rem !important;
    }
    
    /* Mobile Add to Cart */
    .products-grid-section-1 [class*="mf-pcart-"],
    .products-grid-section-2 [class*="mf-pcart-"] {
        width: 42px !important;
        height: 42px !important;
        border-radius: 10px !important;
        min-width: 42px !important;
    }
    
    .products-grid-section-1 [class*="mf-pcart-"] svg,
    .products-grid-section-2 [class*="mf-pcart-"] svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    /* Mobile Unavailable */
    .products-grid-section-1 [class*="mf-punavail-"],
    .products-grid-section-2 [class*="mf-punavail-"] {
        padding: 0.625rem 0.75rem !important;
        font-size: 0.75rem !important;
        border-radius: 8px !important;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .products-grid-section-1 [class*="mf-pcontent-"],
    .products-grid-section-2 [class*="mf-pcontent-"] {
        padding: 0.75rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pprice-current-"],
    .products-grid-section-2 [class*="mf-pprice-current-"] {
        font-size: 1rem !important;
    }
    
    /* Compact actions for very small screens */
    .products-grid-section-1 [class*="mf-pactions-"],
    .products-grid-section-2 [class*="mf-pactions-"] {
        flex-direction: row !important;
        gap: 0.375rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pqty-"],
    .products-grid-section-2 [class*="mf-pqty-"] {
        height: 34px !important;
    }
    
    .products-grid-section-1 [class*="mf-pqty-btn-"],
    .products-grid-section-2 [class*="mf-pqty-btn-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.875rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pqty-input-"],
    .products-grid-section-2 [class*="mf-pqty-input-"] {
        width: 28px !important;
        height: 34px !important;
        font-size: 0.8125rem !important;
    }
    
    .products-grid-section-1 [class*="mf-pcart-"],
    .products-grid-section-2 [class*="mf-pcart-"] {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
    }
    
    .products-grid-section-1 [class*="mf-pcart-"] svg,
    .products-grid-section-2 [class*="mf-pcart-"] svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    /* Remove hover effects on touch devices */
    .products-grid-section-1 [class*="mf-pcard-"]:hover,
    .products-grid-section-2 [class*="mf-pcard-"]:hover {
        transform: none !important;
        box-shadow: var(--card-shadow) !important;
    }
    
    .products-grid-section-1 [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img,
    .products-grid-section-2 [class*="mf-pcard-"]:hover [class*="mf-pimg-"] img {
        transform: none !important;
    }
    
    /* Larger touch targets */
    .products-grid-section-1 [class*="mf-pwish-"],
    .products-grid-section-2 [class*="mf-pwish-"] {
        width: 44px !important;
        height: 44px !important;
    }
    
    .products-grid-section-1 [class*="mf-pcart-"],
    .products-grid-section-2 [class*="mf-pcart-"] {
        min-width: 48px !important;
        min-height: 48px !important;
    }
    
    /* Active states for touch */
    .products-grid-section-1 [class*="mf-pcard-"]:active,
    .products-grid-section-2 [class*="mf-pcard-"]:active {
        transform: scale(0.98) !important;
    }
    
    .products-grid-section-1 [class*="mf-pcart-"]:active,
    .products-grid-section-2 [class*="mf-pcart-"]:active {
        transform: scale(0.95) !important;
    }
}

/* Loading Animation for Products Grid Sections */
.products-grid-section-1 .row > [class*="col-"],
.products-grid-section-2 .row > [class*="col-"] {
    animation: cardFadeIn 0.4s ease-out forwards;
    opacity: 0;
}

.products-grid-section-1 .row > [class*="col-"]:nth-child(1),
.products-grid-section-2 .row > [class*="col-"]:nth-child(1) { animation-delay: 0.05s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(2),
.products-grid-section-2 .row > [class*="col-"]:nth-child(2) { animation-delay: 0.1s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(3),
.products-grid-section-2 .row > [class*="col-"]:nth-child(3) { animation-delay: 0.15s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(4),
.products-grid-section-2 .row > [class*="col-"]:nth-child(4) { animation-delay: 0.2s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(5),
.products-grid-section-2 .row > [class*="col-"]:nth-child(5) { animation-delay: 0.25s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(6),
.products-grid-section-2 .row > [class*="col-"]:nth-child(6) { animation-delay: 0.3s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(7),
.products-grid-section-2 .row > [class*="col-"]:nth-child(7) { animation-delay: 0.35s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(8),
.products-grid-section-2 .row > [class*="col-"]:nth-child(8) { animation-delay: 0.4s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(9),
.products-grid-section-2 .row > [class*="col-"]:nth-child(9) { animation-delay: 0.45s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(10),
.products-grid-section-2 .row > [class*="col-"]:nth-child(10) { animation-delay: 0.5s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(11),
.products-grid-section-2 .row > [class*="col-"]:nth-child(11) { animation-delay: 0.55s; }
.products-grid-section-1 .row > [class*="col-"]:nth-child(12),
.products-grid-section-2 .row > [class*="col-"]:nth-child(12) { animation-delay: 0.6s; }