@media (max-width: 900px) {
  body .hd-sp .sp-how-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  body .hd-sp .sp-hero {
    background-image: url('https://hodoor.space/wp-content/uploads/2026/03/group-therapy-sihem-laith.webp');
    background-size: cover;
    background-position: center top;
    padding: 0;
    min-height: 92vh;
    display: flex;
    align-items: flex-end;
  }
  body .hd-sp .sp-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(12,18,5,0.95) 0%,
      rgba(12,18,5,0.55) 45%,
      rgba(12,18,5,0.12) 100%
    );
  }
  body .hd-sp .sp-hero-rings { display: none; }
  body .hd-sp .sp-hero-inner {
    grid-template-columns: 1fr;
    position: relative;
    z-index: 1;
  }
  body .hd-sp .sp-hero-text {
    padding: 36px 24px 64px;
    text-align: center;
  }
  body .hd-sp .sp-hero-sub { max-width: none; }
  body .hd-sp .sp-hero-frame { display: none; }

  body .hd-sp .sp-wrap        { padding: 0 24px; }
  body .hd-sp .sp-intro       { padding: 64px 24px; }
  body .hd-sp .sp-cta         { padding: 76px 24px; }

  body .hd-sp .sp-stats          { grid-template-columns: 1fr; gap: 12px; }
  body .hd-sp .sp-session-grid   { grid-template-columns: 1fr; }
  body .hd-sp .sp-results-grid   { grid-template-columns: 1fr; }
  body .hd-sp .sp-team-grid      { grid-template-columns: 1fr; max-width: 300px; }

  body .hd-sp .sp-testi-track    { padding: 0 16px; }
  body .hd-sp .sp-testi-card     { padding: 32px 26px 28px; }
  body .hd-sp .sp-testi-card::before { right: 22px; font-size: 60px; }
  body .hd-sp .sp-testi-prev,
  body .hd-sp .sp-testi-next     { display: none; }
}