/* Mobile override to keep classic carousel cards looking like desktop */

@media (max-width: 768px) {
    /* Beat mobile layout rule that sets background transparent on generic .cpc-card in Elementor */
    .elementor-widget .cpc-products-carousel.cpc-classic > .cpc-card:not(.cpc-hidden):not([data-lazy-load="true"]) {
        background: var(--cpc-bg-white) !important;
        background-color: var(--cpc-bg-white) !important;
        border-bottom: 0 !important;
        box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
        border: none !important;
    }
    /* Scope only to classic carousel containers */
    .cpc-products-carousel.cpc-classic > .cpc-card,
    .cpc-products-carousel.cpc-classic > .cpc-product-card,
    .products.cpc-products-carousel.cpc-classic > li.product .cpc-product-card,
    .products.cpc-products-carousel.cpc-classic > li.product .cpc-card {
        /* Restore desktop-like card styling */
        background: var(--cpc-bg-white) !important;
        background-color: var(--cpc-bg-white) !important;
        padding: 20px !important;
        border-radius: 12px !important;
        box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
        border: none !important;
        margin: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        flex: 0 0 220px !important;
        flex-basis: 220px !important;
        gap: var(--cpc-spacing-sm, 12px) !important;
        position: relative !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    /* Remove mobile list-divider look */
    .cpc-products-carousel.cpc-classic .cpc-card,
    .cpc-products-carousel.cpc-classic .cpc-product-card {
        border-bottom: 0 !important;
        background: var(--cpc-bg-white) !important;
    }

    /* Image area — square, not stretched with the section */
    .cpc-products-carousel.cpc-classic .cpc-thumb-wrapper,
    .cpc-products-carousel.cpc-classic .cpc-card-image {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        margin: 0 0 var(--cpc-spacing-sm, 12px) 0 !important;
        border-radius: 8px !important;
        flex-shrink: 0 !important;
        overflow: hidden !important;
    }
    .cpc-products-carousel.cpc-classic .cpc-thumb-wrapper img,
    .cpc-products-carousel.cpc-classic .cpc-card-image img,
    .cpc-products-carousel.cpc-classic .cpc-product-image {
        width: 100% !important;
        height: auto !important;
        max-height: 180px !important;
        object-fit: contain !important;
        border-radius: 8px !important;
        aspect-ratio: 1 / 1;
    }

    /* Content spacing similar to desktop */
    .cpc-products-carousel.cpc-classic .cpc-card-content {
        padding-top: 12px !important;
        background: transparent !important;
    }

    /* Title: حداکثر دو خط + … (مثل گرید) */
    .cpc-products-carousel.cpc-classic .cpc-title {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        min-height: 42px !important;
        font-size: var(--cpc-font-size-lg, 16px) !important;
        line-height: var(--cpc-line-height-normal, 1.4) !important;
        color: #1a1a1a !important;
    }
    .cpc-products-carousel.cpc-classic .cpc-title a {
        color: inherit !important;
    }
    .cpc-products-carousel.cpc-classic .cpc-card-title {
        margin: 0 0 13px 0 !important;
        min-height: 42px !important;
    }
    .cpc-products-carousel.cpc-classic .cpc-card-title a {
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        word-break: break-word !important;
        color: inherit !important;
        text-decoration: none !important;
        font-size: var(--cpc-font-size-lg, 16px) !important;
        line-height: var(--cpc-line-height-normal, 1.4) !important;
    }

    /* Price: revert to desktop emphasis */
    .cpc-products-carousel.cpc-classic .cpc-price,
    .cpc-products-carousel.cpc-classic .cpc-card-price,
    .cpc-products-carousel.cpc-classic .cpc-price-left,
    .cpc-products-carousel.cpc-classic .woocommerce-Price-amount.amount {
        font-size: var(--cpc-font-size-lg, 16px) !important;
        font-weight: var(--cpc-font-weight-bold, 700) !important;
        line-height: var(--cpc-line-height-tight, 1.2) !important;
    }
    .cpc-products-carousel.cpc-classic .cpc-price del { font-size: var(--cpc-font-size-sm, 12px) !important; }
    .cpc-products-carousel.cpc-classic .cpc-price ins { text-decoration: none !important; }

    /* Buttons: desktop-like padding and sizing */
    .cpc-products-carousel.cpc-classic .cpc-actions .button,
    .cpc-products-carousel.cpc-classic .cpc-actions .cpc-add-to-cart {
        padding: var(--cpc-spacing-md, 12px) var(--cpc-spacing-lg, 16px) !important;
        font-size: var(--cpc-font-size-base, 14px) !important;
        min-height: var(--cpc-button-height-lg, 40px) !important;
        border-radius: var(--cpc-border-radius-none, 0) !important;
        width: 100% !important;
    }

    /* Sale badge positioning like desktop */
    .cpc-products-carousel.cpc-classic .cpc-card .onsale {
        top: var(--cpc-spacing-sm, 12px) !important;
        inset-inline-end: var(--cpc-spacing-sm, 12px) !important;
        font-size: var(--cpc-font-size-xs, 11px) !important;
        padding: var(--cpc-spacing-xs, 4px) var(--cpc-spacing-sm, 8px) !important;
    }
}

/* Stronger selector for Elementor context to beat mobile overrides */
@media (max-width: 768px) {
    .elementor-widget .cpc-products-carousel.cpc-classic > .cpc-card,
    .elementor-widget .cpc-products-carousel.cpc-classic > .cpc-product-card {
        background: var(--cpc-bg-white) !important;
        padding: 12px !important; /* کاهش padding برای فضای بیشتر */
        border-radius: 12px !important;
        box-shadow: 0 1px 6px rgba(0,0,0,0.06) !important;
        border: none !important;
    }
}