/* -------------------------------------------------- */
/* ------------- DESCKTOP > 1980px ------------------ */
/* ------------- USARE XL- PER LE CLASSI ------------ */
/* -------------------------------------------------- */
@media (min-width: 1921px) {

	.card-section, .cs-wrap {
		max-width: 1920px;
	}
	.hero, .philosophy {
		padding-left: calc((100vw - 1920px) / 2);
	}
	.site-footer {
		padding-left: calc((100vw - 1920px) / 2);
		padding-right: calc((100vw - 1920px) / 2);
	}

}


/* -------------------------------------------------- */
/* ------------- TABLET ORIZZONTALE ----------------- */
/* ------------- USARE MD- PER LE CLASSI ------------ */
/* -------------------------------------------------- */
@media (max-width: 1024px) {

	nav.mobile-nav .header__lang {
		display: block !important;
		margin-left: 0;
	}

	.site-header {
		max-width: 100vw;
	}
	.available-in__map::before {
		max-width: 100vw;
	}
	.footer__deco {
		right: 5%;
	}

	/* --- the story --- */
	#the-story {
		flex-direction: column-reverse;
	}
	#the-story .story__image {
		height: 30rem;
	}
	#the-story .story__image:after {
		content: none;
	}
	#the-story .story__image img {
		object-position: center;
	}

	/* --- format --- */
	#formats {
		padding: var(--space-card);
	}
	#formats .formats__grid {
		flex-wrap: wrap;
	}
	#formats .formats__grid article.format-card {
		flex-basis: calc(50% - 0.75rem);
	}

	/* --- available in --- */
	.available-in__map img, .available-in__map svg {
		max-height: calc(100vh - var(--header-h) * 1.5);
	}

	/* --- every detail --- */
	.every-detail__image {
		max-width: 45%;
		padding-top: 0;
		margin-left: auto;
	}

	/* --- selection --- */
	.menu-card .btn--outline {
		min-height: 3.125rem;
	}


}


/* -------------------------------------------------- */
/* ------------- SMARTPHONE ------------------------- */
/* ------------- USARE XS- PER LE CLASSI ------------ */
/* -------------------------------------------------- */
@media (max-width: 768px) {

	/* --- every detail --- */
	.every-detail__image {
		max-width: 60%;
		opacity: 0.4;
	}

}


/* -------------------------------------------------- */
/* ------------- SMARTPHONE ------------------------- */
/* ------------- USARE XS- PER LE CLASSI ------------ */
/* -------------------------------------------------- */

@media (max-width: 576px) {

	:root {
		--space-card: 1.9rem;
	}

	/* --- footer --- */
	.footer__inner {
		flex-direction: column;
	}
	.footer__deco {
		right: 0;
		width: 100%;
		background-position: center;;
	}

	/* --- hero --- */
	.hero__bg-overlay {
		background: linear-gradient(85deg, rgb(2, 2, 2) 18.7%, rgba(17, 29, 46, 0) 100%);
	}

	/* --- object - whatsapp contact --- */
	.include-wa-icon {
		bottom: 25px;
		right: 24px;
	}
	.include-wa-icon a:before {
		top: -10.5px;
		left: -12.5px;
		width: 64px;
		height: 64px;
		transform: scale(1);
	}

	/* --- philosophy --- */
	.philosophy {
		min-height: auto;
	}

	/* --- every detail --- */
	.every-detail__layout {
		flex-direction: column;
		gap: 4rem;
	}
	.every-detail__layout ol.process-list {
		position: relative;
		top: 0;
	}
	.every-detail__layout .every-detail__image {
		max-width: 75%;
		opacity: 1;
		width: 100%;
	}

	/* --- format --- */
	#formats .formats__grid article.format-card {
		flex-basis: 100%;
	}

}