/* =========================================================
   Fairway Comfort — stile specifico Home
   ========================================================= */

.hero{
  position:relative;
  min-height:100svh;
  display:flex;align-items:center;justify-content:center;text-align:center;
  overflow:hidden;
  background-image:
    linear-gradient(to bottom, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0.85) 100%),
    url('../assets/hero-golf.jpg');
  background-size:cover;
  background-position:center 62%;
}
.hero-content{
  position:relative;z-index:2;max-width:820px;padding:24px;
}
.hero h1{
  font-size:clamp(46px,9vw,108px);
  font-weight:500;
  line-height:0.95;
  margin:0 0 26px;
  letter-spacing:-0.01em;
  color:var(--acid);
}
.hero h1 em{font-style:normal;color:var(--acid);}
.hero p.tagline{
  font-family:'Poppins',sans-serif;font-weight:400;
  font-size:clamp(19px,3vw,26px);color:var(--white);margin:0 0 40px;
}
.hero .btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}

.scroll-arrow{
  position:absolute;left:50%;bottom:36px;
  transform:translateX(-50%);
  display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,0.35);color:var(--white);
  z-index:2;
  animation:scrollBounce 2.2s ease-in-out infinite;
  transition:border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}
.scroll-arrow svg{width:18px;height:18px;}
.scroll-arrow:hover{border-color:var(--acid);color:var(--acid);background:rgba(187,227,26,0.08);}
@keyframes scrollBounce{
  0%, 100%{transform:translateX(-50%) translateY(0);}
  50%{transform:translateX(-50%) translateY(10px);}
}
@media (prefers-reduced-motion: reduce){
  .scroll-arrow{animation:none;}
}
@media (max-width:600px){
  .scroll-arrow{bottom:22px;width:40px;height:40px;}
}

.replay-intro{
  position:absolute;right:28px;bottom:36px;z-index:2;
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(0,0,0,0.35);
  border:1px solid rgba(255,255,255,0.35);color:var(--white);
  font-family:'Poppins',sans-serif;font-weight:500;font-size:12.5px;
  letter-spacing:0.06em;text-transform:uppercase;
  padding:11px 18px;border-radius:100px;cursor:pointer;
  transition:border-color 0.2s ease, color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}
.replay-intro svg{width:15px;height:15px;flex:none;}
.replay-intro:hover{border-color:var(--acid);color:var(--acid);background:rgba(187,227,26,0.1);transform:translateY(-2px);}
@media (max-width:600px){
  .replay-intro{right:18px;bottom:20px;padding:9px 14px;font-size:11.5px;}
  .replay-intro svg{width:13px;height:13px;}
}

/* ---------- Intro band (chi siamo teaser) ---------- */
.intro-band .wrap{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
.intro-band .value-list{margin-top:22px;}
/* Nella home il blocco è anche un link a Chi siamo: cursore e zoom al passaggio
   del mouse. L'aspetto (niente cornice, alone verde sotto) arriva dalla classe
   base .about-visual in style.css. */
.intro-band .about-visual{cursor:pointer;}
.intro-band .about-visual img{transition:transform 0.4s ease;}
.intro-band .about-visual:hover img{transform:scale(1.05);}

/* ---------- Home product preview ---------- */
.home-products .section-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;}

/* ---------- Home testimonials preview ---------- */
.home-testi .section-head{text-align:center;margin-left:auto;margin-right:auto;}
.home-testi .section-lede{margin-left:auto;margin-right:auto;text-align:center;}

@media (max-width:900px){
  .intro-band .wrap{grid-template-columns:1fr;}
}