/* Section 05 — “What they say about us” (video nativo + Elfsight Google Reviews) */

.age-testimonials {
  width: 100%;
  background: var(--age-sand);
  color: var(--age-green);
  font-size: 1rem;
  line-height: 1.5;
  /* rapporto intrinseco del file (larghezza : altezza); verticale tipico 9:16 */
  --age-testimonial-video-ar-w: 9;
  --age-testimonial-video-ar-h: 16;
}

.age-testimonials *,
.age-testimonials *::before,
.age-testimonials *::after {
  box-sizing: border-box;
}

.age-testimonials__inner {
  max-width: var(--age-content-max);
  margin: 0 auto;
  padding: clamp(1.5rem, 3.5vw, 2.5rem) clamp(1rem, 4vw, 1.5rem);
}

.age-testimonials__title {
  margin: 0 0 clamp(1.5rem, 3.5vw, 2.35rem);
  padding-bottom: clamp(0.15rem, 0.5vw, 0.35rem);
  font-family: var(--age-font-display);
  font-size: clamp(1.35rem, 2.2vw + 0.7rem, 2.35rem);
  font-weight: 700;
  line-height: 1.15;
  text-align: center;
  color: var(--age-green);
}

.age-testimonials__grid {
  display: grid;
  gap: clamp(1.15rem, 2.8vw, 1.85rem);
  align-items: start;
}

@media (min-width: 900px) {
  .age-testimonials__grid {
    grid-template-columns: minmax(0, 0.44fr) minmax(0, 0.56fr);
    gap: clamp(1.25rem, 3vw, 2rem);
    align-items: start;
  }

  .age-testimonials__reviews {
    max-width: min(100%, 26rem);
    margin-inline: auto;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .age-testimonials__reviews {
    max-width: min(100%, 28rem);
    margin-inline: 0;
    margin-inline-start: clamp(0.75rem, 2.2vw, 1.5rem);
  }
}

/* Video nativo: altezza “come al origine” (proporzione del file), poi −20% sul frame; cover riempie */
.age-testimonials__player-wrap {
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 2;
}

.age-testimonials__video-frame {
  position: relative;
  width: 100%;
  height: 0;
  /* altezza frame = 80% dell’altezza naturale a parità di larghezza */
  padding-bottom: calc(
    100% * (var(--age-testimonial-video-ar-h) / var(--age-testimonial-video-ar-w)) * 0.8
  );
  overflow: hidden;
  border-radius: 6px;
  background: #0a0a0a;
  box-shadow: 0 8px 28px rgba(2, 2, 1, 0.12);
}

.age-testimonials__video {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

/*
 * Mobile: aspect-ratio box + contain — cover taglia i controlli nativi su iOS;
 * height:auto globale (na/base.css) non deve collassare il player.
 */
@media (max-width: 899px) {
  .age-testimonials__video-frame {
    height: auto;
    padding-bottom: 0;
    aspect-ratio: 9 / 16;
    max-height: min(78vh, 36rem);
    max-width: min(100%, 24rem);
    margin-inline: auto;
    overflow: visible;
    background: #000;
  }

  .age-testimonials__video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center center;
    -webkit-tap-highlight-color: transparent;
  }
}

body.na-body .age-testimonials__video--error {
  object-fit: contain;
  background: #111;
}

.age-testimonials__reviews {
  min-width: 0;
  width: 100%;
  font-size: 1rem;
  line-height: 1.4;
}

.age-testimonials__reviews .elfsight-app-93f35817-b8b0-41dd-9c74-8eafb6bee6ff,
.age-testimonials__reviews [class^="elfsight-app"] {
  font-size: 1rem;
}
