/* ==========================================================================
   Paide Vesi — Homepage
   ========================================================================== */

:root {
	--paidevesi-page-bg: var(--wp--preset--color--gray-01, #f0f4f8);
	--paidevesi-red-light: #fee8e9;
	--paidevesi-red-dark: #c03a2b;
}

/* Override body background for front page */
body.home,
body.page-template-front-page {
	background-color: var(--paidevesi-page-bg);
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

.home-hero {
	position: relative;
	height: calc(840px * var(--pv-ui-scale));
	overflow: hidden;
	background-color: var(--paidevesi-page-bg);
}

.home-hero__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.home-hero__gradient {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		transparent 35%,
		rgba(240, 244, 248, 0.35) 60%,
		rgba(240, 244, 248, 0.85) 73%,
		var(--paidevesi-page-bg) 80%
	);
}

/* --------------------------------------------------------------------------
   Dashboard Container
   -------------------------------------------------------------------------- */

.home-dashboard {
	position: relative;
	z-index: 1;
	margin-top: calc(-780px * var(--pv-ui-scale));
	/* Right column track (meter / quick cards / contacts). Wider on >1920px. */
	--pv-home-right-col: calc(428px * var(--pv-ui-scale));
}

@media (min-width: 1921px) {
	.home-dashboard {
		/* ~10% wider right column on large desktops (24"/27") */
		--pv-home-right-col: calc(471px * var(--pv-ui-scale));
	}
}

.home-dashboard__inner {
	margin: 0 auto;
	padding: 0 calc(58px * var(--pv-ui-scale)) calc(80px * var(--pv-ui-scale));
}

.home-dashboard__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--pv-home-right-col);
	column-gap: calc(42px * var(--pv-ui-scale));
	row-gap: calc(20px * var(--pv-ui-scale));
	align-items: stretch;
}

.home-dashboard__left {
	display: flex;
	flex-direction: column;
	gap: calc(20px * var(--pv-ui-scale));
	min-width: 0;
}

.home-dashboard__right {
	display: flex;
	flex-direction: column;
	gap: calc(20px * var(--pv-ui-scale));
}

/*
 * Lower band only (Teated + Kontaktid).
 * On desktop, display:contents on .home-news flattens header/list into this
 * grid so the news-card stack and contacts card share one row — without
 * touching the hero. Mobile resets placement in the ≤1100px query.
 */
.home-teated-contacts {
	grid-column: 1 / -1;
	min-width: 0;
}

@media (min-width: 1101px) {
	/*
	 * Top band rows: meter | first quick row (Hinnakiri…) | second quick row.
	 * Hero spans meter + first quick row so its bottom matches Hinnakiri.
	 */
	.home-dashboard__grid {
		grid-template-rows: auto auto auto auto;
	}

	.home-dashboard__left {
		grid-column: 1;
		grid-row: 1 / 3;
		min-height: 0;
	}

	.home-dashboard__right {
		display: contents;
	}

	.home-card-meter {
		grid-column: 2;
		grid-row: 1;
	}

	.home-quick-grid {
		grid-column: 2;
		grid-row: 2 / 4;
		grid-template-rows: subgrid;
		/* Horizontal gap only; vertical rhythm comes from parent row-gap via subgrid */
		column-gap: calc(20px * var(--pv-ui-scale));
		row-gap: calc(20px * var(--pv-ui-scale));
	}

	.home-teated-contacts {
		display: grid;
		grid-column: 1 / -1;
		grid-row: 4;
		grid-template-columns: minmax(0, 1fr) var(--pv-home-right-col);
		column-gap: calc(42px * var(--pv-ui-scale));
		row-gap: calc(22px * var(--pv-ui-scale));
		align-items: stretch;
	}

	.home-teated-contacts .home-news {
		display: contents;
	}

	.home-teated-contacts .home-news__header {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
	}

	.home-teated-contacts .home-news__list {
		grid-column: 1;
		grid-row: 2;
		align-self: stretch;
		min-width: 0;
		box-sizing: border-box;
	}

	.home-teated-contacts .home-contacts {
		grid-column: 2;
		grid-row: 2;
		align-self: stretch;
		box-sizing: border-box;
	}

	.home-teated-contacts .home-news__item {
		flex: 1 1 0;
		min-height: min-content;
		box-sizing: border-box;
	}
}

