@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v17/LDI2apCSOBg7S-QT7pasEcOs.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v17/LDIxapCSOBg7S-QT7q4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v17/LDI2apCSOBg7S-QT7pb0EMOs.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v17/LDI2apCSOBg7S-QT7pbYF8Os.ttf) format('truetype');
}
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rajdhani/v17/LDI2apCSOBg7S-QT7pa8FsOs.ttf) format('truetype');
}
html {
  scroll-padding-top: 110px;
}
#bar {
  z-index: 1045;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  background-color: #16112D;
  padding: 1.5rem 0.5rem;
}
#bar .btn {
  zoom: 90%;
}
.main-menu {
  column-gap: 0.75rem !important;
  font-size: 17px;
}
.main-menu > li > a,
.main-menu > li > div a {
  white-space: nowrap;
}
.quick-event-field-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.quick-event-field-label .form-label {
  margin-bottom: 0;
}
.quick-event-field-hint {
  position: relative;
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  color: var(--bz-lime);
  padding: 0;
}
.quick-event-field-hint:hover,
.quick-event-field-hint:focus,
.quick-event-field-hint:focus-within {
  color: #FFF;
}
.quick-event-field-hint-text {
  position: absolute;
  z-index: 10;
  bottom: calc(100% + 0.5rem);
  left: 50%;
  visibility: hidden;
  width: min(20rem, calc(100vw - 2rem));
  border-radius: 0.25rem;
  background: #16112D;
  color: #FFF;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4;
  opacity: 0;
  padding: 0.5rem 0.75rem;
  text-align: left;
  transform: translateX(-50%);
  transition: opacity 0.15s ease;
}
.quick-event-field-hint:hover .quick-event-field-hint-text,
.quick-event-field-hint:focus .quick-event-field-hint-text,
.quick-event-field-hint:focus-within .quick-event-field-hint-text {
  visibility: visible;
  opacity: 1;
}
#search {
  display: none;
  z-index: 1000;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background-color: #1F1A3E;
  padding: 1.5rem 0.5rem;
}
#search.open {
  display: block;
}
#panel {
  z-index: 1000;
  position: fixed;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  background-color: #1F1A3E;
  padding: 1.5rem 0.5rem;
}
#title,
#content {
  width: 100%;
}
#title {
  background: linear-gradient(180deg, #16112D, #411A41);
}
#title {
  padding: 3rem 0.5rem;
}
#content {
  padding: 1.5rem 0.5rem;
}
.breadcrumb-menu > li > a,
.breadcrumb-menu > li > div a {
  font-weight: 600;
  text-transform: uppercase;
  color: #C8C4CC;
}
.breadcrumb-menu > li:not(:last-child) > a:after,
.breadcrumb-menu > li:not(:last-child) > div a:after {
  content: '\203A';
  color: #C8C4CC;
  padding: 0 0.5rem;
}
.breadcrumb-menu > li:hover > a,
.breadcrumb-menu > li:active > a,
.breadcrumb-menu > li.active > a,
.breadcrumb-menu > li:focus > a,
.breadcrumb-menu > li.focus > a,
.breadcrumb-menu > li:hover > div a,
.breadcrumb-menu > li:active > div a,
.breadcrumb-menu > li.active > div a,
.breadcrumb-menu > li:focus > div a,
.breadcrumb-menu > li.focus > div a {
  color: #FFF;
}
.path-menu > li > a,
.path-menu > li > div a {
  font-weight: 600;
  text-transform: uppercase;
  color: #C8C4CC;
}
.path-menu > li:not(:last-child) > a:after,
.path-menu > li:not(:last-child) > div a:after {
  content: '|';
  color: #C8C4CC;
  padding: 0 0.5rem;
}
.path-menu > li:hover > a,
.path-menu > li:active > a,
.path-menu > li.active > a,
.path-menu > li:focus > a,
.path-menu > li.focus > a,
.path-menu > li:hover > div a,
.path-menu > li:active > div a,
.path-menu > li.active > div a,
.path-menu > li:focus > div a,
.path-menu > li.focus > div a {
  color: #FFF;
}
.pill-menu > li > a,
.pill-menu > li > div a {
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: transparent;
  border: 1px solid #C8C4CC;
  border-radius: 6px;
}
.pill-menu > li:hover > a,
.pill-menu > li:active > a,
.pill-menu > li.active > a,
.pill-menu > li:focus > a,
.pill-menu > li.focus > a,
.pill-menu > li:hover > div a,
.pill-menu > li:active > div a,
.pill-menu > li.active > div a,
.pill-menu > li:focus > div a,
.pill-menu > li.focus > div a {
  color: #16112D;
  background-color: var(--bz-lime);
  border-color: var(--bz-lime);
}
.panel-menu > li > a,
.panel-menu > li > div a {
  font-weight: 600;
  text-transform: uppercase;
  color: #FFF;
}
.panel-menu > li > .panel-menu {
  position: relative;
  padding-left: calc(1.5rem + 2px);
}
.panel-menu > li > .panel-menu::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0.5rem;
  bottom: 0;
  border-left: 2px solid #16112D;
}
.panel-menu > li:hover > a,
.panel-menu > li:active > a,
.panel-menu > li.active > a,
.panel-menu > li:focus > a,
.panel-menu > li.focus > a,
.panel-menu > li:hover > div a,
.panel-menu > li:active > div a,
.panel-menu > li.active > div a,
.panel-menu > li:focus > div a,
.panel-menu > li.focus > div a {
  color: var(--bz-lime);
}
.footer-menu > li > a,
.footer-menu > li > div a {
  font-weight: 600;
  color: #FFF;
}
.footer-menu > li:hover > a,
.footer-menu > li:active > a,
.footer-menu > li.active > a,
.footer-menu > li:focus > a,
.footer-menu > li.focus > a,
.footer-menu > li:hover > div a,
.footer-menu > li:active > div a,
.footer-menu > li.active > div a,
.footer-menu > li:focus > div a,
.footer-menu > li.focus > div a {
  color: var(--bz-lime);
}
.help-menu > li {
  width: 20%;
}
.help-menu > li > a,
.help-menu > li > div a {
  color: #FFF;
  display: block;
  padding: 0.375rem 0;
}
.help-menu > li > a i,
.help-menu > li > div a i,
.help-menu > li > a span,
.help-menu > li > div a span {
  text-align: center;
  display: block;
  padding: 0.125rem 0;
}
.help-menu > li > a span,
.help-menu > li > div a span {
  font-size: 40%;
}
.help-menu > li:hover > a,
.help-menu > li:active > a,
.help-menu > li.active > a,
.help-menu > li:focus > a,
.help-menu > li.focus > a,
.help-menu > li:hover > div a,
.help-menu > li:active > div a,
.help-menu > li.active > div a,
.help-menu > li:focus > div a,
.help-menu > li.focus > div a {
  color: var(--bz-lime);
}
.cky-btn-revisit-wrapper {
  width: 56px !important;
  height: 56px !important;
}
@media screen and (min-width: 1200px) {
  #bar {
    height: 110px;
  }
  #search {
    top: 110px;
  }
}
@media screen and (max-width: 1200px) {
  #bar {
    height: 100px;
  }
  #search {
    top: 100px;
  }
}
#panel {
  display: none;
}
#image,
#slider,
#intro,
#content,
#footer,
#copyright {
  width: 100%;
}
#slider,
#intro {
  background: linear-gradient(180deg, #16112D, #411A41);
}
#slider,
#footer {
  position: relative;
}
#slider .mascot,
#footer .mascot {
  z-index: 200;
}
#intro {
  padding: 3rem 0.5rem;
}
#footer {
  padding: 4.5rem 0.5rem;
  background-color: #1F1A3E;
}
#copyright {
  padding: 1.5rem 0.5rem;
  background-color: #16112D;
}
.cky-revisit-bottom-right {
  right: 12px !important;
  bottom: 12px !important;
}
#smartsupp-widget-container > * {
  right: 12px !important;
  bottom: 12px !important;
}
@media screen and (min-width: 992px) {
  #footer .mascot {
    position: relative;
    bottom: -4.5rem;
  }
}
@media screen and (min-width: 1200px) {
  #panel {
    top: 110px;
  }
}
@media screen and (min-width: 1400px) {
  #panel-toggle {
    display: none;
  }
  #slider,
  #intro {
    border-radius: 0 0 100px 100px;
  }
  #slider {
    padding: 6.5rem 0.5rem;
  }
  #slider .mascot {
    position: absolute;
    right: 5rem;
    bottom: 0;
  }
}
@media screen and (max-width: 1400px) {
  #slider {
    overflow: hidden;
    padding: 3rem 0.5rem;
  }
  #slider .mascot {
    position: relative;
    right: 3rem;
    bottom: -3rem;
  }
}
@media screen and (max-width: 1200px) {
  html {
    scroll-padding-top: 100px;
  }
  #panel {
    top: 100px;
    right: 0;
    display: none;
  }
  #panel.open {
    display: block;
  }
}

/* Mobil (xs): ikonky v hornej lište na jeden riadok - užšie medzery a vodorovný padding (výška tlačidiel bez zmeny) */
@media screen and (max-width: 399.98px) {
  #bar .row.g-2 {
    --bs-gutter-x: 0.25rem;
  }
  #bar .btn-lg {
    --bs-btn-padding-x: 0.7rem;
  }
}

/* Výsledky - shortcode [results] (ListEventMatchResultsControl), Flashscore štýl.
   Redizajn 2026 podľa mockupu Vysledky.dc.html: farby/rádiusy z tokenov --bz-* (layout.css :root, svetlé hodnoty theme-light.css),
   odznak tímu .bz-crest ako na homepage, LIVE = .badge-live v červenej --bz-live (ako pás zápasov na homepage).
   Hlavička stránky = Site/@results.latte (.bz-res-head, rovnaká ako Objavuj .bz-disc-head); pás dní (.results-top) na ňu
   nadväzuje ako tmavá scéna cez celú šírku. Všetko je pod triedami .results-* / .bz-res-*, iné stránky to neovplyvní. */
@keyframes resultsSpin {
  to { transform: rotate(360deg); }
}

/* hlavička stránky + napojenie na obsah (CMS obal .box okolo shortcodu sa zneviditeľní, pás dní pokračuje v tmavej hlavičke) */
.bz-res-head {
  padding-bottom: 0;
  /* fialová žiara končí nad spodkom hlavičky -> bez viditeľného švu s pásom dní */
  background:
    radial-gradient(45% 85% at 85% 0, rgba(103, 85, 176, 0.42) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
}
.bz-res-head ~ #content {
  padding-top: 0;
}
.bz-res-head ~ #content .box:has(> #snippet-controlResults-self) {
  margin-bottom: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.results {
  display: flex;
  flex-direction: column;
}
.results a:focus-visible,
.results-day-picker:focus-within {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}

/* pás dní (záložky + šípky + kalendár) - tmavá scéna cez celú šírku okna */
.results-top {
  position: relative;
  padding: 26px 0 30px;
  background: #16112D;
  box-shadow: 0 0 0 100vmax #16112D;
  clip-path: inset(0 -100vmax);
}
.results-days {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.results-days-list {
  display: flex;
  flex: 1 1 auto;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 2px;
  overflow-x: auto;
  scrollbar-width: none;
}
.results-days-list::-webkit-scrollbar {
  display: none;
}
.results-days-list li {
  flex: 0 0 auto;
}
.results-day,
.results-day-nav,
.results-day-picker {
  min-height: 72px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background-color: var(--bz-s1);
  transition: border-color .15s ease, background-color .15s ease;
}
.results-day {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 84px;
  height: 100%;
  padding: 8px 6px;
  color: var(--bz-tx2);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.results-day-label {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.results-day-date {
  color: var(--bz-tx);
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0;
}
.results-day-month {
  letter-spacing: 0;
  text-transform: none;
}
.results-day:hover,
.results-day:focus,
.results-day-nav:hover,
.results-day-nav:focus,
.results-day-picker:hover {
  border-color: var(--bz-vtx);
}
.results-day:hover,
.results-day:focus {
  color: var(--bz-tx2);
}
.results-day.is-active {
  background-color: var(--bz-lime);
  border-color: var(--bz-lime);
  color: var(--bz-on-lime);
}
.results-day.is-active .results-day-date {
  color: var(--bz-on-lime);
}
.results-day-live {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--bz-live);
}
.results-day.is-active .results-day-live {
  background-color: #B02A37;
}
.results-day-nav {
  flex: 0 0 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bz-tx);
  font-size: 22px;
}
.results-day-nav:hover,
.results-day-nav:focus {
  color: var(--bz-tx);
}
.results-day-picker {
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 120px;
  margin: 0;
  padding: 0 14px;
  color: var(--bz-tx);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
  cursor: pointer;
}
/* natívne pole dátumu je priehľadné cez celé tlačidlo: klik otvorí výber dátumu (showPicker() v layout.js), zmena -> [data-results-date-url] */
.results-date-picker {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  opacity: 0;
  color-scheme: dark;
  cursor: pointer;
}
.results-date-picker::-webkit-calendar-picker-indicator {
  position: absolute;
  inset: 0;
  width: auto;
  height: auto;
  opacity: 0;
  cursor: pointer;
}

/* filtre (hra, Iba LIVE) + počet zápasov naživo */
.results-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0 0;
}
.results-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.results-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  transition: border-color .15s ease, background-color .15s ease;
}
.results-pill:hover,
.results-pill:focus {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.results-pill.is-active {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
body.theme-light .results-pill.is-active {
  border-color: var(--bz-vtx);
  background: var(--bz-vtx);
  color: #FFFFFF;
}
.results-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bz-live);
}
.results-livecount {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid rgba(var(--bz-live-rgb), .45);
  border-radius: var(--bz-radius-pill);
  background-color: rgba(var(--bz-live-rgb), .14);
  color: var(--bz-tx);
  font-size: var(--bz-fs-small);
  font-weight: 700;
  white-space: nowrap;
}
.results-livecount:hover,
.results-livecount:focus {
  border-color: var(--bz-live);
  color: var(--bz-tx);
}
.results-livecount-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--bz-live);
  animation: badgeLivePulseDot 1.4s infinite;
}

/* auto-obnova */
.results-meta {
  display: flex;
  align-items: center;
  min-height: 20px;
  margin: 18px 0 14px;
}
.results-refresh {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
}
.results-refresh .fa {
  animation: resultsSpin 2.4s linear infinite;
}

/* zoznam + bočný panel */
.results-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 28px;
  align-items: start;
}
.results-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.results-rail {
  position: sticky;
  top: 96px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* súťaž */
.results-group {
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background-color: var(--bz-s1);
}
body.theme-light .results-group {
  box-shadow: var(--blyzer-card-shadow);
}
.results-group-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 14px 18px;
}
.results-group-logo {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 38px;
  overflow: hidden;
  background-color: var(--bz-s2);
  color: var(--bz-vtx);
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  clip-path: var(--bz-hex);
}
.results-group-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.results-group-text {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.results-group-title {
  overflow: hidden;
  color: var(--bz-tx);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.results-group-title:hover,
.results-group-title:focus {
  color: var(--bz-lime-ink);
}
.results-group-sub {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
  line-height: 1.2;
}
.results-group-sub img {
  flex: none;
  border-radius: 4px;
}

/* zápas / etapa: [čas + tímy = odkaz na zápas] [stav / LIVE obrazovka] */
.results-row {
  display: grid;
  /* pevný stĺpec stavu -> skóre je v každom riadku na rovnakom mieste */
  grid-template-columns: minmax(0, 1fr) 128px;
  align-items: center;
  gap: 14px;
  padding: 0 18px 0 0;
  border-top: 1px solid var(--bz-bd);
  transition: background-color .15s ease;
}
.results-row:hover {
  background-color: var(--bz-s2);
}
.results-row.is-updated {
  box-shadow: inset 3px 0 0 var(--bz-lime);
}
body.theme-light .results-row.is-updated {
  box-shadow: inset 3px 0 0 #7A9200;
}
.results-row-main {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
  padding: 12px 0 12px 18px;
  color: var(--bz-tx);
  text-decoration: none;
}
.results-row-main:hover,
.results-row-main:focus {
  color: var(--bz-tx);
}
.results-row-time {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  min-width: 0;
}
.results-row-clock {
  font-size: 19px;
  font-weight: 700;
  line-height: 1;
}
.results-row-phase {
  max-width: 100%;
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.results-row-teams {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.results-row-team {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 30px;
}
.results-row-crest {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.results-row-name {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: 17px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.results-row-team.is-winner .results-row-name {
  font-weight: 700;
}
.results-row-team.is-loser {
  color: var(--bz-tx3);
}
.results-row-score {
  flex: none;
  min-width: 28px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.results-row.is-live .results-row-score {
  color: var(--bz-score-live);
}
.results-row-state {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px 8px;
  min-width: 0;
  text-align: right;
}
.results-row-status {
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
  font-weight: 600;
  line-height: 1.2;
}
.results-row-tv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--bz-bd);
  border-radius: 10px;
  color: var(--bz-tx3);
  font-size: 16px;
}
.results-row-tv:hover,
.results-row-tv:focus {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}

/* štítky: tvar ako pás zápasov na homepage (.bz-ticker-state), LIVE v červenej --bz-live, pulz z layout.css (.badge-live) */
.results .badge {
  min-height: 24px;
  padding: 4px 10px;
  border-radius: var(--bz-radius-pill);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1;
  text-transform: uppercase;
}
.results .badge-live {
  background-color: var(--bz-live);
  color: #FFFFFF;
}

/* prázdny deň / nič nevyhovuje filtrom */
.results-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 48px 20px;
  border: 1px dashed var(--bz-bd);
  border-radius: 16px;
  text-align: center;
}
.results-empty img {
  max-width: 60%;
  height: auto;
}
.results-empty-title {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
}
.results-empty p {
  max-width: 520px;
  margin: 0;
  color: var(--bz-tx2);
}
.results-empty-next {
  color: var(--bz-lime-ink);
  font-weight: 700;
  text-decoration: underline;
}
.results-empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-top: 6px;
}
.results-empty-actions:empty {
  display: none;
}
.results-empty-actions .btn,
.results-tv .btn {
  --bs-btn-padding-x: 20px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  letter-spacing: .03em;
  text-transform: uppercase;
}
.results-empty-actions .btn-primary {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.results-empty-actions .btn-primary:focus-visible {
  clip-path: none;
}
.results-empty-actions .results-empty-reset {
  --bs-btn-color: var(--bz-tx);
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: var(--bz-s2);
  --bs-btn-hover-border-color: var(--bz-vtx);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-vtx);
}

/* bočný panel: LIVE obrazovka na TV / projektore */
.results-tv {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 20px;
  border: 1px solid #3A3170;
  border-radius: 16px;
  background:
    radial-gradient(80% 90% at 100% 0, rgba(103, 85, 176, 0.4) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.results-tv-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 50px;
  margin-bottom: 12px;
  background: #2A2257;
  color: var(--bz-lime);
  font-size: 18px;
  clip-path: var(--bz-hex);
}
.results-tv-title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
.results-tv p {
  margin: 0 0 14px;
  color: #C3BEE0;
  font-size: var(--bz-fs-caption);
}
.results-tv .btn {
  --bs-btn-border-color: rgba(255, 255, 255, 0.3);
}

@media (prefers-reduced-motion: reduce) {
  .results-refresh .fa,
  .results-livecount-dot {
    animation: none;
  }
}

@media screen and (max-width: 1079.98px) {
  .results-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .results-rail {
    position: static;
  }
}

@media screen and (max-width: 699.98px) {
  .results-top {
    padding: 18px 0 22px;
  }
  .results-day {
    width: 66px;
    padding: 6px 4px;
    font-size: 11px;
  }
  .results-day,
  .results-day-nav,
  .results-day-picker {
    min-height: 64px;
  }
  .results-day-date {
    font-size: 20px;
  }
  .results-day-nav {
    flex-basis: 32px;
    font-size: 18px;
  }
  .results-day-picker {
    min-width: 52px;
    padding: 0;
  }
  .results-day-picker-text {
    display: none;
  }
  .results-bar {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .results-pills {
    flex-wrap: nowrap;
    margin: 0 calc(-0.75rem - 0.5rem);
    padding: 0 calc(0.75rem + 0.5rem) 2px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .results-pills::-webkit-scrollbar {
    display: none;
  }
  .results-livecount {
    align-self: flex-start;
  }
  .results-group-head {
    padding: 12px 14px;
  }
  .results-group-title {
    font-size: 18px;
  }
  .results-row {
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 8px;
    padding-right: 12px;
  }
  .results-row-main {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
    padding-left: 14px;
  }
  .results-row-state {
    flex-direction: column;
    align-items: flex-end;
  }
  .results-row-status {
    font-size: 13px;
  }
  .results-row-tv {
    display: none;
  }
  .results-row .badge-scheduled {
    padding: 4px 6px;
    font-size: 10px;
    letter-spacing: 0;
  }
  .results-row-clock {
    font-size: 17px;
  }
  .results-row-phase {
    font-size: 12px;
  }
  .results-row-name {
    font-size: 16px;
  }
  .results-row-score {
    font-size: 20px;
  }
  .results-empty-title {
    font-size: 24px;
  }
}

/* =====================================================================
   Homepage (redizajn 2026) - hero (Site/@home.latte) + CMS obsah stránky "Úvod".
   Scope: #slider.bz-home-hero (hero, vždy tmavá scéna .bz-dz) a .bz-home-hero ~ #content
   (CMS obsah zo site_mutation.about - štruktúru HTML nemeníme, meníme len vizuál).
   Farby/rádiusy/písmo z tokenov --bz-* (layout.css :root, svetlé hodnoty theme-light.css).
   Iné stránky to neovplyvní (#slider.bz-home-hero existuje len na homepage).
   ===================================================================== */

/* ---------- hero ---------- */
#slider.bz-home-hero.bz-dz {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 64px 0.5rem 104px;
  border-radius: 0;
  color: var(--bz-tx);
  background:
    radial-gradient(55% 75% at 80% 50%, rgba(103, 85, 176, 0.42) 0%, rgba(103, 85, 176, 0) 70%),
    radial-gradient(26% 36% at 76% 78%, rgba(214, 255, 2, 0.09) 0%, rgba(214, 255, 2, 0) 70%),
    var(--bz-bg);
}
.bz-home-hero-pattern {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  opacity: 0.045;
  -webkit-mask-image: linear-gradient(to top, transparent 0, #000 30%);
  mask-image: linear-gradient(to top, transparent 0, #000 30%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31zM28 63v34' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 56px 97px;
}
.bz-home-hero .container {
  position: relative;
  z-index: 1;
}
.bz-home-bar {
  display: block;
  width: 44px;
  height: 6px;
  margin-bottom: 22px;
  background: var(--bz-lime);
  clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
#slider.bz-home-hero .slider-title {
  font-size: var(--bz-fs-display);
  line-height: 0.92;
  letter-spacing: -0.005em;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 0 2px 24px rgba(22, 17, 45, 0.7);
}
#slider.bz-home-hero .slider-paragraph {
  max-width: 560px;
  margin-top: 6px;
  color: var(--bz-tx2);
  font-size: 20px;
  line-height: 1.5;
}
#slider.bz-home-hero .mascot {
  position: relative;
  right: auto;
  bottom: auto;
  max-width: 100%;
  height: auto;
  filter: drop-shadow(0 30px 50px rgba(0, 0, 0, 0.45));
  -webkit-mask-image: linear-gradient(to top, transparent 0, #000 14%);
  mask-image: linear-gradient(to top, transparent 0, #000 14%);
}

/* ---------- tlačidlá (hero + CMS obsah homepage): veľké, Rajdhani 700, lime so zrezaným rohom, ghost ---------- */
.bz-home-hero .btn-lg,
.bz-home-hero ~ #content .btn-lg,
.bz-sport-page .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 26px;
  --bs-btn-font-size: 18px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  letter-spacing: 0.03em;
  transition: transform 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}
.bz-home-hero .btn-lg.btn-primary,
.bz-home-hero ~ #content .btn-lg.btn-primary,
.bz-sport-page .btn-lg.btn-primary {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-home-hero .btn-lg.btn-primary:focus-visible,
.bz-home-hero ~ #content .btn-lg.btn-primary:focus-visible,
.bz-sport-page .btn-lg.btn-primary:focus-visible {
  /* clip-path by orezal focus ring */
  clip-path: none;
}
.bz-home-hero .btn-lg:hover,
.bz-home-hero ~ #content .btn-lg:hover,
.bz-sport-page .btn-lg:hover {
  transform: translateY(-2px);
}
/* hero: sekundárna akcia ako ghost (biely obrys na tmavom) */
.bz-home-hero .btn-lg.btn-secondary,
.bz-home-hero .btn-lg.btn-tertiary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(255, 255, 255, 0.22);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-btn-hover-border-color: var(--bz-lime);
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgba(255, 255, 255, 0.1);
  --bs-btn-active-border-color: var(--bz-lime);
  --bs-btn-focus-shadow-rgb: 214, 255, 2;
}
/* CMS obsah: tretie tlačidlo (napr. "Ligy", "Blog") ako ghost; fialové .btn-secondary ostáva */
.bz-home-hero ~ #content .btn-lg.btn-tertiary,
.bz-sport-page .btn-lg.btn-tertiary {
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
}
.bz-home-hero ~ #content .btn-lg.btn-secondary,
.bz-sport-page .btn-lg.btn-secondary {
  --bs-btn-bg: var(--bz-violet);
  --bs-btn-border-color: var(--bz-violet);
}

/* ---------- CMS obsah homepage ---------- */
.bz-home-hero ~ #content,
.bz-sport-page {
  padding-top: 64px;
  padding-bottom: 96px;
}
.bz-home-hero ~ #content .row.g-5,
.bz-sport-page .row.g-5 {
  /* rozostupy medzi sekciami (mockup .sec 96px) */
  --bs-gutter-y: 88px;
}
/* nadpisy sekcií: lime pruh nad nadpisom + display veľkosť */
.bz-home-hero ~ #content h2.h1,
.bz-sport-page h2.h1 {
  font-size: var(--bz-fs-section);
  line-height: 0.95;
  letter-spacing: -0.005em;
}
.bz-home-hero ~ #content h2.h1::before,
.bz-sport-page h2.h1::before {
  content: '';
  display: block;
  width: 44px;
  height: 6px;
  margin-bottom: 18px;
  background: var(--bz-lime);
  clip-path: polygon(0 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
}
.bz-home-hero ~ #content p,
.bz-sport-page p {
  color: var(--bz-tx2);
}
.bz-home-hero ~ #content .alert p,
.bz-sport-page .alert p {
  color: inherit;
}
/* prázdny zoznam eventov - tlmená karta namiesto plného modrého pásu */
.bz-home-hero ~ #content .alert-info,
.bz-sport-page .alert-info {
  --bs-alert-bg: var(--bz-s1);
  --bs-alert-border-color: var(--bz-bd);
  --bs-alert-color: var(--bz-tx2);
  border-radius: var(--bz-radius-lg);
}
/* karty */
.bz-home-hero ~ #content .box,
.bz-sport-page .box {
  background-color: var(--bz-s1);
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
}
.bz-home-hero ~ #content .box:not(.box-item),
.bz-sport-page .box:not(.box-item) {
  padding: 24px;
}
.bz-home-hero ~ #content .box h2.h4,
.bz-sport-page .box h2.h4,
.bz-home-hero ~ #content .box h3.h4,
.bz-sport-page .box h3.h4 {
  font-size: 22px;
  line-height: 1.1;
}
/* obal zoznamu eventov ([shortcode] so snippetom) - bez karty, karty eventov ležia priamo na stránke */
.bz-home-hero ~ #content .box:has(> [id^="snippet-"]),
.bz-sport-page .box:has(> [id^="snippet-"]) {
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.bz-home-hero ~ #content a.box.box-item,
.bz-sport-page a.box.box-item {
  overflow: hidden;
  background: var(--bz-s1);
  border: 1px solid var(--bz-bd);
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.bz-home-hero ~ #content a.box.box-item .box-image img,
.bz-sport-page a.box.box-item .box-image img {
  border-radius: 0;
}
.bz-home-hero ~ #content a.box:hover,
.bz-sport-page a.box:hover,
.bz-home-hero ~ #content a.box:focus-visible,
.bz-sport-page a.box:focus-visible {
  border-color: var(--bz-vtx);
  transform: translateY(-4px);
}
/* ikony v kartách (fa ... bg-primary rounded-circle) -> lime hexagón */
.bz-home-hero ~ #content .box i.fa.bg-primary.rounded-circle,
.bz-sport-page .box i.fa.bg-primary.rounded-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 58px;
  padding: 0 !important;
  border-radius: 0 !important;
  clip-path: var(--bz-hex);
  font-size: 22px;
}
/* FAQ karty (.with-vertical h3) */
.bz-home-hero ~ #content .with-vertical h3,
.bz-sport-page .with-vertical h3 {
  font-size: 22px;
  line-height: 1.15;
}
/* video a obrázky z CMS */
.bz-home-hero ~ #content iframe,
.bz-sport-page iframe {
  display: block;
  height: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
}
.bz-home-hero ~ #content img.img-fluid,
.bz-sport-page img.img-fluid {
  border-radius: var(--bz-radius-lg);
}

@media screen and (min-width: 768px) {
  .bz-home-hero ~ #content .text-md-center > h2.h1::before,
  .bz-sport-page .text-md-center > h2.h1::before {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 991.98px) {
  #slider.bz-home-hero.bz-dz {
    padding: 24px 0.5rem 88px;
    background:
      radial-gradient(90% 45% at 50% 18%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
      var(--bz-bg);
  }
  #slider.bz-home-hero .mascot {
    max-height: 240px;
    width: auto;
  }
  .bz-home-hero ~ #content,
  .bz-sport-page {
    padding-top: 48px;
    padding-bottom: 72px;
  }
  .bz-home-hero ~ #content .row.g-5,
  .bz-sport-page .row.g-5 {
    --bs-gutter-y: 64px;
  }
}
@media screen and (max-width: 575.98px) {
  /* CMS obsah má .row.g-5 (vodorovná medzera 3rem) -> záporný okraj riadku presahoval obrazovku o ~12 px (vodorovný posun) */
  .bz-home-hero ~ #content .row.g-5,
  .bz-sport-page .row.g-5,
  .bz-home-sec .row.g-5 {
    --bs-gutter-x: 1.5rem;
  }
}
@media screen and (max-width: 575.98px) {
  #slider.bz-home-hero .slider-paragraph {
    font-size: 18px;
  }
  .bz-home-hero .btn-lg,
  .bz-home-hero ~ #content .btn-lg,
  .bz-sport-page .btn-lg {
    --bs-btn-padding-x: 16px;
    --bs-btn-font-size: 16px;
    min-height: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-home-hero .btn-lg,
  .bz-home-hero ~ #content .btn-lg,
  .bz-sport-page .btn-lg,
  .bz-home-hero ~ #content a.box.box-item,
  .bz-sport-page a.box.box-item {
    transition: none;
  }
  .bz-home-hero .btn-lg:hover,
  .bz-home-hero ~ #content .btn-lg:hover,
  .bz-sport-page .btn-lg:hover,
  .bz-home-hero ~ #content a.box:hover,
  .bz-sport-page a.box:hover,
  .bz-home-hero ~ #content a.box:focus-visible,
  .bz-sport-page a.box:focus-visible {
    transform: none;
  }
}

/* ---------- homepage: pás dnešných zápasov (ListEventMatchTickerControl) ----------
   Vždy tmavý (.bz-dz). Vľavo pevný štítok (neposúva sa), za ním vodorovne posuvný rad kapsúl oddelených bodkou. */
.bz-ticker {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 8px 0 8px 16px;
  background: #120E26;
  border-top: 1px solid var(--bz-bd);
  border-bottom: 1px solid var(--bz-bd);
  color: var(--bz-tx);
  font-size: var(--bz-fs-small);
}
.bz-ticker-label {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-violet);
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}
.bz-ticker-label.is-live {
  background: var(--bz-live);
  box-shadow: 0 0 0 4px rgba(var(--bz-live-rgb), 0.18);
}
.bz-ticker-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  animation: bz-ticker-pulse 1.8s infinite;
}
@keyframes bz-ticker-pulse {
  0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); }
  70% { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); }
}
/* viewport = orezané okno s jemným stmievaním na krajoch; track = oba zoznamy za sebou, posúva sa o polovicu (= jeden zoznam) */
.bz-ticker-viewport {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 40px), transparent);
  mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 40px), transparent);
}
.bz-ticker-track {
  display: flex;
  width: max-content;
  padding: 2px 0;
  animation: bz-ticker-scroll var(--bz-ticker-duration, 60s) linear infinite;
  will-change: transform;
}
@keyframes bz-ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
/* zastavenie: myš nad pásom, dotyk (mobil), fokus klávesnicou */
.bz-ticker-viewport:hover .bz-ticker-track,
.bz-ticker-viewport:active .bz-ticker-track,
.bz-ticker-viewport:focus-within .bz-ticker-track,
.bz-ticker.is-paused .bz-ticker-track {
  animation-play-state: paused;
}
/* krátky rad (zmestí sa celý) alebo vypnutý pohyb -> bez animácie, bez kópie, ručný posun ako predtým */
.bz-ticker.is-static .bz-ticker-viewport {
  overflow-x: auto;
  scrollbar-width: none;
}
.bz-ticker.is-static .bz-ticker-viewport::-webkit-scrollbar {
  display: none;
}
.bz-ticker.is-static .bz-ticker-track {
  animation: none;
}
.bz-ticker.is-static [data-ticker-copy] {
  display: none;
}
.bz-ticker-list {
  display: flex;
  flex: none;
  align-items: center;
  margin: 0;
}
.bz-ticker-list > li {
  display: flex;
  flex: none;
  align-items: center;
}
/* oddeľovač za každou kapsulou (aj za poslednou) -> obe kópie sú rovnako široké, posun o -50 % sa zacyklí bez skoku */
.bz-ticker-list > li::after {
  content: '•';
  padding: 0 10px;
  color: var(--bz-tx3);
}
.bz-ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px 6px 6px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  color: var(--bz-tx);
  white-space: nowrap;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.bz-ticker-item:hover,
