.loyalty-systems {
	margin: 120px 0 0;
}

.loyalty-system {
	display: grid;
	width: min(100%, 1611px);
	grid-template-columns: minmax(0, 754px) minmax(0, 618px);
	column-gap: clamp(40px, calc(100% - 1372px), 239px);
	align-items: start;
}

.loyalty-system + .loyalty-system {
	margin-top: 233px;
}


/* MEDIA */

.loyalty-system__media {
	min-width: 0;
	width: 100%;
	max-width: 754px;
	height: auto;
	aspect-ratio: 754 / 858;
	overflow: hidden;
}

.loyalty-system__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.loyalty-system:first-child .loyalty-system__media img {
	object-position: 50% 86%;
}

.loyalty-system:nth-child(2) .loyalty-system__media img {
	object-position: 50% 59%;
}


/* CONTENT */

.loyalty-system__content {
	min-width: 0;
	width: 100%;
	padding-top: 25px;
}

.loyalty-system:nth-child(2) .loyalty-system__content {
	padding-top: 39px;
}

.loyalty-system__title {
	max-width: 651px;
	margin: 0 0 13px;
	font-family: "Alethia Pro", arial, sans-serif;
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	color: #B56D3C;
}

.loyalty-system__intro,
.loyalty-system__note {
	font-family: "Montserrat", arial, sans-serif;
	font-size: 20px;
	font-weight: 300;
	line-height: normal;
	color: #000;
}

.loyalty-system__intro {
	max-width: 609px;
	margin-bottom: 77px;
}

.loyalty-system__note {
	max-width: 618px;
	margin-top: 74px;
}

.loyalty-system__intro p,
.loyalty-system__note p {
	margin: 0;
}


/* TABLE */

.loyalty-system__table-wrap {
	width: 100%;
	min-width: 0;
	overflow: hidden;
}

.loyalty-system__table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-family: "Alethia Pro", arial, sans-serif;
	color: #B56D3C;
}

.loyalty-system__table th,
.loyalty-system__table td {
	height: 68px;
	padding: 0;
	border-bottom: 1px solid #B56D3C;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	vertical-align: middle;
}

.loyalty-system__table th {
	height: 64px;
	border-bottom: 0;
	vertical-align: top;
}

.loyalty-system__table td {
	white-space: nowrap;
}

.loyalty-system__table tbody tr:last-child td {
	border-bottom: 0;
}

.loyalty-system__price-break {
	display: none;
}


/* 3 COLUMNS */

.loyalty-system__table--3 th:first-child,
.loyalty-system__table--3 td:first-child {
	width: 23%;
}

.loyalty-system__table--3 th:nth-child(2),
.loyalty-system__table--3 td:nth-child(2) {
	width: 44%;
}

.loyalty-system__table--3 th:nth-child(3),
.loyalty-system__table--3 td:nth-child(3) {
	width: 33%;
}


/* 2 COLUMNS */

.loyalty-system__table--2 th:first-child,
.loyalty-system__table--2 td:first-child {
	width: 30%;
}

.loyalty-system__table--2 th:nth-child(2),
.loyalty-system__table--2 td:nth-child(2) {
	width: 61%;
}


/* <= 1599 */

@media (max-width: 1599px) {
	.loyalty-systems {
		margin-top: 110px;
	}

	.loyalty-system {
		width: 100%;
		grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
		column-gap: clamp(50px, 5vw, 90px);
	}

	.loyalty-system + .loyalty-system {
		margin-top: 190px;
	}

	.loyalty-system__media {
		max-width: none;
	}

	.loyalty-system__content {
		padding-top: 20px;
	}

	.loyalty-system:nth-child(2) .loyalty-system__content {
		padding-top: 30px;
	}

	.loyalty-system__title {
		font-size: 56px;
	}

	.loyalty-system__intro,
	.loyalty-system__note {
		font-size: 18px;
	}

	.loyalty-system__intro {
		margin-bottom: 60px;
	}

	.loyalty-system__note {
		margin-top: 60px;
	}

	.loyalty-system__table th,
	.loyalty-system__table td {
		font-size: 22px;
	}
}


/* <= 1365 */

@media (max-width: 1365px) {
	.loyalty-systems {
		margin-top: 100px;
	}

	.loyalty-system {
		column-gap: clamp(35px, 4.5vw, 70px);
	}

	.loyalty-system + .loyalty-system {
		margin-top: 150px;
	}

	.loyalty-system__content {
		padding-top: 15px;
	}

	.loyalty-system:nth-child(2) .loyalty-system__content {
		padding-top: 22px;
	}

	.loyalty-system__title {
		font-size: 48px;
	}

	.loyalty-system__intro,
	.loyalty-system__note {
		font-size: 16px;
	}

	.loyalty-system__intro {
		margin-bottom: 50px;
	}

	.loyalty-system__note {
		margin-top: 50px;
	}

	.loyalty-system__table th,
	.loyalty-system__table td {
		font-size: 20px;
	}
}


