/* CryptoPulse Mobile First Screen V1 */
@media (max-width: 699px) {

  .header {
    min-height: 48px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .ticker-section {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  main {
    padding: 10px 10px 24px;
  }

  .market-intro {
    margin-bottom: 9px;
  }

  .market-intro h1 {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: clamp(23px, 6vw, 29px);
    line-height: 1.1;
  }

  .stats {
    gap: 7px;
    margin-bottom: 10px;
  }

  .stat {
    min-height: 66px;
    padding: 9px 10px;
  }

  .stat span {
    font-size: 9px;
  }

  .stat strong {
    font-size: 17px;
  }

  .stat small {
    font-size: 9px;
  }

  .heatmap-section {
    margin-top: 8px;
    padding: 11px 9px;
  }

  .heatmap-section .section-heading {
    margin-bottom: 8px;
  }

  .heatmap-section h2 {
    font-size: 19px;
  }

  .heatmap-legend {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  .heatmap {
    height: 320px;
    min-height: 320px;
  }

  .heatmap-footer {
    margin-top: 7px;
  }
}