/* ============================================
   GLOBAL MOBILE OPTIMIZATION - CLEAN VERSION
   ============================================ */

@media (max-width: 767px) {
    
    /* Hide breadcrumb */
    .breadcrumb-area,
    .innerHeroContent,
    .heroPadding2 {
        display: none !important;
    }
    
    /* 2-column layout */
    .row .col-xl-4.col-lg-6.col-md-6.col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        margin-bottom: 12px !important;
    }
    
    .row {
        margin-left: -6px !important;
        margin-right: -6px !important;
    }
    
    /* Product card - 75% image, 25% content */
    .singleProduct {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        border: 1px solid #eee !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    /* Image takes 75% of card height */
    .singleProduct .productImg {
        flex: 75 !important;
        min-height: auto !important;
        padding: 0 !important;
        background: #fafafa !important;
    }
    
    .singleProduct .productImg img {
        width: 100% !important;
        height: 100% !important;
        min-height: 150px !important;
        object-fit: cover !important;
    }
    
    /* Content takes 25% of card height */
    .singleProduct .productCap {
        flex: 25 !important;
        padding: 6px !important;
    }
    
    /* Smaller text to fit in 25% space */
    .singleProduct .productCap h5 {
        font-size: 11px !important;
        font-weight: 600 !important;
        margin-bottom: 2px !important;
        line-height: 1.3 !important;
    }
    
    .singleProduct .quintity {
        font-size: 9px !important;
        margin-bottom: 2px !important;
    }
    
    .singleProduct .productPrice .regularPrice {
        font-size: 12px !important;
        font-weight: 700 !important;
    }
    
    .singleProduct .productPrice .offerPrice {
        font-size: 9px !important;
    }
    
    /* Smaller button */
    .singleProduct .btn-wrapper .cmn-btn-outline3 {
        padding: 3px 5px !important;
        font-size: 9px !important;
    }
    
    /* Smaller badges */
    .singleProduct .sticky {
        font-size: 8px !important;
        padding: 2px 5px !important;
    }
    
    /* Smaller rating stars */
    .rating-wrap .ratings .icon {
        font-size: 8px !important;
    }
    
    /* Reduce spacing */
    .mb-24 {
        margin-bottom: 10px !important;
    }
    
    /* Hide sidebar filters on mobile */
    .col-xxl-4.col-xl-3.col-lg-4.col-md-5,
    .col-xl-4.col-lg-5.col-md-6 {
        display: none !important;
    }
}

/* For very small screens */
@media (max-width: 480px) {
    .row .col-xl-4.col-lg-6.col-md-6.col-6 {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-bottom: 8px !important;
    }
    
    .row {
        margin-left: -4px !important;
        margin-right: -4px !important;
    }
    
    .singleProduct .productImg img {
        min-height: 120px !important;
    }
    
    .singleProduct .productCap h5 {
        font-size: 10px !important;
    }
}

/* For tablets - 3 columns */
@media (min-width: 768px) and (max-width: 1024px) {
    .row .col-xl-4.col-lg-6.col-md-6.col-6 {
        flex: 0 0 33.333% !important;
        max-width: 33.333% !important;
    }
}