/* Tablet: 769px – 1024px */

@media (min-width: 769px) and (max-width: 1024px) {
  .container { padding: 0 24px; }
  .section { padding: 62px 0; }

  .hero {
    min-height: auto;
    padding: max(88px, calc(env(safe-area-inset-top) + 60px)) 0 44px;
  }
  .hero-offer { margin-bottom: 20px; }
  .hero-offer__text { font-size: clamp(1.3rem, 2.5vw, 1.7rem); line-height: 1.25; }
  .hero__dates-row { justify-content: center; margin-bottom: 28px; }
  .hero__left {
    max-width: 100%;
    align-items: center;
    text-align: center;
    margin: 0 auto;
  }
  .hero__headline { justify-content: center; }
  .hero__bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
  }
  .hero__gift { max-width: 420px; text-align: left; }

  .welcome-mockup__inner {
    grid-template-columns: 1fr;
    gap: 0;
    align-items: center;
  }
  .welcome-mockup__title { font-size: clamp(1.5rem, 2.8vw, 2rem); }
  .devices-img { max-width: 100%; }

  .about-quiz__top { grid-template-columns: 1fr; gap: 20px; }
  .about-quiz__scorecard { max-width: 300px; }
  .about-quiz__stage { grid-template-columns: 1fr; }
  .about-quiz__side {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }
  .about-quiz__question-card { min-height: auto; }

  .bento-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .bento-cell--tall { grid-column: 1 / -1; }

  .fear-flow { max-width: 100%; gap: 8px; }
  .fear-step__desc { max-width: 170px; font-size: 0.76rem; }

  .events__grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    padding-bottom: 12px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .events__grid::-webkit-scrollbar { display: none; }
  .event-card {
    flex: 0 0 min(300px, 46vw);
    scroll-snap-align: start;
    height: 280px;
  }

  .courses-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .course-card__img { height: 132px; }
  .course-card__body h3 { font-size: 0.84rem; line-height: 1.32; }

  .feat-cols {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .feat-col { min-height: 260px; }

  .blog-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

  .goals__layout { grid-template-columns: 1fr 1.2fr; gap: 18px; }

  .reg-club { grid-template-columns: 36% 1fr; }
  .reg-club__content { padding: 32px 24px 32px 12px; }
  .reg-club__title { font-size: clamp(1.45rem, 2.6vw, 1.85rem); }

  .cab-promo__inner { gap: 28px; align-items: center; }

  .sim-layout { grid-template-columns: 1fr 1fr; gap: 16px; }
  .sim-center { grid-column: 1 / -1; }
  .sim-chart-wrap { height: 240px; }
}

@media (min-width: 961px) and (max-width: 1024px) {
  .events__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }
  .event-card {
    flex: none;
    height: 300px;
  }
}
