/**
 * Sistem general afișare imagini câini – A2 (HOME), P2 (Prietenul tău), fișa câinelui (pet-single).
 * Reguli comune: container overflow hidden; imagine umple caseta (cover, center).
 * NU se folosesc: background-size contain, max-width, max-height.
 */

/* ========== P2 (Prietenul tău – listă 4×3) ========== */
body.page-animale #PW .pt-p2-20cell {
	overflow: hidden !important;
}
body.page-animale #PW .pt-p2-20bg {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	max-width: none !important;
	max-height: none !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* ========== Fișa câinelui (pet-single – 3 poze stivuite) ========== */
.pet-fisa-slot {
	overflow: hidden !important;
}
.pet-fisa-slot img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}

/* ========== A2 – 4×3: doar poze, text peste poză în aceeași casetă ========== */
body.page-home-v2 #A2 .A2-casete-wrap > .dog-card-link.dog-card-compact {
	display: block !important;
	text-decoration: none !important;
	height: 100% !important;
	width: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border-radius: 3px !important;
	border: 1px solid rgba(0,0,0,0.08) !important;
	box-shadow: 0 1px 2px rgba(0,0,0,0.06) !important;
	box-sizing: border-box !important;
}
body.page-home-v2 #A2 .dog-card-compact .dog-card {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 0 !important;
	overflow: hidden !important;
	border-radius: 3px !important;
}
body.page-home-v2 #A2 .dog-card-compact .dog-card-photo {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
}
body.page-home-v2 #A2 .dog-card-compact .dog-card-photo img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}
body.page-home-v2 #A2 .dog-card-compact .dog-card-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 40%, transparent 100%) !important;
	pointer-events: none !important;
	z-index: 1 !important;
}
body.page-home-v2 #A2 .dog-card-compact .dog-card-quote {
	position: absolute !important;
	bottom: 10px !important;
	left: 10px !important;
	right: 10px !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 0.8rem !important;
	line-height: 1.3 !important;
	color: #fff !important;
	text-shadow: 0 1px 3px rgba(0,0,0,0.9) !important;
	z-index: 2 !important;
}
/* Full card (când link-ul nu e .dog-card-compact) */
body.page-home-v2 #A2 .dog-card-link:not(.dog-card-compact) .dog-card {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #fff !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	border-radius: 6px !important;
}
body.page-home-v2 #A2 .dog-card-link:not(.dog-card-compact) .dog-card-photo {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	flex: 0 0 auto !important;
	height: 150px !important;
	max-height: 150px !important;
	min-height: 0 !important;
	background-color: #e0e0e0 !important;
	margin: 0 !important;
	overflow: hidden !important;
}
body.page-home-v2 #A2 .dog-card-link:not(.dog-card-compact) .dog-card-photo img {
	width: 100% !important;
	height: 150px !important;
	max-height: 150px !important;
	object-fit: cover !important;
	object-position: center center !important;
	display: block !important;
}