.bz-ticker-item:focus-visible {
  border-color: var(--bz-vtx);
  background: var(--bz-s2);
  color: var(--bz-tx);
}
.bz-ticker-item:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-ticker-state {
  padding: 3px 9px;
  border-radius: var(--bz-radius-pill);
  background: rgba(255, 255, 255, 0.12);
  color: var(--bz-tx2);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.2;
  text-transform: uppercase;
}
.bz-ticker-state.is-live {
  background: var(--bz-live);
  color: #FFFFFF;
}
.bz-ticker-state.is-next {
  background: #0D749E;
  color: #FFFFFF;
}
.bz-ticker-team {
  max-width: 170px;
  overflow: hidden;
  font-weight: 600;
  text-overflow: ellipsis;
}
.bz-ticker-score {
  min-width: 48px;
  color: var(--bz-lime);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}
.bz-ticker-meta {
  max-width: 220px;
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  text-overflow: ellipsis;
}

/* ---------- homepage: "Vyber si svoj svet" (Šport / E-šport / populárne hry) ---------- */
.bz-pickbar {
  position: relative;
  margin-top: 44px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 18px;
  background: rgba(22, 17, 45, 0.62);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.bz-pickbar-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 12px;
  padding: 0 6px 10px;
}
.bz-pickbar-title {
  color: var(--bz-tx2);
  font-size: var(--bz-fs-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.bz-pickbar-hint {
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
}
.bz-pickbar-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
  gap: 8px;
  margin: 0;
}
.bz-pick {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 100%;
  min-height: 84px;
  padding: 10px 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--bz-radius);
  background: rgba(255, 255, 255, 0.04);
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}
.bz-pick .fa {
  color: var(--bz-vtx);
  font-size: 24px;
}
.bz-pick-icon {
  width: 26px;
  height: 26px;
  object-fit: contain;
}
.bz-pick:hover,
.bz-pick:focus-visible {
  border-color: var(--bz-vtx);
  background: rgba(103, 85, 176, 0.22);
  color: #FFFFFF;
  transform: translateY(-2px);
}
.bz-pick:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 3px;
}
.bz-pick.is-active {
  border-color: var(--bz-vtx);
  background: rgba(103, 85, 176, 0.55);
  box-shadow: inset 0 -3px 0 var(--bz-lime);
}
.bz-pick.is-active .fa {
  color: var(--bz-lime);
}

/* ---------- homepage: vyhľadávací box (napojený na globálne vyhľadávanie v hlavičke) ---------- */
.bz-home-find {
  position: relative;
  z-index: 5;
  margin-top: -56px;
  padding: 0 0.5rem;
}
.bz-home-find-box {
  display: flex;
  gap: 12px;
  padding: 18px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
}
.bz-home-find-field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}
.bz-home-find-field .fa {
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  color: var(--bz-tx3);
  pointer-events: none;
}
.bz-home-find-field .form-control {
  height: 52px;
  padding-left: 48px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-bg);
  color: var(--bz-tx);
  font-size: 17px;
}
.bz-home-find-field .form-control::placeholder {
  color: var(--bz-tx3);
}
.bz-home-find-field .form-control:focus {
  border-color: var(--bz-vtx);
  box-shadow: 0 0 0 3px rgba(103, 85, 176, 0.35);
}
.bz-home-find-box .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 26px;
  --bs-btn-font-size: 18px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-radius: var(--bz-radius-sm);
  min-height: 52px;
  letter-spacing: 0.03em;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-home-find-box .btn-lg:focus-visible {
  clip-path: none;
}

/* ---------- homepage: záverečná výzva ---------- */
.bz-home-final {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 80px 0.5rem 0;
  color: var(--bz-tx);
  background:
    radial-gradient(50% 80% at 85% 60%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    var(--bz-bg);
  border-top: 1px solid var(--bz-bd);
}
.bz-home-final-copy {
  padding-bottom: 80px;
}
.bz-home-final-title {
  font-size: var(--bz-fs-display);
  line-height: 0.92;
  letter-spacing: -0.005em;
}
.bz-home-final-lead {
  max-width: 560px;
  margin-top: 20px;
  color: var(--bz-tx2);
  font-size: 20px;
  line-height: 1.5;
}
.bz-home-final-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 32px;
}
.bz-home-final .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 26px;
  --bs-btn-font-size: 18px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  letter-spacing: 0.03em;
}
.bz-home-final .btn-lg.btn-primary {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-home-final .btn-lg.btn-primary:focus-visible {
  clip-path: none;
}
.bz-home-final .btn-lg.btn-secondary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(255, 255, 255, 0.22);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-btn-hover-border-color: var(--bz-lime);
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgba(255, 255, 255, 0.1);
  --bs-btn-active-border-color: var(--bz-lime);
}
.bz-home-final-art {
  display: block;
  width: 100%;
  max-width: 520px;
  height: auto;
  margin-left: auto;
  -webkit-mask-image: linear-gradient(to top, transparent 0, #000 14%);
  mask-image: linear-gradient(to top, transparent 0, #000 14%);
}
/* koniec homepage: CMS obsah už nepotrebuje spodný odstup, nadväzuje záverečná výzva */
.bz-home-hero ~ #content:has(+ .bz-home-final),
.bz-sport-page:has(+ .bz-home-final) {
  padding-bottom: 72px;
}

@media screen and (max-width: 991.98px) {
  .bz-pickbar {
    margin: 28px -8px 0;
    padding: 10px;
  }
  .bz-pickbar-row {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 2px;
  }
  .bz-pickbar-row > li {
    flex: 0 0 104px;
    scroll-snap-align: start;
  }
  .bz-pick {
    min-height: 76px;
    font-size: 14px;
  }
  .bz-pickbar-hint {
    display: none;
  }
  .bz-home-final {
    padding-top: 56px;
  }
  .bz-home-final-copy {
    padding-bottom: 0;
  }
  .bz-home-final-art {
    max-width: 320px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 575.98px) {
  .bz-ticker {
    padding-left: 10px;
  }
  .bz-ticker-label {
    padding: 5px 10px;
    font-size: 13px;
  }
  .bz-ticker-team {
    max-width: 120px;
  }
  .bz-home-find {
    margin-top: -48px;
  }
  .bz-home-find-box {
    flex-direction: column;
    padding: 14px;
  }
  .bz-home-find-box .btn-lg {
    width: 100%;
  }
  .bz-home-final-lead {
    font-size: 18px;
  }
  .bz-home-final .btn-lg {
    --bs-btn-padding-x: 18px;
    --bs-btn-font-size: 16px;
    min-height: 48px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-ticker-dot {
    animation: none;
  }
  .bz-ticker-viewport {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bz-ticker-track {
    animation: none;
  }
  .bz-ticker [data-ticker-copy] {
    display: none;
  }
  .bz-pick {
    transition: none;
  }
  .bz-pick:hover,
  .bz-pick:focus-visible {
    transform: none;
  }
}

/* ---------- homepage: sekcie pod CMS obsahom (rebríček, kariéra, vzorové sekcie) ---------- */
.bz-home-sec {
  position: relative;
  padding-top: 0;
  padding-bottom: 96px;
  color: var(--bz-tx);
}
.bz-home-sec-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 32px;
}
.bz-home-sec-title {
  font-size: var(--bz-fs-section);
  line-height: 0.95;
  letter-spacing: -0.005em;
}
.bz-home-sec-lead {
  max-width: 620px;
  margin-top: 12px;
  color: var(--bz-tx2);
  font-size: 18px;
}
.bz-home-empty {
  padding: 24px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  color: var(--bz-tx2);
}
/* segmentový prepínač (záložky Všetko / Šport / E-šport) */
.bz-seg {
  display: inline-flex;
  gap: 4px;
  margin: 0;
  padding: 4px;
  border: 1px solid var(--bz-bd);
  border-radius: 10px;
  background: var(--bz-bg);
}
.bz-seg-btn {
  min-height: 44px;
  padding: 0 16px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--bz-tx2);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.bz-seg-btn:hover {
  color: var(--bz-tx);
}
.bz-seg-btn.active {
  background: var(--bz-s2);
  color: var(--bz-tx);
  box-shadow: inset 0 -3px 0 var(--bz-lime);
}
.bz-seg-btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}

/* rebríček: pódium (2-1-3) + zoznam */
.bz-lb {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 24px;
  align-items: end;
}
.bz-podium {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: end;
  margin: 0;
}
.bz-podium-item.is-p1 { order: 2; }
.bz-podium-item.is-p2 { order: 1; }
.bz-podium-item.is-p3 { order: 3; }
.bz-podium-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: var(--bz-tx);
  text-align: center;
}
.bz-podium-crown {
  color: var(--bz-lime-ink);
  font-size: 24px;
}
.bz-podium-logo {
  width: 64px;
  height: 64px;
  object-fit: cover;
  margin-bottom: 6px;
  background: var(--bz-s2);
  clip-path: var(--bz-hex);
}
.is-p1 .bz-podium-logo {
  width: 80px;
  height: 80px;
}
.bz-podium-name {
  max-width: 100%;
  overflow: hidden;
  font-size: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-podium-sub {
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
}
.bz-podium-wins {
  color: var(--bz-tx2);
  font-size: var(--bz-fs-small);
}
.bz-podium-wins b {
  color: var(--bz-lime-ink);
  font-size: 20px;
}
.bz-podium-step {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
  border: 1px solid var(--bz-bd);
  border-bottom: 0;
  border-radius: var(--bz-radius) var(--bz-radius) 0 0;
  background: var(--bz-s1);
  color: var(--bz-tx3);
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
}
.is-p1 .bz-podium-step { height: 150px; background: var(--bz-s2); color: var(--bz-lime-ink); }
.is-p2 .bz-podium-step { height: 110px; }
.is-p3 .bz-podium-step { height: 84px; }
.bz-podium-link:hover .bz-podium-name,
.bz-podium-link:focus-visible .bz-podium-name {
  text-decoration: underline;
}
.bz-lb-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.bz-lb-row {
  display: grid;
  grid-template-columns: 32px 32px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
  color: var(--bz-tx);
  transition: border-color 0.15s ease;
}
.bz-lb-row:hover,
.bz-lb-row:focus-visible {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-lb-rank {
  color: var(--bz-tx3);
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}
.bz-lb-logo {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  background: var(--bz-s2);
}
.bz-lb-name {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bz-lb-name b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-lb-name span {
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
}
.bz-lb-wins {
  color: var(--bz-tx2);
  font-size: var(--bz-fs-caption);
  white-space: nowrap;
}
.bz-lb-wins b {
  color: var(--bz-lime-ink);
  font-size: 18px;
}

/* kariéra hráča */
.bz-steps {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin: 28px 0 0;
}
.bz-steps li {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.bz-steps-num {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 46px;
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 20px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-steps h3 {
  margin: 2px 0;
  font-size: 22px;
}
.bz-steps p {
  color: var(--bz-tx2);
}
.bz-career-card {
  max-width: 460px;
  margin: 0 auto;
  padding: 28px;
  border: 1px solid var(--bz-bd);
  border-radius: 18px;
  background:
    radial-gradient(80% 60% at 100% 0, rgba(103, 85, 176, 0.35) 0%, rgba(103, 85, 176, 0) 70%),
    var(--bz-s1);
}
.bz-career-card-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  font-size: 22px;
  text-transform: uppercase;
}
.bz-career-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 72px;
  background: var(--bz-violet);
  color: #FFFFFF;
  font-size: 28px;
  clip-path: var(--bz-hex);
}
.bz-career-card-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}
.bz-career-card-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-bg);
  font-weight: 600;
}
.bz-career-card-list .fa {
  width: 20px;
  color: var(--bz-lime-ink);
  text-align: center;
}

/* VZOROVÉ sekcie (vidí len admin) - zámerne vyzerajú ako rozpracované: prerušovaný rám + štítok */
.bz-draft {
  outline: 2px dashed var(--bz-warning);
  outline-offset: -2px;
  border-radius: var(--bz-radius-lg);
  padding-top: 48px;
  margin-bottom: 48px;
  padding-bottom: 32px;
}
.bz-draft-badge {
  position: absolute;
  top: 12px;
  right: 24px;
  z-index: 3;
  padding: 4px 10px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-warning);
  color: #16112D;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-draft-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 280px;
  margin-top: 24px;
  padding: 32px;
  border: 2px dashed var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: repeating-linear-gradient(135deg, var(--bz-s1) 0, var(--bz-s1) 14px, var(--bz-bg) 14px, var(--bz-bg) 28px);
  color: var(--bz-tx2);
  text-align: center;
}
.bz-draft-area .fa {
  color: var(--bz-tx3);
  font-size: 48px;
}
.bz-draft-area p {
  max-width: 560px;
}
.bz-draft-note {
  margin-top: 16px;
  color: var(--bz-tx2);
  font-size: var(--bz-fs-small);
}
.bz-draft-note .fa {
  color: var(--bz-warning);
}
.bz-app {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 48px;
  border-radius: 22px;
  background:
    radial-gradient(50% 80% at 90% 50%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    var(--bz-bg);
  color: var(--bz-tx);
}
.bz-partners {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 24px 0 0;
}
.bz-partner-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 110px;
  border: 2px dashed var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
  color: var(--bz-tx3);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.bz-partner-slot .fa {
  font-size: 28px;
}

@media screen and (max-width: 991.98px) {
  .bz-lb {
    grid-template-columns: 1fr;
  }
  .bz-partners {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bz-app {
    padding: 32px 24px;
  }
  .bz-home-sec {
    padding-bottom: 72px;
  }
}
@media screen and (max-width: 575.98px) {
  .bz-home-sec-head .bz-seg {
    width: 100%;
  }
  .bz-home-sec-head .bz-seg li {
    flex: 1;
  }
  .bz-seg-btn {
    width: 100%;
    padding: 0 8px;
  }
  .bz-podium-step {
    font-size: 36px;
  }
  .is-p1 .bz-podium-step { height: 110px; }
  .is-p2 .bz-podium-step { height: 80px; }
  .is-p3 .bz-podium-step { height: 60px; }
  .bz-podium-name {
    font-size: 15px;
  }
  .bz-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bz-draft-badge {
    right: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-lb-row {
    transition: none;
  }
}
/* tlačidlá v sekciách pod CMS obsahom - rovnaké ako v záverečnej výzve */
.bz-home-sec .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 26px;
  --bs-btn-font-size: 18px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  letter-spacing: 0.03em;
}
.bz-home-sec .btn-lg.btn-primary {
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-home-sec .btn-lg.btn-primary:focus-visible {
  clip-path: none;
}

/* ---------- homepage: karty eventov ([events]) - veľký banner hore (mockup "Objavuj") ----------
   Zdroj obrázka sa nemení: banner eventu -> banner hry -> predvolený Blyzer banner. Banner má pomer 4:1,
   tu sa zobrazí vyšší výrez (16:7, object-fit: cover = stred banneru). Badge, názov a stav karty bez zmeny. */
.bz-home-hero ~ #content a.box.box-item .box-image,
.bz-sport-page a.box.box-item .box-image {
  position: relative;
  overflow: hidden;
  background: var(--bz-s2);
}
.bz-home-hero ~ #content a.box.box-item .box-image img,
.bz-sport-page a.box.box-item .box-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bz-home-hero ~ #content a.box.box-item .box-image::after,
.bz-sport-page a.box.box-item .box-image::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22, 17, 45, 0) 55%, rgba(22, 17, 45, 0.55) 100%);
  pointer-events: none;
}
.bz-home-hero ~ #content a.box.box-item:hover .box-image img,
.bz-sport-page a.box.box-item:hover .box-image img,
.bz-home-hero ~ #content a.box.box-item:focus-visible .box-image img,
.bz-sport-page a.box.box-item:focus-visible .box-image img {
  transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
  .bz-home-hero ~ #content a.box.box-item .box-image img,
  .bz-sport-page a.box.box-item .box-image img {
    transition: none;
  }
  .bz-home-hero ~ #content a.box.box-item:hover .box-image img,
  .bz-sport-page a.box.box-item:hover .box-image img,
  .bz-home-hero ~ #content a.box.box-item:focus-visible .box-image img,
  .bz-sport-page a.box.box-item:focus-visible .box-image img {
    transform: none;
  }
}

/* ---------- hlavička (#bar) - tlačidlá podľa mockupu (redizajn 2026), všetky verejné stránky ----------
   .bz-hdr-icon  = lupa / prepínač témy / menu: rovnaké 44x44 štvorce, tmavé, jemný obrys, ikona v strede
   .bz-hdr-ghost = Prihlásiť sa / účet: obrysové, tmavé pozadie, bežné rohy
   .bz-hdr-cta   = Zaregistrovať sa / Herná zóna: plná lime, tmavý text, zrezaný pravý dolný roh (--bz-cut)
   Farby z tokenov --bz-* -> svetlá téma automaticky (theme-light.css). Pod lg sú textové tlačidlá len ikona = tiež štvorec. */
#bar .btn.bz-hdr-icon,
#bar .btn.bz-hdr-ghost,
#bar .btn.bz-hdr-cta {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 18px;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  --bs-btn-focus-shadow-rgb: 214, 255, 2;
  zoom: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 44px;
  height: 44px;
  letter-spacing: 0.03em;
  white-space: nowrap;
  transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}
#bar .btn.bz-hdr-icon,
#bar .btn.bz-hdr-ghost {
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: var(--bz-s1);
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
}
#bar .btn.bz-hdr-icon {
  width: 44px;
  padding: 0;
  font-size: 17px;
}
#bar .btn.bz-hdr-cta {
  --bs-btn-color: var(--bz-on-lime);
  --bs-btn-bg: var(--bz-lime);
  --bs-btn-border-color: var(--bz-lime);
  --bs-btn-hover-color: var(--bz-on-lime);
  --bs-btn-hover-bg: #E4FF4D;
  --bs-btn-hover-border-color: #E4FF4D;
  --bs-btn-active-color: var(--bz-on-lime);
  --bs-btn-active-bg: #C4EB00;
  --bs-btn-active-border-color: #C4EB00;
  padding-right: calc(18px + var(--bz-cut) / 2);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
#bar .btn.bz-hdr-cta:focus-visible {
  /* clip-path by orezal focus ring */
  clip-path: none;
}
#bar .btn.bz-hdr-cta:hover {
  transform: translateY(-1px);
}
#bar .btn.bz-hdr-icon:focus-visible,
#bar .btn.bz-hdr-ghost:focus-visible,
#bar .btn.bz-hdr-cta:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  box-shadow: none;
}
@media screen and (max-width: 991.98px) {
  /* text je skrytý (d-none d-lg-inline) -> len ikona, rovnaký štvorec ako ikonové tlačidlá */
  #bar .btn.bz-hdr-ghost,
  #bar .btn.bz-hdr-cta {
    width: 44px;
    padding: 0;
  }
  #bar .btn.bz-hdr-cta {
    --bz-cut: 9px;
  }
}
@media screen and (max-width: 399.98px) {
  /* úzky mobil: 5 tlačidiel + logo na jeden riadok (pozri vyššie #bar .row.g-2) */
  #bar .btn.bz-hdr-icon,
  #bar .btn.bz-hdr-ghost,
  #bar .btn.bz-hdr-cta {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
@media (prefers-reduced-motion: reduce) {
  #bar .btn.bz-hdr-icon,
  #bar .btn.bz-hdr-ghost,
  #bar .btn.bz-hdr-cta {
    transition: none;
  }
  #bar .btn.bz-hdr-cta:hover {
    transform: none;
  }
}

/* ---------- homepage hero: ilustrácia "Herná sociálna sieť" (mockup Main.dc.html .hero-stage / .hero-art.b-all / .hero-veil) ----------
   Desktop: obrázok absolútne vpravo na 74 % šírky, maska stmieva ľavý a spodný okraj, tmavý preliv zľava drží text čitateľný.
   Mobil (< 900 px): obrázok je blok na celú šírku NAD textom (300 px, cover), maska len na spodnom okraji.
   Text/tlačidlá sú z CMS widgetu - .bz-home-hero-copy ich len umiestni (šírka, vertikálne centrovanie, tieň pre čitateľnosť).
   Hexagónový vzor (.bz-home-hero-pattern) ostáva pod obrázkom ako jemná textúra. */
