/* Homepage-only first-screen spacing; leave other landing-page heroes alone. */
#home.hero {
  min-height: calc(100svh - 162px);
  align-items: flex-end;
  padding: 1.5rem 3rem 1.5rem;
}
#home .hero-actions {
  margin-bottom: 0;
}
#home .hero-feefo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: .9rem;
  color: #fff;
  font-size: .82rem;
  text-decoration: none;
}
#home .hero-feefo-stars {
  color: #ffdc0b;
  font-size: 1.05rem;
  letter-spacing: .08em;
  line-height: 1;
}
#home .hero-feefo strong {
  font-size: .95rem;
}
#home .hero-feefo-label {
  color: var(--muted);
}
#home .hero-feefo:focus-visible {
  outline: 2px solid var(--azure);
  outline-offset: 4px;
}
@media (max-width: 960px) {
  #home.hero {
    min-height: calc(100svh - 140px) !important;
    padding: 1.5rem 1.25rem 1.5rem !important;
  }
  #home h1 {
    margin-bottom: 1rem;
  }
  #home .hero-sub {
    margin-bottom: 1rem;
  }
  #home .hero-feefo {
    margin-top: .75rem;
  }
}
@media (max-width: 480px) {
  #home.hero {
    padding: 1rem 1rem 1.25rem !important;
  }
}
@media (max-width: 360px) and (max-height: 640px) {
  #home.hero {
    padding: .75rem 1rem 1rem !important;
  }
  #home h1 {
    font-size: 1.7rem !important;
    margin-bottom: .75rem;
  }
  #home .hero-sub {
    font-size: .93rem !important;
    line-height: 1.6 !important;
  }
}
@media (min-width: 961px) and (max-height: 650px) {
  #home.hero {
    padding: .75rem 3rem 1rem;
  }
  #home h1 {
    font-size: clamp(2rem, 6vh, 3rem);
    margin-bottom: 1rem;
  }
  #home .hero-sub {
    max-width: 680px;
    font-size: .95rem;
    line-height: 1.6;
    margin-bottom: 1rem;
  }
}
@media (min-width: 481px) and (max-width: 960px) and (max-height: 540px) {
  #home.hero {
    padding: .5rem 1.25rem .75rem !important;
  }
  #home h1 {
    font-size: clamp(1.45rem, 6vh, 2rem) !important;
    line-height: 1.05 !important;
    margin-bottom: .5rem;
  }
  #home .hero-sub {
    max-width: 680px;
    font-size: .9rem !important;
    line-height: 1.4 !important;
    margin-bottom: .75rem;
  }
  #home .hero-actions .btn-whatsapp {
    min-height: 44px;
    padding: .6rem 1.5rem;
    line-height: 1.4;
  }
  #home .hero-feefo {
    margin-top: .5rem;
  }
}