/*
 * CPC Grid Fix Styles
 * Ensures compatibility between legacy .cpc-card selectors and new .cpc-product-card markup.
 */

/* Mirror core grid visibility rules onto .cpc-product-card */
.cpc-products-grid .cpc-product-card {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    visibility: visible !important;
    opacity: 1 !important;
}

/* حذف override نمایش اجباری برای حالت‌های مخفی/lazy */

/*
 * Beat later mobile "width:100%" rules so homepage carousel cards
 * stay compact instead of stretching with the Elementor section.
 */
.elementor-widget .cpc-products-carousel.cpc-classic > .cpc-card,
.elementor-widget .cpc-products-carousel.cpc-classic > .cpc-product-card,
.elementor-element .cpc-products-carousel.cpc-classic > .cpc-card,
.elementor-element .cpc-products-carousel.cpc-classic > .cpc-product-card,
.cpc-carousel-wrapper .cpc-products-carousel.cpc-classic > .cpc-card,
.cpc-carousel-wrapper .cpc-products-carousel.cpc-classic > .cpc-product-card {
	flex: 0 0 280px !important;
	flex-basis: 280px !important;
	width: 280px !important;
	min-width: 280px !important;
	max-width: 280px !important;
	height: auto !important;
	min-height: 0 !important;
	align-self: flex-start !important;
	flex-direction: column !important;
}

.elementor-widget .cpc-products-carousel.cpc-classic .cpc-card-image img,
.elementor-element .cpc-products-carousel.cpc-classic .cpc-card-image img,
.cpc-carousel-wrapper .cpc-products-carousel.cpc-classic .cpc-card-image img {
	object-fit: contain !important;
	max-height: 220px !important;
	height: auto !important;
	width: 100% !important;
}

@media (max-width: 767px) {
	.elementor-widget .cpc-products-carousel.cpc-classic > .cpc-card,
	.elementor-widget .cpc-products-carousel.cpc-classic > .cpc-product-card,
	.elementor-element .cpc-products-carousel.cpc-classic > .cpc-card,
	.elementor-element .cpc-products-carousel.cpc-classic > .cpc-product-card,
	.cpc-carousel-wrapper .cpc-products-carousel.cpc-classic > .cpc-card,
	.cpc-carousel-wrapper .cpc-products-carousel.cpc-classic > .cpc-product-card {
		flex: 0 0 220px !important;
		flex-basis: 220px !important;
		width: 220px !important;
		min-width: 220px !important;
		max-width: 220px !important;
	}
}