@font-face {
  font-family: DanceFa;
  src: url("/static/core/media/IRAN_SemiBold.woff2"), local("Tahoma");
  font-display: swap;
}

:root {
  --mobile-header-main-section-height: 49px;
  --mobile-header-navigation-height: 40px;
  --mobile-header-full-height: 89px;
  --tab-navigation-height: 53px;
  --menu: 4, 137, 240;
  --tab-navigation: 0, 12, 36;
  --neutral: 0, 2, 5;
  --static-white: 255, 255, 255;
  --layout-bg: #172238;
  --header-bg: #1f2e44;
  --panel-bg: #12203a;
  --row-bg: #2d3b54;
  --border-radius: 4px;
  --font-family: DanceFa, Tahoma, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

[v-cloak] {
  display: none;
}

html,
body {
  width: 100%;
  min-height: 100%;
  margin: 0;
  direction: rtl;
  background: var(--layout-bg);
  color: #d8deeb;
  font-family: var(--font-family);
  letter-spacing: 0;
  -webkit-text-size-adjust: none;
}

body {
  padding-bottom: var(--tab-navigation-height);
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  border: 0;
  font: inherit;
}

button {
  cursor: pointer;
}

.layout-bc {
  width: 100%;
  min-height: 100vh;
  background: var(--layout-bg);
}

.hdr-main-content-bc {
  position: sticky;
  top: 0;
  z-index: 60;
  height: var(--mobile-header-main-section-height);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 8px;
  background: var(--header-bg);
  border-bottom: 1px solid rgba(255,255,255,.06);
  direction: ltr;
}

.hdr-left-bc {
  display: flex;
  align-items: center;
  gap: 8px;
  order: 1;
}

.hdr-logo-bc {
  order: 5;
  display: flex;
  align-items: center;
  height: 49px;
  margin-left: auto;
}

.hdr-logo-bc img {
  width: 115px;
  height: 36px;
  object-fit: contain;
}

.hdr-icon-btn-bc {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #3c4c63;
  color: #cbd3df;
  position: relative;
}

.more-btn::before {
  content: "";
  position: absolute;
  inset: 9px 15px;
  background:
    radial-gradient(circle, #cbd3df 0 2px, transparent 3px) center 0 / 6px 6px repeat-y;
}

.entrance-btn {
  height: 28px;
  border-radius: 5px;
  color: #fff;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
}

.entrance-btn.register {
  min-width: 63px;
  padding: 0 10px;
  background: #126cf5;
}

.entrance-btn.login {
  padding: 0 4px;
}

.smart-panel-bc {
  position: fixed;
  top: 58px;
  left: 6px;
  z-index: 70;
  width: 63px;
  padding: 10px 0;
  border-radius: 4px;
  background: #526176;
  box-shadow: 0 16px 32px rgba(0,0,0,.25);
  direction: ltr;
}

.smart-panel-bc::before {
  content: "";
  position: absolute;
  top: -9px;
  left: 25px;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 9px solid #526176;
}

.smart-panel-bc button {
  width: 100%;
  height: 70px;
  background: transparent;
  color: #f0f3f8;
  position: relative;
}

.smart-panel-bc button::before,
.tab-nav-icon-bc::before,
.block-navigation-item-bc i::before {
  display: block;
  text-align: center;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
}

.bc-i-notification::before { content: "●"; font-size: 23px; }
.bc-i-favorite::before { content: "☆"; font-size: 34px; }
.bc-i-settings::before { content: "⚙"; font-size: 28px; }
.bc-i-account::before { content: "♟"; font-size: 27px; }
.bc-i-live::before { content: "◎"; }
.bc-i-prematch::before { content: "⏱"; }
.bc-i-betslip::before { content: "▤"; }
.bc-i-slots::before { content: "▦"; }
.bc-i-burger::before { content: "☰"; }
.bc-i-football::before { content: "⚽"; }
.bc-i-console::before { content: "⌘"; }
.bc-i-results::before { content: "▣"; }
.bc-i-live-casino::before { content: "◉"; }
.bc-i-casino::before { content: "♜"; }

.m-nav-bc {
  position: sticky;
  top: var(--mobile-header-main-section-height);
  z-index: 55;
  height: var(--mobile-header-navigation-height);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  background: rgb(var(--menu));
}

.m-nav-item-bc {
  flex: 1 1 0;
  min-width: 0;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0 8px;
  color: #e9f6ff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.layout-content-holder-bc {
  min-height: calc(100vh - var(--mobile-header-full-height));
  padding: 7px 7px 0;
  background: var(--layout-bg);
}

.swiper-container-bc {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  background: #071126;
}

.swiper-slide-bc {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 794 / 365;
}

.swiper-slide-bc img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.slider-count-bc {
  position: absolute;
  top: 6px;
  left: 16px;
  min-width: 38px;
  height: 22px;
  display: grid;
  place-items: center;
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(4, 137, 240, .7);
  color: rgba(255, 255, 255, .9);
  font: 400 13px Arial, sans-serif;
  line-height: 1;
}

.promoted-products-bc {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  padding: 28px 14px 46px;
}

.product-banner-bc {
  aspect-ratio: 1 / 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: visible;
  border: 0;
  border-radius: 4px;
  background: transparent;
  box-shadow: none;
}

.product-banner-bc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-banner-bc strong {
  display: none;
}

.casino-games-row-bc {
  margin: 0 0 20px;
}

.casino-row-title-bc {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  margin-bottom: 12px;
}

.casino-row-title-bc h2 {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 900;
}

.casino-row-title-bc a {
  justify-self: start;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #d7deea;
  font: 800 16px Arial, sans-serif;
  direction: ltr;
}

.casino-row-title-bc a i::before {
  content: "‹";
  font-size: 33px;
  line-height: .5;
}

.casino-row-track-bc {
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  overflow: hidden;
  direction: ltr;
}

.casino-game-bc {
  flex: 0 0 156px;
  width: 156px;
  aspect-ratio: 190 / 92;
  display: block;
  overflow: hidden;
  border-radius: 7px;
  background: #0a1322;
}

.casino-game-bc img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.casino-game-bc span {
  display: none;
}

.footer-seo-bc {
  margin: 14px 13px 0;
  padding: 30px 24px;
  border-radius: 4px;
  background: #121d31;
  color: #9ba5b6;
  text-align: right;
}

.android-download-bc {
  width: 186px;
  height: 43px;
  display: grid;
  place-items: center;
  margin: 0 auto 22px;
  border-radius: 8px;
  background: #0874d6;
  color: #fff;
  font-size: 13px;
}

.footer-seo-bc h1 {
  margin: 0 0 9px;
  color: #9fa8b8;
  font-size: 18px;
}

.footer-seo-bc p {
  margin: 0 0 8px;
  font-size: 13px;
  line-height: 1.9;
}

.footer-bc {
  padding: 34px 13px 90px;
  color: #8c96a8;
  text-align: center;
}

.footer-top-bc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.languageDropdown {
  min-width: 160px;
  height: 45px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  border-radius: 5px;
  background: #414b60;
  color: #fff;
}

.languageDropdown select {
  color: #fff;
  background: transparent;
}

.flag-bc.iran {
  width: 29px;
  height: 19px;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.25) inset;
  background: linear-gradient(#239f40 0 33%, #fff 33% 66%, #da0000 66%);
}

.footerSocialLinks {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footerSocialLinks a {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  border-radius: 4px;
  background: #4a5368;
  color: #d0d6e0;
  font-weight: 900;
}

.footerLinkCols {
  display: flex;
  justify-content: center;
  gap: 44px;
  padding: 30px 0 24px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.footerLinkCols h3 {
  margin: 0 0 14px;
  color: #d5dbe5;
  font-size: 15px;
}

.footerLinkCols a {
  display: inline-block;
  margin: 4px 8px;
  color: #8f99aa;
  font-size: 14px;
}

.footerCopyrights {
  margin: 76px 0 0;
  font-size: 15px;
  font-family: Arial, sans-serif;
  font-weight: 700;
}

.layout-navigation-holder-bc {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 80;
  height: var(--tab-navigation-height);
}

.tab-navigation-w-bc {
  width: 100%;
  height: var(--tab-navigation-height);
  display: flex;
  flex-direction: row;
  background: rgba(31, 46, 68, .94);
  border-top: 1px solid rgba(255,255,255,.16);
  backdrop-filter: blur(4px);
}

.tab-nav-item-bc {
  flex: 1 1 0;
  min-width: 0;
  height: 53px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding: 0;
  background: transparent;
  color: #aab4c3;
  text-align: center;
  font-size: 11px;
  font-weight: 800;
}

.tab-nav-icon-bc {
  height: 25px;
  color: #9eaabb;
  font-size: 25px;
  line-height: 25px;
}

.tab-nav-item-bc p {
  margin: 0;
}

.app-menu-holder-bc {
  position: fixed;
  inset: var(--mobile-header-main-section-height) 0 var(--tab-navigation-height);
  z-index: 56;
  overflow-y: auto;
  background: var(--panel-bg);
  color: #dce3ee;
}

.app-menu-title-bc {
  position: relative;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.app-menu-title-bc h2 {
  position: absolute;
  right: 8px;
  margin: 0;
  color: #fff;
  font-size: 17px;
}

.app-menu-close-bc {
  position: absolute;
  left: 0;
  width: 34px;
  height: 34px;
  background: transparent;
}

.app-menu-close-bc::before,
.app-menu-close-bc::after {
  content: "";
  position: absolute;
  top: 15px;
  left: 4px;
  width: 27px;
  height: 3px;
  border-radius: 2px;
  background: #f1f4f8;
}

.app-menu-close-bc::before {
  transform: rotate(45deg);
}

.app-menu-close-bc::after {
  transform: rotate(-45deg);
}

.block-navigation-bc {
  padding: 20px 37px 10px;
}

.block-navigation-bc h3 {
  margin: 0 0 28px;
  color: #d9e1ec;
  font-size: 13px;
  font-weight: 900;
  text-align: right;
}

.block-navigation-item-bc {
  min-height: 60px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
  margin-bottom: 25px;
  padding: 0 18px;
  border-radius: 4px;
  background: var(--row-bg);
  color: #bdc7d6;
  font-size: 16px;
  font-weight: 900;
}

.block-navigation-item-bc i {
  width: 25px;
  color: #aeb8c8;
  font-size: 22px;
  font-style: normal;
}

.to-top-bc {
  position: fixed;
  left: 50%;
  bottom: 110px;
  z-index: 81;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: rgba(84, 94, 116, .82);
}

.to-top-bc::before,
.to-top-bc::after {
  content: "";
  position: absolute;
  left: 27px;
  width: 16px;
  height: 16px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  transform: rotate(45deg);
}

.to-top-bc::before {
  top: 24px;
}

.to-top-bc::after {
  top: 33px;
}

.woot-widget-bubble-local {
  position: fixed;
  right: 30px;
  bottom: 28px;
  z-index: 82;
  width: 69px;
  height: 69px;
  border-radius: 50%;
  background: #009ce0;
  color: #00233d;
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 16px;
}

.page-state-bc,
.payments-view-bc,
.sports-view-bc,
.listing-view-bc,
.game-view-bc {
  min-height: calc(100vh - 142px);
  padding: 22px;
}

.listing-view-bc header,
.payments-view-bc header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}

.listing-grid-bc,
.payment-grid-bc {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 12px;
}

.payment-card-bc,
.match-card-bc,
.game-panel-bc {
  padding: 16px;
  border-radius: 6px;
  background: #202e46;
}

.payment-card-bc dl {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 12px;
}

.payment-card-bc button,
.game-panel-bc button,
.game-canvas-bc button,
.popup-inner-bc button:last-child {
  height: 40px;
  padding: 0 16px;
  border-radius: 5px;
  background: #0b86f4;
  color: #fff;
}

.sports-view-bc {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 14px;
}

.sports-sidebar-bc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.sports-sidebar-bc a {
  padding: 14px;
  border-radius: 4px;
  background: #2d3b54;
}

.matches-bc {
  display: grid;
  gap: 10px;
}

.match-card-bc header,
.match-card-bc div {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.match-card-bc button {
  flex: 1;
  height: 38px;
  border-radius: 4px;
  background: #33445f;
  color: #fff;
}

.game-view-bc {
  display: grid;
  grid-template-columns: 1fr 310px;
  gap: 14px;
}

.game-canvas-bc {
  min-height: 520px;
  display: grid;
  place-items: center;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  background: #071126;
}

.game-canvas-bc img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .35;
}

.game-canvas-bc div {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 12px;
}

.game-canvas-bc b {
  color: #7df244;
  font: 900 64px Arial, sans-serif;
}

.game-panel-bc {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.game-panel-bc input,
.popup-inner-bc input,
.popup-inner-bc select {
  width: 100%;
  height: 40px;
  margin-top: 6px;
  padding: 0 10px;
  border-radius: 4px;
  background: #33445f;
  color: #fff;
}

.modal-backdrop-bc {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: rgba(0,0,0,.58);
}

.popup-inner-bc {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: min(420px, calc(100vw - 28px));
  display: grid;
  gap: 13px;
  padding: 22px;
  border-radius: 8px;
  transform: translate(-50%, -50%);
  background: #1b2a42;
  color: #fff;
}

.e-p-close-icon-bc {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 34px;
  height: 34px;
  background: transparent !important;
  color: #fff;
  font-size: 28px;
}

@media (min-width: 760px) {
  .layout-content-holder-bc {
    padding: 5px 0 0;
  }

  .swiper-slide-bc {
    aspect-ratio: auto;
    height: calc(100vh - 37px);
    min-height: 560px;
    max-height: 883px;
  }

  .promoted-products-bc {
    grid-template-columns: repeat(4, 470px);
    justify-content: space-between;
    align-items: start;
    min-height: 970px;
    padding: 10px 5px 0;
    margin-top: 124px;
    gap: 10px;
  }

  .product-banner-bc {
    width: 470px;
    height: 470px;
    border-radius: 4px;
  }

  .product-banner-bc:nth-child(n+5) {
    margin-top: 0;
  }

  .casino-games-row-bc {
    display: grid;
    grid-template-columns: minmax(260px, 58vw) 1fr;
    align-items: start;
    margin: 0 0 38px;
  }

  .casino-row-title-bc {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
  }

  .casino-row-title-bc h2 {
    grid-column: 2;
    font-size: 18px;
  }

  .casino-row-title-bc a {
    grid-column: 1;
    font-size: 19px;
  }

  .casino-row-track-bc {
    grid-column: 2;
  }

  .casino-game-bc {
    flex-basis: 190px;
    width: 190px;
  }

  .tab-nav-item-bc {
    font-size: 12px;
  }
}

@media (max-width: 759px) {
  .hdr-main-content-bc {
    padding: 0 10px 0 8px;
  }

  .hdr-logo-bc img {
    width: 100px;
  }

  .m-nav-bc {
    overflow-x: auto;
    scrollbar-width: none;
  }

  .m-nav-item-bc {
    flex: 0 0 auto;
    min-width: 112px;
  }

  .promoted-products-bc {
    gap: 18px;
  }

  .casino-game-bc {
    flex-basis: 148px;
  }

  .footer-top-bc,
  .footerLinkCols,
  .sports-view-bc,
  .game-view-bc {
    display: block;
  }

  .footerSocialLinks {
    justify-content: flex-end;
    margin-top: 18px;
  }

  .footerLinkCols > div {
    margin-bottom: 22px;
  }

  .sports-sidebar-bc {
    margin-bottom: 14px;
  }

  .woot-widget-bubble-local {
    right: 18px;
    bottom: 30px;
  }
}