/* For Dog Owners page: one box per company, black text. */
.ld-dog-box {
	padding: 20px 22px !important;
	margin-bottom: 18px !important;
	border: 1px solid #9ca3af !important;
	border-radius: 12px;
	box-sizing: border-box;
}
.ld-dog-box,
.ld-dog-box * {
	color: #000 !important;
}
.ld-dog-box a {
	text-decoration: underline;
}
.ld-dog-tone-0 {
	background-color: #e5e7eb !important; /* light gray */
}
.ld-dog-tone-1 {
	background-color: #bcc2ca !important; /* darker gray */
}
.ld-dog-tone-2 {
	background-color: #ffffff !important; /* white */
}

/* Photos: center banner, four corner photos on wide screens, a strip on smaller ones */
.ld-dog-page { position: relative; }
.ld-dog-hero {
	display: flex;
	align-items: stretch;
	max-width: 1040px;
	margin: 24px auto 20px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
}
.ld-dog-hero-frame { flex: 0 0 48%; max-width: 48%; }
.ld-dog-hero-img { width: 100%; height: 100%; min-height: 300px; object-fit: cover; object-position: 50% 40%; display: block; }
.ld-dog-hero-card { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; padding: 28px 32px; }
.ld-dog-hero-card h2 { margin: 0 0 10px; font-size: 1.9rem; line-height: 1.2; color: #166534; }
.ld-dog-hero-card p { margin: 0; font-size: 1.1rem; line-height: 1.6; color: #1f2937; }
.ld-dog-strip { display: flex; justify-content: center; gap: 14px; margin: 0 auto 22px; padding: 0 12px; }
.ld-dog-pic, .ld-dog-corner { margin: 0; border: 4px solid #fff; border-radius: 50%; overflow: hidden; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.22); background: #e5e7eb; }
.ld-dog-pic { width: 84px; height: 84px; }
.ld-dog-pic img, .ld-dog-corner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ld-dog-corner { display: none; position: absolute; width: 150px; height: 150px; z-index: 2; pointer-events: none; }
.ld-dog-corner--tl { transform: rotate(-4deg); }
.ld-dog-corner--tr { transform: rotate(4deg); }
.ld-dog-corner--bl { transform: rotate(3deg); }
.ld-dog-corner--br { transform: rotate(-3deg); }
@media (max-width: 760px) {
	.ld-dog-hero { flex-direction: column; margin: 14px 12px; }
	.ld-dog-hero-frame { flex: none; max-width: none; }
	.ld-dog-hero-img { height: 260px; min-height: 0; }
	.ld-dog-hero-card { padding: 18px 20px; }
	.ld-dog-hero-card h2 { font-size: 1.4rem; }
	.ld-dog-hero-card p { font-size: 1rem; }
	.ld-dog-pic { width: 64px; height: 64px; }
}