/* AR-1458 */
.ilai-blog-block {
	clear: both;
	margin: 32px 0;
}
.ilai-blog-block--products {
	background: #f6f7fb;
	border-radius: 20px;
	padding: 33px 100px 22px;
	margin-left: -100px;
	margin-right: -100px;
}

.ilai-blog-block__title {
	margin: 0 0 18px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: #380669;
}

.ilai-blog-products {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	min-height: 360px;
	position: relative;
}

.ilai-blog-products.slick-initialized {
	display: block;
	min-height: 0;
}

.ilai-blog-card {
	display: flex;
	flex-direction: column;
	width: calc(33.333% - 14px);
	box-sizing: border-box;
	position: relative;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 16px;
	box-shadow: 0 2px 6px rgba(110, 114, 165, 0.18);
	padding: 14px 14px 16px;
	text-align: left;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@media (hover: hover) {
	.ilai-blog-card:hover {
		transform: translateY(-4px);
		box-shadow: 0 6px 10px rgba(110, 114, 165, 0.45);
	}
}

.ilai-blog-card__media {
	display: block;
	margin-bottom: 12px;
}

.ilai-blog-card__media img {
	display: block;
	max-width: 100%;
	height: auto;
	max-height: 220px;
	object-fit: contain;
	margin: 0 auto;
}

.ilai-blog-card__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-grow: 1;
}

.ilai-blog-card__title {
	display: block;
	font-size: 16px;
	line-height: 1.35;
	font-weight: 600;
	text-decoration: none !important;
	flex-grow: 1 !important;
}
.blog-content-holder a.ilai-blog-card__title{
	color: #380669 !important;
}

.ilai-blog-card__title:hover {
	color: #6cc049;
}

/*
 * Stele si pret: markup-ul si stilurile temei (ul.stars[ar-rev-count],
 * .product-price / .product-price-regular din global.css). Aici doar
 * alinierea la stanga pe cardul nostru — global.css le centreaza.
 */

 .ilai-blog-card .stars[ar-rev-count] {
	justify-content: flex-start;
	margin: 0;
	list-style: none !important;
}

.ilai-blog-card .stars[ar-rev-count] li::before,
.ilai-blog-card .stars[ar-rev-count] li::after{
	display: none !important;
}
.ilai-blog-card__body del {
	font-weight: 400;
	font-size: 15px;
}
.ilai-blog-card .stars[ar-rev-count] li.star {
	width: 15px !important;
	height: 15px !important;
	background-size: 130px auto !important;
	background-position: 47px 147px !important;
	margin-bottom: 0;
}
.ilai-blog-card__cart .cart_button_container {
	width: 100%;
}
.ilai-blog-block--products .ilai-blog-card__cart .add_to_cart_button.buton .spinner {
	top: 50%;
	left: 50%;
	right: auto !important;
	margin-top: -14px;
	margin-left: -14px;
}
.ilai-blog-card .stars[ar-rev-count]::after {
	font-size: 12px;
	color: #7a7790;
	font-weight: 500;
}

.ilai-blog-card__cart {
	margin-top: auto;
	padding-top: 4px;
}
.ilai-blog-card__body .product-price {
	margin-bottom: 0;
}

@media (hover: hover) {
	.ilai-blog-card:hover .btn-adauga-produs-favorit {
		visibility: visible;
		opacity: 1;
	}
}

/* ---- Slick: spatiere intre slide-uri + inaltimi egale ---- */

/*
 * .slick-list are overflow:hidden, deci fara spatiu in jur hover-ul
 * (translateY -4px + umbra mai mare) s-ar taia. Marginea negativa compenseaza
 * padding-ul lateral al slide-urilor, iar padding-ul vertical lasa loc umbrei.
 */
.ilai-blog-products .slick-list {
	margin: 0 -10px;
	padding: 10px 0 26px;
}

/* Spatierea dintre carduri in modul slider se face din padding pe slide. */
.ilai-blog-products .slick-slide {
	padding: 0 10px;
	box-sizing: border-box;
	height: auto;
}

.ilai-blog-products .slick-track {
	display: flex;
	align-items: stretch;
}

.ilai-blog-products .slick-slide > div {
	height: 100%;
}

/* Slick pune inline display:inline-block si width:100% pe card. */
.ilai-blog-products .slick-slide .ilai-blog-card {
	display: flex !important;
	width: 100%;
	height: 100%;
}

/* Sageti proprii (Slick genereaza butoane fara stil). */

.ilai-blog-products .slick-arrow {
	position: absolute;
	top: 42%;
	z-index: 2;
	width: 38px;
	height: 38px;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(110, 114, 165, 0.35);
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	padding: 0;
}

.ilai-blog-products .slick-arrow::before {
	content: '';
	display: inline-block;
	width: 9px;
	height: 9px;
	border-right: 2px solid #380669;
	border-bottom: 2px solid #380669;
}

.ilai-blog-products .slick-prev {
	left: -65px;
}

.ilai-blog-products .slick-prev::before {
	transform: rotate(135deg);
	margin-left: 3px;
}

.ilai-blog-products .slick-next {
	right: -65px;
}

.ilai-blog-products .slick-next::before {
	transform: rotate(-45deg);
	margin-right: 3px;
}

