/* Shared product-image fitting and reliable Small / Medium / Large / Large+ presets. */

/* Keep every product photo inside its frame, including rectangular uploads. */
.mehrad-amazing-products__image-link img,
.mehrad-amazing-products__image,
.mehrad-category-products-browser__media img,
.mehrad-category-products-browser__media .wp-post-image,
.mehrad-compact-products__image,
.mehrad-discount-strip__thumb img,
.mehrad-discount-strip__image,
.mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products__image,
.mehrad-product-carousel__image-link img,
.mehrad-product-carousel__image,
.mehrad-product-ranking__image-wrap img,
.mehrad-product-ranking__image,
.mehrad-vpb__product-image img,
.mehrad-vpb__product-image .wp-post-image {
	display: block !important;
	object-fit: cover !important;
	object-position: center center !important;
}

/* Amazing products: Small is the original appearance. */
.mehrad-amazing-products.mehrad-product-image-size--small .mehrad-amazing-products__image-link { padding: 14px !important; }
.mehrad-amazing-products.mehrad-product-image-size--medium .mehrad-amazing-products__image-link { padding: 7px !important; }
.mehrad-amazing-products.mehrad-product-image-size--large .mehrad-amazing-products__image-link { padding: 0 !important; }
.mehrad-amazing-products.mehrad-product-image-size--large-plus .mehrad-amazing-products__image-link { padding: 0 !important; overflow: hidden !important; }
.mehrad-amazing-products.mehrad-product-image-size--large-plus .mehrad-amazing-products__image-link img,
.mehrad-amazing-products.mehrad-product-image-size--large-plus .mehrad-amazing-products__image { transform: scale(1.12) !important; }

/* Tabbed category products. !important also beats the older responsive slider output. */
.mehrad-category-products-browser.mehrad-product-image-size--small { --mcpb-image-size: 96px !important; }
.mehrad-category-products-browser.mehrad-product-image-size--medium { --mcpb-image-size: 116px !important; }
.mehrad-category-products-browser.mehrad-product-image-size--large { --mcpb-image-size: 136px !important; }
.mehrad-category-products-browser.mehrad-product-image-size--large-plus { --mcpb-image-size: 156px !important; }
.mehrad-category-products-browser.mehrad-product-image-size--small .mehrad-category-products-browser__media,
.mehrad-category-products-browser.mehrad-product-image-size--medium .mehrad-category-products-browser__media,
.mehrad-category-products-browser.mehrad-product-image-size--large .mehrad-category-products-browser__media,
.mehrad-category-products-browser.mehrad-product-image-size--large-plus .mehrad-category-products-browser__media {
	width: var(--mcpb-image-size) !important;
	height: var(--mcpb-image-size) !important;
	flex-basis: var(--mcpb-image-size) !important;
}
.mehrad-category-products-browser.mehrad-product-image-size--small .mehrad-category-products-browser__card,
.mehrad-category-products-browser.mehrad-product-image-size--medium .mehrad-category-products-browser__card,
.mehrad-category-products-browser.mehrad-product-image-size--large .mehrad-category-products-browser__card,
.mehrad-category-products-browser.mehrad-product-image-size--large-plus .mehrad-category-products-browser__card {
	grid-template-columns: var(--mcpb-image-size) minmax(0, 1fr) !important;
}