/* --------------------------------------------------------------------------
   Hero Card
   -------------------------------------------------------------------------- */

.home-hero-card {
	background: rgba(255, 255, 255, 0.7);
	border-radius: calc(24px * var(--pv-ui-scale));
	padding: calc(62px * var(--pv-ui-scale)) calc(42px * var(--pv-ui-scale));
	display: flex;
	flex-direction: column;
	gap: calc(125px * var(--pv-ui-scale));
}

@media (min-width: 1101px) {
	.home-hero-card {
		flex: 1 1 auto;
		height: 100%;
		min-height: 0;
		box-sizing: border-box;
		/* Flexible middle space so the card can shrink/grow to the Hinnakiri row */
		justify-content: space-between;
		gap: calc(24px * var(--pv-ui-scale));
	}
}

.home-hero-card__title {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(48px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-1.44px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	margin: 0;
}

.home-hero-card__highlight {
	color: var(--wp--preset--color--primary-blue);
}

.home-hero-card__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.home-hero-card__stats {
	display: flex;
	align-items: center;
	gap: calc(32px * var(--pv-ui-scale));
}

.home-hero-card__stat-divider {
	width: calc(1px * var(--pv-ui-scale));
	height: calc(48px * var(--pv-ui-scale));
	background-color: var(--wp--preset--color--gray-02);
	flex-shrink: 0;
}

.home-hero-card__stat {
	display: flex;
	flex-direction: column;
}

.home-hero-card__stat-value {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(22px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.66px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
}

.home-hero-card__stat-label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	color: var(--wp--preset--color--gray-03);
	line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

.home-btn-primary {
	display: inline-flex;
	align-items: center;
	gap: calc(6px * var(--pv-ui-scale));
	background: var(--wp--preset--color--primary-blue);
	color: var(--wp--preset--color--white);
	border: none;
	border-radius: calc(100px * var(--pv-ui-scale));
	padding: calc(16px * var(--pv-ui-scale)) calc(28px * var(--pv-ui-scale));
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease;
	flex-shrink: 0;
}

.home-btn-primary:hover {
	background-color: #0052cc;
	color: var(--wp--preset--color--white);
}

.home-btn-primary svg {
	width: calc(20px * var(--pv-ui-scale));
	height: calc(20px * var(--pv-ui-scale));
	flex-shrink: 0;
}

.home-btn-link {
	display: inline-flex;
	align-items: center;
	gap: calc(4px * var(--pv-ui-scale));
	background: none;
	border: none;
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	font-weight: 600;
	color: var(--wp--preset--color--primary-blue);
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.home-btn-link:hover {
	opacity: 0.8;
}

.home-btn-link svg {
	width: calc(20px * var(--pv-ui-scale));
	height: calc(20px * var(--pv-ui-scale));
}

.home-btn-link--dark {
	color: var(--wp--preset--color--brand-01-dark);
}

.home-btn-circle {
	width: calc(57px * var(--pv-ui-scale));
	height: calc(57px * var(--pv-ui-scale));
	border-radius: calc(100px * var(--pv-ui-scale));
	border: 1px solid var(--wp--preset--color--gray-02);
	background: var(--wp--preset--color--white);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transition: background-color 0.2s ease;
	color: var(--wp--preset--color--brand-01-dark);
}

.home-btn-circle svg {
	width: calc(20px * var(--pv-ui-scale));
	height: calc(20px * var(--pv-ui-scale));
}

/* --------------------------------------------------------------------------
   News Section
   -------------------------------------------------------------------------- */

.home-news {
	display: flex;
	flex-direction: column;
	gap: calc(22px * var(--pv-ui-scale));
}

.home-news__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.home-news__title {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(32px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.96px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	margin: 0;
}

.home-news__list {
	display: flex;
	flex-direction: column;
	gap: calc(8px * var(--pv-ui-scale));
}

.home-news__item {
	background: var(--wp--preset--color--white);
	border-radius: calc(12px * var(--pv-ui-scale));
	padding: calc(32px * var(--pv-ui-scale));
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
	color: inherit;
	transition: box-shadow 0.2s ease;
}

.home-news__item:hover {
	box-shadow: 0 calc(4px * var(--pv-ui-scale)) calc(16px * var(--pv-ui-scale)) rgba(16, 47, 93, 0.08);
}

.home-news__item:hover .home-btn-circle {
	background-color: var(--paidevesi-page-bg);
}

.home-news__item-left {
	display: flex;
	align-items: stretch;
	gap: calc(12px * var(--pv-ui-scale));
	min-width: 0;
}

.home-news__date-box {
	background: var(--paidevesi-page-bg);
	border-radius: calc(8px * var(--pv-ui-scale));
	width: calc(57px * var(--pv-ui-scale));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-bottom: calc(6px * var(--pv-ui-scale));
	flex-shrink: 0;
}

.home-news__date-day {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(22px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.66px * var(--pv-ui-scale));
	color: var(--wp--preset--color--gray-03);
}

.home-news__date-month {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	color: var(--wp--preset--color--gray-03);
	line-height: 1.5;
}

.home-news__content {
	display: flex;
	flex-direction: column;
	gap: calc(12px * var(--pv-ui-scale));
	min-width: 0;
}

.home-news__meta {
	display: flex;
	align-items: center;
	gap: calc(12px * var(--pv-ui-scale));
}

.home-news__date-text {
	display: inline-flex;
	align-items: center;
	gap: calc(4px * var(--pv-ui-scale));
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(14px * var(--pv-ui-scale));
	color: var(--wp--preset--color--gray-03);
	line-height: 1.5;
}

.home-news__date-text svg {
	width: calc(18px * var(--pv-ui-scale));
	height: calc(18px * var(--pv-ui-scale));
	flex-shrink: 0;
}

.home-badge {
	padding: calc(2px * var(--pv-ui-scale)) calc(8px * var(--pv-ui-scale));
	border-radius: calc(4px * var(--pv-ui-scale));
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(14px * var(--pv-ui-scale));
	line-height: 1.5;
	font-weight: 400;
}

.home-badge--uudis {
	background: var(--wp--preset--color--brand-02-light);
	color: var(--wp--preset--color--brand-02);
}

.home-badge--teade {
	background: var(--wp--preset--color--brand-01-light);
	color: var(--wp--preset--color--brand-01);
}

.home-badge--katkestus {
	background: var(--paidevesi-red-light);
	color: var(--paidevesi-red-dark);
}

.home-news__text {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	font-weight: 600;
	color: var(--wp--preset--color--brand-01-dark);
	line-height: 1.5;
	max-width: calc(600px * var(--pv-ui-scale));
	margin: 0;
}

/* --------------------------------------------------------------------------
   Meter Readings Card
   -------------------------------------------------------------------------- */

.home-card-meter {
	background: var(--wp--preset--color--brand-02-light);
	border-radius: calc(24px * var(--pv-ui-scale));
	padding: calc(24px * var(--pv-ui-scale));
	display: flex;
	align-items: flex-start;
	gap: calc(16px * var(--pv-ui-scale));
}

.home-card-meter__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: calc(12px * var(--pv-ui-scale));
}

.home-card-meter__header {
	display: flex;
	flex-direction: column;
	gap: calc(6px * var(--pv-ui-scale));
}

.home-card-meter__title {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(22px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.66px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	margin: 0;
}

.home-card-meter__desc {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	line-height: 1.5;
	margin: 0;
}

.home-card-meter__icon {
	width: calc(57px * var(--pv-ui-scale));
	height: calc(57px * var(--pv-ui-scale));
	background: var(--wp--preset--color--white);
	border-radius: calc(114px * var(--pv-ui-scale));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.home-card-meter__icon svg {
	width: calc(24px * var(--pv-ui-scale));
	height: calc(24px * var(--pv-ui-scale));
}

/* --------------------------------------------------------------------------
   Quick Links Grid
   -------------------------------------------------------------------------- */

.home-quick-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: calc(20px * var(--pv-ui-scale));
}

.home-quick-card {
	background: var(--wp--preset--color--brand-02);
	border-radius: calc(24px * var(--pv-ui-scale));
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: calc(8px * var(--pv-ui-scale));
	padding: calc(24px * var(--pv-ui-scale));
	cursor: pointer;
	text-decoration: none;
	transition: background-color 0.2s ease;
	min-height: calc(130px * var(--pv-ui-scale));
}

.home-quick-card:hover {
	background-color: #5b66b8;
}

.home-quick-card__icon {
	width: calc(50px * var(--pv-ui-scale));
	height: calc(50px * var(--pv-ui-scale));
	display: flex;
	align-items: center;
	justify-content: center;
}

.home-quick-card__icon svg {
	width: calc(24px * var(--pv-ui-scale));
	height: calc(24px * var(--pv-ui-scale));
}

.home-quick-card__label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	font-weight: 600;
	color: var(--wp--preset--color--white);
	text-align: center;
	line-height: 1.5;
}

/* --------------------------------------------------------------------------
   Contacts Card
   -------------------------------------------------------------------------- */

.home-contacts {
	background: var(--wp--preset--color--white);
	border-radius: calc(24px * var(--pv-ui-scale));
	padding: calc(42px * var(--pv-ui-scale));
	display: flex;
	flex-direction: column;
	gap: calc(22px * var(--pv-ui-scale));
}

.home-contacts__title {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(32px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.96px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	margin: 0;
}

.home-contacts__list {
	display: flex;
	flex-direction: column;
	gap: calc(22px * var(--pv-ui-scale));
}

.home-contacts__item {
	display: flex;
	align-items: center;
	gap: calc(12px * var(--pv-ui-scale));
}

.home-contacts__icon {
	width: calc(57px * var(--pv-ui-scale));
	height: calc(57px * var(--pv-ui-scale));
	border-radius: calc(114px * var(--pv-ui-scale));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.home-contacts__icon svg {
	width: calc(24px * var(--pv-ui-scale));
	height: calc(24px * var(--pv-ui-scale));
}

.home-contacts__icon--red {
	background: var(--paidevesi-red-light);
}

.home-contacts__icon--purple {
	background: var(--wp--preset--color--brand-02-light);
}

.home-contacts__text {
	display: flex;
	flex-direction: column;
}

.home-contacts__label {
	font-family: var(--wp--preset--font-family--inter);
	font-size: calc(16px * var(--pv-ui-scale));
	color: var(--wp--preset--color--gray-03);
	line-height: 1.5;
}

.home-contacts__value {
	font-family: var(--wp--preset--font-family--plus-jakarta-sans);
	font-weight: 700;
	font-size: calc(22px * var(--pv-ui-scale));
	line-height: 1.1;
	letter-spacing: calc(-0.66px * var(--pv-ui-scale));
	color: var(--wp--preset--color--brand-01-dark);
	text-decoration: none;
	transition: color 0.2s ease;
}

a.home-contacts__value:hover {
	color: var(--wp--preset--color--primary-blue);
}

/* --------------------------------------------------------------------------
   Focus States
   -------------------------------------------------------------------------- */

.home-btn-primary:focus-visible,
.home-btn-link:focus-visible,
.home-quick-card:focus-visible,
.home-news__item:focus-visible,
a.home-contacts__value:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary-blue);
	outline-offset: 2px;
	border-radius: calc(8px * var(--pv-ui-scale));
}

/* --------------------------------------------------------------------------
   Responsive — Wide → Desktop transition (hero card bottom row)
   -------------------------------------------------------------------------- */

/* ~1366×1024 and similar: CTA must stack under stats so it stays inside the hero */
@media (max-width: 1500px) and (min-width: 1101px) {
	.home-hero-card__bottom {
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: calc(20px * var(--pv-ui-scale));
	}

	.home-hero-card__stats {
		flex-wrap: wrap;
		gap: calc(20px * var(--pv-ui-scale));
		width: 100%;
	}

	.home-btn-primary {
		flex-shrink: 0;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   Responsive — Tablet
   -------------------------------------------------------------------------- */

@media (max-width: 1100px) {
	.home-dashboard__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: none;
		grid-template-areas:
			"left"
			"right"
			"news"
			"contacts";
		row-gap: calc(20px * var(--pv-ui-scale));
		column-gap: 0;
	}

	/* Order: hero → meter/quick (purple) → Teated → contacts */
	.home-dashboard__left {
		grid-area: left;
		grid-column: auto;
		grid-row: auto;
		justify-content: flex-start;
	}

	.home-hero-card {
		flex: 0 1 auto;
		height: auto;
		justify-content: flex-start;
		/* Pull facts closer to the heading (was 125px on tablet/mobile) */
		gap: calc(24px * var(--pv-ui-scale));
	}

	.home-hero-card__stat-value {
		font-size: calc(18px * var(--pv-ui-scale));
		letter-spacing: calc(-0.4px * var(--pv-ui-scale));
	}

	.home-hero-card__stat-label {
		font-size: calc(14px * var(--pv-ui-scale));
	}

	.home-hero-card__stat-divider {
		height: calc(40px * var(--pv-ui-scale));
	}

	.home-teated-contacts {
		display: contents;
		grid-row: auto;
	}

	.home-news {
		grid-area: news;
		display: flex;
		flex-direction: column;
		gap: calc(22px * var(--pv-ui-scale));
	}

	.home-news__header,
	.home-news__list,
	.home-news__item {
		grid-column: auto;
		grid-row: auto;
	}

	.home-news__item {
		flex: 0 1 auto;
	}

	/* Fixed date box — do not stretch with multi-line titles */
	.home-news__item-left {
		align-items: flex-start;
	}

	.home-news__date-box {
		box-sizing: border-box;
		width: calc(57px * var(--pv-ui-scale));
		height: calc(57px * var(--pv-ui-scale));
		min-height: calc(57px * var(--pv-ui-scale));
		max-height: calc(57px * var(--pv-ui-scale));
		align-self: flex-start;
		padding-bottom: 0;
	}

	.home-dashboard__right {
		display: flex;
		flex-direction: column;
		gap: calc(20px * var(--pv-ui-scale));
		grid-area: right;
		width: 100%;
	}

	.home-card-meter {
		grid-column: auto;
		grid-row: auto;
	}

	.home-quick-grid {
		grid-column: auto;
		grid-row: auto;
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: none;
		gap: calc(16px * var(--pv-ui-scale));
	}

	.home-quick-card {
		min-height: calc(96px * var(--pv-ui-scale));
		padding: calc(16px * var(--pv-ui-scale));
		gap: calc(6px * var(--pv-ui-scale));
		border-radius: calc(20px * var(--pv-ui-scale));
	}

	.home-quick-card__icon {
		width: calc(40px * var(--pv-ui-scale));
		height: calc(40px * var(--pv-ui-scale));
	}

	.home-contacts {
		grid-area: contacts;
		grid-column: auto;
		grid-row: auto;
		align-self: stretch;
	}
}

/*
 * Narrow tablet band (770–930px): side-by-side stats+CTA overflows the hero.
 * Stack CTA under facts. Leave ≤768 (mobile) and ≥931 unchanged.
 */
@media (min-width: 770px) and (max-width: 930px) {
	.home-hero-card__bottom {
		flex-direction: column;
		align-items: flex-start;
		flex-wrap: nowrap;
		gap: calc(20px * var(--pv-ui-scale));
	}

	.home-hero-card__stats {
		flex-wrap: wrap;
		width: 100%;
		max-width: 100%;
		gap: calc(16px * var(--pv-ui-scale));
	}

	.home-btn-primary {
		flex-shrink: 0;
		max-width: 100%;
	}
}

/* --------------------------------------------------------------------------
   Responsive — Mobile
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
	.home-hero {
		height: calc(560px * var(--pv-ui-scale));
	}

	.home-dashboard {
		margin-top: calc(-500px * var(--pv-ui-scale));
	}

	.home-dashboard__inner {
		padding: 0 calc(24px * var(--pv-ui-scale)) calc(60px * var(--pv-ui-scale));
	}

	.home-hero-card {
		padding: calc(32px * var(--pv-ui-scale)) calc(24px * var(--pv-ui-scale));
		gap: calc(20px * var(--pv-ui-scale));
	}

	.home-hero-card__title {
		font-size: calc(32px * var(--pv-ui-scale));
	}

	.home-hero-card__bottom {
		flex-direction: column;
		gap: calc(20px * var(--pv-ui-scale));
		align-items: flex-start;
	}

	/*
	 * Stable mobile facts: 2 columns for the first two, third full-width left.
	 * Hide markup dividers — they jump/misplace when flex-wrap reflows.
	 */
	.home-hero-card__stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: calc(24px * var(--pv-ui-scale));
		row-gap: calc(16px * var(--pv-ui-scale));
		align-items: start;
		width: 100%;
	}

	.home-hero-card__stat-divider {
		display: none;
	}

	.home-hero-card__stats > .home-hero-card__stat:first-child {
		padding-right: calc(16px * var(--pv-ui-scale));
		border-right: calc(1px * var(--pv-ui-scale)) solid var(--wp--preset--color--gray-02);
	}

	.home-hero-card__stats > .home-hero-card__stat:last-child {
		grid-column: 1 / -1;
		padding-right: 0;
		border-right: none;
	}

	.home-hero-card__stat-value {
		font-size: calc(16px * var(--pv-ui-scale));
	}

	.home-hero-card__stat-label {
		font-size: calc(13px * var(--pv-ui-scale));
	}

	.home-quick-grid {
		grid-template-columns: 1fr 1fr;
		gap: calc(12px * var(--pv-ui-scale));
	}

	.home-quick-card {
		min-height: calc(88px * var(--pv-ui-scale));
		padding: calc(14px * var(--pv-ui-scale));
	}

	.home-contacts {
		padding: calc(24px * var(--pv-ui-scale));
	}
}

/* --------------------------------------------------------------------------
   Responsive — Small
   -------------------------------------------------------------------------- */

@media (max-width: 580px) {
	.home-news__item {
		padding: calc(20px * var(--pv-ui-scale)) calc(16px * var(--pv-ui-scale));
		gap: calc(12px * var(--pv-ui-scale));
	}

	.home-news__date-box {
		width: calc(48px * var(--pv-ui-scale));
		height: calc(48px * var(--pv-ui-scale));
		min-height: calc(48px * var(--pv-ui-scale));
		max-height: calc(48px * var(--pv-ui-scale));
	}

	.home-btn-circle {
		width: calc(44px * var(--pv-ui-scale));
		height: calc(44px * var(--pv-ui-scale));
	}

	.home-contacts__item {
		gap: calc(10px * var(--pv-ui-scale));
	}

	.home-contacts__icon {
		width: calc(44px * var(--pv-ui-scale));
		height: calc(44px * var(--pv-ui-scale));
	}

	.home-contacts__value {
		font-size: calc(18px * var(--pv-ui-scale));
	}
}