.frame-type-cloonar_stats .stats-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    z-index: 10;
    background: #fff;
    padding: 1rem;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    gap: 1rem; /* maintain gap on mobile */
}

/* Two columns on mobile */
.frame-type-cloonar_stats .stats-wrapper p {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    text-align: center;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: var(--bs-primary);
}

.frame-type-cloonar_stats .stats-wrapper span.big-number {
    font-size: 4rem;
    font-family: 'Hajime Sans', sans-serif;
    text-transform: none;
}

@media (min-width: 768px) {
  .frame-type-cloonar_stats .stats-wrapper {
      padding: 3rem 1rem;
      gap: 2rem; /* increase gap on desktop */
  }

  /* Four columns on desktop */
  .frame-type-cloonar_stats .stats-wrapper p {
      flex: 0 0 calc((100% - 6rem) / 4); /* 3 gaps * 2rem = 6rem total gap */
      max-width: calc((100% - 6rem) / 4);
  }
}
