@media (max-width: 980px) {
  .hero {
    grid-template-columns: 1fr;
    padding-top: 54px;
  }

  .hero-card {
    min-height: 420px;
  }

  .products,
  .manage-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .features {
    grid-template-columns: 1fr;
  }

  .gift-box {
    grid-template-columns: 1fr;
    padding: 38px;
  }
}

@media (max-width: 720px) {
  .header-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .nav {
    width: 100%;
    overflow-x: auto;
    gap: 18px;
    padding-bottom: 4px;
  }

  .nav a {
    white-space: nowrap;
  }

  .hero {
    padding: 42px 18px 46px;
  }

  .hero h1 {
    letter-spacing: -1px;
  }

  .hero-text {
    font-size: 17px;
  }

  .section,
  .manage-wrap {
    padding: 48px 18px;
  }

  .section-head {
    display: block;
  }

  .products,
  .manage-grid {
    grid-template-columns: 1fr;
  }

  .gift-section {
    padding: 0 18px 54px;
  }

  .gift-box {
    border-radius: 30px;
    padding: 30px;
  }

  .footer-inner {
    flex-direction: column;
  }
}


@media (max-width: 980px) {
  .stats-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .analytics-banner {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .analytics-banner {
    left: 12px;
    right: 12px;
    bottom: 12px;
  }

  .analytics-banner-actions {
    width: 100%;
    flex-direction: column;
  }

  .analytics-banner-actions .btn {
    width: 100%;
  }
}

@media (max-width: 980px) {
  .legal-wrap {
    grid-template-columns: 1fr;
  }

  .legal-menu {
    position: static;
  }
}

@media (max-width: 720px) {
  .legal-wrap {
    padding: 42px 18px 54px;
  }

  .legal-card {
    padding: 26px;
  }

  .info-grid,
  .settings-grid,
  .check-grid {
    grid-template-columns: 1fr;
  }

  .chart-canvas,
  .chart-large {
    height: 260px;
  }
}