.delivery-page__content {
	gap: 114px;
}

.delivery-page__attention {
	font-size: 40px;
	font-weight: 900;
}

.delivery-page__util {
	margin: 24px 0;
}

.delivery-page table {
	border-collapse: collapse;
}

.delivery-page table :where(td, th) {
	padding-bottom: 16px;
	text-align: left;
	vertical-align: top;
	height: 100%;
}

.delivery-page__table-inside-city :where(tr:not(:last-child) :is(td, th)) {
	padding-bottom: 35px;
}


.delivery-page__table-outside-city :where(tr:not(:last-child) :is(td, th)) {
	border-bottom: 1px solid currentColor;
}

.delivery-page__table-outside-city :is(td, th) {
	padding: 16px 0;
}
.delivery-page__table-outside-city th {
	width: 35%;
	padding-right: 16px;
	font-size: 15px;
}




@media (max-width: 1833px) {
	.delivery-page > .columns {
		gap: 50px;
	}
	.delivery-page > .columns {
		flex-direction: column;
	}
	.delivery-page__price-list {
		display: flex;
		gap: 40px;
	}
	.delivery-page__table-inside-city {
		order: 1
	}
	.delivery-page__table-outside-city {
		order: 3;
	}
	
	.delivery-page__price-list:after {
		order:2;
		content: "";
		display: block;
		padding-right: 1px;
		padding-bottom: 1px;
		background: black;
		align-self: stretch;
	}

	.delivery-page__table-inside-city :is(tr, th, td){
		display: block;
		padding-bottom: 16px;
	}
	.delivery-page__table-inside-city th{
		padding-top: 16px;
	}
	
	.delivery-page__util {
		margin: 60px 0 24px;
	}
	.delivery-page__util > .columns__column {
		flex: auto;
		max-width: 420px;
		width: fit-content;
	}
}

@media (max-width: 1341px) {
	.delivery-page > .padded-content {
		padding: 0;
	}
	.delivery-page__price-list {
		gap: 30px;
	}
}

@media (min-width: 1342px) and (max-width: 1833px) {
	.delivery-page > .padded-content {
		padding-left: 178px;
	}

	.delivery-page__final-time {
		position: relative;
	}

	.delivery-page__final-time img {
		right: 100%;
	}

	.delivery-page__delivery-time {
		margin-left: -178px;
		max-width: 600px;
	}
}

@media (max-width: 999px) {
	.delivery-page__attention {
		font-size: 26px;
		line-height: 1;
	}
	.delivery-page__table-outside-city,
	.delivery-page__price-list {
		flex-direction: column;
	}
	.delivery-page__final-time {
		margin: 16px 0;
	}
	.delivery-page__final-time img {
		width: 58px;
	}

	.delivery-page__table-outside-city :is(table, tbody, tr, td, th) {
		display: block;
		width: 100%;
		height: auto;
		border: none;
	}
	
	.delivery-page__table-outside-city tbody {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		max-height: 600px;
	}
	.delivery-page__table-outside-city tbody th {
		padding-bottom: 0;
	}
	.delivery-page__table-outside-city tbody td {
		padding-top: 8px;
	}
	
	.delivery-page__table-outside-city tbody tr {
		max-width: 40%;
	}
	.table-outside-city__big-row {
		order: 999;
	}
}
@media (max-width: 767px) {
	.delivery-page__table-outside-city tbody {
		flex-wrap: nowrap;
		max-height: unset;
	}
	.delivery-page__table-outside-city tbody tr {
		max-width: 100%;
	}
	.delivery-page__table-outside-city tbody th br {
		display: none;
	}
	.delivery-page__table-outside-city tbody td {
		font-size: 13px;
	}
	
	.table-outside-city__big-row {
		order: unset;
	}
	.delivery-page__final-time {
		align-items: start;
	}
	.delivery-page__util {
		flex-direction: column;
	}
	.delivery-page__table-inside-city :is(tr, th, td){
		display: block;
		padding-bottom: 8px;
	}
	.delivery-page__table-inside-city td {
		font-size: 13px;
	}
	
}

@media (min-width: 768px) and (max-width: 999px) {
	.delivery-page > .padded-content {
		padding-left: 54px;
	}
	.delivery-page__final-time {
		max-width: 360px;
	}
	.delivery-page__delivery-time {
		margin-left: -54px;
		max-width: 600px;
	}

}

@media (min-width: 768px) and (max-width: 999px),
			(min-width: 1342px) and (max-width: 1833px) {
	.delivery-page__final-time {
		position: relative;
	}

	.delivery-page__final-time img {
		position: absolute;
		right: 100%;
	}
}

.delivery-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: minmax(200px, auto);
	grid-template-areas: "hot sause cash";
	gap: 16px;
}

.delivery-features__item {
	padding-top: 0;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	height: 100%;
	box-sizing: border-box;
}

.delivery-features__item_hot {
	grid-area: hot;
	background:#6CA9FF
}
.delivery-features__item_sause,
.delivery-features__item_cash {
	padding-left: 213px;
	padding-right: 20px;
	font-size: 19px;
	font-weight: 700;
	color: white;
}
.delivery-features__item_sause {
	grid-area: sause;
	background: black url("../images/delivery/taste.svg") no-repeat 18px 50%;
	background-size: initial;
}

.delivery-features__item_cash {
	grid-area: cash;
	background: #FF5100 url("../images/delivery/money.svg") no-repeat -20px calc(100% + 38px);
}

@media (min-width: 1834px) {
	.delivery-features {
		margin-top: -100px;
	}
}

@media (max-width: 1833px) {
	.delivery-features {
		background: transparent;
		padding: 0;
	}
	.delivery-features__item_cash {
		background-position: -45px calc(100% + 20px);
		padding-left: 150px;
	}
}

@media (max-width: 1341px) {
	.delivery-features {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 137px 236px;
		grid-template-areas: "hot hot"
									"sause cash";
	}
}
@media (max-width: 999px) {
	.delivery-features {
		grid-template-rows: repeat(2, auto);
	}
	
	.delivery-features__item {
		padding: 24px 32px;
	}
	
	.delivery-features__item_sause {
		padding-top: 191px;
		background-position: 28px 32px;

	}
	
	.delivery-features__item_cash {
		padding-top: 171px;
		background-image: url(../images/delivery/money_rotated.svg);
		background-position: top left;
	}
}

@media (max-width: 767px) {
	.delivery-features {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(3, auto);
		grid-template-areas: "hot" "sause" "cash";
	}
	.delivery-features__item{
		padding-left: 24px;
		padding-right: 24px;
	}
}