/* Compact products. */
.mehrad-compact-products.mehrad-product-image-size--small { --mehrad-compact-image-width: 78px !important; --mehrad-compact-image-height: 86px !important; }
.mehrad-compact-products.mehrad-product-image-size--medium { --mehrad-compact-image-width: 96px !important; --mehrad-compact-image-height: 104px !important; }
.mehrad-compact-products.mehrad-product-image-size--large { --mehrad-compact-image-width: 114px !important; --mehrad-compact-image-height: 122px !important; }
.mehrad-compact-products.mehrad-product-image-size--large-plus { --mehrad-compact-image-width: 132px !important; --mehrad-compact-image-height: 140px !important; }
.mehrad-compact-products.mehrad-product-image-size--small .mehrad-compact-products__card,
.mehrad-compact-products.mehrad-product-image-size--medium .mehrad-compact-products__card,
.mehrad-compact-products.mehrad-product-image-size--large .mehrad-compact-products__card,
.mehrad-compact-products.mehrad-product-image-size--large-plus .mehrad-compact-products__card {
	grid-template-columns: var(--mehrad-compact-image-width) minmax(0, 1fr) !important;
	min-height: calc(var(--mehrad-compact-image-height) + 30px) !important;
}
.mehrad-compact-products.mehrad-product-image-size--small .mehrad-compact-products__media,
.mehrad-compact-products.mehrad-product-image-size--medium .mehrad-compact-products__media,
.mehrad-compact-products.mehrad-product-image-size--large .mehrad-compact-products__media,
.mehrad-compact-products.mehrad-product-image-size--large-plus .mehrad-compact-products__media {
	width: var(--mehrad-compact-image-width) !important;
	height: var(--mehrad-compact-image-height) !important;
}

/* Discount strip. */
.mehrad-discount-strip.mehrad-product-image-size--small .mehrad-discount-strip__thumb { padding: 10px !important; }
.mehrad-discount-strip.mehrad-product-image-size--medium .mehrad-discount-strip__thumb { padding: 5px !important; }
.mehrad-discount-strip.mehrad-product-image-size--large .mehrad-discount-strip__thumb { padding: 0 !important; }
.mehrad-discount-strip.mehrad-product-image-size--large-plus .mehrad-discount-strip__thumb { padding: 0 !important; overflow: hidden !important; }
.mehrad-discount-strip.mehrad-product-image-size--small .mehrad-discount-strip__thumb img,
.mehrad-discount-strip.mehrad-product-image-size--small .mehrad-discount-strip__image { width: 88% !important; height: 88% !important; max-width: 88% !important; max-height: 88% !important; }
.mehrad-discount-strip.mehrad-product-image-size--medium .mehrad-discount-strip__thumb img,
.mehrad-discount-strip.mehrad-product-image-size--medium .mehrad-discount-strip__image { width: 96% !important; height: 96% !important; max-width: 96% !important; max-height: 96% !important; }
.mehrad-discount-strip.mehrad-product-image-size--large .mehrad-discount-strip__thumb img,
.mehrad-discount-strip.mehrad-product-image-size--large .mehrad-discount-strip__image { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; }
.mehrad-discount-strip.mehrad-product-image-size--large-plus .mehrad-discount-strip__thumb img,
.mehrad-discount-strip.mehrad-product-image-size--large-plus .mehrad-discount-strip__image { width: 112% !important; height: 112% !important; max-width: none !important; max-height: none !important; transform: scale(1.06) !important; }

/* Featured category products. */
.mehrad-featured-category-products .mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products .mehrad-featured-category-products__image {
	transition: transform .25s ease;
	transform-origin: center center;
}
.mehrad-featured-category-products.mehrad-product-image-size--small .mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products.mehrad-product-image-size--small .mehrad-featured-category-products__image { transform: scale(1) !important; }
.mehrad-featured-category-products.mehrad-product-image-size--medium .mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products.mehrad-product-image-size--medium .mehrad-featured-category-products__image { transform: scale(1.10) !important; }
.mehrad-featured-category-products.mehrad-product-image-size--large .mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products.mehrad-product-image-size--large .mehrad-featured-category-products__image { transform: scale(1.20) !important; }
.mehrad-featured-category-products.mehrad-product-image-size--large-plus .mehrad-featured-category-products__product-image img,
.mehrad-featured-category-products.mehrad-product-image-size--large-plus .mehrad-featured-category-products__image { transform: scale(1.32) !important; }