.bz-home-hero-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 74%;
  overflow: hidden;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12%), linear-gradient(to top, transparent 0, #000 16%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0, #000 12%), linear-gradient(to top, transparent 0, #000 16%);
  mask-composite: intersect;
}
/* obrázok môže byť nižší ako hero (šírka 100 %, výška podľa pomeru) -> vlastné stmievanie hornej a spodnej hrany, nech nie sú ostré */
.bz-home-hero-stage .bz-home-hero-img {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 78%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 7%, #000 78%, transparent 100%);
}
.bz-home-hero-stage picture {
  display: contents;
}
.bz-home-hero-img {
  position: absolute;
  top: 24px;
  right: 0;
  width: 100%;
  max-width: none;
  height: auto;
}
.bz-home-hero-veil {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #16112D 0%, rgba(22, 17, 45, 0.85) 24%, rgba(22, 17, 45, 0) 40%);
}
.bz-home-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 620px;
  min-height: clamp(320px, 32vw, 500px);
  text-shadow: 0 2px 24px rgba(22, 17, 45, 0.7);
}
@media screen and (max-width: 899.98px) {
  #slider.bz-home-hero.bz-dz {
    padding-top: 0;
  }
  .bz-home-hero-stage {
    position: relative;
    width: auto;
    height: 300px;
    margin: 0 -0.5rem 8px;
    -webkit-mask-image: linear-gradient(to top, transparent 0, #000 35%);
    mask-image: linear-gradient(to top, transparent 0, #000 35%);
  }
  .bz-home-hero-stage .bz-home-hero-img {
    -webkit-mask-image: none;
    mask-image: none;
  }
  .bz-home-hero-img {
    position: static;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
  }
  .bz-home-hero-veil {
    display: none;
  }
  .bz-home-hero-copy {
    min-height: 0;
    margin-top: -32px;
  }
}

/* ---------- homepage: Posledné výsledky / Najbližšie zápasy (mockup #vysledky .tabs / .mcard) ---------- */
.bz-home-matches {
  position: relative;
  padding: 56px 0.75rem 96px;
  color: var(--bz-tx);
}
.bz-home-matches-head {
  align-items: flex-end;
  margin-bottom: 22px;
}
.bz-tabs {
  display: inline-flex;
  gap: 6px;
  margin: 0;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-tab {
  min-height: 44px;
  margin-right: 14px;
  padding: 10px 6px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  color: var(--bz-tx3);
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-tab:hover {
  color: var(--bz-tx);
}
.bz-tab.active {
  border-bottom-color: var(--bz-lime);
  color: var(--bz-tx);
}
.bz-tab:focus-visible,
.bz-more:focus-visible,
.bz-mcard:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bz-vtx);
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-more:hover {
  color: var(--bz-tx);
}
.bz-mcards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
.bz-mcard {
  display: block;
  height: 100%;
  padding: 16px 18px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
  color: var(--bz-tx);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.bz-mcard:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
  box-shadow: 0 18px 40px -24px rgba(22, 17, 45, 0.35);
}
.bz-mcard-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-mcard-phase {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-mcard-date {
  flex: none;
}
.bz-mcard-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
}
.bz-crest {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--bz-radius-sm);
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  object-fit: cover;
}
.bz-mcard-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-size: 15px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-mcard-score {
  flex: none;
  min-width: 20px;
  color: var(--bz-tx);
  font-size: 20px;
  font-weight: 700;
  text-align: right;
}
.bz-mcard-score.is-win {
  color: var(--bz-lime-ink);
}
.bz-mcard-score.is-loss {
  color: var(--bz-tx3);
}
.bz-mcard-event {
  display: block;
  margin-top: 12px;
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 1199.98px) {
  .bz-mcards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 575.98px) {
  .bz-home-matches {
    padding-top: 40px;
  }
  .bz-mcards {
    grid-template-columns: 1fr;
  }
  .bz-tab {
    margin-right: 6px;
    font-size: 15px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-mcard {
    transition: none;
  }
}

/* ---------- karty eventov (listPaginatedEvents.latte, shortcode [events]) - mockup "Objavuj" ----------
   Platí na homepage aj /turnaje, /ligy, /preteky (rovnaká šablóna). Farby z tokenov --bz-* -> tmavá aj svetlá téma. */
.bz-ecard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  color: var(--bz-tx);
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.bz-ecard:hover,
.bz-ecard:focus-within {
  border-color: var(--bz-vtx);
  transform: translateY(-4px);
}
.bz-ecard.is-past {
  opacity: 0.6;
}
.bz-ecard-banner {
  position: relative;
  height: 150px;
  overflow: hidden;
  background: linear-gradient(135deg, #2A2257 0%, #16112D 70%);
}
.bz-ecard-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bz-ecard:hover .bz-ecard-img {
  transform: scale(1.04);
}
.bz-ecard-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(22, 17, 45, 0.45) 0%, rgba(22, 17, 45, 0) 45%, rgba(22, 17, 45, 0.35) 100%);
  pointer-events: none;
}
.bz-ecard-tags {
  position: absolute;
  top: 14px;
  right: 14px;
  left: 14px;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.bz-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--bz-radius-pill);
  background: rgba(22, 17, 45, 0.72);
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}
.bz-pill.is-open {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-pill.is-live {
  border-color: var(--bz-violet);
  background: var(--bz-violet);
}
.bz-pill.is-closed {
  border-color: rgba(255, 176, 32, 0.5);
  background: rgba(22, 17, 45, 0.82);
  color: #FFC24D;
}
/* spustená udalosť po konci, ešte nevyhodnotená ("Dohráva sa") - tlmená, bez pulzu; .is-closed ostáva ako záloha
   pre prehliadače so starým CSS v cache CDN (pozri Event::getRunState) */
.bz-pill.is-finishing {
  border-color: rgba(255, 255, 255, 0.22);
  color: rgba(255, 255, 255, 0.72);
}
.bz-pill.is-level {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-pill-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFFFFF;
  animation: bz-ticker-pulse 1.8s infinite;
}
.bz-ecard-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 12px;
  padding: 18px 18px 20px;
}
.bz-ecard-sport {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  color: var(--bz-vtx);
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-ecard-sport img {
  width: 16px;
  height: 16px;
  flex: none;
}
.bz-ecard-title {
  margin: 0;
  font-size: 23px;
  line-height: 1.05;
  text-transform: uppercase;
}
.bz-ecard-link {
  color: var(--bz-tx);
}
.bz-ecard-link:hover,
.bz-ecard-link:focus {
  color: var(--bz-tx);
}
/* celá karta klikateľná cez odkaz v názve */
.bz-ecard-link::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
}
.bz-ecard-link:focus-visible {
  outline: none;
}
.bz-ecard:has(.bz-ecard-link:focus-visible) {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-ecard-verified {
  color: #3797EF;
  font-size: 0.7em;
  vertical-align: middle;
}
.bz-ecard-meta {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  color: var(--bz-tx2);
  font-size: 14px;
}
.bz-ecard-meta li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.bz-ecard-meta .fa {
  width: 16px;
  flex: none;
  color: var(--bz-tx3);
  text-align: center;
}
.bz-ecard-in {
  color: var(--bz-tx3);
}
.bz-ecard-place {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-ecard-cap {
  margin-top: auto;
}
.bz-ecard-cap-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-ecard-cap-top b {
  color: var(--bz-tx);
  font-size: 16px;
}
.bz-ecard-bar {
  display: block;
  height: 6px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--bz-s2);
}
.bz-ecard-bar > span {
  display: block;
  height: 100%;
  border-radius: 6px;
  background: var(--bz-violet);
}
.bz-ecard-foot {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
}
.bz-ecard-price {
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  white-space: nowrap;
}
.bz-ecard-btn {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: transparent;
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  letter-spacing: 0.03em;
}
.bz-ecard-btn.is-join {
  --bs-btn-color: var(--bz-on-lime);
  --bs-btn-bg: var(--bz-lime);
  --bs-btn-border-color: var(--bz-lime);
  --bs-btn-hover-color: var(--bz-on-lime);
  --bs-btn-hover-bg: #E4FF4D;
  --bs-btn-hover-border-color: #E4FF4D;
  --bs-btn-active-color: var(--bz-on-lime);
  --bs-btn-active-bg: #C4EB00;
  --bs-btn-active-border-color: #C4EB00;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-ecard-btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  clip-path: none;
}
@media (prefers-reduced-motion: reduce) {
  .bz-ecard,
  .bz-ecard-img {
    transition: none;
  }
  .bz-ecard:hover,
  .bz-ecard:focus-within,
  .bz-ecard:hover .bz-ecard-img {
    transform: none;
  }
  .bz-pill-dot {
    animation: none;
  }
}

/* ---------- mobilné menu (#panel.bz-mnav, Web/@layout.latte) - mockup "mnav" ----------
   Otvára/zatvára sa ako doteraz (_toggleClass('#panel', 'open')). Celoobrazovkový prekryv + vysúvací panel sprava.
   Zoznamy odkazov sú z CMS widgetu menu-panel: <ul class="panel-menu"> = veľké riadky (Portál),
   <ul class="panel-menu bz-mnav-small"> = menšie textové odkazy (Viac), <div class="bz-mnav-sec"> = nadpis sekcie.
   [role] v selektore = vyššia priorita než body.theme-light #panel (theme-light.css). */
#panel.bz-mnav[role] {
  position: fixed;
  inset: 0;
  z-index: 1060;
  display: none;
  width: auto;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
#panel.bz-mnav[role].open {
  display: block;
}
html:has(#panel.bz-mnav.open) {
  overflow: hidden;
}
.bz-mnav-bg {
  position: absolute;
  inset: 0;
  background: rgba(10, 8, 22, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  cursor: pointer;
}
.bz-mnav-p {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  width: min(400px, 88vw);
  overflow-y: auto;
  padding: max(14px, env(safe-area-inset-top, 0px)) 20px max(20px, env(safe-area-inset-bottom, 0px));
  border-left: 1px solid var(--bz-bd);
  background: var(--bz-bg);
  color: var(--bz-tx);
  animation: bz-mnav-slide 0.25s ease both;
}
@keyframes bz-mnav-slide {
  from { transform: translateX(24px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}
.bz-mnav-h {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
}
.bz-mnav .btn.bz-hdr-icon,
.bz-mnav .btn.bz-hdr-ghost,
.bz-mnav .btn.bz-hdr-cta {
  /* rovnaké tlačidlá ako v hlavičke (#bar .bz-hdr-*), tu mimo #bar */
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 15px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 1px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bz-mnav .btn.bz-hdr-icon,
.bz-mnav .btn.bz-hdr-ghost {
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: var(--bz-s1);
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
}
.bz-mnav .btn.bz-hdr-icon {
  width: 44px;
  min-height: 44px;
  height: 44px;
  padding: 0;
  font-size: 18px;
}
.bz-mnav .btn.bz-hdr-cta {
  --bs-btn-color: var(--bz-on-lime);
  --bs-btn-bg: var(--bz-lime);
  --bs-btn-border-color: var(--bz-lime);
  --bs-btn-hover-color: var(--bz-on-lime);
  --bs-btn-hover-bg: #E4FF4D;
  --bs-btn-hover-border-color: #E4FF4D;
  --bs-btn-active-color: var(--bz-on-lime);
  --bs-btn-active-bg: #C4EB00;
  --bs-btn-active-border-color: #C4EB00;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-mnav .btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  box-shadow: none;
  clip-path: none;
}
.bz-mnav-acc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 14px 0 6px;
}
.bz-mnav .bz-mnav-acc .btn {
  /* dlhé texty (napr. "Zaregistrovať sa") sa zalomia namiesto pretečenia bunky */
  --bs-btn-padding-x: 10px;
  --bs-btn-font-size: 14px;
  min-width: 0;
  line-height: 1.1;
  text-align: center;
  white-space: normal;
}
.bz-mnav-acc .btn span {
  min-width: 0;
}
@media screen and (max-width: 419.98px) {
  /* úzky mobil: bez ikon, nech sa texty tlačidiel zmestia (zalomenie len medzi slovami) */
  .bz-mnav-acc .btn .fa {
    display: none;
  }
}
.bz-mnav-p:focus {
  outline: none;
}
/* zoznamy z CMS widgetu */
.bz-mnav-links .bz-mnav-sec {
  margin: 18px 0 6px;
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.bz-mnav-links .panel-menu {
  display: flex !important;
  flex-direction: column;
  gap: 0 !important;
  margin: 0;
}
.bz-mnav-links .panel-menu > li > a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 54px;
  padding: 0 6px;
  border-bottom: 1px solid var(--bz-bd);
  color: var(--bz-tx);
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-mnav-links .panel-menu > li > a .fa {
  width: 22px;
  color: var(--bz-vtx);
  font-size: 19px;
  text-align: center;
}
.bz-mnav-links .panel-menu > li > a::after {
  content: '\f054';
  margin-left: auto;
  color: var(--bz-tx3);
  font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Pro', 'FontAwesome';
  font-size: 14px;
  font-weight: 900;
}
.bz-mnav-links .panel-menu > li > a:hover,
.bz-mnav-links .panel-menu > li > a:focus-visible,
.bz-mnav-links .panel-menu > li.active > a {
  color: var(--bz-lime-ink);
}
.bz-mnav-links .panel-menu.bz-mnav-small > li > a {
  min-height: 46px;
  font-size: 16px;
  font-weight: 600;
  text-transform: none;
}
.bz-mnav-links .panel-menu.bz-mnav-small > li > a::after {
  content: none;
}
.bz-mnav-cta {
  margin-top: 18px;
}
.bz-mnav-cta .btn {
  width: 100%;
  min-height: 52px;
  font-size: 17px;
}
.bz-mnav-f {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 20px;
}
.bz-mnav-lang {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
}
.bz-mnav-lang a {
  padding: 4px 10px;
  border-radius: var(--bz-radius-pill);
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 700;
}
.bz-mnav-lang a:hover {
  color: var(--bz-tx);
}
.bz-mnav-lang a.is-active {
  background: var(--bz-s2);
  color: var(--bz-tx);
}
.bz-mnav-lang a:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 1px;
}
@media (prefers-reduced-motion: reduce) {
  .bz-mnav-p {
    animation: none;
  }
}

/* ---------- homepage: Mapa podujatí (#mapa, Leaflet + OSM) ---------- */
.bz-map-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.bz-map-box {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-map-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 16px;
  margin-bottom: 12px;
  color: var(--bz-tx2);
  font-size: 13px;
}
.bz-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}
.bz-map-legend > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.bz-map-key {
  display: inline-block;
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bz-violet);
}
.bz-map-key.is-live { background: var(--bz-live); }
.bz-map-key.is-open { background: var(--bz-lime); }
.bz-map-key.is-soon { background: var(--bz-violet); }
.bz-map-online {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  color: var(--bz-tx);
  font-weight: 700;
}
.bz-map {
  /* pevná výška - nesmie sa naťahovať podľa dĺžky zoznamu vedľa (inak Leaflet po zmene výšky ukáže iný výsek mapy) */
  height: 470px;
  border-radius: var(--bz-radius);
  overflow: hidden;
  background: var(--bz-s2);
  z-index: 0;
}
/* OSM dlaždice prefarbené filtrom do palety Blyzeru (stále tie isté OSM dlaždice, len vizuál; tmavé štýly CARTO / Stadia / Esri
   vyžadujú API kľúč). Tmavá téma: invert + jednofarebný fialový tón blízko #16112D; svetlá: tlmená levanduľová šedá. */
body:not(.theme-light) .bz-map .leaflet-tile-pane,
body:not(.theme-light) .bz-geo-map .leaflet-tile-pane {
  filter: invert(1) grayscale(1) sepia(1) hue-rotate(208deg) saturate(1.7) brightness(0.56) contrast(1.2);
}
body.theme-light .bz-map .leaflet-tile-pane,
body.theme-light .bz-geo-map .leaflet-tile-pane {
  filter: grayscale(1) sepia(0.25) hue-rotate(215deg) saturate(0.8) brightness(1.04) contrast(0.92);
}
.bz-map .leaflet-control-attribution {
  background: rgba(22, 17, 45, 0.75);
  color: #C3BEE0;
  font-size: 11px;
}
.bz-map .leaflet-control-attribution a {
  color: #FFFFFF;
}
body.theme-light .bz-map .leaflet-control-attribution {
  background: rgba(255, 255, 255, 0.85);
  color: #4E4775;
}
body.theme-light .bz-map .leaflet-control-attribution a {
  color: #16112D;
}
.bz-map-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #16112D;
  border-radius: 50%;
  background: var(--bz-violet);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.bz-map-dot.is-live {
  background: var(--bz-live);
  box-shadow: 0 0 0 0 rgba(var(--bz-live-rgb), 0.6);
  animation: bz-map-pulse 1.8s infinite;
}
.bz-map-dot.is-open {
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
@keyframes bz-map-pulse {
  0% { box-shadow: 0 0 0 0 rgba(var(--bz-live-rgb), 0.6); }
  70% { box-shadow: 0 0 0 10px rgba(var(--bz-live-rgb), 0); }
  100% { box-shadow: 0 0 0 0 rgba(var(--bz-live-rgb), 0); }
}
.bz-map-pop b {
  display: block;
  margin-bottom: 4px;
  font-size: 15px;
  text-transform: uppercase;
}
.bz-map-pop ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bz-map-pop li {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 2px 0;
}
.bz-map-pop a {
  color: #16112D;
  font-weight: 600;
  text-decoration: underline;
}
.bz-map-list {
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-map-list-h {
  margin-bottom: 10px;
  font-size: 18px;
  text-transform: uppercase;
}
.bz-map-items {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
}
.bz-map-li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-bg);
  color: var(--bz-tx);
  transition: border-color 0.15s ease;
}
.bz-map-li:hover,
.bz-map-li:focus-visible {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-map-li:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-map-li-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bz-map-li-text b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-map-li-text small {
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-map-li .bz-pill {
  flex: none;
}
.bz-map-li .bz-pill.is-closed {
  background: transparent;
}
body.theme-light .bz-map-li .bz-pill.is-closed {
  color: #8A570C;
  border-color: rgba(138, 87, 12, 0.45);
}
body.theme-light .bz-map-li .bz-pill:not(.is-open):not(.is-live):not(.is-closed) {
  color: var(--bz-tx);
}
@media screen and (max-width: 991.98px) {
  .bz-map-grid {
    grid-template-columns: 1fr;
  }
  .bz-map {
    height: 320px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-map-dot.is-live {
    animation: none;
  }
  .bz-map-li {
    transition: none;
  }
}

/* ---------- detail eventu: "Takto ťa vidí mapa" (len organizátor, EventPublic/_geoPreview.latte) ---------- */
.bz-geo {
  border: 1px dashed var(--bz-vtx) !important;
}
.bz-geo-hint {
  font-size: var(--bz-fs-caption);
}
.bz-geo-state {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.bz-geo-state .fa {
  margin-top: 4px;
}
.bz-geo-state.is-found .fa {
  color: var(--bz-lime-ink);
}
.bz-geo-state.is-missing .fa {
  color: var(--bz-warning);
}
.bz-geo-map {
  height: 220px;
  margin-top: 10px;
  overflow: hidden;
  border-radius: var(--bz-radius);
  background: var(--bz-s2);
  z-index: 0;
}


/* mapa: štítok Naživo v zozname rovnako červený ako bodka na mape; ovládanie priblíženia v tokenoch */
.bz-map-li .bz-pill.is-live {
  border-color: var(--bz-live);
  background: var(--bz-live);
}
.bz-map .leaflet-bar,
.bz-geo-map .leaflet-bar {
  border: 1px solid var(--bz-bd);
  box-shadow: none;
}
.bz-map .leaflet-bar a,
.bz-geo-map .leaflet-bar a {
  border-bottom-color: var(--bz-bd);
  background: var(--bz-s1);
  color: var(--bz-tx);
}
.bz-map .leaflet-bar a:hover,
.bz-geo-map .leaflet-bar a:hover {
  background: var(--bz-s2);
  color: var(--bz-tx);
}

/* mapa na mobile: stĺpce sa nesmú roztiahnuť dlhým textom; 4 filtre sa zalomia */
.bz-map-box,
.bz-map-list {
  min-width: 0;
}
@media screen and (max-width: 991.98px) {
  .bz-map-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  #mapa .bz-seg {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
  #mapa .bz-seg-btn {
    width: 100%;
    min-height: 40px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.1;
    white-space: normal;
  }
}

/* počet eventov v bodke na stred */
.bz-map-dot > span {
  width: 100%;
  line-height: 1;
  text-align: center;
}

/* kariéra hráča: karta s ilustráciou hráča (mockup .pcard / .pc-ban / .pc-av) - len dekorácia, bez dát účtu */
.bz-career-card {
  position: relative;
  overflow: hidden;
  padding: 0 28px 28px;
}
.bz-career-card-ban {
  position: relative;
  isolation: isolate;
  height: 110px;
  margin: 0 -28px;
  overflow: hidden;
  background:
    radial-gradient(60% 120% at 85% 0%, rgba(214, 255, 2, 0.16) 0%, rgba(214, 255, 2, 0) 60%),
    linear-gradient(135deg, #3B2E86 0%, #16112D 75%);
}
.bz-career-card-ban .bz-home-hero-pattern {
  opacity: 0.05;
  -webkit-mask-image: none;
  mask-image: none;
}
.bz-career-card .bz-career-card-head {
  position: relative;
  align-items: flex-end;
  margin-top: -48px;
}
.bz-career-card .bz-career-avatar {
  width: 96px;
  height: 96px;
  flex: none;
  overflow: hidden;
  border: 3px solid var(--bz-lime);
  border-radius: 18px;
  background: #16112D;
  box-shadow: 0 12px 30px -10px rgba(22, 17, 45, 0.6);
  clip-path: none;
}
.bz-career-card .bz-career-avatar img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-career-card .bz-career-card-head b {
  padding-bottom: 6px;
}

/* ---------- homepage: Mobilná appka (#appka) a Pre organizátorov (#organizatori) - vždy tmavé panely (.bz-dz) ---------- */
.bz-sample-tag {
  display: inline-block;
  padding: 3px 9px;
  border: 1px dashed rgba(255, 255, 255, 0.35);
  border-radius: var(--bz-radius-pill);
  color: #C3BEE0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-app-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}
.bz-app-copy {
  order: 2;
}
.bz-app-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 26px 0 0;
}
.bz-app-list li {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  color: var(--bz-tx2);
}
.bz-app-list .fa {
  width: 22px;
  margin-top: 4px;
  color: var(--bz-lime);
  font-size: 18px;
  text-align: center;
}
.bz-app-list b {
  display: block;
  color: var(--bz-tx);
  font-size: 17px;
}
.bz-app-stores {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.bz-store {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 6px 18px 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--bz-radius);
  background: rgba(255, 255, 255, 0.04);
  color: #FFFFFF;
}
.bz-store .fa-brands {
  font-size: 24px;
}
.bz-store small {
  display: block;
  color: #C3BEE0;
  font-size: 11px;
  line-height: 1;
}
.bz-store b {
  display: block;
  font-size: 17px;
  line-height: 1.1;
}
.bz-phone-stage {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  order: 1;
}
/* telefón = zariadenie (mockup .phone): pomer ~1:2, hrubý tmavý rám, dynamic island, stavový riadok, obrazovka s pozadím,
   odlesk skla (::after), bočné tlačidlá; obsah je ilustračný náhľad (štítok pod telefónom) */
.bz-phone {
  position: relative;
  width: 300px;
  height: 620px;
  padding: 10px;
  border-radius: 50px;
  background: linear-gradient(145deg, #2A2257 0%, #0B0819 45%, #1F1842 100%);
  box-shadow:
    0 0 0 1px #3A3170,
    0 0 0 4px rgba(103, 85, 176, 0.18),
    0 40px 80px -30px #000000,
    inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.bz-phone-btn {
  position: absolute;
  width: 4px;
  border-radius: 2px;
  background: #2A2257;
  box-shadow: inset 0 0 0 1px #3A3170;
}
.bz-phone-btn.is-power { right: -4px; top: 150px; height: 74px; }
.bz-phone-btn.is-vol-up { left: -4px; top: 128px; height: 46px; }
.bz-phone-btn.is-vol-down { left: -4px; top: 186px; height: 46px; }
.bz-phone-screen {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 40px;
  background:
    radial-gradient(90% 50% at 100% 0%, rgba(103, 85, 176, 0.35) 0%, rgba(103, 85, 176, 0) 70%),
    radial-gradient(70% 40% at 0% 100%, rgba(214, 255, 2, 0.07) 0%, rgba(214, 255, 2, 0) 70%),
    #16112D;
  color: #FFFFFF;
  font-size: 13px;
}
/* odlesk skla */
.bz-phone-screen::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 4;
  border-radius: inherit;
  background: linear-gradient(115deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.03) 28%, rgba(255, 255, 255, 0) 42%);
  pointer-events: none;
}
.bz-phone-island {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 3;
  width: 96px;
  height: 28px;
  border-radius: 16px;
  background: #050310;
  transform: translateX(-50%);
}
.bz-phone-island::after {
  /* objektív kamery */
  content: '';
  position: absolute;
  top: 9px;
  right: 14px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 35%, #3A3170 0%, #120E26 60%);
}
.bz-phone-status {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 26px;
  font-size: 12px;
  font-weight: 700;
}
.bz-phone-status .fa {
  margin-left: 3px;
  font-size: 11px;
}
.bz-phone-in {
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: calc(100% - 48px);
  padding: 4px 14px 0;
}
.bz-phone-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #C3BEE0;
}
.bz-phone-hi {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.bz-phone-card {
  padding: 12px;
  border: 1px solid #3A3170;
  border-radius: 14px;
  background: rgba(31, 24, 66, 0.92);
}
.bz-phone-lbl {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  color: #9790C0;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-phone-vs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.bz-phone-vs i {
  color: var(--bz-lime);
  font-size: 15px;
  font-style: normal;
}
.bz-phone-cd {
  display: flex;
  gap: 6px;
  margin-top: 10px;
}
.bz-phone-cd span {
  flex: 1;
  padding: 6px 0;
  border-radius: 8px;
  background: #16112D;
  color: #9790C0;
  font-size: 10px;
  text-align: center;
}
.bz-phone-cd b {
  display: block;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1;
}
.bz-phone-table {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.bz-phone-table li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bz-phone-table li span {
  width: 16px;
  color: #9790C0;
}
.bz-phone-table li b {
  margin-left: auto;
  color: var(--bz-lime);
}
.bz-phone-live {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
}
.bz-phone-live b {
  color: var(--bz-lime);
}
.bz-phone-tabs {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 62px;
  margin: auto -14px 0;
  padding-bottom: 10px;
  border-top: 1px solid #3A3170;
  background: #120E26;
  color: #9790C0;
  font-size: 17px;
}
.bz-phone-tabs .is-on {
  color: var(--bz-lime);
}
.bz-phone-home {
  position: absolute;
  bottom: 7px;
  left: 50%;
  z-index: 3;
  width: 110px;
  height: 4px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.55);
  transform: translateX(-50%);
}
.bz-org {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 56px 48px 0;
  border-radius: 22px;
  background:
    radial-gradient(60% 80% at 90% 80%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-org-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 32px;
  align-items: end;
}
.bz-org-copy {
  padding-bottom: 56px;
}
.bz-feats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 28px 0 0;
}
.bz-feat {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--bz-radius);
  background: rgba(255, 255, 255, 0.04);
}
.bz-feat .fa {
  width: 20px;
  margin-top: 3px;
  color: var(--bz-lime);
  text-align: center;
}
.bz-feat b {
  display: block;
  font-size: 16px;
}
.bz-feat span {
  color: #C3BEE0;
  font-size: 14px;
}
.bz-org-cta {
  align-items: center;
}
.bz-org-note {
  color: #C3BEE0;
  font-size: 14px;
}
.bz-org-note a {
  color: var(--bz-lime);
  text-decoration: underline;
}
.bz-org-copy > .bz-org-note {
  margin-top: 14px;
}
.bz-org-art {
  position: relative;
  align-self: stretch;
  min-height: 460px;
}
.bz-org-img {
  position: absolute;
  right: -20px;
  bottom: 0;
  width: auto;
  height: 100%;
  max-height: 560px;
  max-width: none;
  -webkit-mask-image: linear-gradient(to top, transparent 0, #000 14%), linear-gradient(to right, transparent 0, #000 16%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to top, transparent 0, #000 14%), linear-gradient(to right, transparent 0, #000 16%);
  mask-composite: intersect;
}
.bz-tv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: min(300px, 90%);
  padding: 14px 16px;
  border: 1px solid #3A3170;
  border-radius: 16px;
  background: rgba(14, 10, 32, 0.92);
  box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.8);
}
.bz-tv-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.bz-tv-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-live);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-tv-sc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-weight: 700;
}
.bz-tv-sc b {
  color: var(--bz-lime);
  font-size: 30px;
}
.bz-tv-f {
  margin-top: 8px;
  color: #9790C0;
  font-size: 12px;
}
@media screen and (max-width: 991.98px) {
  .bz-app-grid,
  .bz-org-grid {
    grid-template-columns: 1fr;
  }
  .bz-app-copy {
    order: 0;
  }
  .bz-org {
    padding: 36px 22px 0;
  }
  .bz-org-copy {
    padding-bottom: 8px;
  }
  .bz-org-art {
    min-height: 380px;
  }
  .bz-org-img {
    right: 50%;
    max-height: 380px;
    transform: translateX(50%);
  }
}
@media screen and (max-width: 575.98px) {
  .bz-feats {
    grid-template-columns: 1fr;
  }
  .bz-phone {
    width: 270px;
    height: 560px;
  }
}

.bz-phone-logo {
  height: 16px;
  width: auto;
}

/* panely appky a organizátorov: jemný okraj, aby boli čitateľné aj v tmavej téme na rovnakom pozadí */
.bz-app,
.bz-org {
  border: 1px solid #3A3170;
}

/* ---------- homepage: Šport aj e-šport (#sporty) ---------- */
.bz-sports {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.bz-sport {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 100%;
  min-height: 64px;
  padding: 12px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
  color: var(--bz-tx);
  transition: border-color 0.15s ease, transform 0.15s ease;
}
.bz-sport:hover,
.bz-sport:focus-visible {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
  transform: translateY(-2px);
}
.bz-sport:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-sport-icon {
  flex: none;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.bz-sport .fa.bz-sport-icon {
  color: var(--bz-lime-ink);
  font-size: 22px;
  line-height: 28px;
  text-align: center;
}
.bz-sport.is-esport .fa.bz-sport-icon {
  color: var(--bz-vtx);
}
.bz-sport-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bz-sport-text b {
  overflow: hidden;
  font-size: 15px;
  line-height: 1.15;
  text-overflow: ellipsis;
}
.bz-sport-text span {
  color: var(--bz-tx3);
  font-size: 12px;
}
/* ---------- homepage: Partneri (#partneri) ---------- */
.bz-spons {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 2fr);
  gap: 16px;
}
.bz-sp-main {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 228px;
  overflow: hidden;
  padding: 28px;
  border: 1px solid #3A3170;
  border-radius: var(--bz-radius-lg);
  background: linear-gradient(150deg, #2A2257 0%, #1F1842 70%);
  box-shadow: 0 18px 40px -24px rgba(22, 17, 45, 0.4);
  color: #FFFFFF;
  transition: border-color 0.15s ease;
}
.bz-sp-main:hover,
.bz-sp-main:focus-visible {
  border-color: #AFA2F5;
  color: #FFFFFF;
}
.bz-sp-main:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-sp-main .bz-home-hero-pattern {
  opacity: 0.07;
}
.bz-sp-role {
  align-self: flex-start;
  padding: 4px 12px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-lime);
  color: #16112D;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-sp-logo {
  display: block;
  width: min(280px, 100%);
  height: auto;
}
.bz-sp-text {
  color: #C3BEE0;
  font-size: 14px;
}
#partneri .bz-partners {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
}
#partneri .bz-partner-slot {
  min-height: 106px;
}
.bz-sp-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-top: 16px;
  padding: 18px 22px;
  border: 1px dashed var(--bz-bd);
  border-radius: var(--bz-radius);
  color: var(--bz-tx2);
  font-size: 15px;
}
@media screen and (max-width: 1199.98px) {
  .bz-sports {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media screen and (max-width: 991.98px) {
  .bz-spons {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 575.98px) {
  .bz-sports {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  #partneri .bz-partners {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-sport {
    transition: none;
  }
  .bz-sport:hover,
  .bz-sport:focus-visible {
    transform: none;
  }
}

/* ---------- Objavuj (Discover:default, katalóg eventov) - mockup Objavuj.dc.html ---------- */
.bz-disc-head {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 40px 0.5rem 28px;
  background:
    radial-gradient(50% 90% at 85% 10%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-disc-head .container {
  position: relative;
  z-index: 1;
}
.bz-disc-crumb {
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
  color: #9790C0;
  font-size: 14px;
}
.bz-disc-crumb a {
  color: #C3BEE0;
}
.bz-disc-crumb a:hover {
  color: #FFFFFF;
}
.bz-disc-title {
  margin: 0;
  font-size: var(--bz-fs-display);
  line-height: 0.92;
  text-transform: uppercase;
}
.bz-disc-lead {
  max-width: 640px;
  margin-top: 14px;
  color: #C3BEE0;
  font-size: 18px;
}
.bz-disc-search {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;
}
.bz-disc-search-form {
  display: flex;
  flex: 1 1 420px;
  gap: 10px;
}
.bz-disc-search .bz-seg {
  background: #16112D;
  border-color: #3A3170;
}
.bz-disc-search .bz-seg-btn {
  display: inline-flex;
  align-items: center;
  color: #C3BEE0;
}
.bz-disc-search .bz-seg-btn.active,
.bz-disc-search .bz-seg-btn:hover {
  color: #FFFFFF;
}
.bz-disc-search .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 22px;
  --bs-btn-font-size: 17px;
  --bs-btn-font-weight: 700;
  min-height: 52px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-disc-search .btn-lg:focus-visible {
  clip-path: none;
}
.bz-disc-tabs {
  margin-top: 22px;
}
.bz-disc-tabs .bz-tab {
  display: inline-flex;
  align-items: center;
  color: #9790C0;
}
.bz-disc-tabs .bz-tab.active,
.bz-disc-tabs .bz-tab:hover {
  color: #FFFFFF;
}
.bz-disc-games {
  margin-top: 22px;
}
.bz-disc-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 18px 0.75rem 0;
}
.bz-disc-count {
  color: var(--bz-tx2);
}
.bz-disc-count b {
  color: var(--bz-tx);
  font-size: 18px;
}
.bz-disc-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
}
.bz-disc-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-size: 14px;
  font-weight: 600;
}
.bz-disc-chip span {
  color: var(--bz-tx3);
  font-size: 18px;
  line-height: 1;
}
.bz-disc-chip:hover,
.bz-disc-chip:focus-visible {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-disc-chip:hover span {
  color: var(--bz-live-text);
}
.bz-disc-reset {
  color: var(--bz-vtx);
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
}
.bz-disc-chip:focus-visible,
.bz-disc-reset:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-disc-seo {
  margin-top: 40px;
  padding: 18px 22px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-disc-seo summary {
  color: var(--bz-tx);
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.bz-disc-seo-body {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}
.bz-disc-seo-body p {
  margin: 0;
  color: var(--bz-tx2);
}
.bz-disc-seo-body b {
  color: var(--bz-tx);
}
@media screen and (max-width: 575.98px) {
  .bz-disc-head {
    padding-top: 24px;
  }
  .bz-disc-search-form {
    flex-basis: 100%;
  }
  .bz-disc-search .bz-seg {
    width: 100%;
  }
  .bz-disc-search .bz-seg li {
    flex: 1;
  }
  .bz-disc-search .bz-seg-btn {
    justify-content: center;
    width: 100%;
  }
  .bz-disc-tabs {
    display: flex;
    overflow-x: auto;
    max-width: 100%;
  }
  .bz-disc-tabs .bz-tab {
    white-space: nowrap;
  }
}

/* ---------- Organizácie - CMS stránka so shortcode [organisations] (Site/@organisations.latte + listPaginatedPlayerOrganisations.latte),
   mockup Organizacie.dc.html. Hlavička = .bz-disc-head (Objavuj), karty .bz-ocard z tokenov --bz-* (svetlá téma automaticky). ---------- */
.bz-org-head ~ #content .box:has(> #snippet-controlListPaginatedOrganisations-self) {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.bz-org-search {
  display: flex;
  gap: 10px;
  max-width: 760px;
  margin-top: 26px;
}
.bz-org-search .bz-home-find-field .form-control {
  background: #1F1842;
  border-color: #3A3170;
}
.bz-org-search .btn-lg {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 22px;
  --bs-btn-font-size: 17px;
  --bs-btn-font-weight: 700;
  min-height: 52px;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-org-search .btn-lg:focus-visible {
  clip-path: none;
}
.bz-ocount {
  margin: 4px 0 14px;
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-ocount b {
  color: var(--bz-tx);
  font-size: 22px;
}
.bz-ogrid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 0;
}
.bz-ocard {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
body.theme-light .bz-ocard {
  box-shadow: var(--blyzer-card-shadow);
}
.bz-ocard-ban {
  position: relative;
  display: block;
  height: 120px;
  background: var(--bz-s2);
}
.bz-ocard-ban > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-ocard-ban::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(22, 17, 45, 0.35) 0%, rgba(22, 17, 45, 0) 38%, rgba(22, 17, 45, 0.55) 100%);
  pointer-events: none;
}
.bz-ocard-logo {
  position: absolute;
  z-index: 1;
  bottom: -30px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 72px;
  overflow: hidden;
  background: #16112D;
  color: var(--bz-lime);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  clip-path: var(--bz-hex);
}
.bz-ocard-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-ocard-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 40px 20px 20px;
}
.bz-ocard-title {
  margin: 0;
  font-size: 24px;
  line-height: 1.05;
  text-transform: none;
}
.bz-ocard-title a {
  color: var(--bz-tx);
}
.bz-ocard-title a:hover,
.bz-ocard-title a:focus-visible {
  color: var(--bz-lime-ink);
}
.bz-ocard-meta {
  margin: 0;
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-ocard-meta .fa {
  margin-right: 4px;
  color: var(--bz-tx3);
}
.bz-ocard-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.bz-ocard-tags li {
  padding: 3px 8px;
  border-radius: 6px;
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 13px;
  font-weight: 600;
}
.bz-ocard-stats {
  margin: 0;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-ocard-foot {
  display: flex;
  gap: 10px;
  margin-top: auto;
  padding-top: 6px;
}
.bz-ocard-foot .btn,
.bz-oempty .btn {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 14px;
  --bs-btn-font-size: 16px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bz-ocard-follow {
  --bs-btn-color: var(--bz-on-lime);
  --bs-btn-bg: var(--bz-lime);
  --bs-btn-border-color: var(--bz-lime);
  --bs-btn-hover-color: var(--bz-on-lime);
  --bs-btn-hover-bg: #E4FF4D;
  --bs-btn-hover-border-color: #E4FF4D;
  --bs-btn-active-color: var(--bz-on-lime);
  --bs-btn-active-bg: #C4EB00;
  --bs-btn-active-border-color: #C4EB00;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-ocard-follow:focus-visible {
  clip-path: none;
}
.bz-ocard-follow.is-on,
.bz-ocard-profile {
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: var(--bz-s2);
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
  clip-path: none;
}
.bz-ocard-follow.is-on .fa {
  color: var(--bz-lime-ink);
}
.bz-ocard-foot .btn:focus-visible,
.bz-oempty .btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  box-shadow: none;
}
.bz-opagination {
  margin-top: 18px;
}
.bz-oempty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  padding: 40px 20px;
  border: 1px dashed var(--bz-bd);
  border-radius: 16px;
  color: var(--bz-tx2);
  text-align: center;
}
.bz-oempty p {
  margin: 0;
}
.bz-oempty .btn {
  flex: none;
}
.bz-octa {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  margin-top: 28px;
  padding: 18px 22px;
  border: 1px dashed var(--bz-bd);
  border-radius: var(--bz-radius);
  color: var(--bz-tx2);
  font-size: 15px;
}
@media screen and (max-width: 1079.98px) {
  .bz-ogrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 699.98px) {
  .bz-ogrid {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-org-search {
    flex-wrap: wrap;
  }
  .bz-org-search .btn-lg {
    flex: 1 1 100%;
  }
}

/* ---------- globálne vyhľadávanie (#search.bz-srch) - redizajn 2026, mockup "srch" ----------
   Prekrytie celej stránky (aj hlavičky) s rozmazaným pozadím, box max. 820 px (na mobile cez celú obrazovku).
   Obsah = _/Player/searchPlayer.latte, správanie = web.js. Farby z tokenov --bz-* (svetlá téma automaticky). */
#search.bz-srch {
  z-index: 1055;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  justify-content: center;
  align-items: flex-start;
  padding: 72px 20px 20px;
  overflow: hidden;
  background: transparent;
}
#search.bz-srch.open {
  display: flex;
}
body.theme-light #search.bz-srch {
  background: transparent;
}
body.bz-srch-open {
  overflow: hidden;
}
.bz-srch-bg {
  position: absolute;
  inset: 0;
  background: rgba(10, 8, 22, 0.72);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
.bz-srch > [id^="snippet-"] {
  position: relative;
  width: 100%;
  max-width: 820px;
}
.bz-srch-box {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 92px);
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: 20px;
  background: var(--bz-s1);
  color: var(--bz-tx);
  box-shadow: 0 40px 100px -30px #000;
}
body.theme-light .bz-srch-box {
  box-shadow: 0 40px 100px -30px rgba(22, 17, 45, 0.45);
}
.bz-srch-form {
  margin: 0;
}
.bz-srch-in {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 22px;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-srch-in > .fa-search {
  color: var(--bz-vtx);
  font-size: 22px;
}
.bz-srch-input {
  flex: 1;
  min-width: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--bz-tx);
  font-size: 24px;
  font-weight: 600;
}
.bz-srch-input::placeholder {
  color: var(--bz-tx3);
}
.bz-srch-input::-webkit-search-cancel-button {
  display: none;
}
.bz-kbd {
  display: inline-block;
  padding: 2px 7px;
  border: 1px solid var(--bz-bd);
  border-radius: 6px;
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.bz-srch-esc,
.bz-srch-close {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--bz-tx3);
  cursor: pointer;
}
.bz-srch-close {
  display: none;
  width: 40px;
  height: 40px;
  border: 1px solid var(--bz-bd);
  border-radius: 10px;
  font-size: 18px;
}
.bz-srch-esc:hover .bz-kbd,
.bz-srch-close:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-srch-tabs {
  display: flex;
  flex: none;
  gap: 6px;
  padding: 12px 22px;
  border-bottom: 1px solid var(--bz-bd);
  overflow-x: auto;
  scrollbar-width: none;
}
.bz-srch-tabs::-webkit-scrollbar {
  display: none;
}
.bz-srch-tab {
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: transparent;
  color: var(--bz-tx2);
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
}
.bz-srch-tab:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-srch-tab.is-active {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
body.theme-light .bz-srch-tab.is-active {
  border-color: var(--bz-vtx);
  background: var(--bz-vtx);
  color: #FFFFFF;
}
.bz-srch-body {
  flex: 1 1 auto;
  min-height: 120px;
  max-height: 62vh;
  padding: 8px 10px 14px;
  overflow-y: auto;
}
.bz-srch-title {
  margin: 10px 12px 0;
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-srch-sec {
  margin: 0;
  padding: 10px 12px 4px;
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-srch-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--bz-tx);
}
.bz-srch-item:hover,
.bz-srch-item:focus-visible,
.bz-srch-item.is-sel {
  background: var(--bz-s2);
  color: var(--bz-tx);
}
.bz-srch-item:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: -3px;
}
.bz-srch-th {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border-radius: 10px;
  background: var(--bz-s2);
  color: var(--bz-vtx);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
.bz-srch-item:hover .bz-srch-th,
.bz-srch-item.is-sel .bz-srch-th {
  background: var(--bz-bd);
}
.bz-srch-th img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-srch-th.is-hex {
  border-radius: 0;
  clip-path: var(--bz-hex);
}
.bz-srch-th.is-round {
  border-radius: 50%;
}
.bz-srch-txt {
  flex: 1;
  min-width: 0;
}
.bz-srch-txt b,
.bz-srch-txt small {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bz-srch-txt b {
  font-size: 17px;
}
.bz-srch-txt b mark {
  padding: 0;
  background: transparent;
  color: var(--bz-lime);
}
body.theme-light .bz-srch-txt b mark {
  color: #5443A0;
}
.bz-srch-txt small {
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-srch-go {
  margin-left: auto;
  color: var(--bz-tx3);
}
.bz-srch-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 6px 12px 12px;
}
.bz-srch-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-bg);
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
}
.bz-srch-chip .fa {
  color: var(--bz-tx3);
}
.bz-srch-chip:hover {
  border-color: var(--bz-vtx);
}
.bz-srch-note {
  margin: 0;
  padding: 18px 12px;
  color: var(--bz-tx2);
}
.bz-srch-foot {
  display: flex;
  flex: none;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 22px;
  border-top: 1px solid var(--bz-bd);
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-srch-foot .bz-kbd {
  margin-right: 3px;
}
.bz-srch-discover {
  color: var(--bz-vtx);
  font-weight: 700;
  white-space: nowrap;
}
.bz-srch-discover:hover {
  color: var(--bz-tx);
}
.bz-srch-esc:focus-visible,
.bz-srch-close:focus-visible,
.bz-srch-tab:focus-visible,
.bz-srch-chip:focus-visible,
.bz-srch-discover:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
@media screen and (max-width: 699.98px) {
  #search.bz-srch {
    padding: 0;
  }
  .bz-srch > [id^="snippet-"] {
    height: 100%;
    max-width: none;
  }
  .bz-srch-box {
    height: 100%;
    max-height: none;
    border: 0;
    border-radius: 0;
  }
  .bz-srch-in {
    padding: 14px 16px;
  }
  .bz-srch-input {
    font-size: 19px;
  }
  .bz-srch-esc {
    display: none;
  }
  .bz-srch-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .bz-srch-tabs {
    padding: 10px 16px;
  }
  .bz-srch-body {
    max-height: none;
  }
  .bz-srch-foot {
    display: none;
  }
}

/* ---------- hlavička na mobile (< 576 px, mockup "Rebríčky - mobil"): logo · lupa · Registrácia / Herná zóna (celý text) · menu ----------
   Prepínač témy a prihlásenie / účet sú v lište skryté (d-none d-sm-block v @layout.latte) a dostupné v mobilnom paneli #panel. */
@media screen and (max-width: 575.98px) {
  #bar .btn.bz-hdr-cta {
    --bz-cut: 10px;
    width: auto;
    padding: 0 calc(14px + var(--bz-cut) / 2) 0 14px;
    font-size: 15px;
  }
  #bar .btn.bz-hdr-cta .fa {
    display: none;
  }
}
@media screen and (max-width: 399.98px) {
  #bar .btn.bz-hdr-cta {
    width: auto;
    padding: 0 calc(11px + var(--bz-cut) / 2) 0 11px;
    font-size: 14px;
  }
}
/* odhlásenie / administrácia v mobilnom paneli (na mobile nie je v lište dropdown účtu) */
.bz-mnav-acc-links {
  display: flex;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px 18px;
  padding: 2px 2px 0;
  font-size: 15px;
  font-weight: 600;
}
.bz-mnav-acc-links a {
  color: var(--bz-tx2);
}
.bz-mnav-acc-links a:hover,
.bz-mnav-acc-links a:focus-visible {
  color: var(--bz-tx);
}
.bz-mnav-acc-links .fa {
  margin-right: 4px;
  color: var(--bz-tx3);
}
/* mobil (< 576 px): lišta 64 px ako v mockupe (.hdr-in height 64 px pri max-width 600 px) namiesto 100 px (padding 1.5rem) */
@media screen and (max-width: 575.98px) {
  html {
    scroll-padding-top: 64px;
  }
  #bar {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 0 0.5rem;
  }
  #bar > .container {
    width: 100%;
  }
}
/* mobil (< 576 px) - presné rozmery z mockupu (OrganizacieMobile / "Rebríčky - mobil", namerané v headless na 375/390/430):
   okraj 16 px, logo 107 px, ikonové tlačidlá 44x44, medzera 10 px, CTA 44 px vysoké, písmo 16 px, padding 18 px.
   Musí byť až za pravidlami pre max-width 399.98px (tie zmenšovali tlačidlá na 40 px a medzery na 4 px). */
