h2{
        font-weight: bold;
    }

    h2, h3 {
      margin-bottom: 10px;
    }

    .row-container {
      margin-bottom: 40px;
    }

    .scroll-row {
      display: flex;
      overflow-x: auto;
      gap: 10px;
      scroll-snap-type: x mandatory;
      padding-bottom: 10px;
    }

    .item {
      scroll-snap-align: start;
      flex-shrink: 0;
      width: 150px;
    }

    .item img {
      width: 100%;
      border-radius: 8px;
    }

    .item p {
      font-size: 14px;
      margin: 4px 0 0;
    }

    .item small {
      color: #aaa;
    }

    .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

/* Optional: Add spacing below the navbar */
body > .container {
  margin-top: 20px;
}