/* Product carousel. The percentage cap used by the original widget also changes per preset. */
.mehrad-product-carousel.mehrad-product-image-size--small { --mehrad-product-image-size: 150px !important; }
.mehrad-product-carousel.mehrad-product-image-size--medium { --mehrad-product-image-size: 180px !important; }
.mehrad-product-carousel.mehrad-product-image-size--large { --mehrad-product-image-size: 210px !important; }
.mehrad-product-carousel.mehrad-product-image-size--large-plus { --mehrad-product-image-size: 240px !important; }
.mehrad-product-carousel.mehrad-product-image-size--small .mehrad-product-carousel__image-link { width: min(82%, var(--mehrad-product-image-size)) !important; }
.mehrad-product-carousel.mehrad-product-image-size--medium .mehrad-product-carousel__image-link { width: min(92%, var(--mehrad-product-image-size)) !important; }
.mehrad-product-carousel.mehrad-product-image-size--large .mehrad-product-carousel__image-link { width: min(100%, var(--mehrad-product-image-size)) !important; }
.mehrad-product-carousel.mehrad-product-image-size--large-plus .mehrad-product-carousel__image-link { width: min(100%, var(--mehrad-product-image-size)) !important; }

/* Product ranking. */
.mehrad-product-ranking.mehrad-product-image-size--small { --mehrad-ranking-image-width: 64px !important; --mehrad-ranking-image-height: 88px !important; }
.mehrad-product-ranking.mehrad-product-image-size--medium { --mehrad-ranking-image-width: 80px !important; --mehrad-ranking-image-height: 104px !important; }
.mehrad-product-ranking.mehrad-product-image-size--large { --mehrad-ranking-image-width: 96px !important; --mehrad-ranking-image-height: 120px !important; }
.mehrad-product-ranking.mehrad-product-image-size--large-plus { --mehrad-ranking-image-width: 112px !important; --mehrad-ranking-image-height: 136px !important; }
.mehrad-product-ranking.mehrad-product-image-size--small .mehrad-product-ranking__card,
.mehrad-product-ranking.mehrad-product-image-size--medium .mehrad-product-ranking__card,
.mehrad-product-ranking.mehrad-product-image-size--large .mehrad-product-ranking__card,
.mehrad-product-ranking.mehrad-product-image-size--large-plus .mehrad-product-ranking__card {
	grid-template-columns: var(--mehrad-ranking-image-width) minmax(0, 1fr) 54px !important;
	min-height: calc(var(--mehrad-ranking-image-height) + 34px) !important;
}
.mehrad-product-ranking.mehrad-product-image-size--small .mehrad-product-ranking__image-wrap,
.mehrad-product-ranking.mehrad-product-image-size--medium .mehrad-product-ranking__image-wrap,
.mehrad-product-ranking.mehrad-product-image-size--large .mehrad-product-ranking__image-wrap,
.mehrad-product-ranking.mehrad-product-image-size--large-plus .mehrad-product-ranking__image-wrap {
	width: var(--mehrad-ranking-image-width) !important;
	height: var(--mehrad-ranking-image-height) !important;
}

/* Vertical product banners. !important also beats the old responsive image-size slider. */
.mehrad-vpb.mehrad-product-image-size--small { --mvpb-layout-image-size: 148px !important; }
.mehrad-vpb.mehrad-product-image-size--medium { --mvpb-layout-image-size: 176px !important; }
.mehrad-vpb.mehrad-product-image-size--large { --mvpb-layout-image-size: 204px !important; }
.mehrad-vpb.mehrad-product-image-size--large-plus { --mvpb-layout-image-size: 232px !important; }
.mehrad-vpb.mehrad-product-image-size--small .mehrad-vpb__product-image,
.mehrad-vpb.mehrad-product-image-size--medium .mehrad-vpb__product-image,
.mehrad-vpb.mehrad-product-image-size--large .mehrad-vpb__product-image,
.mehrad-vpb.mehrad-product-image-size--large-plus .mehrad-vpb__product-image {
	width: var(--mvpb-layout-image-size) !important;
	height: var(--mvpb-layout-image-size) !important;
	flex-basis: var(--mvpb-layout-image-size) !important;
}