/* <= 1023 — всё ещё две колонки */

@media (max-width: 1023px) {
	.loyalty-systems {
		margin-top: 85px;
	}

	.loyalty-system {
		grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
		column-gap: clamp(20px, 3vw, 30px);
		align-items: start;
	}

	.loyalty-system + .loyalty-system {
		margin-top: 110px;
	}

	.loyalty-system__content {
		padding-top: 12px;
	}

	.loyalty-system:nth-child(2) .loyalty-system__content {
		padding-top: 16px;
	}

	.loyalty-system__title {
		max-width: 100%;
		margin: 0 0 14px;
		font-size: 36px;
		line-height: 1;
		text-align: left;
	}

	.loyalty-system__intro {
		max-width: 100%;
		margin: 0 0 30px;
		font-size: 14px;
		line-height: 1.25;
		text-align: left;
	}

	.loyalty-system__note {
		max-width: 100%;
		margin: 30px 0 0;
		font-size: 14px;
		line-height: 1.25;
		text-align: left;
	}

	.loyalty-system__table th,
	.loyalty-system__table td {
		height: auto;
		padding: 14px 3px;
		font-size: 18px;
		line-height: 1.1;
		white-space: normal;
	}

	.loyalty-system__table th {
		padding-top: 0;
		padding-bottom: 17px;
	}
}


/* <= 991 — планшет */

@media (max-width: 991px) {
	.loyalty-system__table th,
	.loyalty-system__table td {
		font-size: 17px;
	}
	.loyalty-system__price-break {
		display: block;
	}
}


/* <= 767 — одна колонка */

@media (max-width: 767px) {
	.loyalty-systems {
		margin-top: 75px;
	}

	.loyalty-system {
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	.loyalty-system + .loyalty-system {
		margin-top: 75px;
	}

	.loyalty-system__media {
		width: 100%;
		max-width: none;
		aspect-ratio: 398 / 456;
		margin-bottom: 38px;
	}

	.loyalty-system__content,
	.loyalty-system:nth-child(2) .loyalty-system__content {
		width: 100%;
		padding-top: 0;
	}

	.loyalty-system__title {
		max-width: 330px;
		margin: 0 auto 14px;
		font-size: 32px;
		line-height: 30px;
		text-align: center;
	}

	.loyalty-system__intro {
		max-width: 346px;
		margin: 0 auto 45px;
		font-size: 14px;
		line-height: normal;
		text-align: center;
	}

	.loyalty-system__note {
		max-width: 365px;
		margin: 45px auto 0;
		font-size: 14px;
		line-height: normal;
		text-align: center;
	}

	.loyalty-system__table th,
	.loyalty-system__table td {
		height: auto;
		padding: 13px 3px;
		font-size: 15px;
		line-height: 1.15;
		white-space: normal;
	}

	.loyalty-system__table th {
		padding-top: 0;
		padding-bottom: 15px;
	}

	.loyalty-system__table--3 th:first-child,
	.loyalty-system__table--3 td:first-child {
		width: 14%;
		padding-left: 0;
	}

	.loyalty-system__table--3 th:nth-child(2),
	.loyalty-system__table--3 td:nth-child(2) {
		width: 40%;
	}

	.loyalty-system__table--3 th:nth-child(3),
	.loyalty-system__table--3 td:nth-child(3) {
		width: 46%;
		padding-right: 0;
	}

	.loyalty-system__table--2 th:first-child,
	.loyalty-system__table--2 td:first-child {
		width: 29%;
		padding-left: 0;
	}

	.loyalty-system__table--2 th:nth-child(2),
	.loyalty-system__table--2 td:nth-child(2) {
		width: 71%;
		padding-right: 0;
	}
	.loyalty-system__price-break {
		display: none;
	}
}


/* <= 575 */

@media (max-width: 575px) {
	.loyalty-systems {
		margin-top: 65px;
	}

	.loyalty-system + .loyalty-system {
		margin-top: 65px;
	}

	.loyalty-system__media {
		margin-bottom: 38px;
	}
}


/* На мобильном длинные цены держим в одну строку */

@media (max-width: 767px) {
	.loyalty-system__table--2 td:nth-child(2) {
		white-space: nowrap;
	}
}


/* <= 370 — показываем заранее вставленный перенос перед "до" */

@media (max-width: 370px) {
	.loyalty-system__table--2 td:nth-child(2) {
		white-space: normal;
	}

	.loyalty-system__price-break {
		display: block;
	}
}