@media screen and (max-width: 575.98px) {
  #bar {
    padding: 0 0.25rem;
  }
  #bar .brand-logo {
    width: 107px;
  }
  #bar .row.g-2 {
    --bs-gutter-x: 10px;
  }
  #bar .btn.bz-hdr-icon {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
  #bar .btn.bz-hdr-cta {
    width: auto;
    min-width: 0;
    height: 44px;
    padding: 0 18px;
    font-size: 16px;
    letter-spacing: 0.03em;
  }
}
/* prihlásený na úzkom mobile (< 430 px): v lište pribudol notifikačný zvonček (gamifikácia, Fáza 1) - kompaktnejšie tlačidlá
   a medzery, inak by sa logo na 360 px zmenšilo na ~25 px. Platí len keď je zvonček v lište (#bar:has(.bz-bell)). */
@media screen and (max-width: 429.98px) {
  #bar:has(.bz-bell) .row.g-2 {
    --bs-gutter-x: 6px;
  }
  #bar:has(.bz-bell) .btn.bz-hdr-icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
  #bar:has(.bz-bell) .btn.bz-hdr-cta {
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
  }
}
/* ---------- hlavička od 576 px (tablet + desktop) - rozmery z mockupu Main.dc.html (.hdr-in, .nav, .hdr-r), namerané v headless 1440/1280:
   lišta 72 px (namiesto 100 / 110 px), logo 107 px, menu písmo 600 + farba --bz-tx2 + medzera 26 px, tlačidlá vpravo medzera 10 px,
   text tlačidiel 700. Šírka kontajnera ostáva ako zvyšok stránky (Bootstrap container). */
@media screen and (min-width: 576px) {
  html {
    scroll-padding-top: 72px;
  }
  #bar {
    display: flex;
    align-items: center;
    height: 72px;
    padding: 0 0.5rem;
  }
  #bar > .container {
    width: 100%;
  }
  #bar .brand-logo {
    width: 107px;
  }
  #bar .row.g-2 {
    --bs-gutter-x: 10px;
  }
  #bar .btn.bz-hdr-ghost,
  #bar .btn.bz-hdr-cta {
    --bs-btn-font-weight: 700;
    font-weight: 700;
  }
  #bar .main-menu {
    column-gap: 26px !important;
  }
  /* od xxl: logo a tlačidlá podľa obsahu, menu medzi nimi (col-xxl), zarovnané k logu ako v mockupe (28 px + 12 px) */
  #bar .bz-hdr-nav {
    min-width: 0;
    padding-left: 24px;
  }
  #bar .main-menu > li > a {
    color: var(--bz-tx2);
    font-weight: 600;
  }
  #bar .main-menu > li > a:hover,
  #bar .main-menu > li > a:focus-visible {
    color: var(--bz-tx);
  }
}

/* ---------- pätička (#footer.bz-foot) - redizajn 2026, mockup "PC footer" / "mobil footer" (Main.dc.html .foot) ----------
   Stĺpce: značka (logo, popis, widget footer-about = sociálne siete + Trustpilot) + 3 CMS widgety. Obsah widgetov (HTML z administrácie)
   sa neprepisuje, len štýluje: nadpisy h2/h3 = malé veľké písmo, zoznamy .footer-menu = tlmené odkazy. Pozadie = --ft z mockupu. */
#footer.bz-foot {
  padding: 56px 0.5rem 40px;
  border-top: 1px solid var(--bz-bd);
  background: #120E26;
  color: var(--bz-tx);
}
body.theme-light #footer.bz-foot {
  background: #ECEAF5;
  box-shadow: none;
}
.bz-foot-cols {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 32px;
}
.bz-foot .row {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0;
  margin: 0;
}
.bz-foot .row > * {
  padding: 0;
}
.bz-foot-logo {
  display: inline-block;
}
.bz-foot-logo img {
  width: 107px;
}
.bz-foot-tagline {
  max-width: 260px;
  margin: 14px 0 0;
  color: var(--bz-tx3);
  font-size: 16px;
}
/* nadpisy stĺpcov z CMS (h2.h3, h3) */
.bz-foot h2,
.bz-foot h3 {
  margin: 0 0 14px;
  color: var(--bz-tx) !important;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  text-transform: uppercase;
}
.bz-foot h3 span,
.bz-foot h3 b {
  font-weight: 700 !important;
}
/* prázdny nadpis s vnoreným zoznamom (artefakt v CMS obsahu Informácie) */
.bz-foot .footer-menu > li > h3 {
  display: none;
}
.bz-foot .footer-menu {
  gap: 8px !important;
  margin: 0;
}
.bz-foot .footer-menu .row {
  margin-top: 24px;
}
.bz-foot .footer-menu a,
.bz-foot .footer-menu > li > a {
  color: var(--bz-tx3);
  font-size: 16px;
  font-weight: 500;
}
.bz-foot .footer-menu a:hover,
.bz-foot .footer-menu a:focus-visible,
.bz-foot .footer-menu > li:hover > a {
  color: var(--bz-tx);
}
/* theme-light.css farbí .footer-menu natvrdo tmavou - v pätičke platia tokeny (tlmené odkazy ako v mockupe) */
body.theme-light .bz-foot .footer-menu > li > a,
body.theme-light .bz-foot .footer-menu a {
  color: var(--bz-tx3);
}
body.theme-light .bz-foot .footer-menu > li:hover > a,
body.theme-light .bz-foot .footer-menu a:hover {
  color: var(--bz-tx);
}
/* footer-about v stĺpci značky: bez nadpisov, sociálne siete (pill s textom z title) pred Trustpilot */
.bz-foot-about > [id^="snippet-"] > .row {
  display: flex;
  flex-direction: column;
}
.bz-foot-about h2 {
  display: none;
}
.bz-foot-about > [id^="snippet-"] > .row > :nth-child(2) {
  order: -1;
}
.bz-foot-about .main-menu {
  flex-wrap: wrap;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin: 18px 0 0;
  font-size: 14px;
}
.bz-foot-about .main-menu > li > a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 12px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  color: var(--bz-tx2);
  font-weight: 600;
}
.bz-foot-about .main-menu > li > a::after {
  content: attr(title);
  text-transform: capitalize;
}
.bz-foot-about .main-menu > li > a:hover,
.bz-foot-about .main-menu > li > a:focus-visible {
  border-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
.bz-foot-about a[href*="trustpilot"] {
  display: inline-flex;
  margin-top: 18px;
  color: var(--bz-lime-ink);
  font-size: 16px;
  font-weight: 700;
}
.bz-foot-about a[href*="trustpilot"]::after {
  content: ' →';
}
/* spodný riadok: jazyk + © */
#copyright.bz-foot-b {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 14px 16px;
  margin-top: 40px;
  padding: 24px 0 0;
  border-top: 1px solid var(--bz-bd);
  background: transparent;
  color: var(--bz-tx3);
  font-size: 14px;
}
body.theme-light #copyright.bz-foot-b {
  background: transparent;
}
.bz-foot a:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
@media screen and (max-width: 1079.98px) {
  .bz-foot-cols {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 575.98px) {
  #footer.bz-foot {
    padding: 40px 0.5rem 28px;
  }
  .bz-foot-cols {
    gap: 32px 20px;
  }
  #copyright.bz-foot-b {
    justify-content: space-between;
  }
}

/* ---------- spodná navigácia na mobile (.bz-tabbar) - mockup "mobilná aplikácia" (Main.dc.html .tabbar), len < 576 px ----------
   Doplnok k hamburger menu (ostáva vpravo hore). Stránka dostane spodný odstup, aby pätička / obsah neboli prekryté. */
.bz-tabbar {
  display: none;
}
@media screen and (max-width: 575.98px) {
  .bz-tabbar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: calc(68px + env(safe-area-inset-bottom, 0px));
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(22, 17, 45, 0.96);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
  }
  body.theme-light .bz-tabbar {
    border-top-color: #DCD8EC;
    background: rgba(255, 255, 255, 0.96);
  }
  /* odstup pod lištou dá pätička (posledný blok stránky), nie body - inak by pod pätičkou ostal pás inej farby */
  #footer.bz-foot {
    padding-bottom: calc(28px + 68px + env(safe-area-inset-bottom, 0px));
  }
  /* plávajúce tlačidlá tretích strán (cookies, chat) nad lištou */
  .cky-revisit-bottom-right,
  #smartsupp-widget-container > * {
    bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
.bz-tabbar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  min-width: 56px;
  color: #9790C0;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.bz-tabbar-item .fa {
  font-size: 19px;
}
.bz-tabbar-item:hover,
.bz-tabbar-item:focus-visible,
.bz-tabbar-item.is-active {
  color: #FFFFFF;
}
body.theme-light .bz-tabbar-item {
  color: #6A6490;
}
body.theme-light .bz-tabbar-item:hover,
body.theme-light .bz-tabbar-item.is-active {
  color: #16112D;
}
.bz-tabbar-hex {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 46px;
  background: var(--bz-lime);
  color: #16112D;
  font-size: 20px;
  clip-path: var(--bz-hex);
}
.bz-tabbar-item:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  border-radius: 6px;
}

/* pätička: odkaz "Nastavenia cookies" vľavo v spodnom riadku (okno súhlasu, www/js/consent.js) */
.bz-foot-cookie {
  margin-right: auto;
  color: var(--bz-tx3);
  font-size: 14px;
  font-weight: 600;
}
.bz-foot-cookie:hover,
.bz-foot-cookie:focus-visible {
  color: var(--bz-tx);
}

/* ---------- Detail turnaja / ligy (EventPublic/read.latte) - redizajn 2026, mockup DetailEventu / DetailLigy ----------
   Hlavička .bz-ev-hero (vždy tmavá scéna), info dlaždice, ceny, lepiace záložky, prehľad s bočným panelom, tabuľky / zápasy / tímy
   (pohľady "cards" komponentov). Farby z tokenov --bz-* (svetlá téma automaticky). Preteky majú pôvodné rozloženie (readRace.latte). */
