/* Testimonials */
.testimonials-section { padding: 72px 0; background: #fff; position: relative; overflow: hidden; }
.testimonials-section .container { position: relative; z-index: 1; }
.testimonials-section.love { 
  padding: 96px 0 80px; 
  min-height: 100vh; 
  position: relative;
  background: url('https://imagedelivery.net/Fs0MmR_7zWd_4iwBa78uqw/945bad9f-6c72-4fd4-5780-26f64c402600/contentlg') center/cover no-repeat fixed;
  overflow: hidden;
}

.love-hero { position: relative; display: grid; place-items: center; margin-bottom: 32px; height: clamp(130px, 30vw, 240px); overflow: hidden; }
/* Overlay gradient for both mobile and desktop */
.testimonials-section.love .overlay-gradient { 
  content: ""; 
  position: absolute; 
  inset: 0; 
  pointer-events: none; 
  z-index: 0; 
  background:
    radial-gradient(60% 55% at 50% 25%, rgba(0,0,0,0.22), rgba(0,0,0,0.10) 60%, rgba(0,0,0,0.03) 85%, rgba(0,0,0,0) 100%),
    linear-gradient(to bottom, rgba(0,0,0,0.12), rgba(0,0,0,0.06) 40%, rgba(0,0,0,0.10) 100%);
}
.testimonials-section.love .love-hero .section-title { position: relative; z-index: 1; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,0.45), 0 4px 24px rgba(0,0,0,0.35); }
.love-heart { position: absolute; width: min(1000px, 90vw); height: auto; top: -300px; filter: drop-shadow(0 8px 18px rgba(227,0,109,0.05)); pointer-events: none; }
.love-grid { 
  display: grid; 
  grid-template-columns: repeat(2, 1fr); 
  gap: 22px; 
  margin-top: 10px;
  /* Enable GPU acceleration for smooth scrolling */
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
@media (max-width: 820px) { 
  .love-grid { 
    grid-template-columns: 1fr;
    /* Ensure smooth touch scrolling on mobile */
    -webkit-overflow-scrolling: touch;
  } 
  .love-hero { 
    height: clamp(120px, 36vw, 180px);
    /* GPU acceleration for hero section */
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  } 
  .love-heart { 
    top: -240px; 
    width: min(92vw, 560px); 
  } 
}
.love-card { border: 1px solid transparent; border-radius: 18px; padding: 20px; box-shadow: 0 12px 26px rgba(0,0,0,0.08); position: relative; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; background:
  /* Solid content background (no image) */
  linear-gradient(180deg, #ffffff, #ffffff) padding-box,
  /* Subtle gradient border */
  linear-gradient(135deg, rgba(227,0,109,0.28), rgba(255,107,157,0.18)) border-box; }
.love-card.testimonial { background:
  /* Solid content background (no image) */
  linear-gradient(180deg, #ffffff, #ffffff) padding-box,
  /* Subtle gradient border */
  linear-gradient(135deg, rgba(227,0,109,0.28), rgba(255,107,157,0.18)) border-box; }
.love-card:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(0,0,0,0.12); }
.love-card:focus-within { box-shadow: 0 16px 34px rgba(0,0,0,0.12), 0 0 0 3px rgba(227,0,109,0.18); }
.love-card::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: -8px; height: 14px; background: radial-gradient(50% 60% at 50% 0%, rgba(227,0,109,0.22), transparent 70%); filter: blur(8px); z-index: -1; }
.love-header { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.love-avatar { width: 38px; height: 38px; border-radius: 999px; display: grid; place-items: center; color: var(--brand); background: linear-gradient(135deg, rgba(227,0,109,0.12), rgba(255,107,157,0.16)); box-shadow: 0 6px 14px rgba(227,0,109,0.18); border: 1px solid rgba(227,0,109,0.25); }
.love-name { display: block; font-weight: 700; color: var(--ink); font-size: 15px; line-height: 1.1; letter-spacing: .2px; }
.love-meta { display: block; font-size: 12px; color: #555; opacity: .78; margin-top: 3px; }
.love-quote { color: #2b2b2b; font-size: 15px; line-height: 1.7; font-style: normal; }
.testimonials-track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(280px, 1fr); gap: 18px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x mandatory; }
.testimonial { border: 0; box-shadow: none; }
.testimonial p { color: #333; margin-bottom: 10px; }
.testimonial footer { color: var(--ink); font-weight: 600; opacity: 0.85; }