.odds-wrap {
  max-width: 620px;
  margin: auto; }
  .odds-wrap.dark .legaue-wrap {
    color: #f5f5f5; }
    .odds-wrap.dark .legaue-wrap .l_heading {
      background: #1d1d1d;
      background: linear-gradient(180deg, #1c1c1c 48%, #373737 100%); }
      .odds-wrap.dark .legaue-wrap .l_heading .arrow svg {
        fill: #f5f5f5; }
      .odds-wrap.dark .legaue-wrap .l_heading .l_emblem {
        background: #ddd;
        padding: 5px;
        border-radius: 3px; }
    .odds-wrap.dark .legaue-wrap .matches .swiper-button-next:after,
    .odds-wrap.dark .legaue-wrap .matches .swiper-button-prev:after {
      color: #f5f5f5; }
    .odds-wrap.dark .legaue-wrap .matches .match {
      background: #e7e5e5;
      background: linear-gradient(180deg, #1c1c1c 48%, #373737 100%); }
      .odds-wrap.dark .legaue-wrap .matches .match .info svg {
        fill: #ddd; }
  .odds-wrap .legaue-wrap {
    margin-bottom: 5px; }
    .odds-wrap .legaue-wrap.show .matches {
      height: auto; }
    .odds-wrap .legaue-wrap.show .l_heading .arrow svg {
      transform: rotate(180deg); }
    .odds-wrap .legaue-wrap .l_heading {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      gap: 1rem;
      padding: 10px;
      background: #d9d9d9;
      background: linear-gradient(180deg, #d9d9d9 48%, #b0b0b0 100%);
      border-radius: 5px;
      cursor: pointer; }
      .odds-wrap .legaue-wrap .l_heading .l_emblem {
        height: 50px;
        width: 50px; }
        .odds-wrap .legaue-wrap .l_heading .l_emblem img {
          height: 100%;
          width: 100%;
          object-fit: contain;
          object-position: center;
          margin: 0; }
      .odds-wrap .legaue-wrap .l_heading .l_title {
        font-size: 1em;
        font-weight: bold; }
      .odds-wrap .legaue-wrap .l_heading .arrow {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-grow: 1; }
        .odds-wrap .legaue-wrap .l_heading .arrow svg {
          width: 20px;
          height: 20px; }
    .odds-wrap .legaue-wrap .matches {
      height: 0;
      overflow: hidden;
      width: 100%; }
      .odds-wrap .legaue-wrap .matches.show {
        height: auto; }
      .odds-wrap .legaue-wrap .matches .swiper-button-next:after,
      .odds-wrap .legaue-wrap .matches .swiper-button-prev:after {
        color: #000; }
      .odds-wrap .legaue-wrap .matches .swiper-pagination {
        bottom: -4px; }
      .odds-wrap .legaue-wrap .matches .match {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: .5rem;
        background: #e7e5e5;
        background: linear-gradient(180deg, #e7e5e5 48%, #bdbdbd 100%);
        padding: 1rem;
        margin-top: 5px;
        border-radius: 5px; }
        .odds-wrap .legaue-wrap .matches .match .bgvs {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
        .odds-wrap .legaue-wrap .matches .match .overflow-link {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 1; }
        .odds-wrap .legaue-wrap .matches .match .info {
          position: absolute;
          top: 5px;
          right: 5px; }
          .odds-wrap .legaue-wrap .matches .match .info svg {
            width: 20px;
            height: 20px;
            fill: #655a5a; }
        .odds-wrap .legaue-wrap .matches .match .m_date {
          flex-basis: 100%;
          text-align: center; }
        .odds-wrap .legaue-wrap .matches .match .odds {
          flex-shrink: 0;
          flex-basis: 100%;
          display: flex;
          align-items: center;
          justify-content: center; }
          .odds-wrap .legaue-wrap .matches .match .odds span {
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .8em;
            color: #fff; }
            .odds-wrap .legaue-wrap .matches .match .odds span.win1 {
              background: green;
              border-top-left-radius: 3px;
              border-bottom-left-radius: 3px; }
            .odds-wrap .legaue-wrap .matches .match .odds span.winx {
              background: orange; }
            .odds-wrap .legaue-wrap .matches .match .odds span.win2 {
              background: red;
              border-top-right-radius: 3px;
              border-bottom-right-radius: 3px; }
        .odds-wrap .legaue-wrap .matches .match .odds-new {
          display: flex;
          align-items: center;
          justify-content: space-between;
          background-color: #949799;
          width: 100%;
          height: 40px;
          border-radius: 5px;
          color: #f5f5f5; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-left {
            flex-grow: 1;
            flex-shrink: 1;
            padding-inline-end: 10px;
            text-align: center; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-right {
            flex-grow: 1;
            flex-shrink: 1;
            padding-inline-start: 10px;
            text-align: center; }
          .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn {
            display: flex;
            position: relative;
            z-index: 0;
            align-items: center;
            justify-content: center;
            min-height: 45px;
            margin-top: -1px;
            margin-bottom: -1px;
            box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
            background-color: #6c952b;
            transition: all 0.5s;
            padding-left: 13px;
            padding-right: 13px;
            color: #f5f5f5;
            text-decoration: none; }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn::before {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              z-index: -1;
              background-color: #6c952b;
              transform-origin: bottom;
              transition: all 0.5s;
              left: 0;
              right: 0;
              transform: skew(24deg); }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn::after {
              content: '';
              display: block;
              position: absolute;
              top: 0;
              bottom: 0;
              z-index: -1;
              background-color: #6c952b;
              transform-origin: bottom;
              transition: all 0.5s;
              left: 0;
              right: 0;
              transform: skew(-24deg); }
            .odds-wrap .legaue-wrap .matches .match .odds-new .odds-btn:hover {
              box-shadow: 0 0 25px rgba(0, 0, 0, 0.5);
              background-color: #88bb38; }
        .odds-wrap .legaue-wrap .matches .match .team {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          flex-basis: 30%;
          text-align: center;
          padding: 10px;
          border: 2px solid transparent;
          border-radius: 5px; }
          .odds-wrap .legaue-wrap .matches .match .team.winner {
            border-color: #b1c5a4; }
          .odds-wrap .legaue-wrap .matches .match .team .t_name {
            height: 2.2em;
            line-height: 1.1em;
            text-overflow: ellipsis;
            overflow: hidden; }
          .odds-wrap .legaue-wrap .matches .match .team .t_emblem {
            height: 80px;
            width: 80px;
            margin-bottom: 10px; }
            .odds-wrap .legaue-wrap .matches .match .team .t_emblem img {
              height: 100%;
              width: 100%;
              object-fit: contain;
              object-position: left;
              margin: 0; }
        .odds-wrap .legaue-wrap .matches .match .score {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px; }
          .odds-wrap .legaue-wrap .matches .match .score span {
            font-size: 2em;
            font-weight: bold; }

@media only screen and (max-width: 768px) {
  .odds-wrap .legaue-wrap .l_heading .l_title {
    font-size: .8em; }

  .odds-wrap .legaue-wrap .matches .match {
    flex-direction: column; }

  .odds-wrap .legaue-wrap .matches .match .odds {
    width: 100%; } }

/* ============================================================
   MATCH CARD — финальный редизайн
   Структура HTML не меняется, только стили
   Вставить в КОНЕЦ вашего css/style.css
   ============================================================ */

/* ── Шапка лиги ── */
.odds-wrap .legaue-wrap .l_heading {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 18px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #eef0f4 !important;
  box-shadow: 0 2px 10px rgba(15,27,61,.06) !important;
  cursor: pointer;
}
.odds-wrap .legaue-wrap .l_emblem {
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  background: #f5f6f8 !important;
}
.odds-wrap .legaue-wrap .l_emblem img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}
.odds-wrap .legaue-wrap .l_title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #101828 !important;
  letter-spacing: 0.1px !important;
}
.odds-wrap .legaue-wrap .arrow svg {
  fill: var(--accent, #14b8a6) !important;
}

/* ── КАРТОЧКА МАТЧА ── */
.odds-wrap .legaue-wrap .matches .match {
  position: relative !important;
  background: #ffffff !important;
  background-image: none !important;
  padding: 20px 20px 18px !important;
  margin-top: 0 !important;
  border-radius: 0 !important;
  border-top: 1px solid #eef0f4 !important;

  /* Сохраняем вертикальный flex как был */
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: hidden !important;
}

/* Синее свечение в центре */
.odds-wrap .legaue-wrap .matches .match::before {
  content: '' !important;
  position: absolute !important;
  top: 30% !important; left: 50% !important;
  width: 200px !important; height: 200px !important;
  transform: translate(-50%, -50%) !important;
  background: radial-gradient(circle, rgba(20,184,166,0.06) 0%, transparent 70%) !important;
  pointer-events: none !important;
  border-radius: 0 !important;
}
/* Убираем старое ::after если было */
.odds-wrap .legaue-wrap .matches .match::after {
  display: none !important;
}

/* Скрываем bgvs картинку */
.odds-wrap .legaue-wrap .matches .match .bgvs {
  display: none !important;
}

/* ── Дата с линиями по бокам ── */
.odds-wrap .legaue-wrap .matches .match .m_date {
  width: 100% !important;
  text-align: center !important;
  font-size: 11.5px !important;
  color: #94a3b8 !important;
  letter-spacing: 0.3px !important;
  margin-bottom: 18px !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-direction: row !important;
}
.odds-wrap .legaue-wrap .matches .match .m_date::before,
.odds-wrap .legaue-wrap .matches .match .m_date::after {
  content: '' !important;
  flex: 1 !important;
  height: 1px !important;
  background: #eef0f4 !important;
}
.odds-wrap .legaue-wrap .matches .match .m_date span {
  color: #101828 !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
}

/* ── Инфо кнопка ── */
.odds-wrap .legaue-wrap .matches .match .info {
  position: absolute !important;
  top: 14px !important;
  right: 16px !important;
  z-index: 2 !important;
}
.odds-wrap .legaue-wrap .matches .match .info a svg {
  width: 18px !important;
  height: 18px !important;
  fill: rgba(255,255,255,0.1) !important;
  transition: fill 0.15s !important;
}
.odds-wrap .legaue-wrap .matches .match .info a:hover svg {
  fill: rgba(255,255,255,0.3) !important;
}

/* ── Команды ── */
.odds-wrap .legaue-wrap .matches .match .team {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

.odds-wrap .legaue-wrap .matches .match .t_emblem {
  width: 72px !important;
  height: 72px !important;
  border-radius: 50% !important;
  background: #f5f6f8 !important;
  border: 2px solid #eef0f4 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  transition: border-color 0.2s, transform 0.2s !important;
}
.odds-wrap .legaue-wrap .matches .match:hover .t_emblem {
  border-color: var(--accent, #14b8a6) !important;
  transform: scale(1.05) !important;
}
.odds-wrap .legaue-wrap .matches .match .t_emblem img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.odds-wrap .legaue-wrap .matches .match .t_name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #101828 !important;
  text-align: center !important;
  line-height: 1.3 !important;
  max-width: 120px !important;
}

/* ── VS текст (bgvs скрыт, остаётся встроенный в HTML если есть) ── */
/* Если VS рендерится через bgvs.png — он уже скрыт выше.
   Если в разметке есть текстовый VS — делаем его красивым */
.odds-wrap .legaue-wrap .matches .match > *:not(.overflow-link):not(.bgvs):not(.info):not(.m_date):not(.team):not(.odds-new) {
  color: rgba(255,255,255,0.06) !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: 4px !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ── Коэффициенты ── */
.odds-wrap .legaue-wrap .matches .match .odds-new {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  gap: 6px !important;
  align-items: stretch !important;
  margin-top: 20px !important;
  position: relative !important;
  z-index: 1 !important;
}

.odds-wrap .legaue-wrap .matches .match .odds-left,
.odds-wrap .legaue-wrap .matches .match .odds-right {
  text-align: center !important;
  padding: 11px 8px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #101828 !important;
  background: #f5f6f8 !important;
  background-image: none !important;
  border: 1px solid #e5e7eb !important;
  cursor: pointer;
  transition: all 0.15s !important;
  line-height: 1 !important;
}
.odds-wrap .legaue-wrap .matches .match .odds-left:hover,
.odds-wrap .legaue-wrap .matches .match .odds-right:hover {
  background: var(--accent, #14b8a6) !important;
  color: #ffffff !important;
  border-color: var(--accent, #14b8a6) !important;
  transform: translateY(-1px) !important;
}

.odds-wrap .legaue-wrap .matches .match .odds-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 11px 22px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: #fff !important;
  background: var(--accent, #14b8a6) !important;
  background-image: none !important;
  clip-path: none !important;
  box-shadow: 0 4px 20px rgba(20,184,166,0.35) !important;
  cursor: pointer;
  transition: all 0.15s !important;
  white-space: nowrap !important;
  border: none !important;
}
.odds-wrap .legaue-wrap .matches .match .odds-btn:hover {
  background: #0d9488 !important;
  box-shadow: 0 6px 28px rgba(20,184,166,0.5) !important;
  transform: translateY(-1px) !important;
}
.team-wrapper {
	display:flex;
	column-gap: 10px;
}
.team{
width:250px !important;
}
.t_name{
 overflow: visible !important; 
}


/*# sourceMappingURL=style.css.map */