.bz-ev-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 0 0.5rem;
  background: #16112D;
  color: #FFFFFF;
}
.bz-ev-hero-ban {
  position: absolute;
  inset: 0;
  z-index: -1;
}
.bz-ev-hero-ban img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.88;
}
.bz-ev-hero-ban::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(to top, #16112D 12%, rgba(22, 17, 45, 0.55) 55%, rgba(22, 17, 45, 0.2) 100%),
    linear-gradient(90deg, rgba(22, 17, 45, 0.65), rgba(22, 17, 45, 0) 60%);
}
.bz-ev-hero-in {
  position: relative;
  padding-top: 96px;
  padding-bottom: 28px;
}
.bz-ev-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 24px;
}
.bz-ev-logo {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 116px;
  height: 128px;
  overflow: hidden;
  background: var(--bz-lime);
  color: #16112D;
  font-size: 34px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-ev-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-ev-main {
  flex: 1;
  min-width: 260px;
}
.bz-ev-chips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.bz-ev-chip {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--bz-radius-pill);
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-ev-chip.is-now {
  border-color: #6755B0;
  background: #6755B0;
}
.bz-ev-chip.is-future {
  border-color: rgba(255, 176, 32, 0.5);
  background: rgba(255, 176, 32, 0.14);
  color: #FFC24D;
}
/* level hráča na profile (gamifikácia, Fáza 1) - hero je tmavý aj vo svetlej téme */
.bz-ev-chip.is-level {
  border-color: rgba(214, 255, 2, 0.55);
  background: rgba(214, 255, 2, 0.14);
  color: var(--bz-lime);
}
.bz-ev-chip.is-past,
.bz-ev-chip.is-ended {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(22, 17, 45, 0.75);
  color: #C3BEE0;
}
.bz-ev-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #C3BEE0;
  font-size: 14px;
  font-weight: 600;
}
.bz-ev-verified .fa {
  color: #AFA2F5;
}
.bz-ev-title {
  margin: 10px 0 0;
  color: #FFFFFF;
  font-size: clamp(36px, 4.6vw, 64px);
  line-height: 0.95;
  text-transform: uppercase;
}
.bz-ev-org {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: #C3BEE0;
  font-size: 16px;
}
.bz-ev-org b {
  color: #FFFFFF;
}
a.bz-ev-org:hover b {
  color: var(--bz-lime);
}
.bz-ev-social {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 0;
}
.bz-ev-social a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: var(--bz-radius-pill);
  color: #C3BEE0;
  font-size: 14px;
  font-weight: 600;
}
.bz-ev-social a:hover {
  border-color: var(--bz-lime);
  color: #FFFFFF;
}
.bz-ev-act {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
/* tlačidlá detailu (hero aj karty) */
.btn.bz-ev-btn {
  --bs-btn-padding-y: 0;
  --bs-btn-padding-x: 16px;
  --bs-btn-font-size: 15px;
  --bs-btn-font-weight: 700;
  --bs-btn-border-width: 2px;
  --bs-btn-border-radius: var(--bz-radius-sm);
  --bs-btn-color: var(--bz-tx);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: var(--bz-bd);
  --bs-btn-hover-color: var(--bz-tx);
  --bs-btn-hover-bg: var(--bz-s2);
  --bs-btn-hover-border-color: var(--bz-lime-ink);
  --bs-btn-active-color: var(--bz-tx);
  --bs-btn-active-bg: var(--bz-s2);
  --bs-btn-active-border-color: var(--bz-lime-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
}
.bz-ev-hero .btn.bz-ev-btn {
  --bs-btn-color: #FFFFFF;
  --bs-btn-border-color: rgba(255, 255, 255, 0.25);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.08);
  --bs-btn-hover-border-color: var(--bz-lime);
}
.btn.bz-ev-btn.is-primary,
.bz-ev-hero .btn.bz-ev-btn.is-primary {
  --bs-btn-color: #16112D;
  --bs-btn-bg: var(--bz-lime);
  --bs-btn-border-color: var(--bz-lime);
  --bs-btn-hover-color: #16112D;
  --bs-btn-hover-bg: #E4FF4D;
  --bs-btn-hover-border-color: #E4FF4D;
  --bs-btn-active-color: #16112D;
  --bs-btn-active-bg: #C4EB00;
  --bs-btn-active-border-color: #C4EB00;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.btn.bz-ev-btn.is-on .fa {
  color: var(--bz-lime);
}
.btn.bz-ev-btn.is-icon {
  width: 44px;
  padding: 0;
}
.btn.bz-ev-btn.is-block {
  width: 100%;
  margin-top: 14px;
}
.btn.bz-ev-btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
  box-shadow: none;
  clip-path: none;
}
.bz-ev-info {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 26px 0 0;
}
.bz-ev-info-i {
  padding: 14px 16px;
  border: 1px solid #3A3170;
  border-radius: 12px;
  background: rgba(31, 24, 66, 0.85);
}
.bz-ev-info-i dt {
  color: #9790C0;
  font-size: 13px;
  font-weight: 500;
}
.bz-ev-info-i dd {
  margin: 4px 0 0;
  color: #FFFFFF;
  font-size: 17px;
  font-weight: 700;
}
.bz-ev-prizes {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 0;
}
.bz-ev-prize {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 10px;
  border: 1px solid #3A3170;
  border-radius: 12px;
  background: rgba(31, 24, 66, 0.85);
}
.bz-ev-prize-hx {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 38px;
  background: var(--bz-lime);
  color: #16112D;
  font-size: 16px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-ev-prize.is-p2 .bz-ev-prize-hx {
  background: #C3BEE0;
}
.bz-ev-prize.is-p3 .bz-ev-prize-hx {
  background: #AFA2F5;
}
.bz-ev-prize small {
  display: block;
  color: #9790C0;
  font-size: 12px;
}
.bz-ev-prize b {
  display: block;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.15;
}

/* záložky */
.bz-ev-tabs-wrap {
  position: sticky;
  top: 72px;
  z-index: 20;
  padding: 0 0.5rem;
  border-bottom: 1px solid var(--bz-bd);
  background: color-mix(in srgb, var(--bz-bg) 92%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}
.bz-ev-tabs {
  display: flex;
  gap: 4px;
  margin: 0;
  overflow-x: auto;
  scrollbar-width: none;
}
.bz-ev-tabs::-webkit-scrollbar {
  display: none;
}
.bz-ev-tab {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  padding: 0 14px;
  border-bottom: 3px solid transparent;
  color: var(--bz-tx3);
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.bz-ev-tab:hover {
  color: var(--bz-tx);
}
.bz-ev-tab.is-active {
  border-bottom-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
.bz-ev-tab:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: -3px;
}

/* panely */
.bz-ev-hero ~ #content {
  padding-top: 28px;
}
.bz-ev-panel + .bz-ev-panel {
  margin-top: 40px;
}
/* s JS: len aktívny panel (web.js pridá .bz-ev-js) */
.bz-ev.bz-ev-js .bz-ev-panel {
  display: none;
  margin-top: 0;
}
.bz-ev.bz-ev-js .bz-ev-panel.is-active {
  display: block;
}
.bz-ev-panel {
  scroll-margin-top: 140px;
}
.bz-ev-panel-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin-bottom: 16px;
}
.bz-ev-panel-head .bz-ev-panel-title {
  margin: 0;
}
.bz-ev-panel-title {
  margin: 0 0 16px;
  font-size: 26px;
  text-transform: uppercase;
}
.bz-ev-print {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bz-ev-ov {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 24px;
}
.bz-ev-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.bz-ev-card {
  padding: 20px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
}
body.theme-light .bz-ev-card,
body.theme-light .bz-ev-tblbox,
body.theme-light .bz-ev-msection,
body.theme-light .bz-ev-tcard {
  box-shadow: var(--blyzer-card-shadow);
}
.bz-ev-card-title {
  margin: 0 0 12px;
  font-size: 20px;
  text-transform: uppercase;
}
.bz-ev-apply {
  padding: 0;
  overflow: hidden;
  border-color: var(--bz-lime-ink);
}
.bz-ev-apply-link {
  display: block;
  padding: 20px;
  color: var(--bz-tx);
}
.bz-ev-apply-link:hover {
  background: var(--bz-s2);
  color: var(--bz-tx);
}
.bz-ev-winner {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 26px;
  overflow: hidden;
  border-radius: 18px;
  background:
    radial-gradient(70% 120% at 100% 0, rgba(103, 85, 176, 0.45), rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-ev-winner-tro {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 80px;
  background: var(--bz-lime);
  color: #16112D;
  font-size: 30px;
  clip-path: var(--bz-hex);
}
.bz-ev-winner small {
  display: block;
  color: #C3BEE0;
  font-size: 14px;
}
.bz-ev-winner b {
  display: block;
  font-size: 34px;
  line-height: 1;
  text-transform: uppercase;
}
.bz-ev-winner b a {
  color: #FFFFFF;
}
.bz-ev-winner b a:hover {
  color: var(--bz-lime);
}
.bz-ev-winner-rest {
  margin-top: 6px;
}
.bz-ev-winner-fs {
  text-align: right;
}
.bz-ev-winner-fs b {
  color: var(--bz-lime);
  font-size: 44px;
}
.bz-ev-cd {
  display: flex;
  gap: 8px;
}
.bz-ev-cd div {
  flex: 1;
  padding: 10px 0;
  border: 1px solid var(--bz-bd);
  border-radius: 12px;
  background: var(--bz-bg);
  text-align: center;
}
.bz-ev-cd b {
  display: block;
  font-size: 34px;
  line-height: 1;
}
.bz-ev-cd span {
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-ev-notice {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 0 0;
  padding: 12px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: 12px;
  background: color-mix(in srgb, #6755B0 18%, var(--bz-s1));
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-ev-notice .fa {
  color: var(--bz-vtx);
}
.bz-ev-more {
  margin-top: 12px;
}
.bz-ev-about {
  color: var(--bz-tx2);
}
.bz-ev-about > :last-child {
  margin-bottom: 0;
}
.bz-ev-about img {
  max-width: 100%;
  height: auto;
}
/* bočný panel */
.bz-ev-orgc {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--bz-tx);
}
a.bz-ev-orgc:hover b {
  color: var(--bz-lime-ink);
}
.bz-ev-orgc-logo {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 58px;
  overflow: hidden;
  background: #16112D;
  color: var(--bz-lime);
  font-size: 17px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-ev-orgc-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-ev-orgc b {
  display: block;
  font-size: 19px;
  line-height: 1.15;
}
.bz-ev-orgc small {
  display: block;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-ev-map {
  height: 200px;
  overflow: hidden;
  border-radius: 14px;
  background: var(--bz-s2);
}
.bz-ev-venue {
  margin: 10px 0 12px;
  font-weight: 600;
}
.bz-ev-kv {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 8px 16px;
  margin: 0;
  font-size: 15px;
}
.bz-ev-kv dt {
  color: var(--bz-tx3);
  font-weight: 500;
}
.bz-ev-kv dd {
  margin: 0;
  font-weight: 700;
}
.bz-ev-partners {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}
.bz-ev-partners a,
.bz-ev-partners span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  padding: 8px;
  border: 1px solid var(--bz-bd);
  border-radius: 12px;
  background: var(--bz-bg);
}
.bz-ev-partners img {
  max-width: 100%;
  max-height: 48px;
  object-fit: contain;
}
/* riadok zápasu (prehľad aj záložka Zápasy) */
.bz-ev-mlist .bz-ev-m {
  padding-right: 0;
  padding-left: 0;
}
.bz-ev-m {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 12px 18px;
  border-top: 1px solid var(--bz-bd);
  color: var(--bz-tx);
  transition: background-color 0.15s ease;
}
.bz-ev-m:hover {
  background: var(--bz-s2);
  color: var(--bz-tx);
}
.bz-ev-m.is-muted {
  opacity: 0.5;
}
.bz-ev-m-st {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bz-ev-m-st b {
  font-size: 18px;
  line-height: 1.1;
}
.bz-ev-m-st small {
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-ev-m .badge-live {
  align-self: flex-start;
  padding: 4px 9px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-live);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-ev-m-teams {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.bz-ev-m-team {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 30px;
}
.bz-ev-m-team .bz-crest {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.bz-ev-m-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bz-ev-m-team.is-win .bz-ev-m-name {
  font-weight: 700;
}
.bz-ev-m-team.is-loss {
  color: var(--bz-tx3);
}
.bz-ev-m-sc {
  min-width: 26px;
  font-size: 21px;
  line-height: 1;
  text-align: right;
}
.bz-ev-m.is-live .bz-ev-m-sc {
  color: var(--bz-score-live);
}
.bz-ev-m-ph {
  justify-self: end;
  max-width: 120px;
  padding: 1px 7px;
  overflow: hidden;
  border-radius: 6px;
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bz-ev-m-ph:empty {
  display: none;
}
/* záložka Zápasy: filter fáz + sekcie */
.bz-ev-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}
.bz-ev-pill {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}
.bz-ev-pill:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-ev-pill.is-active {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
body.theme-light .bz-ev-pill.is-active {
  border-color: var(--bz-vtx);
  background: var(--bz-vtx);
  color: #FFFFFF;
}
.bz-ev-msections {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bz-ev-msection,
.bz-ev-tblbox {
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: 14px;
  background: var(--bz-s1);
}
.bz-ev-msection[hidden] {
  display: none;
}
.bz-ev-msection-h,
.bz-ev-tblbox-h {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 12px 18px;
}
.bz-ev-msection-h b,
.bz-ev-tblbox-h b {
  font-size: 18px;
}
.bz-ev-msection-hx {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 38px;
  background: var(--bz-s2);
  color: var(--bz-vtx);
  font-size: 13px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-ev-mbreak {
  padding: 10px 18px;
  border-top: 1px solid var(--bz-bd);
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-ev-empty {
  margin: 0;
  padding: 16px 18px;
  color: var(--bz-tx2);
}
/* tabuľky skupín / ligy */
.bz-ev-grpgrid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
}
.bz-ev-grpgrid.is-multi {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bz-ev-stbl {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  font-size: 15px;
}
.bz-ev-grpgrid.is-multi .bz-ev-stbl {
  min-width: 520px;
}
.bz-ev-stbl th,
.bz-ev-stbl td {
  padding: 10px 10px;
  border-top: 1px solid var(--bz-bd);
  text-align: center;
  white-space: nowrap;
}
.bz-ev-stbl th {
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-ev-stbl .is-l {
  text-align: left;
}
.bz-ev-stbl .is-pos {
  width: 44px;
  color: var(--bz-tx3);
  font-weight: 700;
}
.bz-ev-stbl .is-b {
  font-weight: 700;
}
.bz-ev-stbl tbody tr:hover {
  background: var(--bz-s2);
}
.bz-ev-tm {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 260px;
}
.bz-ev-tm a {
  overflow: hidden;
  color: var(--bz-tx);
  font-weight: 600;
  text-overflow: ellipsis;
}
.bz-ev-tm a:hover {
  color: var(--bz-lime-ink);
}
.bz-ev-tm .bz-crest {
  width: 26px;
  height: 26px;
  font-size: 11px;
}
.bz-ev-form {
  display: inline-flex;
  gap: 3px;
}
.bz-ev-form i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--bz-s2);
  color: var(--bz-tx3);
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}
.bz-ev-form i.is-w {
  background: #5E8E10;
  color: #FFFFFF;
}
.bz-ev-form i.is-d {
  background: #A1670F;
  color: #FFFFFF;
}
.bz-ev-form i.is-l {
  background: var(--bz-live);
  color: #FFFFFF;
}
/* tímy */
.bz-ev-tgrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.bz-ev-tcard {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 14px;
  border: 1px solid var(--bz-bd);
  border-radius: 14px;
  background: var(--bz-s1);
  color: var(--bz-tx);
}
.bz-ev-tcard:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-ev-tcard-hx {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 50px;
  overflow: hidden;
  background: var(--bz-s2);
  color: var(--bz-vtx);
  font-size: 15px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-ev-tcard-hx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-ev-tcard-txt {
  min-width: 0;
}
.bz-ev-tcard-txt b {
  display: block;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bz-ev-tcard-txt small {
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-ev-tcard-pl {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.bz-ev-tcard-pl.is-win {
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-ev-tcard-pl.is-out {
  background: rgba(var(--bz-live-rgb), 0.16);
  color: var(--bz-live-text);
}
.bz-ev-panel .box {
  border-color: var(--bz-bd);
}
@media screen and (max-width: 1199.98px) {
  .bz-ev-tgrid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media screen and (max-width: 1079.98px) {
  .bz-ev-ov {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-ev-info {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .bz-ev-grpgrid.is-multi {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-ev-tgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 699.98px) {
  .bz-ev-hero-in {
    padding-top: 72px;
  }
  .bz-ev-logo {
    width: 80px;
    height: 88px;
    font-size: 24px;
  }
  .bz-ev-act {
    width: 100%;
  }
  .bz-ev-act .btn.bz-ev-btn:not(.is-icon) {
    flex: 1 1 auto;
  }
  .bz-ev-tabs-wrap {
    top: 64px;
  }
  .bz-ev-tab {
    padding: 0 10px;
    font-size: 16px;
  }
  .bz-ev-winner {
    grid-template-columns: auto 1fr;
    padding: 20px;
  }
  .bz-ev-winner-fs {
    grid-column: 1 / -1;
    text-align: left;
  }
  .bz-ev-winner b {
    font-size: 26px;
  }
  .bz-ev-m {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 14px;
  }
  .bz-ev-m-ph {
    grid-column: 2;
    justify-self: start;
  }
  .bz-ev-tgrid {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .bz-ev-info {
    gap: 8px;
  }
  .bz-ev-info-i {
    padding: 12px;
  }
  .bz-ev-info-i dd {
    font-size: 15px;
  }
}

/* ---------- Detail zápasu (Match/read.latte) - redizajn 2026, mockup DetailZapasu / DetailZapasuMobile ----------
   Hlavička = .bz-ev-hero (vždy tmavá scéna) so skóre, záložky / karty / panely zdieľané s detailom udalosti (.bz-ev-*),
   priebeh (voľný text, neutrálna bodka), zostavy (pohľad "cards"), štatistiky tímov (súčty hráčov), náhľad IG stories grafiky. */
.bz-mt-hero .bz-ev-hero-in {
  padding-bottom: 32px;
}
.bz-mt-ctx {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 20px;
  color: #C3BEE0;
  font-size: 15px;
}
.bz-mt-ctx a {
  color: #FFFFFF;
  font-weight: 700;
}
.bz-mt-ctx a:hover {
  color: var(--bz-lime);
}
.bz-mt-sb {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 16px 32px;
  margin: 34px 0 0;
}
.bz-mt-team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  color: #FFFFFF;
  text-align: center;
}
a.bz-mt-team:hover {
  color: #FFFFFF;
}
a.bz-mt-team:hover b {
  color: var(--bz-lime);
}
.bz-mt-team-hx {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 92px;
  height: 102px;
  margin-bottom: 8px;
  overflow: hidden;
  background: #2F285E;
  color: #FFFFFF;
  font-size: 28px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-mt-team.is-win .bz-mt-team-hx {
  background: var(--bz-lime);
  color: #16112D;
}
.bz-mt-team-hx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #FFFFFF;
}
.bz-mt-team b {
  max-width: 100%;
  font-size: clamp(20px, 2.2vw, 28px);
  line-height: 1.05;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.bz-mt-team small {
  color: #9790C0;
  font-size: 14px;
}
.bz-mt-sb-mid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  text-align: center;
}
.bz-mt-sc {
  display: flex;
  align-items: center;
  gap: 0.25em;
  color: #FFFFFF;
  font-size: clamp(64px, 8vw, 112px);
  font-weight: 700;
  line-height: 0.9;
  font-variant-numeric: tabular-nums;
}
.bz-mt-sc i {
  font-style: normal;
}
.bz-mt-sc .is-win {
  color: var(--bz-lime);
}
.bz-mt-hero .badge-live .badge-live-dot,
.bz-mt-hero .badge-scheduled .badge-scheduled-dot {
  margin-right: 6px;
}
.bz-mt-st {
  max-width: 340px;
  color: #C3BEE0;
  font-size: 15px;
  font-weight: 700;
}
.bz-mt-acts {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 30px 0 0;
}
/* priebeh zápasu: domáci vľavo, minúta v strede, hostia vpravo */
.bz-mt-tl {
  position: relative;
  margin: 4px 0 0;
  padding: 0;
}
.bz-mt-tl::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  background: var(--bz-bd);
}
.bz-mt-tl li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.bz-mt-tl-min {
  justify-self: center;
  min-width: 44px;
  padding: 3px 8px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  white-space: nowrap;
}
.bz-mt-tl-min:empty {
  min-width: 12px;
  padding: 0;
  height: 12px;
}
.bz-mt-tl-side {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
}
.bz-mt-tl-side.is-home {
  justify-content: flex-end;
  text-align: right;
}
.bz-mt-tl-side span {
  overflow-wrap: anywhere;
}
.bz-mt-tl-side i {
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--bz-tx3);
}
/* zostavy */
.bz-mt-lineups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.bz-mt-lu {
  margin: 0;
  padding: 0;
}
.bz-mt-lu li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  border-top: 1px solid var(--bz-bd);
}
.bz-mt-lu-no {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 33px;
  background: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 13px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-mt-lu-name {
  overflow: hidden;
  color: var(--bz-tx);
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.bz-mt-lu-name:hover {
  color: var(--bz-lime-ink);
}
.bz-mt-lu-pos {
  padding: 1px 7px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 12px;
  font-weight: 700;
}
.bz-mt-lu-pos:empty {
  display: none;
}
.bz-mt-lu-st {
  color: var(--bz-tx2);
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
/* štatistiky */
.bz-mt-bars {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bz-mt-bar-lbl {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.bz-mt-bar-lbl b {
  font-size: 20px;
  font-variant-numeric: tabular-nums;
}
.bz-mt-bar-lbl span {
  color: var(--bz-tx2);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
.bz-mt-bar-tr {
  display: flex;
  gap: 4px;
  height: 8px;
}
.bz-mt-bar-tr span {
  min-width: 0;
  border-radius: 4px;
}
.bz-mt-bar-tr .is-home {
  background: var(--bz-lime-ink);
}
.bz-mt-bar-tr .is-away {
  background: #6755B0;
}
.bz-mt-hint {
  margin: 14px 0 0;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-mt-params {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--bz-bd);
}
/* zdieľanie: náhľad stories grafiky (9:16) */
.bz-mt-share .bz-mt-hint {
  margin-top: 12px;
}
.bz-mt-story {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  aspect-ratio: 9 / 16;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  padding: 18px 14px;
  overflow: hidden;
  border: 1px solid #3A3170;
  border-radius: 14px;
  background: linear-gradient(160deg, #2F285E 0%, #16112D 62%);
  color: #FFFFFF;
  text-align: center;
}
.bz-mt-story::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.06;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='97' viewBox='0 0 56 97'%3E%3Cpath d='M28 1 55 16.5v31L28 63 1 47.5v-31zM28 63v34' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 28px 48px;
}
.bz-mt-story > * {
  position: relative;
}
.bz-mt-story-logo {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
}
.bz-mt-story-logo img {
  width: 70px;
  height: auto;
}
.bz-mt-story-vs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
.bz-mt-story-vs b {
  color: #FFFFFF;
  font-size: 40px;
  line-height: 1;
}
.bz-mt-story-vs i {
  font-style: normal;
}
.bz-mt-story-vs .is-win {
  color: var(--bz-lime);
}
.bz-mt-story-ev {
  position: absolute;
  bottom: 16px;
  left: 12px;
  right: 12px;
  color: var(--bz-lime);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (max-width: 1079.98px) {
  .bz-mt-share {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
  }
  .bz-mt-share .bz-mt-hint {
    margin-top: 0;
  }
}
@media screen and (max-width: 699.98px) {
  .bz-mt-ctx {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .bz-mt-sb {
    gap: 12px;
    margin-top: 22px;
  }
  .bz-mt-team-hx {
    width: 62px;
    height: 69px;
    margin-bottom: 4px;
    font-size: 20px;
  }
  .bz-mt-team b {
    font-size: 16px;
  }
  .bz-mt-team small {
    font-size: 12px;
  }
  .bz-mt-sc {
    font-size: 56px;
  }
  .bz-mt-st {
    max-width: 150px;
    font-size: 13px;
  }
  .bz-mt-share .btn.bz-ev-btn {
    min-height: 44px;
    padding-top: 6px;
    padding-bottom: 6px;
    line-height: 1.1;
    white-space: normal;
  }
  .bz-mt-story {
    padding: 12px 8px;
  }
  .bz-mt-story-logo {
    top: 12px;
  }
  .bz-mt-story-logo img {
    width: 54px;
  }
  .bz-mt-story-vs {
    font-size: 10px;
  }
  .bz-mt-story-vs b {
    font-size: 28px;
  }
  .bz-mt-story-ev {
    bottom: 10px;
    font-size: 9px;
  }
  .bz-mt-acts .btn.bz-ev-btn {
    flex: 1 1 auto;
  }
  .bz-mt-lineups {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-mt-tl li {
    gap: 8px;
  }
  .bz-mt-tl-min {
    padding: 2px 6px;
    font-size: 12px;
  }
  .bz-mt-tl-side {
    font-size: 14px;
  }
}
@media screen and (max-width: 419.98px) {
  .bz-mt-sb {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
  }
  .bz-mt-sc {
    font-size: 46px;
  }
  .bz-mt-share {
    grid-template-columns: 120px minmax(0, 1fr);
  }
}

/* ---------- Profil organizácie (Organisation/read.latte) - redizajn 2026, mockup DetailOrganizacie / DetailOrganizacieMobile ----------
   Hlavička, záložky, karty a zápasy zdieľané s detailom udalosti (.bz-ev-*); navyše mesto + športy, počty, filter súťaží. */
.bz-og-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin: 10px 0 0;
  color: #C3BEE0;
  font-size: 16px;
  font-weight: 600;
}
.bz-og-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
  margin: 16px 0 0;
}
.bz-og-stats div {
  display: flex;
  flex-direction: column;
}
.bz-og-stats dt {
  color: #FFFFFF;
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}
.bz-og-stats dd {
  margin: 4px 0 0;
  color: #9790C0;
  font-size: 13px;
  font-weight: 600;
}
.bz-og-hero .bz-ev-social {
  margin-top: 18px;
}
.bz-og-tab-n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  margin-left: 6px;
  padding: 0 6px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 13px;
}
.bz-ev-tab.is-active .bz-og-tab-n {
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-og-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
a.bz-ev-pill.is-active:hover {
  color: var(--bz-on-lime);
}
.bz-og-m-ev {
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-og-more {
  align-self: flex-start;
}
.bz-og-kv-sep {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--bz-bd);
}
.bz-og .bz-ev-kv a {
  color: var(--bz-tx);
  overflow-wrap: anywhere;
}
.bz-og .bz-ev-kv a:hover {
  color: var(--bz-lime-ink);
}
@media screen and (max-width: 699.98px) {
  .bz-og-stats {
    gap: 8px 20px;
  }
  .bz-og-stats dt {
    font-size: 24px;
  }
  .bz-og .bz-ev-panel-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .bz-og-pills {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
}

/* ---------- Profil hráča (Player/read.latte) - redizajn 2026, mockup ProfilHraca ----------
   Hlavička, záložky, karty a riadky zápasov zdieľané s detailom udalosti (.bz-ev-*); navyše avatar, čísla podľa hry,
   graf po mesiacoch, tímy a udalosti hráča. */
.bz-pl-av {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 128px;
  overflow: hidden;
  border: 4px solid var(--bz-lime);
  border-radius: 22px;
  background: #2F285E;
  color: #FFFFFF;
  font-size: 40px;
  font-weight: 700;
}
/* rám avatara podľa úrovne sezónneho pasu (gamifikácia, Fáza 2; Player/read.latte .bz-pl-av--<kód>, SeasonPassCatalog).
   Hero profilu je tmavý aj vo svetlej téme, preto pevné farby. */
.bz-pl-av--bronze {
  border-color: #CD7F32;
  box-shadow: 0 0 0 3px rgba(205, 127, 50, 0.3), 0 0 22px rgba(205, 127, 50, 0.4);
}
.bz-pl-av--silver {
  border-color: #C9D3E3;
  box-shadow: 0 0 0 3px rgba(201, 211, 227, 0.3), 0 0 22px rgba(201, 211, 227, 0.4);
}
.bz-pl-av--gold {
  border-color: #FFC24D;
  box-shadow: 0 0 0 3px rgba(255, 194, 77, 0.3), 0 0 26px rgba(255, 194, 77, 0.5);
}
.bz-pl-av--platinum {
  border-color: #7FE3E0;
  box-shadow: 0 0 0 3px rgba(127, 227, 224, 0.3), 0 0 26px rgba(127, 227, 224, 0.5);
}
.bz-pl-av--diamond,
body.theme-light .bz-pl-av.bz-pl-av--diamond {
  border-color: transparent;
  background: linear-gradient(#2F285E, #2F285E) padding-box, linear-gradient(135deg, #7FE3E0, #AFA2F5 50%, var(--bz-lime)) border-box;
  box-shadow: 0 0 0 3px rgba(175, 162, 245, 0.35), 0 0 30px rgba(127, 227, 224, 0.55);
}
.bz-pl-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-pl-chip {
  gap: 6px;
  text-transform: none;
  letter-spacing: 0;
}
.bz-pl-chip img {
  width: 18px;
  height: auto;
  border-radius: 2px;
}
.bz-pl-name {
  margin: 6px 0 0;
  color: #C3BEE0;
  font-size: 18px;
  font-weight: 600;
}
.bz-pl-picks {
  margin-top: 26px;
}
.bz-pl-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  margin: 16px 0 0;
}
.bz-pl-picks + .bz-pl-kpis {
  margin-top: 12px;
}
.bz-ev-row + .bz-pl-kpis {
  margin-top: 26px;
}
.bz-pl-kpis[hidden],
.bz-pl-stats[hidden] {
  display: none;
}
.bz-pl-kpi {
  padding: 14px 16px;
  border: 1px solid #3A3170;
  border-radius: 12px;
  background: rgba(31, 24, 66, 0.85);
}
.bz-pl-kpi dt {
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
}
.bz-pl-kpi dd {
  margin: 6px 0 0;
  overflow: hidden;
  color: #9790C0;
  font-size: 14px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-pl-kpi em {
  color: var(--bz-lime);
  font-style: normal;
}
/* riadok zápasu s výkonom hráča */
.bz-pl-m .bz-ev-m-team.is-mine .bz-ev-m-name::after {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-left: 8px;
  border-radius: 50%;
  background: var(--bz-lime-ink);
  vertical-align: middle;
}
.bz-pl-m-me {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 64px;
  text-align: right;
}
.bz-pl-m-me small {
  color: var(--bz-tx2);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
.bz-pl-mcard {
  padding-top: 8px;
  padding-bottom: 8px;
}
.bz-pl-mcard .bz-ev-mlist > :first-child,
.bz-pl-evs > li:first-child .bz-pl-ev {
  border-top: 0;
}
.bz-pl-form i {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  font-size: 14px;
}
.bz-pl-form {
  gap: 6px;
}
/* tímy */
.bz-pl-teams {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.bz-pl-team,
.bz-pl-ev {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 8px 0;
  color: var(--bz-tx);
}
.bz-pl-team:hover,
.bz-pl-ev:hover {
  color: var(--bz-tx);
}
.bz-pl-team:hover b,
.bz-pl-ev:hover b {
  color: var(--bz-lime-ink);
}
.bz-pl-team-hx {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 44px;
  object-fit: cover;
  background: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 13px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-pl-team > span,
.bz-pl-ev-main,
.bz-pl-ev-team {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bz-pl-team b,
.bz-pl-ev b {
  overflow: hidden;
  font-size: 16px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-pl-team small,
.bz-pl-ev small {
  overflow: hidden;
  color: var(--bz-tx3);
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* udalosti */
.bz-pl-evs {
  margin: 0;
}
.bz-pl-ev {
  padding: 12px 0;
  border-top: 1px solid var(--bz-bd);
}
.bz-pl-ev.is-muted {
  opacity: 0.6;
}
.bz-pl-ev-main {
  flex: 1;
}
.bz-pl-ev-team {
  flex: 0 1 220px;
  align-items: flex-end;
  text-align: right;
}
.bz-pl-social {
  margin: 0;
}
.bz-pl-social a {
  border-color: var(--bz-bd);
  color: var(--bz-tx2);
}
.bz-pl-social a:hover {
  border-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
/* štatistiky */
.bz-pl-stats {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  align-items: start;
  gap: 24px;
}
.bz-pl-chart {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  gap: 8px;
  height: 220px;
  margin: 8px 0 0;
}
.bz-pl-chart li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  height: 100%;
  min-width: 0;
}
.bz-pl-chart-v {
  min-height: 18px;
  color: var(--bz-tx);
  font-size: 14px;
  font-weight: 700;
}
.bz-pl-chart-b {
  display: block;
  width: 100%;
  max-width: 44px;
  border-radius: 6px 6px 2px 2px;
  background: linear-gradient(to top, #6755B0, var(--bz-lime));
}
.bz-pl-chart-b.is-zero {
  background: var(--bz-s2);
}
.bz-pl-chart-m {
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 600;
}
.bz-pl-bar-rest {
  background: var(--bz-s2);
}
.bz-pl-stats .bz-mt-bar-lbl span {
  text-align: left;
}
body.theme-light .bz-pl-av {
  background: #2F285E;
}
@media screen and (max-width: 1079.98px) {
  .bz-pl-stats {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 699.98px) {
  .bz-pl-av {
    width: 88px;
    height: 88px;
    border-width: 3px;
    border-radius: 16px;
    font-size: 28px;
  }
  .bz-pl-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }
  .bz-pl-kpi {
    padding: 10px 12px;
  }
  .bz-pl-kpi dt {
    font-size: 24px;
  }
  .bz-pl-kpi dd {
    font-size: 12px;
  }
  .bz-pl-picks {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bz-pl .bz-ev-m.bz-pl-m {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 8px;
  }
  .bz-pl-m .bz-ev-m-st b {
    font-size: 15px;
  }
  .bz-pl-m .bz-ev-m-st small {
    font-size: 11px;
  }
  .bz-pl-m-me {
    min-width: 0;
  }
  .bz-pl-m .bz-ev-m-name {
    font-size: 15px;
  }
  .bz-pl-chart {
    gap: 4px;
    height: 180px;
  }
  .bz-pl-chart-m {
    font-size: 10px;
  }
  .bz-pl-ev {
    flex-wrap: wrap;
  }
  .bz-pl-ev-team {
    flex-basis: 100%;
    align-items: flex-start;
    padding-left: 52px;
    text-align: left;
  }
}

/* ---------- Profil tímu (TeamPublic/read.latte) - redizajn 2026, mockup ProfilTimu ----------
   Hlavička, záložky, karty, čísla (.bz-pl-kpis) a riadky zápasov zdieľané s detailom udalosti / hráča; navyše súpiska,
   výsledky podľa súťaže, súťaže, trofeje a pás s prihláškou do tímu. */
.bz-tm-logo {
  width: 150px;
  height: 166px;
  font-size: 44px;
}
.bz-og-meta a {
  color: #FFFFFF;
  font-weight: 700;
}
.bz-og-meta a:hover {
  color: var(--bz-lime);
}
.bz-og-meta b {
  color: #FFFFFF;
}
.bz-tm-form {
  margin-top: 14px;
}
.bz-tm-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
/* súpiska */
.bz-tm-squad {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 14px;
  margin: 0;
}
.bz-tm-pl {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 14px 14px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
  color: var(--bz-tx);
  text-align: center;
  transition: border-color 0.15s ease;
}
body.theme-light .bz-tm-pl {
  box-shadow: var(--blyzer-card-shadow);
}
.bz-tm-pl:hover {
  border-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
.bz-tm-pl-top {
  display: flex;
  align-self: stretch;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
}
.bz-tm-pl-no {
  color: var(--bz-tx3);
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}
.bz-tm-pl-av {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 71px;
  overflow: hidden;
  background: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 20px;
  font-weight: 700;
  clip-path: var(--bz-hex);
}
.bz-tm-pl-av img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bz-tm-pl-name {
  max-width: 100%;
  overflow: hidden;
  font-size: 17px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-tm-pl-st {
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 700;
}
/* výsledky podľa súťaže */
.bz-tm-results {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.bz-tm-ev-head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0 12px;
  color: var(--bz-tx);
}
.bz-tm-ev-head:hover {
  color: var(--bz-tx);
}
.bz-tm-ev-head:hover b {
  color: var(--bz-lime-ink);
}
.bz-tm-ev-head > span {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.bz-tm-ev-head b {
  font-size: 18px;
  line-height: 1.2;
}
.bz-tm-ev-head small {
  color: var(--bz-tx3);
  font-size: 13px;
}
/* súťaže */
.bz-tm-comps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.bz-tm-comp {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 14px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
  color: var(--bz-tx);
}
body.theme-light .bz-tm-comp,
body.theme-light .bz-tm-trophy {
  box-shadow: var(--blyzer-card-shadow);
}
.bz-tm-comp:hover {
  border-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
.bz-tm-comp.is-muted {
  opacity: 0.65;
}
.bz-tm-comp .bz-pl-ev-main {
  flex: 1;
}
.bz-tm-comp b {
  font-size: 16px;
  line-height: 1.2;
}
.bz-tm-comp small {
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-tm-chip {
  flex: none;
  padding: 3px 10px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.bz-tm-chip.is-gold {
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-tm-chip.is-live {
  background: #6755B0;
  color: #FFFFFF;
}
/* trofeje */
.bz-tm-trophies {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
  margin: 0;
}
.bz-tm-trophy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 22px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
  color: var(--bz-tx);
  text-align: center;
}
.bz-tm-trophy:hover {
  border-color: var(--bz-lime-ink);
  color: var(--bz-tx);
}
.bz-tm-trophy-hx {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 66px;
  margin-bottom: 4px;
  background: #C3BEE0;
  color: #16112D;
  font-size: 24px;
  clip-path: var(--bz-hex);
}
.bz-tm-trophy.is-p1 .bz-tm-trophy-hx {
  background: var(--bz-lime);
}
.bz-tm-trophy.is-p2 .bz-tm-trophy-hx {
  background: #6755B0;
  color: #FFFFFF;
}
.bz-tm-trophy b {
  font-size: 17px;
  line-height: 1.2;
  text-transform: uppercase;
}
.bz-tm-trophy small {
  color: var(--bz-tx3);
  font-size: 13px;
}
/* prihláška + o tíme */
.bz-tm-apply {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 20px;
  margin-top: 28px;
  padding: 18px 22px;
  border: 1px dashed var(--bz-bd);
  border-radius: 16px;
}
.bz-tm-apply p {
  margin: 0;
  color: var(--bz-tx2);
  font-size: 16px;
}
.bz-tm-about {
  margin-top: 20px;
}
.bz-tm .bz-ev-panel + .bz-tm-apply,
.bz-tm .bz-ev-panel + .bz-tm-about {
  margin-top: 28px;
}
@media screen and (max-width: 1079.98px) {
  .bz-tm-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .bz-tm-comps {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 699.98px) {
  .bz-tm-logo {
    width: 88px;
    height: 98px;
    font-size: 26px;
  }
  .bz-tm-squad {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .bz-tm-pl-av {
    width: 52px;
    height: 58px;
    font-size: 16px;
  }
  .bz-tm-pl-name {
    font-size: 15px;
  }
  .bz-tm .bz-ev-m.bz-pl-m {
    grid-template-columns: 52px minmax(0, 1fr) auto;
    gap: 8px;
  }
  .bz-tm-trophies {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .bz-tm-apply .btn.bz-ev-btn {
    width: 100%;
  }
}

/* ---------- Rýchly turnaj (redizajn 2026, mockup RychlyTurnaj.dc.html) ----------
   Templates/QuickEvent/*.latte + _/Event/QuickEvent/*.latte. Hlavička = .bz-disc-head (Objavuj), sekcie = .bz-home-sec,
   tlačidlá = .bz-ev-btn, prepínač typu = .bz-seg; polia rovnako zreteľné ako v prihláške (.bz-ap .form-control). */
.bz-qt-head {
  padding-bottom: 36px;
}
.bz-qt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 0;
}
.bz-qt-chips .bz-disc-chip {
  border-color: rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.04);
  color: #FFFFFF;
}
.bz-qt {
  padding-top: 32px;
  color: var(--bz-tx);
}
.bz-qt-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  margin-bottom: 72px;
}
.bz-qt-grid.is-single {
  grid-template-columns: minmax(0, 720px);
}
.bz-qt:not(.bz-qt-js) .bz-qt-pre {
  display: none;
}
.bz-qt:not(.bz-qt-js) .bz-qt-grid:not(.is-single) {
  grid-template-columns: minmax(0, 720px);
}
.bz-qt-card {
  padding: 26px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
}
.bz-qt-pre,
.bz-qt-side {
  position: sticky;
  top: 96px;
}
.bz-qt-h {
  margin: 0 0 6px;
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-qt-hint {
  margin: 6px 0 0;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-qt-hint a,
.bz-qt-more a {
  color: var(--bz-vtx);
  text-decoration: underline;
}
.bz-qt-lead {
  margin: 0 0 6px;
  color: var(--bz-tx2);
  font-size: 18px;
}
/* polia */
.bz-qt-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.bz-qt-fl {
  min-width: 0;
  margin: 20px 0 0;
  padding: 0;
  border: 0;
}
.bz-qt-fl > .form-label,
.bz-qt-fl > legend.form-label,
.bz-qt-fl-h .form-label {
  display: block;
  margin-bottom: 8px;
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
  float: none;
}
.bz-qt-fl-h {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.bz-qt-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 16px;
}
.bz-qt .form-control,
.bz-qt .form-select,
.bz-qt-form .form-control,
.bz-qt-form .form-select {
  min-height: 48px;
  border: 1px solid #4B4190;
  border-radius: var(--bz-radius-sm);
  background-color: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 16px;
}
.bz-qt textarea.form-control {
  min-height: 168px;
  line-height: 1.5;
}
.bz-qt .form-control::placeholder {
  color: var(--bz-tx3);
}
.bz-qt .form-control:hover,
.bz-qt .form-select:hover {
  border-color: var(--bz-vtx);
}
.bz-qt .form-control:focus,
.bz-qt .form-select:focus {
  border-color: var(--bz-lime-ink);
  background-color: var(--bz-s2);
  color: var(--bz-tx);
  box-shadow: 0 0 0 3px rgba(214, 255, 2, 0.25);
}
.bz-qt .form-control.is-invalid,
.bz-qt .form-select.is-invalid {
  border-color: #dc3545;
}
.bz-qt .invalid-feedback {
  color: var(--bz-live-text);
  font-size: 14px;
}
/* typ: šport / e-šport */
.bz-qt-seg {
  display: flex;
  width: 100%;
}
.bz-qt-seg-btn {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bz-qt-seg-btn:has(input:checked) {
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-qt-seg-btn:has(input:focus-visible) {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
/* počet účastníkov: predvoľby + vlastné číslo */
.bz-qt-sizes {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px 16px;
}
.bz-qt-presets {
  display: flex;
  gap: 8px;
}
.bz-qt:not(.bz-qt-js) .bz-qt-presets {
  display: none;
}
.bz-qt-preset {
  min-width: 56px;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-bg);
  color: var(--bz-tx);
  font-size: 18px;
  font-weight: 700;
}
.bz-qt-preset:hover {
  border-color: var(--bz-vtx);
}
.bz-qt-preset[aria-pressed="true"] {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-qt-preset:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-qt-custom {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 140px;
  margin: 0;
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-qt-count {
  color: var(--bz-tx3);
  font-size: 14px;
  font-weight: 600;
}
.bz-qt-count.is-over {
  color: var(--bz-live-text);
}
/* formát: dlaždice s rádiom */
.bz-qt-formats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.bz-qt-format {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-bg);
  font-weight: 700;
  cursor: pointer;
}
.bz-qt-format input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  accent-color: var(--bz-lime);
}
.bz-qt-format:hover {
  border-color: var(--bz-vtx);
}
.bz-qt-format:has(input:checked) {
  border-color: var(--bz-lime-ink);
  box-shadow: inset 0 0 0 1px var(--bz-lime-ink);
}
.bz-qt-format:has(input:focus-visible) {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
/* proti spamu - mimo obrazovky (nie display:none, to niektoré roboty preskočia) */
.bz-qt-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bz-qt-submit {
  margin-top: 26px;
}
.btn.bz-qt-go {
  width: 100%;
  min-height: 54px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-qt-account {
  text-align: center;
}
/* náhľad pavúka (ilustračný, kreslí web.js) */
.bz-qt-pre-h {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 6px 16px;
  margin-bottom: 14px;
}
.bz-qt-pre-h .bz-qt-h {
  font-size: 22px;
}
.bz-qt-pre-meta {
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-qt-bracket {
  display: flex;
  gap: 14px;
  overflow-x: auto;
  padding-bottom: 6px;
}
.bz-qt-bcol {
  display: flex;
  flex: 0 0 118px;
  flex-direction: column;
}
.bz-qt-bduels {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-around;
  gap: 10px;
}
.bz-qt-bcol h3 {
  margin: 0 0 10px;
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.bz-qt-bm {
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-bg);
  font-size: 13px;
}
.bz-qt-bm > div {
  overflow: hidden;
  padding: 6px 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bz-qt-bm > div + div {
  border-top: 1px solid var(--bz-bd);
}
.bz-qt-bm .is-bye {
  color: var(--bz-tx3);
  font-style: italic;
}
.bz-qt-bmore {
  color: var(--bz-tx3);
  font-size: 13px;
  text-align: center;
}
.bz-qt-pre-off {
  margin: 0;
  color: var(--bz-tx2);
}
.bz-qt-note {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 16px 0 0;
  padding: 12px 14px;
  border-radius: var(--bz-radius);
  background: var(--bz-bg);
  color: var(--bz-tx2);
  font-size: 14px;
}
.bz-qt-note .fa {
  margin-top: 3px;
  color: var(--bz-lime-ink);
}
/* hotovo */
.bz-qt-badge {
  display: inline-block;
  padding: 4px 12px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-lime);
  color: #16112D;
  font-size: 13px;
  font-weight: 700;
}
.bz-qt-done-h {
  margin: 12px 0 8px;
  font-size: clamp(26px, 3vw, 36px);
  line-height: 1.05;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.bz-qt-link {
  display: flex;
  gap: 10px;
}
.bz-qt-link .form-control {
  flex: 1 1 auto;
  min-width: 0;
}
.bz-qt-link .btn {
  flex: 0 0 auto;
  min-height: 48px;
}
.bz-qt-qr {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 18px;
}
.bz-qt-qr img {
  flex: 0 0 auto;
  width: 132px;
  height: 132px;
  padding: 8px;
  border-radius: var(--bz-radius);
  background: #FFFFFF;
}
.bz-qt-qr .bz-qt-hint {
  max-width: 260px;
  margin: 0;
}
.bz-qt-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}
.bz-qt-acts.is-stack {
  flex-direction: column;
}
.btn.bz-ev-btn.is-danger {
  --bs-btn-color: var(--bz-live-text);
  --bs-btn-border-color: rgba(220, 53, 69, 0.55);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
}
/* sekcie Prečo / Pre koho / FAQ */
.bz-qt-sec {
  padding-bottom: 72px;
}
.bz-qt-feat {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.bz-qt-feat-i {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 20px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-qt-feat-i .fa {
  margin-bottom: 14px;
  color: var(--bz-lime-ink);
  font-size: 22px;
}
.bz-qt-feat-i b {
  font-size: 19px;
  text-transform: uppercase;
}
.bz-qt-feat-i span {
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-qt-who {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
}
.bz-qt-who li {
  padding: 10px 18px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  font-size: 16px;
  font-weight: 700;
}
.bz-qt-faq {
  border-top: 1px solid var(--bz-bd);
}
.bz-qt-faq-i {
  border-bottom: 1px solid var(--bz-bd);
}
.bz-qt-faq-i summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 4px;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
  cursor: pointer;
}
.bz-qt-faq-i summary::-webkit-details-marker {
  display: none;
}
.bz-qt-faq-i summary .fa {
  flex: 0 0 auto;
  color: var(--bz-lime-ink);
  transition: transform 0.15s ease;
}
.bz-qt-faq-i[open] summary .fa {
  transform: rotate(45deg);
}
.bz-qt-faq-i summary:hover {
  color: var(--bz-lime-ink);
}
.bz-qt-faq-i summary:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-qt-faq-i p {
  max-width: 860px;
  margin: 0;
  padding: 0 4px 18px;
  color: var(--bz-tx2);
}
.bz-qt-more {
  margin-top: 16px;
}
/* svetlá téma */
body.theme-light .bz-qt .form-control,
body.theme-light .bz-qt .form-select {
  border-color: #B9B1D8;
  background-color: var(--bz-bg);
}
body.theme-light .bz-qt .form-control:focus,
body.theme-light .bz-qt .form-select:focus {
  border-color: var(--bz-vtx);
  background-color: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(84, 67, 160, 0.25);
}
body.theme-light .bz-qt-preset,
body.theme-light .bz-qt-format,
body.theme-light .bz-qt-bm,
body.theme-light .bz-qt-note {
  background: var(--bz-bg);
}
body.theme-light .bz-qt-preset[aria-pressed="true"] {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: #16112D;
}
body.theme-light .bz-qt-format input {
  accent-color: #4F5E00;
}
body.theme-light .bz-qt-seg-btn:has(input:checked) {
  background: var(--bz-lime);
  color: #16112D;
}
body.theme-light .bz-qt .invalid-feedback {
  color: #A00E0E;
}
@media screen and (max-width: 991.98px) {
  .bz-qt-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-qt-pre,
  .bz-qt-side {
    position: static;
  }
  .bz-qt-feat {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (max-width: 575.98px) {
  .bz-qt {
    padding-top: 20px;
  }
  .bz-qt-card {
    padding: 20px 16px;
  }
  .bz-qt-row,
  .bz-qt-formats,
  .bz-qt-feat {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-qt-presets {
    width: 100%;
  }
  .bz-qt-preset {
    flex: 1;
    min-width: 0;
  }
  .bz-qt-custom {
    width: 100%;
  }
  .bz-qt-qr {
    align-items: flex-start;
  }
  .bz-qt-qr img {
    width: 112px;
    height: 112px;
  }
  .bz-qt-acts .btn.bz-ev-btn {
    flex: 1 1 auto;
  }
  .bz-qt-faq-i summary {
    font-size: 16px;
  }
}

/* ---------- Kontakt (redizajn 2026, mockup Kontakt.dc.html) ----------
   Site/@contact.latte (hlavička .bz-disc-head) + shortcode [contact] (_/Contact/contactForm.latte). Polia, karta a tlačidlo
   sú rovnaké ako v Rýchlom turnaji (.bz-qt-*), tu len rozloženie, témy a kontaktné karty. */
.bz-ct-head {
  padding-bottom: 36px;
}
.bz-ct {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  align-items: start;
  gap: 28px;
  margin-bottom: 72px;
}
.bz-ct-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.bz-ct-topic {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-bg);
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
}
.bz-ct-topic:hover {
  border-color: var(--bz-vtx);
}
.bz-ct-topic:has(input:checked) {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: #16112D;
}
.bz-ct-topic:has(input:focus-visible) {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-ct-alert {
  margin: 14px 0 0;
}
.bz-ct-note {
  text-align: center;
}
.bz-ct-ok {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 28px 0 12px;
  text-align: center;
}
.bz-ct-hex {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 80px;
  margin-bottom: 8px;
  background: var(--bz-lime);
  color: #16112D;
  font-size: 30px;
  clip-path: var(--bz-hex);
}
.bz-ct-ok .bz-qt-lead {
  max-width: 420px;
}
.bz-ct-cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
}
.bz-ct-card {
  display: flex;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-ct-card > .fa,
.bz-ct-card > .fa-brands {
  flex: 0 0 auto;
  width: 24px;
  margin-top: 3px;
  color: var(--bz-lime-ink);
  font-size: 20px;
  text-align: center;
}
.bz-ct-card > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-width: 0;
}
.bz-ct-card b {
  font-size: 17px;
}
.bz-ct-card span {
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-ct-card a:not(.btn) {
  color: var(--bz-vtx);
  font-size: 16px;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.bz-ct-card a:not(.btn):hover {
  text-decoration: underline;
}
.btn.bz-ev-btn.bz-ct-btn {
  min-height: 38px;
  margin-top: 8px;
  font-size: 13px;
}
body.theme-light .bz-ct-topic {
  background: var(--bz-bg);
}
body.theme-light .bz-ct-topic:has(input:checked) {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: #16112D;
}
@media screen and (max-width: 991.98px) {
  .bz-ct {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media screen and (max-width: 575.98px) {
  .bz-ct-topic {
    flex: 1 1 calc(50% - 8px);
    justify-content: center;
    padding: 0 10px;
  }
  .bz-ct-card {
    padding: 16px;
  }
}

/* ---------- Návody / FAQ (redizajn 2026, mockup Navody.dc.html) ----------
   Site/@faq.latte (hlavička .bz-disc-head + vyhľadávanie) + shortcode [faq] (_/Faq/viewFaq.latte). Vľavo sticky zoznam tém
   (navigácia, aktuálna téma .is-active), vpravo všetky otázky; kotvy #faq-* majú odsadenie pod pevnú hlavičku stránky. */
.bz-faq-head {
  padding-bottom: 36px;
}
.bz-faq-search {
  display: flex;
  max-width: 640px;
  margin-top: 24px;
}
.bz-faq {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: start;
  gap: 36px;
  padding: 32px 0 72px;
  color: var(--bz-tx);
}
.bz-faq-nav {
  position: sticky;
  top: 96px;
}
.bz-faq-nav ul {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
}
.bz-faq-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 12px;
  border-left: 3px solid transparent;
  border-radius: 0 var(--bz-radius-sm) var(--bz-radius-sm) 0;
  color: var(--bz-tx2);
  font-size: 16px;
  font-weight: 600;
}
.bz-faq-nav a .fa {
  width: 18px;
  color: var(--bz-tx3);
  text-align: center;
}
.bz-faq-nav a span {
  flex: 1 1 auto;
}
.bz-faq-nav a b {
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 600;
}
.bz-faq-nav a:hover {
  background: var(--bz-s1);
  color: var(--bz-tx);
}
.bz-faq-nav li.is-active a {
  border-left-color: var(--bz-lime-ink);
  background: var(--bz-s1);
  color: var(--bz-tx);
}
.bz-faq-nav li.is-active a .fa {
  color: var(--bz-lime-ink);
}
.bz-faq-nav a:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-faq-nav.is-empty {
  visibility: hidden;
}
.bz-faq-sec {
  scroll-margin-top: 24px;
}
.bz-faq-sec + .bz-faq-sec {
  margin-top: 44px;
}
.bz-faq-h {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 14px;
  font-size: clamp(26px, 2.6vw, 34px);
  line-height: 1.05;
  text-transform: uppercase;
}
.bz-faq-h .fa {
  color: var(--bz-lime-ink);
  font-size: 0.7em;
}
.bz-faq-list {
  border-top: 1px solid var(--bz-bd);
}
.bz-faq-i {
  border-bottom: 1px solid var(--bz-bd);
  scroll-margin-top: 24px;
}
.bz-faq-q {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 18px 4px;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
}
.bz-faq-q .fa {
  flex: 0 0 auto;
  color: var(--bz-lime-ink);
  transition: transform 0.15s ease;
}
.bz-faq-i.is-open .bz-faq-q .fa {
  transform: rotate(45deg);
}
.bz-faq-q:hover,
.bz-faq-i.is-open .bz-faq-q {
  color: var(--bz-lime-ink);
}
.bz-faq-q:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: -3px;
  border-radius: var(--bz-radius-sm);
}
.bz-faq-a {
  max-width: 860px;
  padding: 0 4px 18px;
  color: var(--bz-tx2);
  font-size: 16px;
}
.bz-faq-a p {
  margin: 0;
}
.bz-faq-src {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  padding: 3px 10px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  color: var(--bz-tx3);
  font-size: 13px;
  font-weight: 600;
}
.bz-faq-empty {
  margin: 0;
  padding: 24px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  color: var(--bz-tx2);
  text-align: center;
}
.bz-faq-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  margin-top: 44px;
  padding: 22px 26px;
  border: 1px solid var(--bz-bd);
  border-radius: 16px;
  background: var(--bz-s1);
}
.bz-faq-cta b {
  font-size: 20px;
  text-transform: uppercase;
}
.bz-faq-cta p {
  margin: 4px 0 0;
  color: var(--bz-tx3);
  font-size: 15px;
}
.btn.bz-faq-cta-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%);
}
@media (prefers-reduced-motion: reduce) {
  .bz-faq-q .fa {
    transition: none;
  }
}
@media screen and (max-width: 991.98px) {
  /* na mobile/tablete: témy ako vodorovne posúvateľný pás nad otázkami */
  .bz-faq {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
    padding-top: 20px;
  }
  .bz-faq-nav {
    position: static;
    margin: 0 -12px;
  }
  .bz-faq-nav ul {
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    padding: 0 12px 6px;
  }
  .bz-faq-nav a {
    min-height: 40px;
    padding: 6px 14px;
    border: 1px solid var(--bz-bd);
    border-radius: var(--bz-radius-pill);
    background: var(--bz-s1);
    white-space: nowrap;
  }
  .bz-faq-nav li.is-active a {
    border-color: var(--bz-lime-ink);
  }
  .bz-faq-q {
    font-size: 16px;
  }
}

/* ---------- Prihlásenie / Registrácia / Obnova hesla (redizajn 2026, mockup Prihlasenie.dc.html) ----------
   Zone/templates/@auth.latte: vľavo tmavá scéna s maskotom (.bz-dz), vpravo formulár; na mobile len formulár.
   Polia ako v ostatných redizajnovaných formulároch (.bz-qt / .bz-ap): okraj #4B4190, pozadie --bz-s2, výrazný fokus. */
.bz-auth {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  min-height: 100vh;
  background: var(--bz-bg);
  color: var(--bz-tx);
}
.bz-auth-art {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  overflow: hidden;
  padding: 36px 40px 48px;
  background:
    radial-gradient(60% 70% at 30% 35%, rgba(103, 85, 176, 0.5) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-auth-art .bz-home-hero-pattern {
  z-index: 0;
}
.bz-auth-logo,
.bz-auth-art-copy {
  position: relative;
  z-index: 2;
}
.bz-auth-mascot {
  position: absolute;
  z-index: 0;
  right: -6%;
  bottom: 0;
  width: auto;
  max-width: 88%;
  height: 72%;
  object-fit: contain;
  object-position: right bottom;
  pointer-events: none;
}
/* text vľavo dole nad maskotom - tmavý prechod, aby bol čitateľný */
.bz-auth-art::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  left: 0;
  height: 55%;
  background: linear-gradient(180deg, rgba(22, 17, 45, 0) 0%, rgba(22, 17, 45, 0.78) 45%, rgba(22, 17, 45, 0.96) 100%);
  pointer-events: none;
}
.bz-auth-logo img {
  display: block;
  height: auto;
}
.bz-auth-art-copy {
  max-width: 480px;
}
.bz-auth-art-title {
  margin: 0;
  font-size: clamp(44px, 4.6vw, 72px);
  font-weight: 700;
  line-height: 0.95;
  text-transform: uppercase;
}
.bz-auth-art-title span {
  display: block;
  color: var(--bz-lime);
}
.bz-auth-art-lead {
  margin: 16px 0 0;
  color: #C3BEE0;
  font-size: 18px;
}
.bz-auth-side {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 32px 40px 48px;
}
.bz-auth-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
.bz-auth-logo.is-mobile {
  display: none;
  margin-right: auto;
}
.bz-auth-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--bz-tx2);
  font-size: 15px;
  font-weight: 700;
}
.bz-auth-back:hover {
  color: var(--bz-tx);
}
.bz-auth-back:focus-visible,
.bz-auth-link:focus-visible,
.bz-auth-alt a:focus-visible,
.bz-auth-oauth-btn:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-auth-box {
  width: 100%;
  max-width: 440px;
  margin: auto;
  padding: 40px 0;
}
.bz-auth-box:has(#frm-controlRegister-form) {
  max-width: 560px;
}
.bz-auth-title {
  margin: 0;
  font-size: clamp(34px, 3.4vw, 46px);
  line-height: 1;
  text-transform: uppercase;
}
.bz-auth-sub {
  margin: 10px 0 0;
  color: var(--bz-tx2);
  font-size: 17px;
}
.bz-auth .form {
  margin-top: 22px;
}
.bz-auth .form > .row {
  --bs-gutter-y: 16px;
}
/* chyba formulára (napr. "Nesprávna prezývka alebo heslo") */
.bz-auth .alert-danger {
  margin: 0;
  padding: 12px 16px;
  border: 1px solid rgba(220, 53, 69, 0.55);
  border-radius: var(--bz-radius);
  background: rgba(220, 53, 69, 0.12);
  color: var(--bz-live-text);
  font-size: 15px;
}
.bz-auth .alert-danger p {
  margin: 0;
}
.bz-auth-oauth {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 22px;
}
.bz-auth-form .bz-auth-oauth {
  margin-top: 0;
}
.bz-auth-oauth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-size: 17px;
  font-weight: 700;
}
.bz-auth-oauth-btn:hover {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-auth-oauth-btn .fa-brands {
  font-size: 18px;
}
.bz-auth-or {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 18px 0 4px;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-auth-or::before,
.bz-auth-or::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: var(--bz-bd);
}
.bz-auth-fl {
  margin-top: 16px;
}
.bz-auth-fl-h {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.bz-auth .form-label {
  margin-bottom: 8px;
  color: var(--bz-tx);
  font-size: 15px;
  font-weight: 700;
}
.bz-auth-link,
.bz-auth .float-end {
  color: var(--bz-vtx);
  font-size: 14px;
  font-weight: 700;
}
.bz-auth .form-control,
.bz-auth .form-select {
  min-height: 50px;
  border: 1px solid #4B4190;
  border-radius: var(--bz-radius-sm);
  background-color: var(--bz-s2);
  color: var(--bz-tx);
  font-size: 16px;
}
.bz-auth .form-control::placeholder {
  color: var(--bz-tx3);
}
.bz-auth .form-control:hover,
.bz-auth .form-select:hover {
  border-color: var(--bz-vtx);
}
.bz-auth .form-control:focus,
.bz-auth .form-select:focus {
  border-color: var(--bz-lime-ink);
  background-color: var(--bz-s2);
  color: var(--bz-tx);
  box-shadow: 0 0 0 3px rgba(214, 255, 2, 0.25);
}
.bz-auth .form-control.is-invalid,
.bz-auth .form-select.is-invalid {
  border-color: #dc3545;
}
.bz-auth .invalid-feedback {
  color: var(--bz-live-text);
  font-size: 14px;
}
/* staršie polia registrácie / obnovy hesla s ikonou (input-group z Domain šablón) */
.bz-auth .input-group-text {
  border: 1px solid #4B4190;
  border-right: 0;
  background: var(--bz-s2);
  color: var(--bz-tx3);
}
.bz-auth .input-group .form-control {
  border-left: 0;
}
.bz-auth .form-check-input {
  border-color: #4B4190;
  background-color: var(--bz-s2);
}
.bz-auth .form-check-input:checked {
  border-color: var(--bz-lime);
  background-color: var(--bz-lime);
}
.bz-auth .form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(214, 255, 2, 0.25);
}
.bz-auth .form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2316112D'/%3e%3c/svg%3e");
}
.bz-auth .form-check-label {
  color: var(--bz-tx2);
  font-size: 15px;
}
.bz-auth-pw {
  position: relative;
}
.bz-auth-pw .form-control {
  padding-right: 52px;
}
.bz-auth-eye {
  position: absolute;
  top: 50%;
  right: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--bz-radius-sm);
  background: transparent;
  color: var(--bz-tx3);
  transform: translateY(-50%);
}
.bz-auth-eye:hover {
  color: var(--bz-tx);
}
.bz-auth-eye:focus-visible {
  outline: 3px solid var(--bz-focus);
  outline-offset: -3px;
}
.bz-auth-check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  color: var(--bz-tx2);
  font-size: 15px;
  cursor: pointer;
}
.bz-auth-check .form-check-input {
  width: 20px;
  height: 20px;
  margin: 0;
}
.bz-auth-submit {
  margin-top: 22px;
}
.btn.bz-auth-go {
  width: 100%;
  min-height: 54px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-auth-alt {
  margin: 16px 0 0;
  color: var(--bz-tx2);
  font-size: 15px;
  text-align: center;
}
.bz-auth-alt a {
  color: var(--bz-vtx);
  font-weight: 700;
  text-decoration: underline;
}
/* svetlá téma (ľavá scéna ostáva tmavá - .bz-dz) */
body.theme-light .bz-auth .form-control,
body.theme-light .bz-auth .form-select,
body.theme-light .bz-auth .input-group-text,
body.theme-light .bz-auth .form-check-input:not(:checked) {
  border-color: #B9B1D8;
  background-color: #FFFFFF;
}
body.theme-light .bz-auth .form-control:focus,
body.theme-light .bz-auth .form-select:focus {
  border-color: var(--bz-vtx);
  background-color: #FFFFFF;
  box-shadow: 0 0 0 3px rgba(84, 67, 160, 0.25);
}
body.theme-light .bz-auth .alert-danger {
  color: #A00E0E;
}
body.theme-light .bz-auth .invalid-feedback {
  color: #A00E0E;
}
body.theme-light .bz-auth-oauth-btn {
  background: #FFFFFF;
}
@media screen and (max-width: 991.98px) {
  .bz-auth {
    grid-template-columns: minmax(0, 1fr);
  }
  .bz-auth-art {
    display: none;
  }
  .bz-auth-side {
    padding: 16px 20px 40px;
  }
  .bz-auth-top {
    padding-bottom: 16px;
    border-bottom: 1px solid var(--bz-bd);
  }
  .bz-auth-logo.is-mobile {
    display: block;
  }
  .bz-auth-box {
    margin: 0 auto;
    padding: 28px 0 0;
  }
}

/* Rebríčky (Leaderboards/default.latte, gamifikácia Fáza 3) - rebríčky používajú triedy homepage (.bz-podium / .bz-lb-list),
   tu len iniciály hráča namiesto loga (rebríček XP nemá fotky) a odsadenie sekcií. */
.bz-podium-logo.is-ini,
.bz-lb-logo.is-ini {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--bz-tx);
  font-weight: 700;
}
.bz-podium-logo.is-ini {
  font-size: 22px;
}
.is-p1 .bz-podium-logo.is-ini {
  font-size: 26px;
}
.bz-lb-logo.is-ini {
  flex: none;
  font-size: 12px;
}
.bz-lbp-sec {
  scroll-margin-top: 90px;
}
.bz-lbp-sec + .bz-lbp-sec {
  margin-top: 8px;
}
.bz-lbp-note {
  margin: 16px 0 0;
  color: var(--bz-tx3);
  font-size: var(--bz-fs-caption);
}
.bz-lbp-note .fa {
  margin-right: 4px;
  color: var(--bz-vtx);
}
.bz-lbp-sec .bz-home-sec-head > div {
  min-width: 0;
  flex: 1 1 280px;
}
.bz-lbp-sec .bz-tab .fa,
.bz-disc-head .bz-tab .fa {
  margin-right: 6px;
}

/* Odznaky hráča (gamifikácia, Fáza 3; Player/read.latte) - ikony v chipe pri leveli a záložka Odznaky. Hero je tmavý. */
.bz-ev-chip.is-badges {
  gap: 8px;
  color: #FFC24D;
  text-decoration: none;
}
.bz-ev-chip.is-badges:hover {
  border-color: rgba(255, 194, 77, 0.55);
  color: #FFC24D;
}
.bz-ev-chip.is-badges span {
  color: #C3BEE0;
}
.bz-pl-badges {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 12px;
  margin: 0;
}
.bz-pl-badge {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  background: var(--bz-s1);
}
.bz-pl-badge-ico {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 50px;
  clip-path: var(--bz-hex);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 18px;
}
.bz-pl-badge-txt {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 2px;
}
.bz-pl-badge-txt b {
  color: var(--bz-tx);
}
.bz-pl-badge-txt small {
  color: var(--bz-tx2);
  font-size: var(--bz-fs-caption);
}
.bz-pl-badge-txt time {
  color: var(--bz-tx3);
  font-size: 13px;
}
/* Registrácia - pozvanie kamarátom (?ref=, Fáza 3) */
.bz-auth-invite {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 16px;
  padding: 10px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-sm);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-weight: 600;
}
.bz-auth-invite .fa {
  color: var(--bz-lime-ink);
}

/* ---------- Textové CMS stránky, Blog a detail článku - redizajn 2026 bez vlastného mockupu ----------
   Site/@doc.latte (stránky bez zoznamov: Obchodné podmienky, Ochrana osobných údajov, Pre médiá...), Site/@blog.latte
   (shortcode [articles], karty .bz-acard v _/Article/listPaginatedArticles.latte) a Article/read.latte. Hlavička = .bz-disc-head
   (ako Kontakt / Návody), obsah z CMS sa nemení - len typografia okolo neho (.bz-doc), farby z tokenov --bz-* (dark aj light).
   Starší obsah s natvrdo vloženými tmavými farbami (style="...") dostane obal .bz-doc-legacy.bz-dz - vo svetlej téme tmavý
   panel, aby ostal čitateľný (read.latte). */
.bz-doc-head {
  padding-bottom: 36px;
}
.bz-doc-head .bz-disc-title {
  max-width: 1100px;
  font-size: clamp(40px, 6vw, 84px);
  overflow-wrap: break-word;
}
.bz-doc {
  max-width: 880px;
  margin: 8px auto 0;
  color: var(--bz-tx2);
  font-size: 17px;
  line-height: 1.65;
}
#content .bz-doc .box {
  padding: 24px 28px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-doc h2 {
  margin: 0;
  color: var(--bz-tx);
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
.bz-doc h3 {
  margin: 0;
  color: var(--bz-vtx);
  font-size: 19px;
  font-weight: 700;
  line-height: 1.2;
}
.bz-doc p,
.bz-doc li {
  color: var(--bz-tx2);
}
.bz-doc p:last-child {
  margin-bottom: 0;
}
.bz-doc ol,
.bz-doc ul {
  display: grid;
  gap: 6px;
  margin-bottom: 0.75rem;
  padding-left: 1.4em;
}
.bz-doc li::marker {
  color: var(--bz-vtx);
  font-weight: 700;
}
.bz-doc b,
.bz-doc strong {
  color: var(--bz-tx);
}
.bz-doc a {
  color: var(--bz-vtx);
  text-decoration: underline;
  text-underline-offset: 3px;
  overflow-wrap: anywhere;
}
.bz-doc a:hover,
.bz-doc a:focus {
  color: var(--bz-tx);
}
.bz-doc img {
  max-width: 100%;
  height: auto;
}
.bz-doc .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--bz-tx2);
  --bs-table-border-color: var(--bz-bd);
  margin-bottom: 0;
  font-size: 15px;
}
.bz-doc .table th {
  color: var(--bz-tx);
}
body.theme-light .bz-doc-legacy {
  padding: 28px;
  border-radius: var(--bz-radius-lg);
  background: #16112D;
}
/* Blog - CMS obsah je "<div class="box">[articles]</div>", rámik zoznamu nahrádzajú karty */
#content .bz-blog > .box {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}
.bz-agrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
}
.bz-acard {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  color: var(--bz-tx);
  transition: transform 0.18s ease, border-color 0.18s ease;
}
.bz-acard:hover,
.bz-acard:focus-within {
  border-color: var(--bz-vtx);
  transform: translateY(-4px);
}
.bz-acard:has(.bz-acard-link:focus-visible) {
  outline: 3px solid var(--bz-focus);
  outline-offset: 2px;
}
.bz-acard-img {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #2A2257 0%, #16112D 70%);
}
.bz-acard-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.bz-acard:hover .bz-acard-img img {
  transform: scale(1.04);
}
.bz-acard-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  padding: 18px 18px 20px;
}
.bz-acard-cat {
  color: var(--bz-vtx);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-acard-title {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  font-size: 22px;
  line-height: 1.1;
  text-transform: uppercase;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bz-acard-link,
.bz-acard-link:hover,
.bz-acard-link:focus {
  color: var(--bz-tx);
}
/* celá karta klikateľná cez odkaz v nadpise */
.bz-acard-link::after {
  content: '';
  position: absolute;
  inset: 0;
}
.bz-acard-link:focus-visible {
  outline: none;
}
.bz-acard-text {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: var(--bz-tx2);
  font-size: 15px;
  line-height: 1.5;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.bz-acard-meta {
  margin: auto 0 0;
  padding-top: 4px;
  color: var(--bz-tx3);
  font-size: 14px;
}
/* detail článku */
.bz-art-head .bz-disc-title {
  font-size: clamp(34px, 4.6vw, 64px);
  line-height: 0.98;
}
.bz-art-cat {
  display: inline-flex;
  margin-bottom: 14px;
  padding: 4px 12px;
  border-radius: var(--bz-radius-pill);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.bz-art-meta {
  margin: 14px 0 0;
  color: #C3BEE0;
  font-size: 16px;
}
.bz-art {
  max-width: 960px;
  margin: 0 auto;
}
.bz-art-banner {
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
}
.bz-art-banner img {
  display: block;
  width: 100%;
  height: auto;
}
.bz-art-body {
  max-width: 760px;
}
.bz-art-back {
  max-width: 760px;
  margin: 32px auto 0;
}
@media screen and (max-width: 575.98px) {
  /* CMS obsah (Turnaje, Ligy, landing stránky športov, Firemné turnaje...) používa .row.g-5 - jeho záporné okraje (-1.5rem)
     boli na mobile širšie ako odsadenie kontajnera a stránka pretekala do strany; menšia vodorovná medzera, zvislá ostáva */
  #content .row.g-5 {
    --bs-gutter-x: 1.5rem;
  }
  .bz-doc {
    font-size: 16px;
  }
  #content .bz-doc .box {
    padding: 18px;
  }
  .bz-doc h2 {
    font-size: 22px;
  }
  body.theme-light .bz-doc-legacy {
    padding: 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .bz-acard,
  .bz-acard-img img {
    transition: none;
  }
  .bz-acard:hover,
  .bz-acard:focus-within,
  .bz-acard:hover .bz-acard-img img {
    transform: none;
  }
}
/* Obsahové bloky CMS (.bz-c-*) - náhrada natvrdo vložených inline farieb v článkoch a na stránke Pre médiá (čistý HTML
   vkladaný v Administrácii). Len vnútri .bz-doc, farby z tokenov --bz-* -> rovnaký obsah v tmavej aj svetlej téme. */
.bz-doc hr {
  margin: 1.75rem 0;
  border: 0;
  border-top: 1px solid var(--bz-bd);
  opacity: 1;
}
.bz-doc .bz-c-hero {
  margin-bottom: 10px;
  color: var(--bz-tx);
  font-size: 42px;
}
.bz-doc .bz-c-lead {
  margin-bottom: 40px;
  font-size: 18px;
}
.bz-doc .bz-c-h {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 0.75rem;
  font-size: 20px;
}
.bz-doc .bz-c-h.is-gap {
  margin-top: 2.5rem;
}
.bz-doc .bz-c-hnum {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 13px;
}
.bz-doc .ico {
  margin-right: 8px;
}
.bz-doc .bz-c-hemoji {
  margin-right: 10px;
  font-size: 18px;
}
.bz-doc .bz-c-display {
  color: var(--bz-tx);
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
}
.bz-doc .bz-c-box {
  margin-bottom: 12px;
  padding: 18px 20px;
  border: 1px solid var(--bz-bd);
  border-radius: 14px;
  background: var(--bz-s1);
}
.bz-doc .bz-c-grid > .bz-c-box {
  margin-bottom: 0;
}
.bz-doc h2 + .bz-c-grid,
.bz-doc h2 + .bz-c-box {
  margin-top: 14px;
}
.bz-doc .bz-c-box > h3 {
  margin-bottom: 8px;
}
.bz-doc .bz-c-box > p:not(:last-child) {
  margin-bottom: 14px;
}
.bz-doc .bz-c-box.is-sm {
  margin-bottom: 0;
  padding: 14px 16px;
  border-radius: 12px;
}
.bz-doc .bz-c-box.is-lime {
  border-color: rgba(214, 255, 2, 0.35);
  background: rgba(214, 255, 2, 0.08);
}
.bz-doc .bz-c-box.is-purple {
  border-color: rgba(170, 80, 255, 0.35);
  background: rgba(170, 80, 255, 0.06);
}
.bz-doc .bz-c-media {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.bz-doc .bz-c-hrow {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 10px;
  padding: 14px 18px;
}
.bz-doc .bz-c-list {
  padding: 4px 16px;
  border: 1px solid var(--bz-bd);
  border-radius: 14px;
  background: var(--bz-s1);
}
.bz-doc .bz-c-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-doc .bz-c-row.is-tight {
  gap: 12px;
  padding: 8px 0;
}
.bz-doc .bz-c-row.is-top {
  align-items: flex-start;
  gap: 12px;
}
.bz-doc .bz-c-pad {
  padding: 14px 0;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-doc .bz-c-row.is-flat,
.bz-doc .bz-c-pad.is-flat {
  border-bottom: 0;
}
.bz-doc .bz-c-grow {
  flex: 1;
  min-width: 0;
}
.bz-doc .bz-c-wrap,
.bz-doc .bz-c-tiles {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.bz-doc .bz-c-tiles {
  align-items: stretch;
  margin: 18px 0 4px;
}
.bz-doc .bz-c-tile {
  flex: 1;
  min-width: 120px;
  padding: 12px 14px;
  border: 1px solid var(--bz-bd);
  border-radius: 10px;
  background: var(--bz-s1);
  text-align: center;
}
.bz-doc .bz-c-grid,
.bz-doc .bz-c-grid3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 20px;
}
.bz-doc .bz-c-grid3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 1.5rem 0;
}
.bz-doc .bz-c-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 5px 10px;
  border: 1px solid var(--bz-bd);
  border-radius: 8px;
  background: var(--bz-s2);
}
.bz-doc .bz-c-statnum,
.bz-doc .bz-c-num {
  color: var(--bz-lime-ink);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}
.bz-doc .bz-c-num {
  font-size: 16px;
}
.bz-doc .bz-c-statnum.is-l {
  font-size: 17px;
}
.bz-doc .bz-c-num.is-m {
  font-size: 21px;
}
.bz-doc .bz-c-num.is-l {
  font-size: 24px;
}
.bz-doc .bz-c-statnum.is-purple {
  color: #9B4FE0;
}
.bz-doc .bz-c-statnum.is-blue {
  color: #2E8BD8;
}
.bz-doc .bz-c-val {
  color: var(--bz-tx);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.bz-doc .bz-c-val.is-m {
  font-size: 20px;
}
.bz-doc .bz-c-val.is-soft {
  color: var(--bz-tx2);
}
.bz-doc .bz-c-time {
  min-width: 56px;
  text-align: center;
}
.bz-doc .bz-c-strong {
  color: var(--bz-tx);
  font-size: 16px;
  font-weight: 600;
}
.bz-doc .bz-c-title {
  color: var(--bz-tx);
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.bz-doc .bz-c-text {
  color: var(--bz-tx2);
  font-size: 15px;
  line-height: 1.6;
}
.bz-doc .bz-c-meta,
.bz-doc .bz-c-label {
  color: var(--bz-tx3);
  font-size: 12px;
  font-weight: 400;
}
.bz-doc .bz-c-meta.is-13 {
  font-size: 13px;
}
.bz-doc .bz-c-meta.is-14 {
  font-size: 14px;
}
.bz-doc .bz-c-meta.is-15 {
  font-size: 15px;
  font-weight: 600;
}
.bz-doc .bz-c-meta.is-lime {
  color: var(--bz-lime-ink);
}
.bz-doc .bz-c-label {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.bz-doc .bz-c-tile .bz-c-label {
  margin-top: 3px;
}
.bz-doc .bz-c-note {
  color: var(--bz-tx3);
  font-size: 13px;
  line-height: 1.6;
}
.bz-doc .bz-c-tile-title {
  margin-bottom: 4px;
  color: var(--bz-tx);
  font-size: 14px;
  font-weight: 700;
}
.bz-doc .bz-c-tile-text {
  color: var(--bz-tx3);
  font-size: 13px;
  line-height: 1.5;
}
.bz-doc .bz-c-emoji {
  margin-bottom: 6px;
  font-size: 22px;
}
.bz-doc .bz-c-lime {
  color: var(--bz-lime-ink);
}
.bz-doc .bz-c-u {
  text-decoration: underline;
}
.bz-doc .bz-c-badge,
.bz-doc .bz-c-tag,
.bz-doc .bz-c-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 10px;
  border: 1px solid var(--bz-bd);
  border-radius: 6px;
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.bz-doc .bz-c-badge.is-lime {
  border-color: rgba(214, 255, 2, 0.4);
  background: rgba(214, 255, 2, 0.12);
  color: var(--bz-lime-ink);
}
.bz-doc .bz-c-badge.is-red {
  border-color: rgba(192, 57, 43, 0.4);
  background: rgba(192, 57, 43, 0.12);
  color: #E0524A;
}
.bz-doc .bz-c-badge.is-blue {
  border-color: rgba(26, 106, 177, 0.4);
  background: rgba(26, 106, 177, 0.12);
  color: #2E8BD8;
}
.bz-doc .bz-c-kicker {
  margin-bottom: 12px;
}
.bz-doc .bz-c-tag {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
.bz-doc .bz-c-chip {
  padding: 2px 7px;
  border: 0;
  border-radius: 4px;
  font-weight: 400;
  letter-spacing: 0.06em;
}
.bz-doc .bz-c-chip.is-purple {
  background: rgba(170, 80, 255, 0.15);
  color: #9B4FE0;
}
.bz-doc .bz-c-ico,
.bz-doc .bz-c-step {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 14px;
}
.bz-doc .bz-c-step {
  width: 26px;
  height: 26px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 700;
}
.bz-doc .bz-c-step.is-sm {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  font-size: 13px;
}
.bz-doc .bz-c-step.is-lime {
  background: rgba(214, 255, 2, 0.15);
  color: var(--bz-lime-ink);
}
.bz-doc .bz-c-thumb {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 105px;
  overflow: hidden;
  border: 1px solid var(--bz-bd);
  border-radius: 10px;
  /* tmavé pozadie ostáva v oboch témach - rendery zbraní sú pripravené na tmavý podklad */
  background: radial-gradient(ellipse at center, #2A2257 0%, #110D24 100%);
}
.bz-doc .bz-c-thumb.is-purple {
  background: radial-gradient(ellipse at center, #3A2266 0%, #110D24 100%);
}
.bz-doc .bz-c-thumb-img {
  width: 100%;
  height: 100%;
  padding: 8px;
  object-fit: contain;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.8));
}
.bz-doc .bz-c-dots {
  margin: 0.5rem 0 1rem;
  padding: 0;
  list-style: none;
}
.bz-doc .bz-c-dots li {
  position: relative;
  padding: 6px 0 6px 20px;
  border-bottom: 1px solid var(--bz-bd);
  font-size: 15px;
  line-height: 1.6;
}
.bz-doc .bz-c-dots li.is-flat {
  border-bottom: 0;
}
.bz-doc .bz-c-dot {
  position: absolute;
  top: 14px;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bz-lime-ink);
}
.bz-doc .bz-c-img {
  width: 100%;
  height: auto;
  border-radius: var(--bz-radius-lg);
}
.bz-doc .bz-c-shot {
  width: 100%;
  max-width: 360px;
  height: auto;
}
.bz-doc .bz-c-link {
  color: var(--bz-lime-ink);
  font-weight: 600;
  text-decoration: none;
}
.bz-doc .bz-c-link:hover,
.bz-doc .bz-c-link:focus {
  color: var(--bz-tx);
}
.bz-doc .bz-c-cta {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 30px;
  border-radius: 18px;
  background: var(--bz-lime);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.25);
  color: var(--bz-on-lime);
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.08em;
  text-decoration: none;
  text-transform: uppercase;
}
.bz-doc .bz-c-cta:hover,
.bz-doc .bz-c-cta:focus {
  color: var(--bz-on-lime);
  filter: brightness(1.05);
}
.bz-doc .bz-c-cta-ico {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  transform: translateY(-1px);
}
@media screen and (max-width: 575.98px) {
  .bz-doc .bz-c-grid3 {
    grid-template-columns: 1fr;
  }
  .bz-doc .bz-c-media {
    flex-direction: column;
  }
  .bz-doc .bz-c-hero,
  .bz-doc .bz-c-display {
    font-size: 30px;
  }
  .bz-doc .bz-c-cta {
    gap: 10px;
    padding: 14px 20px;
    font-size: 18px;
  }
}

/* ---------- Platba (Web:Payment:read) - redizajn 2026: karta so súhrnom platby pod zdieľanou hlavičkou Site/_head.latte.
   Platobný formulár je na Stripe (Checkout), toto je len Blyzer obal. Len --bz-* tokeny (tmavá aj svetlá téma). ---------- */
.bz-pay {
  max-width: 720px;
  margin: 8px auto 0;
  padding: 24px 28px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
  color: var(--bz-tx);
}
.bz-pay-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  flex-wrap: wrap;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-pay-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s2);
  color: var(--bz-tx2);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}
.bz-pay-chip::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: currentColor;
}
.bz-pay-chip.is-pending {
  border-color: rgba(255, 176, 32, .5);
  color: #E59A12;
}
.bz-pay-chip.is-paid {
  border-color: var(--bz-lime);
  background: var(--bz-lime);
  color: var(--bz-on-lime);
}
.bz-pay-chip.is-refunded {
  color: var(--bz-vtx);
}
.bz-pay-chip.is-canceled,
.bz-pay-chip.is-expired {
  color: var(--bz-tx3);
}
.bz-pay-amount {
  text-align: right;
}
.bz-pay-amount small {
  display: block;
  color: var(--bz-tx3);
  font-size: 13px;
  text-transform: uppercase;
}
.bz-pay-amount b {
  font-size: 34px;
  line-height: 1;
}
.bz-pay-rows {
  display: grid;
  gap: 0;
  margin: 0;
}
.bz-pay-rows > div {
  display: grid;
  grid-template-columns: minmax(120px, 34%) minmax(0, 1fr);
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-pay-rows dt {
  color: var(--bz-tx3);
  font-weight: 600;
}
.bz-pay-rows dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 600;
}
.bz-pay-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
.bz-pay-acts .btn .fa {
  margin-right: 6px;
}
.bz-pay-note {
  margin: 12px 0 0;
  color: var(--bz-tx3);
  font-size: 14px;
}
.bz-pay-note .fa {
  margin-right: 4px;
}
@media screen and (max-width: 575.98px) {
  .bz-pay {
    padding: 18px;
  }
  .bz-pay-amount {
    text-align: left;
  }
  .bz-pay-rows > div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .bz-pay-acts .btn {
    width: 100%;
  }
}

/* ---------- Funkcie (shortcode [features], ViewFeaturesControl, Site/@features.latte) - redizajn 2026 bez vlastného
   mockupu: rýchle odkazy na kategórie, sekcie s ikonou a mriežkou kariet, výzva na konci. Len --bz-* tokeny. ---------- */
.bz-fx {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-top: 8px;
}
.bz-fx > * {
  min-width: 0;
}
.bz-fx-jump {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  max-width: 100%;
}
.bz-fx-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-pill);
  background: var(--bz-s1);
  color: var(--bz-tx);
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.bz-fx-chip .fa {
  color: var(--bz-vtx);
}
.bz-fx-chip:hover,
.bz-fx-chip:focus-visible {
  border-color: var(--bz-vtx);
  color: var(--bz-tx);
}
.bz-fx-sect {
  scroll-margin-top: 96px;
}
.bz-fx-sect-h {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.bz-fx-ico {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 58px;
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font-size: 22px;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.bz-fx-sect-h h2 {
  margin: 0;
  color: var(--bz-tx);
  font-size: 30px;
  line-height: 1.05;
  text-transform: uppercase;
}
.bz-fx-sect-h p {
  margin: 4px 0 0;
  color: var(--bz-tx2);
}
.bz-fx-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
}
.bz-fx-item {
  padding: 16px 18px;
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius-lg);
  background: var(--bz-s1);
}
.bz-fx-item b {
  display: block;
  margin-bottom: 4px;
  color: var(--bz-tx);
  font-size: 17px;
  line-height: 1.2;
}
.bz-fx-item p {
  margin: 0;
  color: var(--bz-tx2);
  font-size: 15px;
  line-height: 1.5;
}
.bz-fx-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  flex-wrap: wrap;
  padding: 28px 32px;
  border-radius: var(--bz-radius-lg);
  background:
    radial-gradient(60% 120% at 90% 0%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-fx-cta h2 {
  margin: 0 0 6px;
  font-size: 30px;
  text-transform: uppercase;
}
.bz-fx-cta p {
  max-width: 620px;
  margin: 0;
  color: #C3BEE0;
}
.bz-fx-cta-acts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 575.98px) {
  .bz-fx {
    gap: 32px;
  }
  .bz-fx-jump {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 4px;
  }
  .bz-fx-chip {
    flex: none;
  }
  .bz-fx-sect-h h2,
  .bz-fx-cta h2 {
    font-size: 24px;
  }
  .bz-fx-ico {
    width: 44px;
    height: 50px;
    font-size: 18px;
  }
  .bz-fx-cta {
    padding: 22px;
  }
  .bz-fx-cta-acts,
  .bz-fx-cta-acts .btn {
    width: 100%;
  }
}

/* ---------- Detail zápasu - GG reakcie (Fáza 5, G; Match/read.latte snippet gg, v tmavej scéne hero) ---------- */
.bz-mt-gg {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px 16px;
  flex-wrap: wrap;
  margin-top: 14px;
}
.bz-mt-gg .btn .fa {
  margin-right: 6px;
}
.bz-mt-gg-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin: 0;
  color: var(--bz-tx2);
  font-size: 14px;
}
.bz-mt-gg-label {
  color: var(--bz-tx3);
  font-weight: 700;
  text-transform: uppercase;
}
.bz-mt-gg-who {
  color: var(--bz-tx);
  font-weight: 600;
}
.bz-mt-gg-report {
  margin-left: 4px;
  color: var(--bz-tx3);
  font-size: 11px;
}
.bz-mt-gg-report:hover,
.bz-mt-gg-report:focus-visible {
  color: #FF6B6B;
}

/* Turnajové mikrostránky na subdoménach (Fáza 6) - vlastný minimálny chrome (app/Module/Web/UI/templates/Microsite/@layout.latte),
   zámerne mimo plnej web navigácie; zvyšok (.bz-ev-*, .bz-dz, .bz-card) je zdieľaný s EventPublic:read. */
.bz-ms-preview-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--bz-lime);
  color: var(--bz-on-lime);
  font: 600 13px/1.4 inherit;
  text-align: center;
}
.bz-ms-preview-bar a {
  color: inherit;
  text-decoration: underline;
}
.bz-ms-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--bz-bd);
}
.bz-ms-topbar-brand {
  display: inline-flex;
  align-items: center;
}
.bz-ms-topbar-brand img {
  display: block;
  height: 22px;
  width: auto;
}
.bz-ms-topbar ~ .bz-ev-tabs-wrap {
  top: 0;
}
.bz-ms-foot {
  padding: 1.5rem;
  text-align: center;
  color: var(--bz-tx3);
  font-size: 13px;
}
.bz-ms-foot a {
  color: var(--bz-tx2);
}
.bz-ms-hero-podium-list {
  margin-top: 1.5rem !important;
  max-width: 480px;
}
.bz-ms-hero-split-in {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 2rem;
  padding: 2.5rem 0;
}
.bz-ms-hero-split-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
.bz-ms-hero-split-matches {
  background: var(--bz-s1);
  border: 1px solid var(--bz-bd);
  border-radius: var(--bz-radius);
  padding: 1.25rem;
  align-self: stretch;
}
.bz-ms-hero-split-list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--bz-bd);
  font-size: 14px;
}
.bz-ms-hero-split-list li:last-child {
  border-bottom: none;
}
.bz-ms-hero-split-date {
  color: var(--bz-tx3);
  flex: none;
}
@media (max-width: 767px) {
  .bz-ms-hero-split-in {
    grid-template-columns: 1fr;
  }
}
.bz-ms-hero-compact-in {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.75rem;
  padding: 2.5rem 1rem;
  max-width: 560px;
  margin: 0 auto;
}
.bz-ms-hero-compact-logo {
  width: 72px;
  height: 80px;
}
.bz-ms-hero-compact-title {
  margin: 0;
  font-size: clamp(28px, 5vw, 42px);
}
.bz-ms-hero-compact-meta {
  margin: 0;
  color: var(--bz-tx2);
  font-size: 14px;
}
.bz-ms-hero-bracket-cta {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding: 1rem 1.5rem;
  border: 1px solid var(--bz-lime);
  border-radius: var(--bz-radius);
  color: var(--bz-tx);
  background: color-mix(in srgb, var(--bz-lime) 10%, transparent);
  font-weight: 700;
  text-decoration: none;
}
.bz-ms-hero-bracket-cta:hover,
.bz-ms-hero-bracket-cta:focus-visible {
  background: color-mix(in srgb, var(--bz-lime) 20%, transparent);
}
.bz-ms-hero-bracket-cta .fa-sitemap {
  color: var(--bz-lime);
}
.bz-ms-tpl-card {
  position: relative;
  cursor: pointer;
  border: 2px solid transparent;
  text-align: center;
}
.bz-ms-tpl-card-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.bz-ms-tpl-card i {
  font-size: 28px;
  color: var(--bz-lime);
}
.bz-ms-tpl-card.is-selected {
  border-color: var(--bz-lime);
}

/* Mikrostránka - šablóna 6 "ESL štýl" (Fáza 6, rozšírenie) - vlastný vizuálny jazyk, vlastné CSS premenné
   (--lime/--violet/--bg na .bz-ms6-root, nastaviteľné organizátorom), fixná tmavá paleta inak (nezávisí od
   svetlej/tmavej témy webu - rovnaký princíp ako .bz-ev-hero v šablónach 1-5, ktorý tiež ostáva tmavý). */
.bz-ms6-root {
  --s1: #16112D; --s2: #1F1842; --s3: #2A2257; --bd: #3A3170;
  --tx: #FFFFFF; --tx2: #C3BEE0; --tx3: #9790C0; --lime-ink: #16112D; --live: #FF3B3B;
  background: var(--bg);
  color: var(--tx);
  font-family: 'Rajdhani', sans-serif;
}
.bz-ms6-disp {
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin: 0;
}
.bz-ms6-section {
  padding: 72px 16px 20px;
}
.bz-ms6-h2 {
  font-size: 44px;
  margin-bottom: 28px;
}
.bz-ms6-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  color: var(--tx3);
}
.bz-ms6-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
  text-decoration: none;
}
.bz-ms6-btn-lime {
  background: var(--lime);
  color: var(--lime-ink);
}
.bz-ms6-btn-ghost {
  background: transparent;
  color: var(--tx);
  border: 2px solid var(--bd);
  padding: 12px 26px;
}
.bz-ms6-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--s2);
  border: 1px solid var(--bd);
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: var(--tx2);
}
.bz-ms6-chip.is-accent {
  background: color-mix(in srgb, var(--lime) 12%, transparent);
  border-color: var(--lime);
  color: var(--lime);
}
.bz-ms6-chip.is-live {
  background: color-mix(in srgb, var(--live) 12%, transparent);
  border-color: var(--live);
  color: var(--live);
  padding: 4px 10px;
  font-size: 11px;
}
.bz-ms6-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--live);
  display: inline-block;
}
.bz-ms6-card {
  background: var(--s1);
  border: 1px solid var(--bd);
}
.bz-ms6-angle-card {
  background: var(--s1);
  border: 1px solid var(--bd);
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
.bz-ms6-wrap-card {
  padding: 20px;
}

/* hero */
.bz-ms6-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, var(--s2) 0%, var(--bg) 60%);
}
.bz-ms6-hero-glow-a {
  position: absolute;
  top: -120px;
  right: -160px;
  width: 620px;
  height: 620px;
  background: radial-gradient(circle, var(--lime) 0%, transparent 70%);
  opacity: .18;
  filter: blur(10px);
}
.bz-ms6-hero-glow-b {
  position: absolute;
  bottom: -200px;
  left: -120px;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, var(--violet) 0%, transparent 70%);
  opacity: .3;
}
.bz-ms6-hero-lines {
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(115deg, rgba(255, 255, 255, .03) 0 2px, transparent 2px 60px);
}
.bz-ms6-hero-in {
  position: relative;
  padding: 56px 16px 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: flex-end;
}
.bz-ms6-hero-main {
  flex: 1 1 480px;
  min-width: 0;
}
.bz-ms6-chips {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.bz-ms6-h1 {
  font-size: clamp(42px, 6vw, 76px);
  line-height: .95;
  margin-bottom: 16px;
}
.bz-ms6-lead {
  font-size: 17px;
  color: var(--tx2);
  max-width: 560px;
  line-height: 1.5;
  margin-bottom: 24px;
}
.bz-ms6-cta-row {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.bz-ms6-hero-side {
  flex: 1 1 320px;
  max-width: 100%;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.bz-ms6-next {
  padding: 20px;
}
.bz-ms6-next-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
.bz-ms6-next-teams {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.bz-ms6-next-team {
  flex: 1;
  text-align: center;
  font-weight: 700;
  font-size: 13px;
  color: var(--tx);
}
.bz-ms6-next-logo {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: var(--s3);
  margin: 0 auto 8px;
  display: block;
  object-fit: cover;
}
.bz-ms6-next-logo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: var(--tx2);
}
.bz-ms6-next-time {
  font-size: 26px;
  color: var(--lime);
}
.bz-ms6-next-foot {
  text-align: center;
  margin-top: 12px;
  font-size: 13px;
  color: var(--tx3);
}
.bz-ms6-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.bz-ms6-stat {
  padding: 16px 8px;
  text-align: center;
}
.bz-ms6-stat-n {
  font-size: 28px;
  color: var(--lime);
}
.bz-ms6-stat-l {
  font-size: 11px;
  color: var(--tx3);
  letter-spacing: .5px;
}

/* live ticker */
.bz-ms6-ticker {
  background: var(--lime);
  overflow: hidden;
}
.bz-ms6-ticker-in {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 10px 16px;
  white-space: nowrap;
  overflow-x: auto;
}
.bz-ms6-ticker-item {
  color: var(--lime-ink);
  font-weight: 700;
  font-size: 14px;
  padding-left: 24px;
  border-left: 2px solid rgba(22, 17, 45, .25);
  flex: none;
}
.bz-ms6-ticker-item:first-child {
  padding-left: 0;
  border-left: none;
}

/* sponsors */
.bz-ms6-sponsors {
  text-align: center;
}
.bz-ms6-sponsors-eyebrow {
  letter-spacing: 2px;
  margin-bottom: 24px;
}
.bz-ms6-sponsors-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 14px;
}
.bz-ms6-sponsor {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: .85;
  padding: 10px;
}
.bz-ms6-sponsor img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* CTA band */
.bz-ms6-ctaband {
  margin-top: 72px;
  position: relative;
  overflow: hidden;
  background: var(--s2);
  border-top: 1px solid var(--bd);
  border-bottom: 1px solid var(--bd);
}
.bz-ms6-ctaband-glow {
  position: absolute;
  right: -80px;
  top: -80px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, var(--lime) 0%, transparent 70%);
  opacity: .15;
}
.bz-ms6-ctaband-in {
  padding: 48px 16px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
}
.bz-ms6-ctaband-text {
  color: var(--tx2);
  font-size: 16px;
  margin: 0;
}

@media (max-width: 767px) {
  .bz-ms6-stats {
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
  }
  .bz-ms6-stat {
    padding: 12px 4px;
  }
  .bz-ms6-sponsors-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .bz-ms6-hero-side {
    flex-basis: 100%;
    min-width: 0;
  }
  .bz-ms6-hero-main {
    flex-basis: 100%;
  }
}
@media (max-width: 480px) {
  .bz-ms6-sponsors-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* mikrostránka šablóna 6 - logo/cover/organizátor/sociálne siete/fakty/víťaz/ceny/popis (dáta udalosti, Fáza 6 rozšírenie) */
.bz-ms6-hero-cover {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .35;
}
.bz-ms6-title-row {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}
.bz-ms6-logo {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: cover;
  background: var(--s2);
  border: 1px solid var(--bd);
  flex: none;
}
.bz-ms6-title-row .bz-ms6-h1 {
  margin-bottom: 0;
}
.bz-ms6-org {
  color: var(--tx2);
  font-size: 14px;
  margin: 0 0 12px;
}
.bz-ms6-org a, .bz-ms6-org b {
  color: var(--tx);
}
.bz-ms6-social {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 20px;
  padding: 0;
}
.bz-ms6-social a {
  color: var(--lime);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
}
.bz-ms6-social a:hover {
  text-decoration: underline;
}

.bz-ms6-section-tight {
  padding: 0 16px 36px;
}
.bz-ms6-h3 {
  font-size: 28px;
  margin-bottom: 18px;
}

/* víťaz/pódium */
.bz-ms6-winner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
}
.bz-ms6-winner-tro {
  font-size: 34px;
  color: var(--lime);
  flex: none;
}
.bz-ms6-winner-main {
  flex: 1;
  min-width: 0;
}
.bz-ms6-winner-name {
  font-size: 32px;
}
.bz-ms6-winner-name a {
  color: var(--tx);
  text-decoration: none;
}
.bz-ms6-winner-rest {
  display: block;
  color: var(--tx3);
  font-size: 13px;
  margin-top: 4px;
}
.bz-ms6-winner-fs {
  text-align: center;
  flex: none;
}
.bz-ms6-winner-fs .bz-ms6-disp {
  font-size: 26px;
  color: var(--lime);
}

/* fakty o udalosti */
.bz-ms6-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 18px;
}
.bz-ms6-fact {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bz-ms6-fact b {
  color: var(--tx);
  font-size: 16px;
  font-weight: 700;
}

/* ceny */
.bz-ms6-prizes {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}
.bz-ms6-prize {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 20px;
}
.bz-ms6-prize-rank {
  font-size: 28px;
  color: var(--lime);
  flex: none;
  min-width: 36px;
}
.bz-ms6-prize b {
  display: block;
  color: var(--tx);
}

/* o turnaji */
.bz-ms6-about {
  color: var(--tx2);
  line-height: 1.6;
}
.bz-ms6-about p {
  margin: 0 0 12px;
}
.bz-ms6-about p:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .bz-ms6-winner {
    flex-wrap: wrap;
  }
  .bz-ms6-facts {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* mikrostránka Aréna - vlastná hlavička/slider/2-stĺpcový layout/karta organizátora/pätička (redizajn: logo turnaja
   v hlavičke namiesto Blyzer loga, slider z galérie fotiek, obsah v kontajneroch, pätička) */
.bz-ms6-topbar {
  position: sticky;
  top: 0;
  z-index: 15;
  background: rgba(14, 11, 34, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--bd);
}
.bz-ms6-topbar-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 16px;
}
.bz-ms6-topbar-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.bz-ms6-topbar-logo {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  object-fit: cover;
  flex: none;
  background: var(--s2);
}
.bz-ms6-topbar-logo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: var(--lime);
  background: var(--s2);
  border: 1px solid var(--bd);
}
.bz-ms6-topbar-title {
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  font-size: 19px;
  letter-spacing: .3px;
  color: var(--tx);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bz-ms6-topbar-nav {
  display: flex;
  gap: 24px;
  font-size: 14px;
  font-weight: 600;
  color: var(--tx2);
}
.bz-ms6-topbar-nav a {
  color: var(--tx2);
}
.bz-ms6-topbar-nav a:hover {
  color: var(--lime);
}
.bz-ms6-topbar-credit {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  color: var(--tx3);
  flex: none;
}
.bz-ms6-topbar-credit b {
  color: var(--tx2);
}

/* slider */
.bz-ms6-slider {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
  background: var(--s2);
}
.bz-ms6-slider img,
.bz-ms6-slider .owl-carousel,
.bz-ms6-slider .owl-stage-outer,
.bz-ms6-slider .owl-stage,
.bz-ms6-slider .owl-item,
.bz-ms6-slider .owl-item div {
  height: 100%;
}
.bz-ms6-slider img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.bz-ms6-slider-static {
  height: 420px;
}
.bz-ms6-slider-static img {
  height: 100%;
}
.bz-ms6-slider .owl-nav button.owl-prev,
.bz-ms6-slider .owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .25) !important;
  background: rgba(14, 11, 34, .5) !important;
  color: #fff !important;
  font-size: 18px;
}
.bz-ms6-slider .owl-nav button.owl-prev {
  left: 16px;
}
.bz-ms6-slider .owl-nav button.owl-next {
  right: 16px;
}
.bz-ms6-slider .owl-dots {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.bz-ms6-slider .owl-dots .owl-dot span {
  width: 8px;
  height: 8px;
  margin: 0;
  background: rgba(255, 255, 255, .35);
}
.bz-ms6-slider .owl-dots .owl-dot.active span {
  background: var(--lime);
}

.bz-ms6-section-top {
  padding-top: 40px;
}

/* 2-stĺpcový obsah */
.bz-ms6-cols {
  display: grid;
  grid-template-columns: 1.7fr 1fr;
  gap: 24px;
  align-items: start;
}
.bz-ms6-col {
  display: flex;
  flex-direction: column;
  gap: 24px;
  min-width: 0;
}
.bz-ms6-col-side {
  max-width: 100%;
}
.bz-ms6-col .bz-ms6-angle-card {
  padding: 22px;
}

/* karta organizátora */
.bz-ms6-org-card {
  display: flex;
  align-items: center;
  gap: 14px;
}
.bz-ms6-org-logo {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  object-fit: cover;
  flex: none;
  background: var(--s2);
}
.bz-ms6-org-logo-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--tx3);
  font-size: 18px;
  border: 1px solid var(--bd);
}
.bz-ms6-org-name {
  display: block;
  font-weight: 700;
  color: var(--tx);
  font-size: 14px;
}
.bz-ms6-org-verified {
  display: block;
  font-size: 12px;
  color: var(--lime);
  margin-top: 2px;
}

/* pätička */
.bz-ms6-footer {
  margin-top: 60px;
  background: var(--s1);
  border-top: 1px solid var(--bd);
  padding: 48px 16px 24px;
}
.bz-ms6-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: 32px;
  margin-bottom: 32px;
}
.bz-ms6-footer-col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 13px;
}
.bz-ms6-footer-col a {
  color: var(--tx2);
}
.bz-ms6-footer-col a:hover {
  color: var(--lime);
}
.bz-ms6-footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 4px;
}
.bz-ms6-footer-brand img,
.bz-ms6-footer-brand .bz-ms6-topbar-logo-fallback {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.bz-ms6-footer-brand span {
  font-family: 'Teko', sans-serif;
  font-weight: 700;
  font-size: 17px;
  color: var(--tx);
}
.bz-ms6-footer-lead {
  font-size: 13px;
  color: var(--tx3);
  margin: 0;
  max-width: 320px;
}
.bz-ms6-footer-bottom {
  border-top: 1px solid var(--bd);
  padding-top: 20px;
  font-size: 12px;
  color: var(--tx3);
}
.bz-ms6-footer-bottom b {
  color: var(--tx2);
}

@media (max-width: 900px) {
  .bz-ms6-topbar-nav {
    display: none;
  }
  .bz-ms6-cols {
    grid-template-columns: 1fr;
  }
  .bz-ms6-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 560px) {
  .bz-ms6-footer-grid {
    grid-template-columns: 1fr;
  }
  .bz-ms6-slider {
    height: 240px;
  }
}

/* ---------- stránky športov (db/sport-pages/template.html, koreň .bz-sport-page): rovnaké prvky ako CMS obsah homepage ----------
   Pravidlá vyššie (.bz-home-hero ~ #content ...) sú zduplikované s prefixom .bz-sport-page (generované, drž v synchróne),
   tu len doplnky: tmavý záverečný pás .bz-home-final ako karta v obsahu, tmavý panel .bz-org bez ilustrácie. */
.bz-sport-page .bz-home-final {
  padding-left: 32px;
  padding-right: 32px;
  border: 1px solid var(--bz-bd);
  border-radius: 22px;
}
.bz-sport-page .bz-home-final-copy {
  padding-bottom: 64px;
}
.bz-sport-page .bz-org {
  height: 100%;
  padding-bottom: 0;
}
.bz-sport-page .bz-org .bz-home-sec-title {
  color: #FFFFFF;
}
.bz-sport-page .bz-org .bz-home-sec-lead {
  color: #C3BEE0;
}
.bz-sport-page .bz-home-sec:last-child {
  padding-bottom: 0;
}
.bz-sport-page .bz-steps h3 {
  color: var(--bz-tx);
}
@media screen and (max-width: 767.98px) {
  .bz-sport-page .bz-home-final {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bz-sport-page .bz-org {
    padding: 32px 20px 0;
  }
}

/* ---------- stránky športov: karty v tvare s 5 rohmi (zrezaný pravý dolný roh --bz-cut, ako tlačidlá / Herná zóna),
   vzhľad podľa tmavého kontajnera "Pre organizátorov" (.bz-org): tmavý gradient, jemný obrys, lime ikona, tlmený text.
   Platí pre .box karty, tmavý panel .bz-org aj záverečný pás .bz-home-final; FAQ = akordeón ako Návody (.bz-faq-*),
   tu cez <details>/<summary> bez JS. ---------- */
.bz-sport-page .box:not(.box-item) {
  padding: 28px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
  background:
    radial-gradient(60% 80% at 90% 80%, rgba(103, 85, 176, 0.45) 0%, rgba(103, 85, 176, 0) 70%),
    #16112D;
  color: #FFFFFF;
}
.bz-sport-page .box:not(.box-item) h3,
.bz-sport-page .box:not(.box-item) h2 {
  color: #FFFFFF;
}
.bz-sport-page .box:not(.box-item) p {
  color: #C3BEE0;
}
.bz-sport-page .box:not(.box-item) p strong {
  color: #FFFFFF;
}
.bz-sport-page .box:not(.box-item) .text-muted {
  color: #C3BEE0 !important;
}
.bz-sport-page .box:not(.box-item) .btn-lg.btn-tertiary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: rgba(255, 255, 255, 0.22);
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgba(255, 255, 255, 0.06);
  --bs-btn-hover-border-color: var(--bz-lime);
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgba(255, 255, 255, 0.1);
  --bs-btn-active-border-color: var(--bz-lime);
}
/* zoznam eventov ostáva bez karty (pravidlo vyššie), prázdny stav má vlastnú tlmenú kartu */
.bz-sport-page .box:has(> [id^="snippet-"]) {
  padding: 0;
  background: transparent;
  border: 0;
  clip-path: none;
  color: inherit;
}
.bz-sport-page .bz-org,
.bz-sport-page .bz-home-final {
  border-radius: 0;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--bz-cut)), calc(100% - var(--bz-cut)) 100%, 0 100%);
}
.bz-sport-page .bz-home-final .bz-home-final-cta .btn-lg.btn-secondary {
  --bs-btn-color: #FFFFFF;
}
/* FAQ akordeón v tmavej karte */
.bz-sport-page .bz-faq-list {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.bz-sport-page details.bz-faq-i {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bz-sport-page summary.bz-faq-q {
  list-style: none;
  color: #FFFFFF;
}
.bz-sport-page summary.bz-faq-q::-webkit-details-marker {
  display: none;
}
.bz-sport-page summary.bz-faq-q .fa {
  color: var(--bz-lime);
}
.bz-sport-page details[open] > summary.bz-faq-q {
  color: var(--bz-lime);
}
.bz-sport-page details[open] > summary.bz-faq-q .fa {
  transform: rotate(45deg);
}
.bz-sport-page .bz-faq-a {
  color: #C3BEE0;
}
@media screen and (max-width: 767.98px) {
  .bz-sport-page .box:not(.box-item) {
    padding: 22px 20px;
  }
  .bz-sport-page .box:not(.box-item) .btn-lg {
    width: 100%;
    --bs-btn-font-size: 16px;
  }
}

/* ---------- ikony v CMS kartách na VŠETKÝCH stránkach webu (landing stránky športov, Firemné turnaje, Rozpisy...):
   <i class="fa ... bg-primary rounded-circle"> = lime hexagón (ako kroky .bz-steps-num / homepage), nie krúžok. ---------- */
#content .box i.fa.bg-primary.rounded-circle,
#content i.fa.bg-primary.rounded-circle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 58px;
  padding: 0 !important;
  border-radius: 0 !important;
  clip-path: var(--bz-hex);
  font-size: 22px;
}

/* ---------- verejný detail udalosti: tlačidlo "Prihláška odoslaná · stav" (EventPublic/read.latte, $myApplication) ---------- */
.bz-ev-btn.bz-ev-btn-app.is-applied {
  border-color: #F5B301;
  color: #F5B301;
}
.bz-ev-btn.bz-ev-btn-app.is-approved {
  border-color: #2ECC71;
  color: #2ECC71;
}