/* Hear Real Calls: make cards bigger + 1-column on mobile */
@media (max-width: 768px){
  .ind-grid-layout{
    grid-template-columns: 1fr !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
  }

  /* remove explicit position helpers so natural flow works */
  .ind-card--tl, .ind-card--tr, .ind-card--bl, .ind-card--br{
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .ind-card{
    padding: 22px 18px !important;
    border-radius: 18px !important;
  }

  .ind-card-inner{ gap: 16px !important; }

  .ind-card-avatar{
    width: 88px !important;
    height: 88px !important;
  }

  .ind-card-title{ font-size: 1.1rem !important; }
  .ind-card-text{ font-size: 1rem !important; }

  .ind-card-play{
    width: 54px !important;
    height: 54px !important;
  }
  .ind-card-play svg{ width: 18px !important; height: 18px !important; }

  /* center circle element can interfere with 1-col layout */
  .ind-center-circle{ display:none !important; }
}