/*
 * Akvagrim — layout corrections
 *
 * The demo theme this site is built on overlaps its sections on purpose using negative
 * margins and lifts cards on hover. That worked with the demo's content; with the real
 * Russian copy the blocks are taller, so the overlaps started swallowing content and
 * the lifted cards ran into the next section. These rules put the boundaries back.
 */

/* ---------- cards keep one height and stay inside their section ---------- */

.akv-cards {
	align-items: stretch;
	/* Room for the hover lift so a raised card never crosses into the block below. */
	padding-bottom: 14px;
}

.akv-cards > * {
	height: 100%;
}

.akv-card {
	height: 100%;
}

/* Push the paragraph to fill the gap so every card's bottom edge lines up. */
.akv-card p {
	flex: 1 1 auto;
}

.akv-service-cards,
.akv-services-grid {
	align-items: stretch;
	padding-bottom: 10px;
}

.akv-service-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.akv-service-card p {
	flex: 1 1 auto;
}

/* The lift is what overlapped the footer — keep the motion, halve the travel. */
.akv-card:hover,
.akv-service-card:hover {
	transform: translateY(-2px);
}

/* ---------- header: logo and menu on one line ---------- */

.pxl-header-elementor .elementor-container,
.pxl-header-wrap .elementor-container {
	align-items: center;
}

.pxl-nav-menu .pxl-menu-primary > li > a {
	white-space: nowrap;
}

/* A fixed row height stops the bar resizing while the webfont loads. */
.pxl-header-elementor .pxl-nav-menu .pxl-menu-primary > li {
	display: flex;
	align-items: center;
}

/* ---------- hero subtitle ("Tashkent Face Art") ---------- */

.pxl-heading .pxl-item--subtitle,
.pxl-item--subtitle {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.4;
}

.pxl-item--subtitle .pxl-item--subtext,
.pxl-item--subtitle .text-gradient {
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
}

@media (max-width: 767px) {
	.pxl-heading .pxl-item--subtitle,
	.pxl-item--subtitle {
		font-size: 15px;
	}
}