/* ============================================================
   DELET LANDING PAGE – responsive.css
   Breakpoint overrides (max-width down)
   ============================================================ */

/* ---- XL: 1200px+ handled in style.css ---- */

/* ---- LG: up to 1199px ---- */
@media (max-width: 1199px) {
  .header-inner { padding-left: 24px; padding-right: 24px; }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-content { max-width: 100%; }
  .hero-form-wrap { max-width: 520px; }
  .hero-headline { font-size: 48px; }
  .section-heading { font-size: 38px; }
  .features-grid { grid-template-columns: repeat(3, 1fr); }
  .step-connector { display: none; }
  .steps-grid { gap: 24px; }
  .cta-card { padding: 50px 40px; }
  .cta-heading { font-size: 38px; }
  .how-deco { display: none; }
  .hero-headline-accent::after{display: none;}
}

/* ---- MD: up to 991px ---- */
@media (max-width: 991px) {
  .header-inner { min-height: 72px; padding-left: 20px; padding-right: 20px; }
  .site-header { }
  .hero-section { padding-top: 72px; }
  .hero-section .container { padding-top: 48px; padding-bottom: 60px; }
  .hero-headline { font-size: 42px; }
  .hero-grid { grid-template-columns: 1fr; }
  .hero-form-wrap { max-width: 100%; }
  .section-heading { font-size: 34px; }
  .features-section { padding: 64px 0; }
  .features-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .how-section { padding: 60px 0 80px; }
  .steps-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 16px; }
  .step-card { padding: 0 8px; }
  .step-title { font-size: 16px; }
  .step-desc { font-size: 13.5px; }
  .comparison-section { padding: 64px 0 80px; }
  .testimonials-section { padding: 64px 0 80px; }
  .testimonials-slider .slick-slide{padding-top: 28px;}
  .cta-section { padding: 24px 0 0; }
  .cta-card { padding: 44px 36px; border-radius: 22px; flex-direction: column; align-items: center; }
  .cta-body { max-width: 100%; }
  .cta-heading { font-size: 34px; }
  .cta-illustration { display: none; }
  .footer-inner { flex-direction: column; align-items: flex-start; gap: 36px; }
  .footer-contact { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* ---- SM: up to 767px ---- */
@media (max-width: 767px) {
  .header-inner { min-height: 64px; padding-left: 16px; padding-right: 16px; }
  .hero-section { padding-top: 64px; }
  .hero-section .container { padding-top: 36px; padding-bottom: 48px; }
  .hero-headline { font-size: 34px; line-height: 1.12; }
  .hero-desc { font-size: 15px; }
  .hero-stats { gap: 20px; }
  .stat-value { font-size: 22px; }
  .section-heading { font-size: 28px; line-height: 1.25; }
  .section-label { font-size: 12px; }
  .features-section { padding: 52px 0; }
  .features-grid { grid-template-columns: 1fr; gap: 16px; }
  .how-section { padding: 52px 0 64px; }
  .steps-grid { grid-template-columns: 1fr; gap: 32px; padding-top: 8px; }
  .step-card { flex-direction: column; text-align: center; align-items: center; gap: 10px; }
  .comparison-section { padding: 52px 0 64px; }
  .comparison-section .section-heading { margin-bottom: 36px; }
  .ct-header,
  .ct-row { grid-template-columns: 1.4fr 1.1fr 1fr 1fr; }
  .ct-cell--cap { font-size: 12px; padding: 14px 12px; }
  .ct-val { font-size: 13px; gap: 5px; }
  .ct-val svg { width: 18px; height: 18px; flex-shrink: 0; }
  .testimonials-section { padding: 52px 0 72px; }
  .testi-card { padding: 28px 24px; }
  .testi-quote--white { font-size: 17px; }
  .cta-section { padding: 20px 0 0; }
  .cta-card { padding: 40px 24px; border-radius: 20px; }
  .cta-heading { font-size: 28px; letter-spacing: -0.8px; }
  .cta-desc { font-size: 14px; }
  .cta-btn { font-size: 14px; padding: 12px 20px; }
  .cta-illustration { display: none; }
  .footer-brand { max-width: 100%; }
  .footer-contact-item { font-size: 13.5px; white-space: normal; }
  .form-card-body { padding: 52px 18px 28px; }
  .header-phone { display: none; }
  .btn-demo { font-size: 13.5px; padding: 8px 16px; }
}

/* ---- XS: up to 575px ---- */
@media (max-width: 575px) {
  .hero-badge { font-size: 10px; letter-spacing: 0.8px; padding: 5px 10px; }
  .hero-headline { font-size: 30px; }
  .highlight-badge { font-size: 12px; padding: 5px 11px; }
  .section-heading { font-size: 24px; }
  .feature-card { padding: 22px; }
  .feature-title { font-size: 16px; }
  .cta-actions { flex-direction: column; align-items: center; }
  .cta-btn { width: 100%; max-width: 300px; justify-content: center; }
  .footer-inner { gap: 28px; }
  .testimonials-slider .slick-prev { left: -10px; }
  .testimonials-slider .slick-next { right: -10px; }
  .ct-header,
  .ct-row { grid-template-columns: 1.2fr 1fr 0.9fr 0.9fr; }
  .ct-cell--cap,
  .ct-row .ct-cell--cap { font-size: 11px; padding: 12px 10px; }
  .ct-cell--delet { font-size: 12px; }
  .ct-cell--other { font-size: 12px; }
}

/* ---- Slick slider: always active with centerMode ---- */
@media (min-width: 992px) {
  .testimonials-slider-wrap { padding: 0 16px; }
  /* overflow visible so side cards peek out */
  .testimonials-slider .slick-list { overflow: visible; }
}

@media (max-width: 991px) {
  .testimonials-slider .slick-list { overflow: hidden; }
  .testimonials-slider-wrap { padding: 0; }
}

/* ---- Prevent horizontal scroll ---- */
@media (max-width: 767px) {
  .hero-deco { display: none; }
}