/* Dots pentru mobil. */

.ilai-blog-products .slick-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	list-style: none;
	margin: 4px 0 0;
	padding: 0;
}

.ilai-blog-products .slick-dots button {
	display: block;
	width: 8px;
	height: 8px;
	border: 0;
	border-radius: 50%;
	background: #c9cde3;
	font-size: 0;
	padding: 0;
	cursor: pointer;
}

.ilai-blog-products .slick-dots .slick-active button {
	background: #380669;
}

/* ---- Link contextual de la finalul fiecarui H2 ---- */

.ilai-blog-anchor {
	margin: 18px 0 28px;
}

.ilai-blog-anchor__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-weight: 600;
	text-decoration: none !important;
	color: #380669;
	border-bottom: 1px solid transparent;
}

.ilai-blog-anchor__link:hover,
.ilai-blog-anchor__link:focus {
	color: #6cc049;
	border-bottom-color: currentColor;
}

.ilai-blog-anchor__arrow {
	flex: none;
	transition: transform 0.2s ease;
}

.ilai-blog-anchor__link:hover .ilai-blog-anchor__arrow {
	transform: translateX(3px);
}

.ilai-blog-block--products .ilai-blog-card__cart .add_to_cart_button.buton {
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	display: flex;
	height: 44px;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
}
.ilai-blog-card > .container-adauga-produs-favorit {
	top: 10px;
	right: 10px;
}
.ilai-blog-block--products .btn-adauga-produs-favorit {
	width: 30px !important;
	height: 30px !important;
}
.ilai-blog-block--products .btn-adauga-produs-favorit::after {
	background-size: 140px auto !important;
	background-position: -25px -188px !important;
}
.ilai-blog-block--products [btn_action="remove"].btn-adauga-produs-favorit::after {
	background-position: 3px -406px !important;
}
.ilai-blog-block--products .ilai-blog-card__cart .add_to_cart_button.buton.loading{
	color: transparent !important;
}
.ilai-blog-products .slick-arrow.slick-disabled {
	opacity: 0.5;
}
/* ---- Responsive ---- */

@media (max-width: 1279px) {
	.ilai-blog-block--products {
		margin-left: -50px;
		margin-right: -50px;
		padding: 33px 50px 22px;
	}

	.ilai-blog-products .slick-prev {
		left: -45px;
	}
	.ilai-blog-products .slick-next {
		right: -45px;
	}
}

@media (max-width: 1023px) {
	.ilai-blog-block--products {
		margin-left: -60px;
		margin-right: -60px;
		border-radius: 0;
		padding-left: 60px;
		padding-right: 60px;
	}

	.ilai-blog-card {
		width: calc(50% - 10px);
	}

	.ilai-blog-products .slick-prev {
		left: -50px;
	}

	.ilai-blog-products .slick-next {
		right: -50px;
	}
}

@media (max-width: 767px) {
	/* Sagetile trec sus, in dreapta titlului (ca la "Produse similare"). */
	.ilai-blog-block__title {
		margin-bottom: 24px;
		/* Loc pentru cele doua sageti, ca un titlu lung sa nu intre sub ele. */
		padding-right: 92px;
	}

	.ilai-blog-products .slick-arrow {
		top: auto;
		bottom: calc(100% + 6px);
		width: 36px;
		height: 36px;
		border-radius: 8px;
		background: #6cc049;
		box-shadow: none;
	}

	.ilai-blog-products .slick-arrow:hover {
		background: #5cab3f;
	}

	.ilai-blog-products .slick-arrow::before {
		border-color: #fff;
	}

	.ilai-blog-products .slick-prev {
		left: auto;
		right: 44px;
	}

	.ilai-blog-products .slick-next {
		right: 0;
	}

	.ilai-blog-card__title {
		font-size: 14px;
	}
}

@media (max-width: 479px) {
	.ilai-blog-block--products {
		margin-left: -40px;
		margin-right: -40px;
		border-radius: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	.ilai-blog-card__title {
		font-size: 13px;
	}

	.ilai-blog-products {
		gap: 10px;
	}

	.ilai-blog-block--products .ilai-blog-card__cart .add_to_cart_button.buton {
		font-size: 13px;
	}

	.ilai-blog-products .slick-list {
		margin: 0 -5px;
		padding: 6px 0 12px;
	}

	.ilai-blog-products .slick-slide {
		padding: 0 5px;
	}

	/* Fara umbra, hover si tranzitie pe carduri. */
	.ilai-blog-card {
		box-shadow: none;
		transition: none;
	}

	.ilai-blog-card:hover {
		transform: none;
		box-shadow: none;
	}
	.ilai-blog-block__title {
		margin-bottom: 5px;
		padding-right: 0;
		max-width: 270px;
	}

	.ilai-blog-card .product-price-regular {
		font-size: 15px;
	}
	.ilai-blog-card__body del {
		font-size: 13px;
	}
	.ilai-blog-products .slick-arrow {
		bottom: calc(100% + 12px);
	}
}

@media (max-width: 380px) {
	.ilai-blog-card {
		border-radius: 6px;
		padding: 14px 10px 12px;
	}
	.ilai-blog-block--products .ilai-blog-card__cart .add_to_cart_button.buton {
		font-size: 12px;
	}
}