@media (max-width: 1024px) {
	.mehrad-category-products-browser.mehrad-product-image-size--small { --mcpb-image-size: 84px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--medium { --mcpb-image-size: 100px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--large { --mcpb-image-size: 116px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--large-plus { --mcpb-image-size: 132px !important; }

	.mehrad-product-carousel.mehrad-product-image-size--small { --mehrad-product-image-size: 140px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--medium { --mehrad-product-image-size: 164px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--large { --mehrad-product-image-size: 188px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--large-plus { --mehrad-product-image-size: 212px !important; }

	.mehrad-vpb.mehrad-product-image-size--small { --mvpb-layout-image-size: 126px !important; }
	.mehrad-vpb.mehrad-product-image-size--medium { --mvpb-layout-image-size: 146px !important; }
	.mehrad-vpb.mehrad-product-image-size--large { --mvpb-layout-image-size: 166px !important; }
	.mehrad-vpb.mehrad-product-image-size--large-plus { --mvpb-layout-image-size: 186px !important; }
}

@media (max-width: 767px) {
	.mehrad-category-products-browser.mehrad-product-image-size--small { --mcpb-image-size: 72px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--medium { --mcpb-image-size: 84px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--large { --mcpb-image-size: 96px !important; }
	.mehrad-category-products-browser.mehrad-product-image-size--large-plus { --mcpb-image-size: 108px !important; }

	.mehrad-compact-products.mehrad-product-image-size--small { --mehrad-compact-image-width: 72px !important; --mehrad-compact-image-height: 80px !important; }
	.mehrad-compact-products.mehrad-product-image-size--medium { --mehrad-compact-image-width: 86px !important; --mehrad-compact-image-height: 94px !important; }
	.mehrad-compact-products.mehrad-product-image-size--large { --mehrad-compact-image-width: 100px !important; --mehrad-compact-image-height: 108px !important; }
	.mehrad-compact-products.mehrad-product-image-size--large-plus { --mehrad-compact-image-width: 114px !important; --mehrad-compact-image-height: 122px !important; }

	.mehrad-product-carousel.mehrad-product-image-size--small { --mehrad-product-image-size: 126px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--medium { --mehrad-product-image-size: 148px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--large { --mehrad-product-image-size: 170px !important; }
	.mehrad-product-carousel.mehrad-product-image-size--large-plus { --mehrad-product-image-size: 192px !important; }

	.mehrad-product-ranking.mehrad-product-image-size--small { --mehrad-ranking-image-width: 54px !important; --mehrad-ranking-image-height: 66px !important; }
	.mehrad-product-ranking.mehrad-product-image-size--medium { --mehrad-ranking-image-width: 66px !important; --mehrad-ranking-image-height: 80px !important; }
	.mehrad-product-ranking.mehrad-product-image-size--large { --mehrad-ranking-image-width: 78px !important; --mehrad-ranking-image-height: 94px !important; }
	.mehrad-product-ranking.mehrad-product-image-size--large-plus { --mehrad-ranking-image-width: 90px !important; --mehrad-ranking-image-height: 108px !important; }

	.mehrad-vpb.mehrad-product-image-size--small { --mvpb-layout-image-size: 92px !important; }
	.mehrad-vpb.mehrad-product-image-size--medium { --mvpb-layout-image-size: 108px !important; }
	.mehrad-vpb.mehrad-product-image-size--large { --mvpb-layout-image-size: 124px !important; }
	.mehrad-vpb.mehrad-product-image-size--large-plus { --mvpb-layout-image-size: 140px !important; }
}

@media (max-width: 420px) {
	.mehrad-vpb.mehrad-product-image-size--small { --mvpb-layout-image-size: 56px !important; }
	.mehrad-vpb.mehrad-product-image-size--medium { --mvpb-layout-image-size: 68px !important; }
	.mehrad-vpb.mehrad-product-image-size--large { --mvpb-layout-image-size: 80px !important; }
	.mehrad-vpb.mehrad-product-image-size--large-plus { --mvpb-layout-image-size: 92px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.mehrad-featured-category-products .mehrad-featured-category-products__product-image img,
	.mehrad-featured-category-products .mehrad-featured-category-products__image { transition: none; }
}