/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 09:53:57 */
  .flat-banner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 32px;

    padding: 30px 34px;

    background: #ffffff;
    border: 2px solid #e6e8ec;
    border-radius: 12px;

    color: #1f2937;
  }

  .flat-logo {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    background: #eef1f5;
    border: 1px solid #e5e7eb;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
  }

  .flat-logo img {
    width: 70%;
    height: auto;
    object-fit: contain;
  }

  .flat-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .flat-label {
    font-size: 11px;
    letter-spacing: 0.13em;
    text-transform: uppercase;
    color: #6b7280;
    font-weight: 600;
  }

  .flat-title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #111827;
  }

  .flat-title span {
    color: #2563eb; /* синий акцент */
  }

  .flat-sub {
    font-size: 0.96rem;
    color: #4b5563;
    max-width: 52ch;
  }

  .flat-btn {
    display: inline-block;
    padding: 12px 26px;
    margin-top: 10px;

    background: #2563eb;
    color: #ffffff;

    border: none;
    border-radius: 6px;

    font-weight: 700;
    font-size: 0.9rem;
    text-decoration: none;

    transition: background 0.2s ease;
  }

  .flat-btn:hover {
    background: #1e4fc7;
  }

  @media (max-width: 850px) {
    .flat-banner {
      flex-direction: column;
      text-align: center;
      padding: 26px;
    }
    .flat-logo {
      width: 130px;
      height: 130px;
    }
    .flat-btn {
      width: 100%;
      max-width: 320px;
    }
  }


/* Контейнер секции */
.uxt-wrap {
  margin: 0 auto;
  padding: 20px 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

/* Карточка */
.uxt-card {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 14px;
  padding: 20px 22px;
  box-shadow: 0 3px 8px rgba(0,0,0,0.07);
  transition: 0.25s ease;
}

/* Ховер */
.uxt-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  border-color: #cdd9ff;
}

/* Заголовок */
.uxt-card h3 {
  margin: 0 0 14px 0;
  font-size: 20px;
  font-weight: 700;
  color: #142850;
}

/* Список */
.uxt-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Строка */
.uxt-card li {
  margin: 6px 0;
  font-size: 15px;
  padding: 6px 0;
  border-bottom: 1px solid #efefef;
  display: flex;
  justify-content: space-between;
}

/* Убрать линию у последнего */
.uxt-card li:last-child {
  border-bottom: none;
}

/* Подписи (PG/PE/PP/Puntos) */
.uxt-win {
  color: #0a8f00;
  font-weight: 700;
}

.uxt-draw {
  color: #d18f00;
  font-weight: 700;
}

.uxt-loss {
  color: #c90000;
  font-weight: 700;
}

.uxt-points {
  color: #0051ff;
  font-weight: 700;
}

/* АДАПТИВ */
@media (max-width: 600px) {
  .uxt-card {
    padding: 16px 18px;
  }

  .uxt-card h3 {
    font-size: 18px;
  }

  .uxt-card li {
    font-size: 14px;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
}
