.page-homepage {
	&,
	.layout-container,
	#page-container {
		background-color: #000;
	}

	#page-content {
		padding-bottom: 2rem;

		.region-homepage {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			width: 100%;
			min-height: 500px;
			margin-bottom: 0px;

			&,
			p,
			span,
			a,
			h1,
			h2,
			h3,
			h4,
			h5 {
				font-weight: normal;
			}

			h2 {
				font-size: clamp(2rem, 1.5vw + 1rem, 2.5rem);
			}

			h3 {
				font-size: clamp(1.75rem, 1vw + 1rem, 2rem);
			}

			&,
			p,
			span,
			a {
				font-size: clamp(1.75rem, 1vw + 1rem, 2rem);
			}

			#block-homepagetestolesclusivoletto h2 {
				font-size: clamp(2.5rem, 1.5vw + 1rem, 3rem);
				font-weight: bold;
			}

			#block-homepagetestolesclusivoletto p {
				font-size: clamp(2rem, 1.5vw + 1rem, 2.5rem);
				margin: 0;
				line-height: 1.5;
			}

			.block-homepage {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;

				&.block-homepage-dark {
					--color: #fff;
					background-color: #4c4c4c;
				}

				&.block-homepage-white {
					background-color: #fff;
				}

				&.block-homepage-light {
					background-color: #f5f5f5;
				}

				&.block-homepage-white,
				&.block-homepage-light {
					--color: #000;
				}

				.block-wrapper {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 100%;

					.content {
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						flex-wrap: wrap;
						width: 100%;
						gap: 2rem 0;
						padding: 4rem 2rem;

						.field-name-field-titolo {
							width: 100%;
						}

						.field-name-body {
							display: flex;
							align-items: center;
							justify-content: center;
							width: 100%;
							max-width: 1100px;

							.field-item {
								display: flex;
								flex-direction: column;
								align-items: center;
								justify-content: center;
								width: 100%;
								gap: 0.5rem 0.5rem;
							}
						}

						.field-name-field-immagini,
						.field-name-field-immagini-da-media {
							display: flex;
							align-items: center;
							justify-content: center;
							width: 100%;

							.field-items {
								display: flex;
								align-items: center;
								justify-content: center;
								width: 100%;
								gap: 1rem 3rem;

								img {
									width: 100%;
									max-width: 500px;
									max-height: 300px;
								}
							}
						}
					}
				}

				&.block-black {
					background-color: #000;

					&,
					p,
					span,
					a,
					h1,
					h2,
					h3,
					h4,
					h5 {
						--color: #fff;
					}
				}

				&.block-dark {
					background-color: #1A1A1A;

					&,
					p,
					span,
					a,
					h1,
					h2,
					h3,
					h4,
					h5 {
						--color: #fff;
					}
				}

				&.block-light {
					background-color: #fff;

					&,
					p,
					span,
					a,
					h1,
					h2,
					h3,
					h4,
					h5 {
						--color: #000;
					}
				}

				/* Blocco "Homepage: Testo L’esclusivo letto" */
				&#block-homepagetestolesclusivoletto {
					.block-wrapper {
						.content {
							gap: 0 0;

							.field-name-body {
								.field-item {
									ul {
										display: flex;
										flex-direction: column;
										align-items: center;
										justify-content: start;
										width: 100%;
										max-width: 420px;
										padding: 0;
										margin: 3rem 0;
										gap: 1.5rem 0;
										text-align: left;
										list-style: none;

										li {
											display: flex;
											align-items: center;
											justify-content: start;
											width: 100%;
											gap: 0.75rem 0.75rem;

											img {
												width: 100%;
												max-width: 56px;
											}
										}
									}

									.go-to-wizard {
										margin-bottom: 2rem;
									}
								}
							}
						}
					}
				} /* fine #block-homepagetestolesclusivoletto */

				/* Modelli cucce */
				&#block-modellicuccetitolo {
					.block-wrapper .content {
						gap: 2rem 0;

						.field-name-field-immagini-da-media {
							margin-bottom: 1rem;

							.field-items {
								align-items: baseline;

								.field-item,
								.field-name-field-media-image {
									display: flex;
									align-items: baseline;
								}

								> .field-item:nth-child(2) img {
									max-width: 400px;
									max-height: 250px;
								}
							}
						}
					}
				}

				/* Blocco: Qualità Certificata */
				&#block-qualitacertificata {
					.block-wrapper {
						.content {
							.field-name-body {
								max-width: 1000px;
							}
            }
          }
				}
			}
		}
	}

  /* Banner promozione */
  .block-banner_promo {
    margin: 2rem 0;
    margin-bottom: 3rem;
  }

	/* Footer Homepage */
	footer#page-footer {
		.region-footer {
			margin: 0;
		}
  }
}

