.pg-buy {
	--buy-content-width: var(--lower-max-width);
	--buy-section-width: var(--lower-max-width);
	--buy-gap: clamp(1.6rem, 3.2vw, 2.4rem);
	--buy-radius: clamp(1rem, 2.1vw, 1.4rem);
	--buy-shadow: 0 0.7rem 1.6rem rgba(35, 24, 21, 0.08);
}

.pg-buy .buy-main {
	padding-bottom: clamp(3rem, 6vw, 4.4rem);
	background: #ececec;
}







.buy-nav,
.buy-catalog,
.buy-cta {
	width: var(--buy-section-width);
	margin-inline: auto;
}

.buy-nav {
	margin-top: clamp(1.4rem, 3vw, 2rem);
}

.buy-nav__inner {
	padding: clamp(1rem, 2.4vw, 1.6rem);
	background: #fff;
	border: 1px solid #d6cecb;
	border-radius: var(--buy-radius);
	box-shadow: none;
}

.buy-nav__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(0.5rem, 1.2vw, 0.8rem);
}

.buy-nav__item {
	flex: 0 1 auto;
}

.buy-nav__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: clamp(0.54rem, 1.4vw, 0.7rem) clamp(0.92rem, 2vw, 1.2rem);
	border-radius: 9999px;
	border: 1px solid transparent;
	background: var(--color-base-red);
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(0.82rem, 1.3vw, 0.95rem);
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
	transition: background-color 0.18s ease, border-color 0.18s ease;
}

.buy-nav__link:hover,
.buy-nav__link:focus-visible {
	background: #b80f13;
	border-color: transparent;
}

.buy-nav__note {
	margin: clamp(1rem, 2vw, 1.3rem) 0 0;
	padding-top: clamp(0.8rem, 1.6vw, 1rem);
	border-top: 1px dashed #d8d0ce;
	font-size: clamp(0.78rem, 1.35vw, 0.9rem);
	line-height: 1.7;
	color: rgba(35, 24, 21, 0.78);
}

.buy-catalog {
	margin-top: var(--buy-gap);
	display: grid;
	gap: clamp(1rem, 2.2vw, 1.5rem);
}

.buy-catalog__inner {
	display: grid;
	gap: clamp(1.2rem, 2.4vw, 1.8rem);
}

.buy-area {
	scroll-margin-top: clamp(5.5rem, 8vw, 7rem);
	background: #fff;
	border: 1px solid #d6cecb;
	border-radius: var(--buy-radius);
	box-shadow: none;
	padding: clamp(1rem, 2.2vw, 1.5rem);
}

.buy-area__title {
	margin: 0;
	padding: clamp(0.72rem, 1.8vw, 1.08rem) clamp(1rem, 2.4vw, 1.6rem);
	background: var(--color-base-red);
	border-radius: clamp(0.8rem, 1.9vw, 1.2rem);
	box-shadow: clamp(0.22rem, 0.7vw, 0.36rem) clamp(0.22rem, 0.7vw, 0.36rem) 0 #f2b328;
	color: #fff;
	font-family: var(--lower-font-corporate-bold);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
}

.buy-area__table-wrap {
	margin-top: clamp(0.9rem, 1.9vw, 1.2rem);
	overflow-x: auto;
}

.buy-area__table {
	width: 100%;
	min-width: 36rem;
	border-collapse: collapse;
	border: 1px solid #d3ccca;
	background: #fff;
}

.buy-area__table th,
.buy-area__table td {
	border: 1px solid #d3ccca;
	padding: clamp(0.52rem, 1.2vw, 0.7rem) clamp(0.5rem, 1.2vw, 0.72rem);
	font-size: clamp(0.8rem, 1.2vw, 0.92rem);
	line-height: 1.45;
	text-align: left;
	vertical-align: top;
}

.buy-area__table th {
	background: #f7f1ee;
	font-weight: 700;
}

.buy-area__table tbody tr:nth-child(even) td {
	background: #fcfaf9;
}

.buy-area__table th:first-child,
.buy-area__table td:first-child {
	width: 30%;
}

.buy-area__table th:nth-child(2),
.buy-area__table td:nth-child(2) {
	width: 50%;
}

.buy-area__table th:last-child,
.buy-area__table td:last-child {
	width: 20%;
	white-space: nowrap;
}

.buy-area__table tbody td:last-child {
	color: #ce1316;
	font-weight: 700;
}

.buy-cta {
	margin: clamp(2rem, 4.4vw, 3rem) auto 0;
	text-align: center;
}

.buy-cta__title {
	margin: 0;
	padding: 0;
	background: transparent;
	border-radius: 0;
	box-shadow: none;
	color: #d61f2a;
	font-family: var(--lower-font-corporate-bold);
	font-size: clamp(1.25rem, 2.45vw, 1.75rem);
	font-weight: 700;
	text-align: center;
	line-height: 1.2;
}

.buy-cta__actions {
	margin-top: clamp(1rem, 2.2vw, 1.6rem);
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(0.6rem, 1.4vw, 1rem);
	width: min(var(--lower-content-width, 1000px), 100%);
	margin-inline: auto;
	justify-items: center;
}

.buy-cta__button {
	display: block;
	border-radius: 0;
	padding: 0;
	line-height: 0;
	width: 75%;
	justify-self: center;
}

.buy-cta__button img {
	display: block;
	width: 100%;
	height: auto;
}

@media (max-width: 1024px) {
}

@media (max-width: 768px) {


	.buy-nav,
	.buy-catalog,
	.buy-cta {
		width: min(100%, calc(100% - 2rem));
	}

	.buy-nav__list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.buy-nav__link {
		width: 100%;
	}

	.buy-area {
		padding: 0.85rem;
	}

	.buy-area__title {
		font-size: 1.35rem;
	}

	.buy-area__table {
		min-width: 30rem;
	}

	.buy-cta__actions {
		grid-template-columns: 1fr;
	}

	.buy-cta__button {
		width: min(100%, 30rem);
	}
}