/** @format */

.acf_section.acf_section_park_tarif {
	.headline.headline--1 {
		margin-block-end: var(--universal-large-gap);
	}
	.table {
		margin-block-end: calc(var(--universal-gap) * 5.5);
		.row {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-size: var(--fs-titlesecondary);

			.tarif_name {
				text-align: left;
			}

			.tarif_price {
				text-align: right;
			}
		}
	}
	.feature_container {
		display: flex;
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
		row-gap: var(--universal-small-gap);
		.feature_card {
			display: flex;
			flex-direction: column;
			max-width: 9rem;
			margin-inline: calc(var(--universal-gap) * 1.47);
			gap: var(--universal-gap);
			.feature_image {
				height: auto;
				margin-inline: auto;
				img {
					width: clamp(5rem, 13vw, 9.75rem);
					/* width: round(up, calc((min(768px, 100dvw) - 6 * (var(--universal-gap) * 1.47)) / 3)); */
				}
			}
			.feature_description {
				padding-inline: 0.5rem;
				font-size: var(--fs-textcommon);
				text-transform: uppercase;
				text-align: center;
			}
			@media screen and (max-width: 1107px) {
				min-width: 13rem;
			}
			@media screen and (max-width: 880px) {
				min-width: 12rem;
			}
			@media screen and (max-width: 827px) {
				min-width: 11rem;
			}
			@media screen and (max-width: 775px) {
				min-width: 10rem;
			}
			@media screen and (max-width: 663px) {
				min-width: 80px;
			}

			@media screen and (max-width: 768px) {
				max-width: calc((min(768px, 100dvw) - 6 * (var(--universal-gap) * 1.47)) / 3);

				margin-inline: 0.5rem;

				.feature_description {
					font-size: calc(1rem * 0.6);
					text-align: center;
					overflow-wrap: break-word;
					hyphens: auto;
				}
			}
		}
	}
}