.regions-section {
        padding: 72px 24px 96px;
      }

      .section-title {
        margin: 0 0 56px;
        color: var(--title);
        font-size: clamp(2.4rem, 5vw, 4.4rem);
        font-weight: 700;
      }

    .flag-shape {
      width: var(--card-size);
      height: var(--card-size);
      margin: 0 auto 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background: transparent;
    }

    .flag-shape img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

      .region-name {
        margin: 0;
        font-size: 2rem;
        font-weight: 700;
      }

      @media (max-width: 900px) {
        :root {
          --card-size: 138px;
        }
      }

      @media (max-width: 520px) {
        .regions-section {
          padding-top: 56px;
        }

        .region-name {
          font-size: 1.7rem;
        }
      }