/**
 * Single bike shell — vertical rhythm on small screens (horizontal inset: global .ntp-container).
 *
 * @package NewTechPrice
 */

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

.ntp-bike-qna-thread > li {
	padding-top: 1.5rem;
}

.ntp-bike-qna-thread > li:first-child {
	padding-top: 0;
}

.ntp-details-marker-hidden {
	list-style: none;
}

.ntp-details-marker-hidden::-webkit-details-marker {
	display: none;
}

@media (max-width: 767.98px) {
	/* Horizontal inset: global .ntp-container (max(gutter, safe-area)). */

	/* Default grid uses gap-y-6 + gap-x-4; on one column, slightly tighter vertical rhythm reads more compact. */
	.ntp-single-bike > .grid {
		row-gap: 1rem;
	}

	/* Main column is `flex flex-col gap-5` (1.25rem) — tighten stack without changing desktop. */
	.ntp-single-bike > .grid > div:first-child.flex {
		gap: 0.875rem;
	}

	/* Full-width row uses var(--ntp-section-gap) (~1.5rem+); compact on phone. */
	.ntp-single-bike > .grid > div:last-child.flex {
		gap: 1rem;
	}

	.ntp-single-bike #specs.ntp-bike-specs {
		padding-top: 0.75rem;
		padding-bottom: 0.75rem;
	}
}