/**
 * Single mobile shell — vertical rhythm, specs typography (horizontal inset: global .ntp-container).
 *
 * @package NewTechPrice
 */

.ntp-single-mobile aside section,
.ntp-single-mobile #specs dl,
.ntp-single-mobile #specs dt,
.ntp-single-mobile #specs dd {
	line-height: 1.5;
}

/* Official / unofficial pill inside hero price cards — inherit card foreground */
.ntp-single-mobile [data-ntp-hero-prices] .ntp-identity-price-badge .ntp-page-badge--pill {
	color: inherit !important;
}

/* Splide slides — contained media (replaces [&_img] on carousel roots) */
.ntp-mobile-hero-main img,
.ntp-mobile-hero-thumbs img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 767.98px) {
	/* Horizontal inset: global .ntp-container (max(gutter, safe-area)) — avoid a second, tighter padding here. */

	/* Keep module shell neutral on X-axis; .ntp-container owns horizontal rhythm. */
	.ntp-single-mobile > .grid {
		padding-left: 0;
		padding-right: 0;
	}

	.ntp-single-mobile > .grid {
		row-gap: 1rem;
	}

	.ntp-single-mobile > .grid > div:first-child.flex {
		gap: 0.875rem;
	}

	.ntp-single-mobile > .grid > div:last-child.flex {
		gap: 1rem;
	}
}