.tariffes {
	display: flex;
	flex-direction: column;
	gap: 3.125rem;
	padding-bottom: 3.125rem;

	.container {
		display: flex;
		flex-direction: column;
		gap: inherit;
		& > * {
			margin-top: 0;
			margin-bottom: 0;
		}
		& h1 {
			margin-top: 3.125rem;
			font-weight: 600;
			font-size: 1.625rem;
		}

		.price-cards {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(min(100%, 480px), 1fr));
			gap: 1.25rem;

			.price-card {
				border-left: 1.25rem;
				border-color: var(--blue);
				border-style: solid;
				border-radius: 0.8rem;
				padding: 1.875rem 0.5rem 1.875rem 2.75rem;
				display: flex;
				flex-direction: column;
				gap: 1rem;
				background: var(--color-white);

				.price {
					display: flex;
					gap: 0.375rem;

					align-items: end;
					strong {
						font-size: 2.25rem;
						font-weight: 600;
						line-height: 1;
					}
					span {
						font-size: 1rem;
						font-weight: normal;
						color: var(--color-dark-gray);
					}
				}
				.desc {
					strong {
					}
				}
			}
		}

		.global-adv-wrap {
			display: grid;
			grid-template-columns: 2fr 1fr;
			gap: 1.25rem;

			& > div {
				background: var(--color-white);
				padding: 1.875rem;
				border-radius: 1rem;
				display: flex;
				flex-direction: column;
				gap: 1.25rem;
				& > ul {
					display: flex;
					flex-direction: column;
					gap: 1.25rem;
					li {
						line-height: 1.1;

						ul {
							display: flex;
							flex-direction: column;
							gap: 0.5rem;
							margin-top: 0.5rem;
							li::marker {
								content: "— ";
							}
						}
					}
				}
			}
			.advertising span {
				color: var(--color-dark-gray);
				font-size: 0.875rem;
			}

			@media (max-width: 1180px) {
				grid-template-columns: 1.5fr 1fr;
			}
			@media (max-width: 920px) {
				grid-template-columns: 1fr;
				gap: inherit;
			}
		}
	}

	.flex {
		display: flex;
	}
}