/* Product page (single-items): tweaks on top of main.css to match the "Product inner" design. */

/* Item info spacing and headings per Figma "Product inner" → inner (2026:36) */

@media (min-width: 992px) {
	.items-data {
		padding-top: 32px;
		padding-bottom: 147px;
	}

	.items-data__title {
		margin-bottom: 0;
	}

	.items-data__price {
		margin-bottom: 24px;
	}

	.items-data__row,
	.items-data__text {
		margin-bottom: 44px;
	}

	.items-data__row .items-data__text {
		margin-bottom: 0;
	}
}

.items-data__text > p:first-child {
	margin-top: 0;
}

.items-data__text > p:last-child {
	margin-bottom: 0;
}

.items-data__subtitle {
	margin-bottom: 16px;
	font-weight: 400;
	line-height: 16px;
}

/* Gallery controls per Figma: regular-weight numbers. */

.items-gallery__num {
	font-weight: 400;
}

/* Arrows and numbers on one line, 40px under the photo (controls must not stretch to the row height) */
.items-gallery__footer {
	align-items: flex-start;
}

.items-gallery__controls {
	align-items: center;
}

@media (min-width: 992px) {
	.items-gallery__cells {
		flex-wrap: nowrap;
	}
}

/* Narrower desktops: tighten the numbers so 01–09 stay on one line between the arrows */
@media (min-width: 992px) and (max-width: 1599.98px) {
	.items-gallery__cells {
		padding-left: 12px;
		padding-right: 12px;
	}

	.items-gallery__num {
		margin-right: 14px;
	}

	.items-gallery__num.is-selected:after {
		width: 48px;
		margin-left: 14px;
	}
}

/* Mobile per Figma "Product inner" 375 (2026:1683): title and price on one row, compact text,
   full-width 42px Buy, 272px photo, 48px banner paddings. */

@media (max-width: 991.98px) {
	.items-gallery__item img {
		max-height: 272px;
	}

	.items-data {
		padding-top: 24px;
		padding-bottom: 48px;
	}

	.items-data__head {
		display: flex;
		justify-content: space-between;
		align-items: baseline;
		gap: 20px;
		margin-bottom: 12px;
	}

	.items-data__head .items-data__title {
		margin-bottom: 0;
		text-align: left;
	}

	.items-data__head .items-data__price {
		flex: 0 0 auto;
		margin-bottom: 0;
	}

	.items-data__text {
		margin-bottom: 0;
		line-height: 20px;
	}

	.items-data__row {
		margin-bottom: 20px;
	}

	.items-data__subtitle {
		margin-bottom: 4px;
		line-height: 19.6px;
	}

	.items-data .button,
	.items-data .button .button__inner {
		display: flex;
		width: 100%;
	}

	.items-data .button .button__inner {
		height: 42px;
	}

	.items-banner__wrap {
		padding-top: 48px !important;
		padding-bottom: 48px !important;
	}

	.items-banner__text {
		margin-bottom: 28px;
	}

	.items-banner__text br {
		display: none;
	}

	.items-banner .button__inner {
		height: 42px;
	}
}