/* ==========================================================================
   Ovalete Design — «منتجاتنا المميزة» وبطاقات الشورت كود [responsive_products] / [sale_products]
   يُحمَّل بعد ovalete.css و ovalete-mobile.css (featured.php).
   ========================================================================== */

/* العنوان ------------------------------------------------------------------ */

.ovd .ovd-feat-head {
	padding-block: clamp(40px, 4.6vw, 64px) 0;
}

.ovd .ovd-feat-head .ovd-head {
	margin-bottom: 0;
}

.ovd .ovd-feat-head .ovd-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 6px;
	padding: 5px 12px 3px;
	background: var(--ovd-cream);
	border: 1px solid var(--ovd-line);
	border-radius: 999px;
	font-size: 13.5px;
	font-weight: 600;
}

.ovd .ovd-feat-head .ovd-icon--sparkle {
	width: 13px;
	height: 13px;
	margin-top: -2px;
	color: var(--ovd-gold);
}

.ovd .ovd-feat-head .ovd-title::after {
	content: "";
	display: block;
	width: 48px;
	height: 3px;
	margin-top: 10px;
	background: var(--ovd-gold);
	border-radius: 3px;
}

.ovd .ovd-feat-head .ovd-head__sub {
	max-width: 72ch;
	margin-top: 10px;
}

.ovd .ovd-more--pill {
	padding: 0 22px;
	border: 1.5px solid var(--ovd-choco);
	border-radius: 999px;
	transition: background-color 0.2s, color 0.2s;
}

.ovd .ovd-more__short {
	display: none;
}

.ovd .ovd-more--pill:hover {
	background: var(--ovd-choco);
	color: #fff;
}

/* المسافة بين العنوان والبطاقات */
.ovd.home .elementor-3072 .elementor-element.elementor-element-a5be057 {
	--margin-top: 0px;
	--padding-top: 0px;
}

.ovd.home .elementor-element-a5be057 .custom-products-grid {
	margin-top: clamp(22px, 2.4vw, 32px);
}

/* البطاقة ------------------------------------------------------------------ */

.ovd .custom-products-grid .product-item {
	padding: 0;
}

/* الصورة بعرض البطاقة حتى الحدود */
.ovd .custom-products-grid .product-item > a {
	aspect-ratio: 4 / 5;
	border-radius: 0;
	background: var(--ovd-cream);
}

.ovd .custom-products-grid .product-item > a img {
	object-fit: cover;
	/* بعض الصور فيها خط رفيع على الحافة؛ تكبير بسيط يخفيه */
	transform: scale(1.03);
}

.ovd .custom-products-grid .product-item:hover > a img {
	transform: scale(1.08);
}

.ovd .custom-products-grid .sale-badge {
	top: 12px;
	left: 12px;
}

/* النص: القسم ثم الاسم ثم السعر مباشرة، وزر السلة في الأسفل */
.ovd .custom-products-grid .product-info {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 14px 16px 16px;
}

.ovd .custom-products-grid .product-info .category {
	order: -1;
	margin: 0 0 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--ovd-gold-deep);
	font-size: 12px;
}

.ovd .custom-products-grid .product-info .category a {
	margin: 0;
	color: inherit;
	font-size: inherit;
}

.ovd .custom-products-grid .product-info .product-title {
	-webkit-line-clamp: 2;
	min-height: 3.1em;
	margin: 0 0 8px;
}

.ovd .custom-products-grid .product-info .price {
	margin: 0 0 14px;
}

.ovd .custom-products-grid .product-info .button {
	margin: auto 0 0;
}

@media (max-width: 689.98px) {
	.ovd .custom-products-grid .product-item {
		padding: 0;
	}

	.ovd .custom-products-grid .product-info {
		padding: 10px 10px 12px;
	}

	.ovd .custom-products-grid .product-info .category {
		margin-bottom: 4px;
		font-size: 11.5px;
	}

	.ovd .custom-products-grid .product-info .product-title {
		-webkit-line-clamp: 3;
		min-height: 0;
		margin-bottom: 6px;
	}

	.ovd .custom-products-grid .product-info .price {
		margin-bottom: 10px;
	}

	.ovd .ovd-feat-head {
		padding-top: 36px;
	}

	/* العنوان في جهة والزر صغير في الجهة المقابلة */
	.ovd .ovd-feat-head .ovd-head {
		flex-wrap: nowrap;
	}

	.ovd .ovd-feat-head .ovd-head__sub {
		display: none;
	}

	.ovd .ovd-feat-head .ovd-eyebrow {
		font-size: 12px;
	}

	.ovd .ovd-feat-head .ovd-title {
		white-space: nowrap;
	}

	.ovd .ovd-more__long {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip-path: inset(50%);
	}

	.ovd .ovd-more__short {
		display: inline;
	}

	.ovd .ovd-more--pill {
		gap: 6px;
		min-height: 38px;
		padding: 0 14px;
		font-size: 13.5px;
	}
}

@media (hover: none) {
	.ovd .custom-products-grid .product-item:hover > a img {
		transform: scale(1.03);
	}
}