.page-title,
.ct-advanced-heading {
	position: relative;
}

.ct-advanced-heading:after,
.blog .page-title:after,
.page .page-title:after {
	content: attr(title) !important;
	position: absolute;
	z-index: -1;
	top: -7%;
	bottom: 0;
	width: 100%;
	height: 100%;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(50px, 15vw, 200px);
	font-weight: 800;
	line-height: 1;
	color: var(--theme-palette-color-7);
/* 	text-shadow: 0 0 2px rgba(255, 255, 255, 0.4); */
	text-shadow: -1px 0 rgba(255, 255, 255, 0.1), 0 1px rgba(255, 255, 255, 0.1), 1px 0 rgba(255, 255, 255, 0.1), 0 -1px rgba(255, 255, 255, 0.1);
}

.ct-advanced-heading:after {
	left: 0;
	font-size: clamp(70px, 10vw, 140px);
}


.container-link {
  position: relative;
}

.container-link .clickable-link {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-indent: -9999px;
}

.scroll-wrapper {
  position: relative;
}

/* Griglia come l'hai già definita */
.scroll-grid {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 320px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding-top: 24px;
  padding-bottom: 24px;

  scrollbar-width: none;          /* Firefox */
  -ms-overflow-style: none;       /* IE/Edge Legacy */
}

.scroll-wrapper {
  position: relative;
  overflow: visible; /* Assicurati non limiti l'overflow */
}

.scroll-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 320px;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding: 24px 16px;  /* padding orizzontale per respiro */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scroll-grid > div {
  scroll-snap-align: start;
}
.scroll-grid > div:first-child {
  margin-left: 0;
}

.video-background-container {
  position: relative;
  overflow: hidden;
  min-height: 400px; /* o quanto vuoi */
  color: white;
  z-index: 1;
}