.breadcrumbs {
  padding-top: 0 !important;
}

.post__title {
  margin: 0 !important;
}

.match-page {
  --text-color: var(--color-3);

  --font-family: Manrope;

  font:
    400 15px/1 Manrope,
    sans-serif;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
body.theme-light .match-page {
  --text-color: #000;
}

.match-header-card {
  padding: 20px !important;
}
.match-header-card ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.match-header-card__top {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color);
}
.match-header__title {
  display: flex;
  align-items: center;
  gap: 4px;
  font: 800 20px/1 var(--font-family);
  color: var(--text-color-1);
}
.match-header__title .icon {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.match-header__info {
  display: flex;
  gap: 20px;
  font: 700 15px/1 var(--font-family);
}
.match-header__info-item-title {
  color: var(--text-color-2);
  margin-bottom: 10px;
}
.match-header-card__bottom {
  display: grid;
  grid-template-columns: 1fr 1.6fr 1fr;
  align-items: center;
  grid-template-areas: "team1 teams-vs team2";
}
.match-header-card__bottom .team1 {
  grid-area: team1;
}
.match-header-card__bottom .teams-vs {
  grid-area: teams-vs;
}
.match-header-card__bottom .team2 {
  grid-area: team2;
}
.match-header-players {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.match-header-player {
  font: 400 15px/1 var(--font-family);
  width: max-content;
}
.match-header-card__bottom .team2 .match-header-player {
  margin-left: auto;
  text-align: right;
  align-self: flex-end;
}
.match-header-card__bottom .team2 .match-header-player__name {
  justify-content: end;
}
.match-header-player__name {
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px;
}
.match-header-player__flag {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.match-header-player__flag img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.match-header-teams {
  max-width: 612px;
  min-height: 255px;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
}
.match-header-team {
  max-width: 200px;
  width: 100%;
  padding-bottom: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 10px;
}
.match-header-team__wrapper {
  position: relative;
}
.match-header-team__link {
  position: absolute;
  top: -2.5%;
  left: -2.5%;
  width: 105%;
  height: 105%;
  border-radius: 8px;
}
.match-header-team__link:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.match-header-team__logo {
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
.match-header-team__logo img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body.theme-light .match-header-team__logo .logo {
  display: block;
}
body.theme-dark .match-header-team__logo .logo-dark {
  display: block;
}
.match-header-team__name {
  margin-top: 10px;
  font: 800 20px/1 var(--font-family);
}
.match-header-team__coef {
  display: none;
  margin-top: auto;
}
.match-header-team__center {
  width: 160px;
  min-height: 255px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
}
.match-header-team__center .odds__partner {
  display: none;
}
.match-header-team__center-top .odds__partner {
  margin-top: auto;
}
.match-header-team__center-top .matches__date {
  font-size: 16px;
  margin-top: 4px;
  line-height: 1.5;
}
.match-header-team__center-score {
  font: 800 40px/1 var(--font-family);
  text-align: center;
}
.match-header-team__coef {
  --color: var(--color-13);
  --border-color: var(--color-13);
  --hover-color: #000;
}
.match-header-team__coef a {
  display: block;
}
.match-header-team__coef div {
  color: var(--color);
  padding: 4px 24px;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  font: 700 12px/1 var(--font-family);
}
.match-header-team__coef:hover div {
  color: var(--hover-color);
  background-color: var(--color);
}
.match-header-team[data-with-coef="false"] {
  justify-content: center;
}
.match-header-team[data-with-coef="true"] .match-header-team__coef {
  display: block;
}
.match-header-team__center[data-with-coef="true"] .match-header-team__center-top {
  margin-top: auto;
}
.match-header-team__center[data-with-coef="true"] .odds__partner {
  display: block;
  margin-top: auto;
}
body.theme-dark .match-header__info-item-title {
  color: var(--color-11);
}
body.theme-dark .match-header-team__coef {
  --color: var(--color-2);
  --border-color: var(var(--color-2));
}
body.theme-dark .match-header-card__top,
body.theme-dark .match-header-teams {
  border-bottom-color: var(--border-color-dark);
}

.match-stream {
  margin-top: 42px !important;
}
.match-stream__card {
  padding: 20px !important;
  margin-top: 20px;
}
.match-stream__player {
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.match-stream__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.match-stream__list[data-max-hidden="true"] .match-stream__list-item:nth-child(n + 5) {
  display: none;
}
.match-stream__toggle-btn {
  --active-border-color: var(--color-13);

  width: 100%;
  padding: 16px;
  display: flex;
  align-items: center;
  gap: 16px;
  background-color: var(--color-6);
  color: var(--text-color-1);
  border: none;
  border-radius: 16px;
  border: 1px solid var(--color-6);
  cursor: pointer;
}
.match-stream__toggle-btn-channel {
  font-weight: 500;
  font: 700 15px/1 var(--font-family);
}
.match-stream__toggle-btn-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 8px;
  background: var(--color-3);
}
.match-stream__toggle-btn:focus {
  outline: none;
}
.match-stream__toggle-btn[data-active="true"] {
  border-color: var(--active-border-color) !important;
  pointer-events: none;
}
.match-stream__list-more-btn {
  margin-inline: auto;
}
.match-stream__list-more-btn[hidden] {
  display: none;
}
body.theme-dark .match-stream__toggle-btn {
  --active-border-color: var(--color-2);
  background-color: var(--color-8);
  border-color: var(--color-8);
  color: var(--text-color-3);
}
body.theme-dark .match-stream__toggle-btn .match-stream__toggle-btn-info {
  background-color: var(--color-9);
}

.panda-tmpl-widgets {
  margin-top: 42px !important;
  display: flex;
  flex-direction: column;
  gap: 42px;
}
.panda-tmpl-widgets .card {
  padding: 20px;
  margin-top: 20px;
}
.panda-tmpl-widgets__iframe {
  --margin-top: -10px;

  min-height: calc(var(--height) + var(--margin-top));
  overflow: hidden;
}
.panda-tmpl-widgets__iframe iframe {
  margin-top: var(--margin-top);
}

@media (max-width: 850px) {
  .match-header-card {
    margin-top: 20px;
    padding: 16px !important;
  }
  .match-header__info {
    flex-direction: column;
    gap: 12px;
  }
  .match-header-card__bottom {
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);
    grid-template-areas: "teams-vs teams-vs" "team1 team2";
    gap: 16px;
    align-items: start;
  }
  .match-header-team__logo {
    width: 48px;
    height: 48px;
  }
  .match-header-teams {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--border-color);
    min-height: 160px;
    height: 160px;
  }
  .match-header-team__center {
    width: auto;
    min-height: 160px;
    height: 160px;
    padding-bottom: 16px;
  }
  .match-header-team__center-score {
    font-size: 24px;
  }
  .match-header-team__center-top .matches__date {
    font-size: 12px;
    line-height: 1.2;
  }
  .match-header-team__name {
    font-size: 12px;
  }
  .match-header-player {
    font-size: 14px;
    min-height: 56px;
    padding: 0 !important;
  }
  .match-header-player__fullname {
    width: 99%;
  }

  .match-stream__card {
    padding: 16px !important;
  }
  .match-stream__list {
    grid-template-columns: 1fr;
    padding-inline: 0px !important;
  }
  .match-stream__list-item {
    padding-inline: 0px !important;
  }

  .panda-tmpl-widgets {
    gap: 20px;
  }
  .panda-tmpl-widgets .card {
    padding: 16px;
  }
}