/* Solo Mobile */
body.is-mobile.page-homepage #page-content .region-homepage {
	&,
	p,
	span,
	a {
		font-size: 1.25rem;
	}

	h2 {
		font-size: clamp(1.75rem, 1.25vw + 1rem, 2rem);
	}

	h3 {
		font-size: clamp(1.5rem, 1vw + 1rem, 1.75rem);
	}

	#block-homepagetestolesclusivoletto h2 {
		font-size: clamp(1.75rem, 1.75vw + 1rem, 2.25rem);
	}

	#block-homepagetestolesclusivoletto p {
		font-size: clamp(1.5rem, 1.75vw + 1rem, 2rem);
	}

	.block-homepage {
		.block-wrapper {
			.content {
			gap: 1rem 0;
			padding: 2rem 1.5rem;

			.field-name-field-immagini,
			.field-name-field-immagini-da-media {
				.field-items {
				flex-direction: column;
				}
			}
			}
		}
	}

	/* Blocco: Qualità Certificata */
	#block-qualitacertificata {
		img {
			max-width: 300px;
			max-height: 200px;
		}
	}
}

/* Max width: 720px */
@media only screen and (max-width: 720px) {
	body.is-mobile.page-homepage #page-content .region-homepage {
		.block-homepage {
			.block-wrapper {
				.content {
					padding: 1.5rem;

					.field-name-body {
						.field-item {
							gap: 0.5rem;
						}
					}

					.field-name-field-immagini-da-media .field-items {
						flex-direction: column;
						align-items: center !important;
						gap: 2rem 0;

						img {
							width: 100%;
							max-width: 350px;
							max-height: auto;
						}
					}
				}
			}
		}
	}
}

/* Max width: 620px */
@media only screen and (max-width: 620px) {
	body.is-mobile.page-homepage #page-content .region-homepage {
		.block-homepage {
			.block-wrapper {
				.content {
					padding: 2.5rem 1rem;
				}
			}
		}
	}
}

/* Max width: 480px */
@media only screen and (max-width: 480px) {
	body.is-mobile.page-homepage #page-content .region-homepage {
		.block-homepage {
			/* Blocco "Homepage: Testo L’esclusivo letto" */
			&#block-homepagetestolesclusivoletto {
				.block-wrapper .content {
					.field-name-field-titolo {
						/* text-align: left; */
					}

					.field-name-body {
						.field-item {
							text-align: left;

							ul:not(.contextual-links) {
								margin: 2rem 0;
								max-width: 320px !important;
							}
						}
					}
				}
			} /* fine #block-homepagetestolesclusivoletto */

		/* Immagini rotonde più piccole */
		.field-name-field-immagini .field-items .field-item:nth-child(2) img {
		max-height: 250px;
		}
		}
	}
}

/* Max width: 360px */
@media only screen and (max-width: 360px) {
	body.is-mobile.page-homepage #page-content .region-homepage {
		.block-homepage {
			.block-wrapper {
				.content {
					padding: 2rem 0.75rem;
				}
			}
		}
	}
}