/* ================================================================
   National Lottery маягийн SOLID өнгөний загвар (override)
   ----------------------------------------------------------------
   Энэ файл нь main.css, responsive.css, btsn-widgets.css-ийн
   улаан-улбар-алтан gradient өнгийг бүгдийг гүн цэнхэр solid
   загвар руу шилжүүлнэ. Хамгийн сүүлд load хийгдэх ёстой.
   ================================================================ */

:root {
  /* ----- Гол палитр (National Lottery-ийн өнгө) ----- */
  --nl-blue:        #1432C8;   /* header цэнхэр (NL жинхэнэ) */
  --nl-blue-dark:   #131a85;   /* бараантай - hover */
  --nl-blue-darker: #0d1260;   /* хамгийн бараан */
  --nl-blue-bright: #2b35d4;   /* banner доторх тод royal blue */
  --nl-red:         #e3132c;   /* Lotto card улаан */
  --nl-red-dark:    #c5101f;
  --nl-yellow:      #ffd000;   /* EuroMillions шар, ball */
  --nl-yellow-dark: #e6bb00;
  --nl-pink:        #ed1c8e;   /* Lotto card дээрх од */
  --nl-cyan:        #1ec8d8;   /* EuroMillions card-ийн ирмэг */
  --nl-bg:          #ffffff;   /* body дэвсгэр — цагаан */
  --nl-bg-soft:     #f5f5f7;   /* зарим зөөлөн саарал хэсэгт */
  --nl-card-bg:     #ffffff;   /* card цагаан */
  --nl-text:        #1a1a1a;   /* үндсэн текст */
  --nl-text-muted:  #595959;
  --nl-border:      #e5e5ea;
}

/* ----------------------------------------------------------------
   1) GLOBAL FONT, BODY
   ---------------------------------------------------------------- */
body {
  background: var(--nl-bg) !important;
  color: var(--nl-text);
}

/* main.css дотор btsn-widgets дээр btsn-purple-ийг улаан гэж
   тодорхойлсон тул бид түүнийг override хийнэ */
:root {
  --btsn-purple: var(--nl-red) !important;
  --btsn-yellow: var(--nl-yellow) !important;
  --btsn-pink:   #f48020 !important;   /* ягаан биш — улбар шар (accent) */
  --btsn-light:  #f5f5f7 !important;    /* ягаан биш — саарал фон */
  --btsn-sky:    var(--nl-cyan) !important;
  --btsn-gold:   var(--nl-yellow) !important;
}

/* ----------------------------------------------------------------
   2) HEADER — гүн цэнхэр solid
   ---------------------------------------------------------------- */
.header-section {
  background: var(--nl-blue) !important;
  display: block !important;
  padding: 6px 0 !important;
}
.header-section .header-wrapper {
  display: flex !important;
  align-items: center;
}
@media (min-width: 992px) {
  .header-section .menu {
    display: flex !important;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 4px;
  }
  .header-section .menu li { display: inline-block; }
  .header-section .menu li a {
    display: inline-block;
    padding: 12px 16px;
    color: #fff !important;
    font-weight: 600;
  }
}
.header-top-area,
.header-top-area .header-top-area-inner {
  background: var(--nl-blue) !important;
}
.header-section.header-active {
  background: var(--nl-blue) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important;
}

/* Header цэсний линкүүд цагаан, тод */
.header-wrapper,
.header-section .menu,
.header-section .menu li a,
.header-wrapper .menu li a {
  color: #fff !important;
}
.header-wrapper .menu li a:hover {
  color: var(--nl-yellow) !important;
}

/* Header bar (mobile hamburger) цагаан */
.header-bar span { background-color: #fff !important; }

/* Top bar (хэлний сонголт) — мөн цэнхэр */
.bg-one  { background-color: var(--nl-blue) !important; }
.bg-two  { background-color: var(--nl-bg) !important; }
.bg-three{ background-color: var(--nl-blue-dark) !important; }
.bg-four { background-color: var(--nl-blue-darker) !important; }
.bg-five { background-color: var(--nl-blue-darker) !important; }
.bg-six  { background-color: var(--nl-blue) !important; }

/* ----------------------------------------------------------------
   3) BUTTONS — gradient бүгдийг солих
   ---------------------------------------------------------------- */
.custom-button1,
.custom-button2 {
  background-image: none !important;
  background-color: var(--nl-blue) !important;
  border: 1px solid var(--nl-blue) !important;
  color: #fff !important;
  border-radius: 999px !important;        /* National Lottery шиг pill */
  font-weight: 600 !important;
  padding: 10px 24px !important;
  box-shadow: none !important;
  transition: background .2s ease, transform .15s ease !important;
}
.custom-button1:hover,
.custom-button2:hover {
  background-color: var(--nl-blue-dark) !important;
  border-color: var(--nl-blue-dark) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* "Register" маягийн outline товч */
.custom-button1.outline,
.btn-outline {
  background-color: transparent !important;
  border: 2px solid #fff !important;
  color: #fff !important;
}

/* ----------------------------------------------------------------
   4) BANNER — цагаан суурьтай, цэнхэр бичигтэй
   ---------------------------------------------------------------- */
/* Section цагаан — header цэнхэртэй залгахгүй */
.banner-section {
  background: #fff !important;
  background-image: none !important;
  border-radius: 0 !important;
  padding: 28px 0 30px !important;
  position: relative;
}
.banner-section::before,
.banner-section::after {
  display: none !important;
}
.banner-section .container {
  position: relative;
}

/* ---- CAROUSEL ---- */
.banner-carousel .bnc-viewport {
  position: relative;
  overflow: hidden;
  border-radius: 28px !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08);
  border: 1px solid var(--nl-border);
}
.banner-carousel .bnc-track {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease;
  will-change: transform;
}
.banner-carousel .bnc-slide {
  position: relative;
  flex: 0 0 100%;
  min-height: 360px;
  background-size: cover;
  background-position: center;
  display: flex;
}
/* Орлуулга градиентууд (зураг байхгүй үед) */
.banner-carousel .bnc-slide.accent-blue { background: linear-gradient(120deg,#1432C8,#3a5be0); }
.banner-carousel .bnc-slide.accent-red  { background: linear-gradient(120deg,#1432C8 35%,#e3132c); }
.banner-carousel .bnc-slide.accent-gold { background: linear-gradient(120deg,#1432C8 30%,#d4af37); }
/* Зурагтай үед уншигдахуйц болгох бараан давхарга */
.banner-carousel .bnc-overlay {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 64px 56px;
}
.banner-carousel .bnc-slide.has-img .bnc-overlay {
  background: linear-gradient(90deg, rgba(8,12,40,.72) 0%, rgba(8,12,40,.45) 45%, rgba(8,12,40,.05) 100%);
}
.banner-carousel .bnc-content { max-width: 560px; }
.banner-carousel .banner-subtitle {
  color: #ffd84a !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: .5px;
  margin-bottom: 10px !important;
}
.banner-carousel .banner-title {
  color: #fff !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.25) !important;
  text-transform: none !important;
  font-size: 50px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  margin-bottom: 16px !important;
}
.banner-carousel .text {
  color: rgba(255,255,255,.92) !important;
  font-size: 19px !important;
  text-transform: none !important;
  margin-bottom: 6px;
}
.banner-carousel .custom-button2 {
  background: #fff !important;
  color: var(--nl-blue) !important;
  border-color: #fff !important;
  margin-top: 14px;
  font-weight: 700 !important;
}
.banner-carousel .custom-button2:hover {
  background: #ffd84a !important;
  border-color: #ffd84a !important;
  color: var(--nl-blue) !important;
}
/* Сум */
.banner-carousel .bnc-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 46px; height: 46px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,.9);
  color: var(--nl-blue);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 4px 14px rgba(0,0,0,.18);
  transition: background .2s;
}
.banner-carousel .bnc-arrow:hover { background: #fff; }
.banner-carousel .bnc-prev { left: 28px; }
.banner-carousel .bnc-next { right: 28px; }
/* Цэгүүд */
.banner-carousel .bnc-dots {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 16px;
}
.banner-carousel .bnc-dot {
  width: 10px; height: 10px;
  border-radius: 50%;
  border: none;
  background: var(--nl-border);
  cursor: pointer;
  transition: background .2s, width .2s;
}
.banner-carousel .bnc-dot.active {
  background: var(--nl-blue);
  width: 26px;
  border-radius: 5px;
}
@media (max-width: 768px) {
  .banner-carousel .bnc-overlay { padding: 40px 28px; }
  .banner-carousel .banner-title { font-size: 32px !important; }
  .banner-carousel .text { font-size: 16px !important; }
  .banner-carousel .bnc-slide { min-height: 300px; }
  .banner-carousel .bnc-prev { left: 12px; }
  .banner-carousel .bnc-next { right: 12px; }
}

/* ----------------------------------------------------------------
   5) SECTION HEADER — цэнхэр гарчиг
   ---------------------------------------------------------------- */
.section-header .title,
.section-header .text,
.section-title,
.color-theme {
  color: var(--nl-blue) !important;
}
.section-header.white-color .title,
.section-header.white-color .text { color: #fff !important; }

/* ----------------------------------------------------------------
   6) DRAW CARDS — тод өнгөтэй card, цагаан дэвсгэр дээр
   ---------------------------------------------------------------- */
/* Хуучин сөрөг margin-ийг арилгах (banner-тэй давхцахаас сэргийлнэ) */
.draw-section {
  margin-top: 0 !important;
  padding-top: 20px !important;
}
/* .item бол зүгээр сав — дэвсгэр, хүрээ байхгүй */
.draw-section .draw-slider .item {
  background: transparent !important;
  border: none !important;
  padding: 14px !important;
}
/* Жинхэнэ card = .single-draw → тод өнгө, дугуй булан, сүүдэртэй */
.draw-section .single-draw,
.draw-card,
.lottery-card {
  border: none !important;
  border-radius: 18px !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
  overflow: visible !important;
  padding: 28px 22px !important;
  text-align: center;
  transition: transform .2s ease, box-shadow .2s ease;
}
.draw-section .single-draw:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.16) !important;
}
/* Сондгой card → улаан solid (Lotto) */
.draw-section .single-draw.card-red {
  background: var(--nl-red) !important;
}
.draw-section .single-draw.card-red h4,
.draw-section .single-draw.card-red .text,
.draw-section .single-draw.card-red .time-countdown {
  color: #fff !important;
}
/* Тэгш card → шар solid (EuroMillions) */
.draw-section .single-draw.card-yellow {
  background: var(--nl-yellow) !important;
}
.draw-section .single-draw.card-yellow h4,
.draw-section .single-draw.card-yellow .text,
.draw-section .single-draw.card-yellow .time-countdown {
  color: var(--nl-blue) !important;
}
/* Товч — тод card дээр цэнхэр контраст */
.draw-section .single-draw .custom-button1,
.draw-section .single-draw .custom-button2 {
  background: var(--nl-blue) !important;
  color: #fff !important;
  border: none !important;
}
/* 6/45 icon тодруулах — цагаан тойрог дотор байрлуулна */
.draw-section .single-draw .icon {
  background: #fff !important;
  border-radius: 50% !important;
  width: 110px !important;
  height: 110px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 auto 8px !important;
  padding: 8px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}
.draw-section .single-draw .icon img {
  max-width: 90% !important;
  max-height: 90% !important;
}
/* overlay зургийг нуух (туяаг арилгана) */
.draw-section .single-draw .overlay {
  display: none !important;
}

/* ----------------------------------------------------------------
   7) BALL — шар solid (EuroMillions шиг)
   ---------------------------------------------------------------- */
.single-pick .body-area ul li span.selected,
.play-num.selected,
.ball,
.ticket-numbers .ball,
.prev-result .ball,
.js-lines-list .ball,
.ticket-card .ball {
  background: var(--nl-yellow) !important;
  background-image: none !important;
  color: var(--nl-blue) !important;
  border-color: var(--nl-yellow) !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 4px rgba(0,0,0,.08) !important;
}
.play-num {
  background: #fff !important;
  border: 2px solid var(--nl-border) !important;
  color: var(--nl-blue) !important;
}
.play-num:hover {
  border-color: var(--nl-yellow) !important;
  background: #fffbe6 !important;
}

/* Ялагдсан/таарсан ball улаан */
.winner-numbers .ball.hit,
.winning-numbers-bar .wn-ball,
.rc-ball.hit {
  background: var(--nl-red) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--nl-red) !important;
}

/* ----------------------------------------------------------------
   8) WALLET CARD — цэнхэр solid
   ---------------------------------------------------------------- */
.wallet-card {
  background: var(--nl-blue) !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 20px !important;
}
.wallet-actions .btn,
.wallet-actions button {
  background: #fff !important;
  color: var(--nl-blue) !important;
  border: none !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
}
.wallet-actions button:hover {
  background: var(--nl-yellow) !important;
  color: var(--nl-blue) !important;
}

/* ----------------------------------------------------------------
   9) NEXT DRAW box — цэнхэр solid
   ---------------------------------------------------------------- */
.next-draw-box {
  background: var(--nl-blue) !important;
  background-image: none !important;
  color: #fff !important;
  border-radius: 20px !important;
}

/* ----------------------------------------------------------------
   10) TICKET, PROMO, WINNER cards — цагаан + цэнхэр accent
   ---------------------------------------------------------------- */
.ticket-card,
.tx-card,
.promo-card,
.winner-card,
.prev-result {
  background: #fff !important;
  border: 1px solid var(--nl-border) !important;
  border-radius: 16px !important;
}
.ticket-card.ticket-won    { border-left: 5px solid #1d9e75 !important; }
.ticket-card.ticket-lost   { border-left: 5px solid var(--nl-red) !important; }
.ticket-card.ticket-pending{ border-left: 5px solid var(--nl-yellow) !important; }

.ticket-id,
.promo-card .title,
.tx-card .title,
.section-header .title,
.play-slip-head .title,
.play-lines h5 {
  color: var(--nl-blue) !important;
}

.promo-card .icon {
  background: var(--nl-blue) !important;
  background-image: none !important;
  color: #fff !important;
}

/* ----------------------------------------------------------------
   11) PRIZE TIER TABLE — цэнхэр толгой
   ---------------------------------------------------------------- */
.prize-tier-table th {
  background: var(--nl-blue) !important;
  color: #fff !important;
}
.prize-tier-table .tier { color: var(--nl-blue) !important; }
.prize-tier-table .prize { color: var(--nl-red) !important; }

/* ----------------------------------------------------------------
   12) PROMO CAROUSEL ARROW — цэнхэр
   ---------------------------------------------------------------- */
.promo-arrow {
  border-color: var(--nl-blue) !important;
  color: var(--nl-blue) !important;
}
.promo-arrow:hover {
  background: var(--nl-blue) !important;
  background-image: none !important;
  color: #fff !important;
  border-color: var(--nl-blue) !important;
  box-shadow: 0 4px 12px rgba(12,34,128,.25) !important;
}

/* ----------------------------------------------------------------
   13) PLAY-SLIP — цайвар цэнхэр статус
   ---------------------------------------------------------------- */
.play-slip-status {
  background: #eef0fb !important;
  color: var(--nl-blue) !important;
}
.play-slip-status .js-pick-count { color: var(--nl-red) !important; }
.js-lines-list li {
  background: #f5f5f7 !important;
}
.play-slip-footer .js-total-amount { color: var(--nl-red) !important; }

/* CART товч — цэнхэр (gradient биш) */
.cart-summary .js-cart-buy,
.pick-number-area .cart-summary .bottom-area .custom-button2 {
  background: var(--nl-blue) !important;
  background-image: none !important;
  border: none !important;
  color: #fff !important;
  border-radius: 999px !important;
}
.cart-summary .js-cart-buy:hover {
  background: var(--nl-blue-dark) !important;
}

/* ----------------------------------------------------------------
   14) FOOTER — гүн цэнхэр solid
   ---------------------------------------------------------------- */
.footer-section {
  background: var(--nl-blue) !important;
  color: #fff !important;
}
.footer-section .footer-logo span,
.footer-section .copyright-wrapper .copyr-text,
.footer-section .footer-links .footer-top-area .right ul li a {
  color: #fff !important;
}
.footer-section .copyright-wrapper .footer-social-links li a {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.2) !important;
  color: #fff !important;
}
.footer-section .copyright-wrapper .footer-social-links li a:hover {
  background: var(--nl-yellow) !important;
  background-image: none !important;
  color: var(--nl-blue) !important;
  border-color: var(--nl-yellow) !important;
  box-shadow: 0 6px 14px rgba(255,208,0,.35) !important;
}

/* ----------------------------------------------------------------
   15) LOTTERY-RESULT section — цэнхэр solid (туяагүй)
   ---------------------------------------------------------------- */
.lottery-result {
  background: var(--nl-blue) !important;
  background-image: none !important;
  padding-top: 60px !important;        /* дээд талын товчноос зайтай */
  padding-bottom: 70px !important;     /* доод тал — цайвар хэсэгтэй наалдахгүй */
}
.lottery-result::before {
  background: var(--nl-blue) !important;
  opacity: 1 !important;
}

/* ----------------------------------------------------------------
   16) FORM элементүүд — цэнхэр focus
   ---------------------------------------------------------------- */
.form-control:focus,
input:focus, textarea:focus, select:focus {
  border-color: var(--nl-blue) !important;
  box-shadow: 0 0 0 3px rgba(12,34,128,.15) !important;
  outline: none !important;
}

/* Линкийн өнгө */
a { color: var(--nl-blue); }
a:hover { color: var(--nl-blue-dark); }

/* ----------------------------------------------------------------
   17) PRELOADER — цэнхэр
   ---------------------------------------------------------------- */
.preloader { background: var(--nl-bg) !important; }
.preloader .preloader-icon span {
  background: var(--nl-blue) !important;
}

/* ----------------------------------------------------------------
   18) MODAL (нэвтрэх/бүртгүүлэх) — цэнхэр CTA
   ---------------------------------------------------------------- */
.log-reg-inner .main-content .button-wrapper .custom-button2 {
  background: var(--nl-blue) !important;
  background-image: none !important;
  border-color: var(--nl-blue) !important;
  border-radius: 999px !important;
}

/* ----------------------------------------------------------------
   19) SCROLLTOTOP — цэнхэр
   ---------------------------------------------------------------- */
.scrollToTop {
  background: var(--nl-blue) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
}
.scrollToTop:hover { background: var(--nl-blue-dark) !important; }

/* ================================================================
   20) MOBILE — National Lottery шиг цэвэрхэн header (gar utas)
   ================================================================ */
@media (max-width: 991px) {
  /* Logo текстийг нуух — зөвхөн тэмдэг үлдээнэ (зай гаргана) */
  .logo .site-name,
  .logo-with-text .site-name {
    display: none !important;
  }
  .logo img {
    max-width: 48px !important;
  }
  /* Бүртгүүлэх / Нэвтрэх товч — pill хэлбэр хадгалах */
  .custom-button1,
  .custom-button2 {
    padding: 8px 18px !important;
    font-size: 14px !important;
    line-height: 20px !important;
    border-radius: 999px !important;
    white-space: nowrap;
  }
  /* Register = outline цагаан, Sign in = дүүрэн цагаан */
  .log-reg-area .custom-button1 {
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important;
  }
  .log-reg-area .custom-button2 {
    background: #fff !important;
    border: 2px solid #fff !important;
    color: var(--nl-blue) !important;
  }
  .log-reg-area {
    display: flex !important;
    gap: 10px !important;
    align-items: center;
  }
  /* Hamburger цэс — баруун талд, цагаан */
  .header-bar {
    margin-left: 12px;
  }
  .header-bar span { background-color: #fff !important; }
  /* Header доторх зүйлсийг нэг эгнээнд эвтэйхэн байрлуулах */
  .header-top-area-inner {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px;
  }
  .header-top-area-inner .right-area {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px;
  }
  /* Banner mobile — padding багасгах */
  .banner-section .container {
    padding: 40px 24px 50px !important;
  }
  .banner-section .banner-title {
    font-size: 38px !important;
  }
}

/* ================================================================
   21) BLOG SIDEBAR — бусад нийтлэл (blog-details хуудас)
   ================================================================ */
.blog-sidebar {
  background: #fff;
  border: 1px solid var(--nl-border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.blog-sidebar .sidebar-title {
  color: var(--nl-blue) !important;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 18px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--nl-bg-soft);
}
.blog-sidebar .sidebar-post {
  display: flex;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--nl-bg-soft);
  text-decoration: none;
  transition: transform .15s ease;
}
.blog-sidebar .sidebar-post:last-child { border-bottom: none; }
.blog-sidebar .sidebar-post:hover { transform: translateX(4px); }
.blog-sidebar .sidebar-thumb {
  flex: 0 0 70px;
  width: 70px; height: 70px;
  border-radius: 10px;
  overflow: hidden;
}
.blog-sidebar .sidebar-thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
}
.blog-sidebar .sidebar-info { flex: 1; }
.blog-sidebar .sidebar-date {
  font-size: 12px;
  color: var(--nl-text-muted);
}
.blog-sidebar .sidebar-post-title {
  color: var(--nl-text) !important;
  font-size: 14px;
  font-weight: 600;
  margin-top: 4px;
  line-height: 1.4;
}
.blog-sidebar .sidebar-post:hover .sidebar-post-title {
  color: var(--nl-blue) !important;
}
@media (max-width: 991px) {
  .blog-sidebar { margin-top: 30px; }
}

/* ================================================================
   23) RESULT-LIST картууд — цэвэрхэн, зайтай (Үр дүн хуудас)
   ================================================================ */
/* Карт хоорондын зай + цэвэр ирмэг */
.result-list .single-list {
  margin-bottom: 28px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--nl-border);
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
  align-items: stretch !important;       /* хоёр хэсэг ижил өндөртэй */
}
.result-list .single-list:last-child {
  margin-bottom: 0 !important;
}
/* Цагаан хэсэг */
.result-list .single-list .light-area {
  background: #fff !important;
}
/* Өнгөт хэсэг (баруун) — дэвсгэр зураг арилгаж, цэвэр улаан */
.result-list .single-list .color-area {
  background-image: none !important;
  background: var(--nl-red, #e3132c) !important;
  border-radius: 0 !important;           /* картын overflow:hidden булан хайчилна */
  align-items: flex-end !important;
}
/* Дугуй тоонууд — цэвэр улаан, цагаан текст */
.result-list .single-list .light-area .light-area-bottom .left .numbers span {
  background: var(--nl-red, #e3132c) !important;
  color: #fff !important;
  border: none !important;
}

/* ================================================================
   24) "Үр дүн шалгах" товч — National Lottery цэнхэр (баталгаа)
   ================================================================ */
.check-number .custom-button2,
.check-number button.js-check-submit,
.js-check-submit {
  background-image: none !important;
  background: var(--nl-blue, #1432C8) !important;
  border: 1px solid var(--nl-blue, #1432C8) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  padding: 12px 32px !important;
  box-shadow: none !important;
  margin-top: 28px !important;        /* дээд талын input-аас зайтай */
}
.check-number .custom-button2:hover,
.js-check-submit:hover {
  background: var(--nl-blue-dark, #131a85) !important;
  border-color: var(--nl-blue-dark, #131a85) !important;
  color: #fff !important;
}
.check-number .custom-button2 i,
.js-check-submit i {
  color: #fff !important;
  margin-right: 6px;
}

/* ================================================================
   25) PRIVACY / нөхцөлийн хуудас
   ================================================================ */
.privacy-content .privacy-updated {
  color: var(--nl-text-muted);
  font-size: 14px;
  margin-bottom: 28px;
}
.privacy-content h3 {
  color: var(--nl-blue) !important;
  font-size: 20px;
  font-weight: 700;
  margin: 32px 0 12px;
}
.privacy-content p {
  color: var(--nl-text);
  line-height: 1.8;
  margin-bottom: 14px;
}
.privacy-content ul {
  margin: 0 0 16px 20px;
  padding-left: 16px;
}
.privacy-content ul li {
  list-style: disc;
  color: var(--nl-text);
  line-height: 1.8;
  margin-bottom: 6px;
}
.privacy-content a {
  color: var(--nl-blue) !important;
  text-decoration: underline;
}

/* ================================================================
   22) GAME CARD — National Lottery загварын тоглоомын картууд
   ================================================================ */
.draw-section { padding: 50px 0 60px; background: var(--nl-bg, #fff); margin-top: 0; }

/* ================================================================
   Нүүр — "Бүх сугалаа тоглоом" (BTSN, тод карт + хэвтээ гүйлт)
   ================================================================ */
.games-section { padding: 50px 0 60px; background: var(--nl-bg, #fff); }
/* Картын хэсгийн фонт — preview-тэй ЯГ ИЖИЛ (сайтын Comfortaa-г энд хэрэглэхгүй).
   Зөвхөн текст агуулагчдад онооно — FontAwesome icon-уудад хүрэхгүй. */
.games-head,
.game-tile-wrap {
  font-family: "Segoe UI", system-ui, -apple-system, Arial, "Noto Sans", sans-serif;
}
.games-head { text-align: center; max-width: 640px; margin: 0 auto 34px; }
.games-title {
  font-size: 32px; font-weight: 800; margin: 0 0 8px;
  font-family: inherit;
  color: var(--nl-text, #15206b); letter-spacing: -0.5px;
}
.games-sub { font-size: 16px; color: #5a6486; margin: 0; }

/* Картуудыг төвлөрүүлж байрлуулна (цөөн тоглоомд тохирно) */
.games-rail {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 22px;
}

/* Картны wrapper — pill-ийг дээш цухуйлгахын тулд */
.game-tile-wrap {
  position: relative;
  flex: 0 0 300px; width: 300px;
  padding-top: 15px;        /* pill цухуйх зай */
}

.game-tile {
  position: relative;
  width: 100%;
  border-radius: 22px;
  padding: 26px 24px 22px;
  min-height: 380px;
  display: flex; flex-direction: column;
  color: #fff;
  overflow: hidden;
  isolation: isolate;
  box-shadow: 0 10px 26px rgba(13, 18, 96, 0.14);
  transition: transform .2s ease, box-shadow .2s ease;
}
.game-tile-wrap:hover .game-tile { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(13,18,96,0.24); }
/* Сайтын глобал h3 дүрэм нэрэнд "Ubuntu" фонт оноохыг л саармагжуулна (дизайнд хүрэхгүй) */
.game-tile h3 { margin: 0; }

/* Булангийн өнгөлгөө (blob) — radius-аас цухуйж харагдана */
.game-tile-blob {
  position: absolute; z-index: -1; border-radius: 50%;
  background: var(--accent, #ec008c);
}
.game-tile-blob.blob-1 { width: 300px; height: 300px; left: -120px; bottom: -150px; }
.game-tile-blob.blob-2 { width: 190px; height: 190px; right: -90px;  top: -110px; }

/* Өнгөний хувилбарууд (National Lottery-тэй ойролцоо тод өнгө) */
.game-tile.card-red    { --tile:#ee0404; --accent:#eb01bf; background: var(--tile); }
.game-tile.card-yellow { --tile:#ffc20e; --accent:#00aeef; background: var(--tile); color:#1a1f71; }
.game-tile.card-cyan   { --tile:#00aeef; --accent:#1763e8; background: var(--tile); }
.game-tile.card-pink   { --tile:#ec008c; --accent:#e4002b; background: var(--tile); }
.game-tile.card-blue   { --tile:#1a1f71; --accent:#00aeef; background: var(--tile); }
.game-tile.card-green  { --tile:#00a652; --accent:#ffc20e; background: var(--tile); }

/* "Хаагдах хүртэл" pill — картны дээд ирмэгээс цухуйна */
.game-tile-closes {
  position: absolute; top: 0; left: 22px; z-index: 5;
  background: #1631ca;
  color: #fff; font-size: 12.5px; font-weight: 600;
  padding: 6px 13px; border-radius: 999px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.18);
}
.game-tile-closes b { font-weight: 800; }

/* Eyebrow "Энэ <гараг>" + зураас */
.game-tile-top { flex: 0 0 auto; }
.game-tile-eyebrow {
  display: flex; align-items: center; gap: 12px;
  font-size: 15px; font-weight: 700; margin-bottom: 8px; color: inherit;
}
.game-tile-eyebrow i { flex: 1 1 auto; height: 2px; background: currentColor; opacity: .55; border-radius: 2px; }

.game-tile-name {
  color: inherit !important;
  font-family: inherit;
  font-size: 26px; font-weight: 800; line-height: 1.15;
  margin: 0; letter-spacing: -0.4px;
}

/* Жекпот тоо */
.game-tile-jackpot { margin: auto 0 18px; }
.game-tile-jackpot strong {
  display: block; font-size: 40px; font-weight: 800; line-height: 1; letter-spacing: -1px;
}
.game-tile-jackpot strong sup { font-size: 20px; top: -16px; opacity: .85; }
.game-tile-jackpot .jp-label { font-size: 22px; font-weight: 800; }

/* "Тоглох" товч — хар хөх pill (бүх карт дээр) */
.game-tile-btn {
  display: block; text-align: center;
  background: #01007f;
  color: #fff !important;
  font-weight: 800; font-size: 15.5px;
  padding: 15px 18px; border-radius: 999px;
  text-decoration: none;
  transition: filter .18s ease, transform .18s ease;
}
.game-tile-btn:hover { filter: brightness(1.18); transform: scale(1.015); }

/* Хоосон төлөв */
.draw-empty, .games-section .draw-empty {
  text-align: center; padding: 50px 20px; color: #5a6486;
}
.draw-empty i { font-size: 40px; color: #b8c0dc; margin-bottom: 14px; }
.draw-empty h4 { margin: 0 0 6px; color: var(--nl-text, #0d1260); }

/* Wallet тэмдэглэл (банкаар төлөх тайлбар) */
.wallet-note {
  margin: 16px 0 0; font-size: 13px; line-height: 1.5;
  color: rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.12);
  border-radius: 10px; padding: 11px 13px;
}
.wallet-note i { margin-right: 6px; }

/* Mobile */
@media (max-width: 767px) {
  .games-title { font-size: 24px; }
  .game-tile-wrap { flex-basis: 84%; width: 84%; }
  .game-tile { min-height: 340px; }
  .game-tile-jackpot strong { font-size: 34px; }
}

/* ================================================================
   26) BTSN ALERT — National Lottery загвартай анхааруулга
   ================================================================ */
.btsn-alert-overlay {
  position: fixed;
  inset: 0;
  background: rgba(13, 18, 96, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease;
  padding: 20px;
}
.btsn-alert-overlay.open { opacity: 1; visibility: visible; pointer-events: auto; }

.btsn-alert-box {
  background: #fff;
  border-radius: 24px;
  max-width: 440px;
  width: 100%;
  padding: 36px 34px 30px;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3);
  transform: translateY(16px) scale(0.97);
  transition: transform .22s ease;
}
.btsn-alert-overlay.open .btsn-alert-box {
  transform: translateY(0) scale(1);
}

/* Дугуй × товч (баруун дээд) */
.btsn-alert-close {
  position: absolute;
  top: 18px; right: 18px;
  width: 40px; height: 40px;
  border-radius: 50%;
  border: 2px solid var(--nl-blue, #1432C8);
  background: #fff;
  color: var(--nl-blue, #1432C8);
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: background .15s ease, color .15s ease;
}
.btsn-alert-close:hover {
  background: var(--nl-blue, #1432C8);
  color: #fff;
}

/* Толгой: icon + гарчиг */
.btsn-alert-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding-right: 40px;
}
.btsn-alert-icon {
  flex: 0 0 auto;
  width: 44px; height: 44px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px;
}
.btsn-alert-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--nl-blue, #1432C8) !important;
  margin: 0;
  line-height: 1.2;
}
.btsn-alert-msg {
  color: var(--nl-text, #1a1a1a);
  font-size: 15.5px;
  line-height: 1.7;
  margin: 0 0 18px;
}

/* Icon өнгө төрлөөр */
.btsn-alert-info    .btsn-alert-icon { background: #e6f0ff; color: var(--nl-blue, #1432C8); }
.btsn-alert-success .btsn-alert-icon { background: #e3f7e8; color: #1a9d4b; }
.btsn-alert-warning .btsn-alert-icon { background: #fff3e0; color: #e88b00; }
.btsn-alert-error   .btsn-alert-icon { background: #fde7e9; color: var(--nl-red, #e3132c); }
.btsn-alert-confirm .btsn-alert-icon { background: #e6f0ff; color: var(--nl-blue, #1432C8); }

/* Мэдээллийн цэнхэр хайрцаг (жагсаалт) */
.btsn-alert-listbox {
  background: #eef2fb;
  border-radius: 14px;
  padding: 18px 20px;
  margin-bottom: 20px;
}
.btsn-alert-listtitle {
  font-weight: 700;
  color: var(--nl-blue, #1432C8);
  margin: 0 0 8px;
  font-size: 14.5px;
}
.btsn-alert-listbox ul {
  margin: 0; padding-left: 18px;
}
.btsn-alert-listbox li {
  list-style: disc;
  color: var(--nl-text, #1a1a1a);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 5px;
}

/* Доод товчнууд */
.btsn-alert-foot { margin-top: 4px; }
.btsn-alert-actions {
  display: flex;
  gap: 12px;
}
.btsn-alert-btn {
  border-radius: 999px;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  border: 2px solid var(--nl-blue, #1432C8);
  transition: background .15s ease, color .15s ease;
}
.btsn-alert-btn.solid {
  background: var(--nl-blue, #1432C8);
  color: #fff;
}
.btsn-alert-btn.solid:hover {
  background: var(--nl-blue-dark, #131a85);
}
.btsn-alert-btn.outline {
  background: #fff;
  color: var(--nl-blue, #1432C8);
}
.btsn-alert-btn.outline:hover {
  background: #eef2fb;
}
.btsn-alert-btn.full { width: 100%; }
.btsn-alert-actions .btsn-alert-btn { flex: 1; }

@media (max-width: 480px) {
  .btsn-alert-box { padding: 30px 22px 24px; border-radius: 20px; }
  .btsn-alert-title { font-size: 21px; }
}

/* ================================================================
   27) PLAY хуудас — нэг самбар + sidebar (How to play + холбоос)
   ================================================================ */
/* Тоглох заавар карт (NL ягаан/цэнхэр) */
.play-sidebar { position: sticky; top: 90px; }
.play-sidebar-card {
  background: #fff;
  border: 1px solid var(--nl-border);
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 20px;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06);
}
.play-help-card {
  background: var(--nl-blue, #1432C8);
  border: none;
  text-align: center;
}
.play-help-card h5 {
  color: #fff !important;
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 8px;
}
.play-help-card p {
  color: rgba(255,255,255,0.85);
  font-size: 14px;
  margin-bottom: 18px;
}
.play-help-btn {
  display: inline-block;
  background: #fff;
  color: var(--nl-blue, #1432C8) !important;
  font-weight: 700;
  padding: 11px 26px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s ease;
}
.play-help-btn:hover { transform: translateY(-2px); }

/* Холбоосын жагсаалт */
.play-links-card ul { list-style: none; padding: 0; margin: 0; }
.play-links-card li { border-bottom: 1px solid var(--nl-bg-soft); }
.play-links-card li:last-child { border-bottom: none; }
.play-links-card li a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 4px;
  color: var(--nl-blue, #1432C8) !important;
  font-weight: 600;
  font-size: 14.5px;
  text-decoration: none;
  transition: padding-left .15s ease;
}
.play-links-card li a:hover { padding-left: 10px; }
.play-links-card li a .fa-chevron-right {
  margin-left: auto;
  font-size: 12px;
  color: var(--nl-text-muted);
}
@media (max-width: 991px) {
  .play-sidebar { position: static; margin-top: 30px; }
}

/* ================================================================
   28) "Бүх үр дүнг харах" холбоос — доороо зайтай
   ================================================================ */
.lottery-result .view-all {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 10px;
  color: var(--nl-blue, #1432C8) !important;
  font-weight: 700;
  font-size: 16px;
  text-decoration: none;
}
.lottery-result .view-all:hover { text-decoration: underline; }
/* lottery-result доод padding (карт доороо наалдахгүй) */
.lottery-result .content { padding-bottom: 20px; }

/* ================================================================
   29) FEATURES — NL "Player information and support" загвар
   ================================================================ */
.features-section {
  background: #fdeeeb;          /* NL цайвар ягаан дэвсгэр */
  padding: 60px 0 70px;
}
.features-heading {
  text-align: center;
  color: var(--nl-blue, #1432C8) !important;
  font-size: 34px;
  font-weight: 800;
  margin-bottom: 44px;
}
.feature-card {
  background: #fff;
  border-radius: 16px;
  padding: 32px 24px 28px;
  text-align: center;
  height: 100%;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform .18s ease, box-shadow .18s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}
.feature-card-icon {
  width: 80px; height: 80px;
  margin-bottom: 18px;
  display: flex; align-items: center; justify-content: center;
}
.feature-card-icon img { max-width: 100%; max-height: 100%; object-fit: contain; }
.feature-card-title {
  color: var(--nl-blue, #1432C8) !important;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}
.feature-card-text {
  color: var(--nl-text, #1a1a1a);
  font-size: 14.5px;
  line-height: 1.6;
  margin-bottom: 18px;
  flex: 1;
}
.feature-card-link {
  color: var(--nl-blue, #1432C8) !important;
  font-weight: 700;
  font-size: 15px;
  text-decoration: underline;
  margin-top: auto;
}
.feature-card-link:hover { color: var(--nl-blue-dark, #131a85) !important; }
.features-section .col-lg-3 { margin-bottom: 24px; }
@media (max-width: 767px) {
  .features-heading { font-size: 26px; }
}

/* ================================================================
   30) CHECK-NUMBER — дээд зай + гарчиг National Lottery шиг
   ================================================================ */
.check-number {
  padding-top: 80px !important;
  background: var(--nl-bg-soft, #f5f5f7);
}
/* "ТООГОО ШАЛГАХ" гарчиг — жижиг, ALL CAPS биш */
.check-number .section-header .title,
.check-number .title {
  text-transform: none !important;
  font-size: 36px !important;
  color: var(--nl-blue, #1432C8) !important;
  font-weight: 800 !important;
}

/* ================================================================
   31) CHECK-NUMBER 3 карт — тэгш, төвлөрсөн
   ================================================================ */
/* 3 карт ижил өндөр */
.check-number .check-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.check-number .row { align-items: stretch; }
.check-number .col-lg-4 { display: flex; margin-bottom: 20px; }

/* Бүх input/select ижил өргөн, ижил харагдац (тооны нүднээс бусад) */
.check-number .form-area { width: 100%; }
.check-number .form-area > input:not(.input-round),
.check-number .form-area > select,
.check-number .form-area input[type="date"] {
  width: 100% !important;
  box-sizing: border-box;
  text-align: center;
}
/* Огнооны input-ийг бусадтай ижил төвлүүлэх */
.check-number .form-area input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
}
/* Тооны нүд (input-round) — жижиг, нэг эгнээнд (6 нүд багтана) */
.check-number .input-round-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 6px;
  justify-content: center;
}
.check-number .input-round-wrapper .input-round {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px;
  border-radius: 50% !important;
  text-align: center;
  padding: 0 !important;
  flex: 0 0 auto;
  font-size: 15px;
}

/* ================================================================
   32) BREADCRUMB — National Lottery шиг цэвэрхэн цэнхэр зам
   ================================================================ */
.breadcrumb-area {
  background: var(--nl-blue, #1432C8) !important;
  background-image: none !important;
  padding: 14px 0 !important;
  position: relative;
  border-top: 1px solid rgba(255,255,255,0.15);   /* nav-аас ялгах зураас (дээд тал) */
}
/* Улаан-шар туяатай дэвсгэр зураг арилгах */
.breadcrumb-area::before,
.breadcrumb-area::after,
.breadcrumb-area .shape,
.breadcrumb-area .lottory,
.breadcrumb-area img {
  display: none !important;
}
.breadcrumb-area .content {
  display: flex;
  align-items: center;
}
/* Гарчиг хассан */
.breadcrumb-area .content .title { display: none !important; }
/* Breadcrumb зам — жижиг, цагаан, зүүн талд */
.breadcrumb-area .breadcrumb-list {
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  list-style: none;
}
.breadcrumb-area .breadcrumb-list li {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.breadcrumb-area .breadcrumb-list li:not(:last-child)::after {
  content: "›";
  color: rgba(255,255,255,0.6);
  margin: 0 8px;
  font-size: 16px;
}
/* main.css-ийн Font Awesome ➡ icon-ийг устгах */
.breadcrumb-area .breadcrumb-list li::before {
  display: none !important;
  content: none !important;
}
.breadcrumb-area .breadcrumb-list li a {
  color: rgba(255,255,255,0.85) !important;
  text-decoration: none;
}
.breadcrumb-area .breadcrumb-list li:first-child a {
  text-decoration: underline;
}
.breadcrumb-area .breadcrumb-list li:last-child a {
  color: #fff !important;
  font-weight: 600;
  pointer-events: none;
}
.breadcrumb-area .breadcrumb-list li a:hover { color: #fff !important; }
.breadcrumb-area .breadcrumb-list li i,
.breadcrumb-area .breadcrumb-list li .fa-arrow-right { display: none !important; }
@media (max-width: 767px) {
  .breadcrumb-area .content .title { font-size: 19px !important; }
}

/* ================================================================
   33) Section гарчгууд — ALL CAPS биш, жигд (бүх хуудас)
   ================================================================ */
.lottery-result .section-header .title,
.winners-section .section-header .title,
.results .section-header .title {
  text-transform: none !important;
  font-size: 32px !important;
}
/* Breadcrumb доор контент — цайвар ялгаа (NL шиг) */
.breadcrumb-area + section,
.breadcrumb-area + * {
  position: relative;
}
/* Slim breadcrumb: дараах контент navbar руу давхцахгүй
   (хуучин өндөр hero-д зориулсан -130px overlap-ийг цуцлах) */
.breadcrumb-area + section,
.breadcrumb-area + .faq,
.breadcrumb-area + .contact,
.breadcrumb-area + .blog-page,
.breadcrumb-area + .about-area,
.breadcrumb-area + .about-counter,
.breadcrumb-area + .results,
.breadcrumb-area + .game-info-section {
  margin-top: 0 !important;
}
/* Давхцал арилгаснаар үүссэн хэт том дээд padding-ийг багасгах */
.breadcrumb-area + .faq .faq-box { padding-top: 36px !important; }

/* ================================================================
   34) PLAY hero — National Lottery шиг (зүүн өнгөт jackpot + баруун мэдээлэл)
   ================================================================ */
.singlelottery {
  padding-top: 36px;
  padding-bottom: 10px;
  margin-top: 0 !important;
  background: var(--nl-bg, #fff);
}
.singlelottery-body { background: var(--nl-bg, #fff); }
.pick-number-area { background: var(--nl-bg, #fff); }

.play-hero {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0,0,0,0.10);
  margin-bottom: 40px;
}
/* Зүүн: өнгөт jackpot карт */
.play-hero-card {
  flex: 0 0 38%;
  max-width: 38%;
  background: var(--nl-red, #e3132c);
  color: #fff;
  padding: 36px 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.play-hero-when {
  font-size: 14px;
  font-weight: 700;
  opacity: 0.9;
  margin-bottom: 10px;
}
.play-hero-logo {
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 14px;
}
.play-hero-jackpot {
  color: #fff !important;
  font-size: 52px;
  font-weight: 900;
  line-height: 1;
  margin: 0 0 4px;
}
.play-hero-sub {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 28px;
}
.play-hero-btn {
  display: inline-block;
  background: var(--nl-blue-darker, #0d1260);
  color: #fff !important;
  font-weight: 700;
  padding: 14px 28px;
  border-radius: 999px;
  text-align: center;
  text-decoration: none;
  transition: transform .15s ease, background .15s ease;
}
.play-hero-btn:hover { transform: translateY(-2px); background: #000; }

/* Баруун: мэдээлэл */
.play-hero-info {
  flex: 1;
  padding: 36px 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.play-hero-title {
  color: var(--nl-blue, #1432C8) !important;
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 14px;
}
.play-hero-text {
  color: var(--nl-text, #1a1a1a);
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 22px;
}
.play-hero-meta {
  list-style: none;
  padding: 0; margin: 0;
}
.play-hero-meta li {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--nl-text, #1a1a1a);
  font-size: 14.5px;
  margin-bottom: 10px;
}
.play-hero-meta li i { color: var(--nl-blue, #1432C8); width: 18px; }
.play-hero-meta li strong { color: var(--nl-blue, #1432C8); }

@media (max-width: 767px) {
  .play-hero-card, .play-hero-info { flex: 0 0 100%; max-width: 100%; }
  .play-hero-jackpot { font-size: 42px; }
}
/* ================================================================
   35) Breadcrumb → цэнхэр section завсар (баахан цэнхэр салгах)
   ================================================================ */
/* breadcrumb-ийн дараа шууд lottery-result (цэнхэр) ирвэл завсар */
.breadcrumb-area + .lottery-result,
.breadcrumb-area + section .lottery-result {
  margin-top: 0;
}
/* lottery-result доторх гарчиг+тайлбарыг цэнхэр биш, цайвар хэсэгт байрлуулах
   — winners хуудсанд хоёр цэнхэр нийлэхээс сэргийлнэ */
.lottery-result {
  border-top: 4px solid #fff;
}
/* Section header (гарчиг+тайлбар) дээд зай — амьсгаа авах */
.lottery-result .section-header {
  padding-top: 20px;
}

/* ================================================================
   36) WINNERS — тохирлын мэдээллийн карт (зураг шиг)
   ================================================================ */
.winners-section-heading {
  text-align: center;
  color: var(--nl-blue, #1432C8) !important;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 28px;
  text-transform: none !important;
}
/* Тохирлын карт — цайвар улбар шар дэвсгэр */
.winners-draw-card {
  background: linear-gradient(135deg, #ffe8d6 0%, #ffd9c0 60%, #ffc9b0 100%);
  border-radius: 18px;
  padding: 32px 36px;
  margin-bottom: 44px;
  box-shadow: 0 6px 24px rgba(227,19,44,0.12);
}
.winners-draw-card .wdc-top,
.winners-draw-card .wdc-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.winners-draw-card .wdc-top {
  padding-bottom: 22px;
  margin-bottom: 22px;
  border-bottom: 1px solid rgba(227,19,44,0.15);
}
/* Зүүн дээд: 6/45 лого + нэр */
.winners-draw-card .wdc-top .wdc-left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.winners-draw-card .wdc-logo {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff5a5a, #c8102e);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #e3b04b;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.winners-draw-card .wdc-game {
  color: var(--nl-red, #e3132c) !important;
  font-size: 24px;
  font-weight: 800;
  margin: 0;
}
/* Шошго + утга */
.winners-draw-card .wdc-label {
  display: block;
  color: var(--nl-red, #e3132c);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 6px;
}
.winners-draw-card .wdc-right { text-align: right; }
.winners-draw-card .wdc-value {
  color: var(--nl-red, #e3132c);
  font-size: 18px;
  font-weight: 800;
}
.winners-draw-card .wdc-jackpot {
  color: var(--nl-red, #e3132c);
  font-size: 26px;
  font-weight: 900;
}
/* Хожсон дугаарууд — улаан бөмбөлгүүд */
.winners-draw-card .wdc-numbers {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.winners-draw-card .wdc-ball {
  width: 38px; height: 38px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff7a4a, #e3132c);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(227,19,44,0.3);
}
@media (max-width: 575px) {
  .winners-draw-card { padding: 24px 20px; }
  .winners-draw-card .wdc-top .wdc-left { gap: 12px; }
  .winners-draw-card .wdc-logo { width: 54px; height: 54px; font-size: 15px; }
  .winners-draw-card .wdc-game { font-size: 20px; }
  .winners-draw-card .wdc-right { text-align: left; }
  .winners-section-heading { font-size: 24px; }
}

/* ================================================================
   37) LOGO — 45 дугуй лого (National Lottery харьцаа — жижиг, цэвэр)
   ================================================================ */
/* Header дахь лого */
.header-top-area .header-top-area-inner .logo img,
.logo-with-text .logo-glossy img,
.logo img {
  max-width: 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 0 !important;
  object-fit: contain;
  box-shadow: none !important;
  transition: none !important;       /* hover дээр томрохыг болиулах */
}
/* Hover дээр томрохыг болиулах */
.logo:hover img,
.logo-with-text:hover img,
.logo img:hover {
  transform: none !important;
  scale: none !important;
}
/* Header дахь сайтын нэр — тэнцвэртэй, том биш */
.logo-with-text .site-name,
.logo .site-name {
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 1.1;
}
/* Footer дахь лого */
.footer-section .footer-logo img,
.footer-logo img {
  max-width: 46px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 0 !important;
  object-fit: contain;
}
/* Лого + нэр зэрэгцэх */
.logo-with-text {
  display: inline-flex !important;
  align-items: center;
  gap: 12px;
}
/* logo-glossy контейнерийг засах (btsn-widgets.css-ийн 80px+scale дарах) */
.logo-with-text .logo-glossy {
  width: 46px !important;
  height: 46px !important;
  background: none !important;       /* лого өөрөө цэнхэртэй, давхар дэвсгэр хэрэггүй */
  box-shadow: none !important;
  transition: none !important;       /* томордогийг болиулах */
}
.logo-with-text:hover .logo-glossy {
  transform: none !important;        /* hover scale болиулах */
  box-shadow: none !important;
}
.logo-with-text .logo-glossy::after {
  display: none !important;          /* glossy highlight арилгах */
}
.logo-with-text .site-name {
  font-size: 22px !important;
  font-weight: 700 !important;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .logo-with-text .logo-glossy { width: 42px !important; height: 42px !important; }
  .logo-with-text .site-name { font-size: 18px !important; }
}

/* ================================================================
   38) Header Бүртгүүлэх/Нэвтрэх — National Lottery шиг pill товч
   ================================================================ */
/* Бүртгүүлэх — хүрээтэй (outline) pill */
.right-area .log-reg-area .custom-button1 {
  background: transparent !important;
  background-image: none !important;
  border: 2px solid #fff !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 9px 24px !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease !important;
}
.right-area .log-reg-area .custom-button1:hover {
  background: #fff !important;
  color: var(--nl-blue, #1432C8) !important;
}
/* Нэвтрэх — цагаан дүүргэсэн pill */
.right-area .log-reg-area .custom-button2 {
  background: #fff !important;
  background-image: none !important;
  border: 2px solid #fff !important;
  color: var(--nl-blue, #1432C8) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 9px 24px !important;
  box-shadow: none !important;
  transition: background .15s ease, color .15s ease !important;
}
.right-area .log-reg-area .custom-button2:hover {
  background: var(--nl-bg-soft, #f5f5f7) !important;
  color: var(--nl-blue-dark, #131a85) !important;
}
.right-area .log-reg-area {
  display: flex;
  gap: 12px;
  align-items: center;
}

/* ================================================================
   39) MOBILE цэс — ягаан дэвсгэрийг National Lottery цэнхэр болгох
   ================================================================ */
@media (max-width: 991px) {
  /* responsive.css:357 rgb(108,0,146) ягаан → цэнхэр */
  .header-section {
    background-color: var(--nl-blue, #1432C8) !important;
  }
  .header-section.header-active {
    background-color: var(--nl-blue, #1432C8) !important;
  }
  /* responsive.css:286 — off-canvas СЛАЙД ЦЭСНИЙ ягаан дэвсгэр → цэнхэр (ГОЛ ЗАСВАР) */
  .header-wrapper .menu {
    background-color: var(--nl-blue, #1432C8) !important;
  }
  .header-wrapper .menu li .submenu {
    background-color: var(--nl-blue-dark, #131a85) !important;
  }
  /* Mobile цэсний линкүүд цагаан */
  .header-wrapper .menu li a {
    color: #fff !important;
  }
  .header-wrapper .menu li a:hover,
  .header-wrapper .menu li a.active {
    color: var(--nl-yellow, #ffd400) !important;
  }
}

/* ================================================================
   40) HEADER — desktop нэг мөрөнд (лого | цэс | товч), NL шиг
   ================================================================ */
@media (min-width: 992px) {
  .header-top-area { padding: 12px 0; }
  .header-top-area-inner {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
  }
  /* Лого/товч битгий томрох */
  .header-top-area-inner .logo-with-text { flex: 0 0 auto; }
  .header-top-area-inner .right-area { flex: 0 0 auto; }

  /* Дунд: inline цэс */
  .header-inline-menu {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
  }
  .header-inline-menu .menu {
    display: flex;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
  }
  .header-inline-menu .menu > li { position: relative; }
  .header-inline-menu .menu > li > a {
    color: #fff !important;
    font-weight: 600;
    font-size: 15px;
    padding: 10px 14px;
    display: inline-block;
    white-space: nowrap;
    text-transform: uppercase;
  }
  .header-inline-menu .menu > li > a:hover,
  .header-inline-menu .menu > li > a.active {
    color: var(--nl-yellow, #ffd400) !important;
  }
  /* Submenu (хэрэв байвал) */
  .header-inline-menu .menu li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: var(--nl-blue-dark, #131a85);
    min-width: 200px;
    list-style: none;
    padding: 8px 0;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
    transition: opacity .15s ease;
    z-index: 50;
  }
  .header-inline-menu .menu li:hover .submenu { opacity: 1; visibility: visible; }
  .header-inline-menu .menu li .submenu li a {
    color: #fff !important;
    padding: 8px 18px;
    display: block;
    white-space: nowrap;
  }
  .header-inline-menu .menu li .submenu li a:hover { color: var(--nl-yellow, #ffd400) !important; }

  /* Desktop дээр доод header-section (хуучин цэс) нуух */
  .header-section { display: none !important; }
}
/* Mobile дээр inline цэс нуух (slide-out ашиглана) */
@media (max-width: 991px) {
  .header-inline-menu { display: none !important; }
}

/* ================================================================
   41) ACCOUNT — Миний бүртгэл хуудас
   ================================================================ */
.account-section { padding: 50px 0 80px; background: var(--nl-bg-soft, #f5f5f7); }
.account-section .col-lg-4, .account-section .col-lg-8 { margin-bottom: 24px; }

/* Картууд */
.account-card {
  background: #fff;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  margin-bottom: 24px;
}
.account-card-title {
  color: var(--nl-blue, #1432C8) !important;
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.account-card-title i { color: var(--nl-red, #e3132c); }

/* Профайл карт */
.account-profile { text-align: center; }
.account-avatar {
  width: 90px; height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--nl-blue, #1432C8), var(--nl-blue-darker, #0d1260));
  color: #fff;
  font-size: 40px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  text-transform: uppercase;
}
.account-name { color: var(--nl-text, #1a1a1a) !important; font-size: 20px; font-weight: 800; margin-bottom: 4px; }
.account-email { color: var(--nl-text-muted, #595959); font-size: 14px; margin-bottom: 12px; }
.account-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: #d6f5e3; color: var(--nl-green, #00a652);
  font-size: 13px; font-weight: 700;
  padding: 5px 14px; border-radius: 999px;
}
.account-meta { list-style: none; padding: 0; margin: 22px 0; text-align: left; }
.account-meta li {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 0; border-bottom: 1px solid var(--nl-border, #e5e5ea);
  color: var(--nl-text, #1a1a1a); font-size: 14px;
}
.account-meta li i { color: var(--nl-blue, #1432C8); width: 18px; }
.account-wallet-link {
  display: block;
  background: var(--nl-blue, #1432C8);
  color: #fff !important;
  padding: 14px;
  border-radius: 10px;
  text-decoration: none;
  font-size: 14px;
  margin-top: 8px;
  transition: background .15s ease;
}
.account-wallet-link:hover { background: var(--nl-blue-dark, #131a85); color: #fff !important; }
.account-wallet-link strong { color: var(--nl-yellow, #ffd400); }

/* Статистик */
.account-stats { display: flex; gap: 16px; margin-bottom: 24px; flex-wrap: wrap; }
.account-stat {
  flex: 1; min-width: 130px;
  background: #fff;
  border-radius: 14px;
  padding: 22px 16px;
  text-align: center;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
}
.account-stat i { font-size: 26px; color: var(--nl-red, #e3132c); margin-bottom: 10px; display: block; }
.account-stat .stat-num { display: block; font-size: 24px; font-weight: 800; color: var(--nl-blue, #1432C8); }
.account-stat .stat-lbl { display: block; font-size: 13px; color: var(--nl-text-muted, #595959); margin-top: 4px; }

/* Форм */
.account-form-row { margin-bottom: 16px; }
.account-form-row label {
  display: block; font-size: 13px; font-weight: 600;
  color: var(--nl-text, #1a1a1a); margin-bottom: 6px;
}
.account-form-row input {
  width: 100%; box-sizing: border-box;
  padding: 11px 14px;
  border: 1px solid var(--nl-border, #e5e5ea);
  border-radius: 8px;
  font-size: 14px;
}
.account-form-row input:focus { outline: none; border-color: var(--nl-blue, #1432C8); }
.account-save-btn { margin-top: 6px; }

/* Мэдэгдлийн toggle */
.account-toggle-list { display: flex; flex-direction: column; gap: 4px; }
.account-toggle {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 0; border-bottom: 1px solid var(--nl-border, #e5e5ea);
  font-size: 14px; color: var(--nl-text, #1a1a1a); cursor: pointer;
}
.account-toggle:last-child { border-bottom: none; }
.account-toggle input[type="checkbox"] {
  width: 44px; height: 24px; appearance: none; -webkit-appearance: none;
  background: var(--nl-border, #e5e5ea); border-radius: 999px;
  position: relative; cursor: pointer; transition: background .2s ease; flex: 0 0 auto;
}
.account-toggle input[type="checkbox"]::after {
  content: ''; position: absolute; top: 2px; left: 2px;
  width: 20px; height: 20px; background: #fff; border-radius: 50%;
  transition: left .2s ease;
}
.account-toggle input[type="checkbox"]:checked { background: var(--nl-green, #00a652); }
.account-toggle input[type="checkbox"]:checked::after { left: 22px; }

@media (max-width: 575px) {
  .account-stats { flex-direction: column; }
}

/* ================================================================
   42) TICKET PRINT — "Хэвлэх" товч (my-tickets карт)
   ================================================================ */
.ticket-print-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  background: transparent;
  border: 1.5px solid var(--nl-blue, #1432C8);
  color: var(--nl-blue, #1432C8);
  font-size: 13px;
  font-weight: 700;
  padding: 8px 18px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.ticket-print-btn:hover {
  background: var(--nl-blue, #1432C8);
  color: #fff;
}
.ticket-print-btn i { font-size: 12px; }

/* ================================================================
   43) CHECK PAGE — Тасалбар шалгах (QR/код)
   ================================================================ */
.check-card, .check-result-card {
  background: #fff;
  border-radius: 16px;
  padding: 36px 32px;
  box-shadow: 0 6px 24px rgba(0,0,0,0.08);
  text-align: center;
}
.check-card-title {
  color: var(--nl-blue, #1432C8) !important;
  font-size: 22px; font-weight: 800;
  margin-bottom: 12px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
}
.check-card-title i { color: var(--nl-red, #e3132c); }
.check-intro { color: var(--nl-text-muted, #595959); margin-bottom: 24px; }
.check-form { display: flex; gap: 10px; flex-wrap: wrap; }
.check-form input {
  flex: 1; min-width: 200px;
  padding: 13px 16px;
  border: 1px solid var(--nl-border, #e5e5ea);
  border-radius: 10px; font-size: 15px;
}
.check-form input:focus { outline: none; border-color: var(--nl-blue, #1432C8); }

/* Үр дүнгийн карт */
.check-result-card .check-icon {
  width: 80px; height: 80px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 18px; font-size: 38px;
}
.check-won .check-icon { background: #d6f5e3; color: var(--nl-green, #00a652); }
.check-lost .check-icon { background: #ffe8e8; color: var(--nl-red, #e3132c); }
.check-pending .check-icon { background: #e8ecff; color: var(--nl-blue, #1432C8); }
.check-invalid .check-icon { background: #ffe8e8; color: var(--nl-red, #e3132c); }
.check-result-card h3 { font-size: 24px; font-weight: 800; color: var(--nl-text,#1a1a1a) !important; margin-bottom: 8px; }
.check-prize { font-size: 28px; font-weight: 900; color: var(--nl-green, #00a652); margin-bottom: 6px; }

.check-detail {
  background: var(--nl-bg-soft, #f5f5f7);
  border-radius: 12px; padding: 16px 20px;
  margin: 22px 0; text-align: left;
}
.check-row {
  display: flex; justify-content: space-between;
  padding: 8px 0; font-size: 14px;
  border-bottom: 1px solid var(--nl-border, #e5e5ea);
}
.check-row:last-child { border-bottom: none; }
.check-row span { color: var(--nl-text-muted, #595959); }
.check-row strong { color: var(--nl-blue, #1432C8); }

.check-numbers-block { margin: 18px 0; }
.check-label { display: block; font-size: 13px; font-weight: 600; color: var(--nl-text-muted, #595959); margin-bottom: 10px; }
.check-balls { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.check-ball {
  width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; font-weight: 700;
  background: var(--nl-bg-soft, #f5f5f7); color: var(--nl-text, #1a1a1a);
  border: 2px solid var(--nl-border, #e5e5ea);
}
.check-ball.hit { background: radial-gradient(circle at 35% 30%, #00d068, #00a652); color: #fff; border-color: var(--nl-green, #00a652); }
.check-ball.win { background: radial-gradient(circle at 35% 30%, #ff7a4a, #e3132c); color: #fff; border-color: var(--nl-red, #e3132c); }

/* ================================================================
   44) FAVORITE NUMBERS — дуртай тоонууд (play-slip)
   ================================================================ */
.play-favorites {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--nl-border, #e5e5ea);
}
.play-fav-title {
  font-size: 15px; font-weight: 700;
  color: var(--nl-blue, #1432C8);
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 14px;
}
.play-fav-title i { color: var(--nl-red, #e3132c); }
.play-fav-empty {
  font-size: 13.5px; color: var(--nl-text-muted, #595959);
  background: var(--nl-bg-soft, #f5f5f7);
  padding: 14px 16px; border-radius: 10px; margin: 0;
}
.play-fav-list { display: flex; flex-direction: column; gap: 10px; }
.play-fav-item {
  display: flex; align-items: center; gap: 6px;
  background: var(--nl-bg-soft, #f5f5f7);
  border-radius: 10px; padding: 8px 12px;
}
.play-fav-item .ball {
  width: 32px; height: 32px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #ff7a4a, #e3132c);
  color: #fff; font-size: 13px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex: 0 0 auto;
}
.play-fav-use, .play-fav-del {
  margin-left: auto; border: none; cursor: pointer;
  width: 30px; height: 30px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 13px; transition: background .15s ease;
}
.play-fav-use { background: var(--nl-blue, #1432C8); color: #fff; }
.play-fav-use:hover { background: var(--nl-blue-dark, #131a85); }
.play-fav-del { background: #ffe0e0; color: var(--nl-red, #e3132c); margin-left: 6px; font-size: 18px; }
.play-fav-del:hover { background: var(--nl-red, #e3132c); color: #fff; }

/* ================================================================
   45) NOTIFICATIONS — мэдэгдлийн хонх (header)
   ================================================================ */
.notif-menu { position: relative; display: inline-block; margin-right: 8px; }
.notif-toggle {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 50%;
  color: #fff; font-size: 17px;
  transition: background .15s ease;
}
.notif-toggle:hover { background: rgba(255,255,255,0.12); color: #fff; }
.notif-badge {
  position: absolute; top: 2px; right: 2px;
  min-width: 18px; height: 18px; padding: 0 5px;
  background: var(--nl-red, #e3132c); color: #fff;
  font-size: 11px; font-weight: 700; line-height: 18px;
  border-radius: 999px; text-align: center;
  border: 2px solid var(--nl-blue, #1432C8);
}
.notif-dropdown {
  position: absolute; top: calc(100% + 10px); right: 0;
  width: 340px; max-width: 90vw;
  background: #fff; border-radius: 14px;
  box-shadow: 0 10px 36px rgba(0,0,0,0.18);
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease;
  z-index: 200; overflow: hidden;
}
.notif-menu:hover .notif-dropdown,
.notif-menu.open .notif-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.notif-dd-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px; border-bottom: 1px solid var(--nl-border, #e5e5ea);
  font-weight: 700; color: var(--nl-blue, #1432C8); font-size: 15px;
}
.notif-mark-all {
  font-size: 12px; font-weight: 600;
  color: var(--nl-blue, #1432C8) !important;
  text-decoration: none;
}
.notif-mark-all:hover { text-decoration: underline; color: var(--nl-blue-dark, #131a85) !important; }
.notif-list { list-style: none; margin: 0; padding: 0; max-height: 380px; overflow-y: auto; }
.notif-empty { padding: 28px 18px; text-align: center; color: var(--nl-text-muted, #595959); font-size: 14px; }
.notif-item a {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 13px 18px; text-decoration: none;
  border-bottom: 1px solid var(--nl-bg-soft, #f5f5f7);
  transition: background .12s ease;
}
.notif-item a:hover { background: var(--nl-bg-soft, #f5f5f7); }
.notif-item.unread a { background: #f5f7ff; }
.notif-item.unread a:hover { background: #eef1ff; }
.notif-icon {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px; color: #fff;
}
.notif-icon.notif-result { background: var(--nl-green, #00a652); }
.notif-icon.notif-win    { background: var(--nl-yellow, #ffd400); color: #1a1a1a; }
.notif-icon.notif-promo  { background: var(--nl-pink, #ed1c8e); }
.notif-icon.notif-system { background: var(--nl-blue, #1432C8); }
.notif-text { display: flex; flex-direction: column; gap: 3px; }
.notif-text strong { font-size: 14px; color: var(--nl-text, #1a1a1a); font-weight: 700; line-height: 1.3; }
.notif-text small { font-size: 12.5px; color: var(--nl-text-muted, #595959); line-height: 1.4; }
@media (max-width: 991px) {
  .notif-dropdown { right: -40px; }
}

/* ================================================================
   46) LIVE DRAW — Шууд сугалаа хуудас
   ================================================================ */
.live-draw-section {
  padding: 50px 0 80px;
  background: linear-gradient(160deg, var(--nl-blue, #1432C8), var(--nl-blue-darker, #0d1260));
  min-height: 70vh;
}
.live-header { text-align: center; margin-bottom: 36px; }
.live-badge {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--nl-red, #e3132c); color: #fff;
  font-size: 13px; font-weight: 800; letter-spacing: 1px;
  padding: 6px 16px; border-radius: 999px; margin-bottom: 14px;
}
.live-dot {
  width: 9px; height: 9px; border-radius: 50%; background: #fff;
  animation: livePulse 1.2s infinite;
}
@keyframes livePulse { 0%,100% { opacity: 1; } 50% { opacity: 0.3; } }
.live-title { color: #fff !important; font-size: 30px; font-weight: 800; margin: 0; }

/* Countdown карт */
.live-countdown-card {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 34px 28px;
  text-align: center;
  max-width: 620px; margin: 0 auto 36px;
  backdrop-filter: blur(6px);
}
.live-cd-label { display: block; color: rgba(255,255,255,0.8); font-size: 14px; margin-bottom: 18px; }
.live-countdown { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 24px; }
.live-cd-unit {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(0,0,0,0.25); border-radius: 12px;
  padding: 14px 12px; min-width: 72px;
}
.live-cd-unit .cd-num { font-size: 36px; font-weight: 800; color: var(--nl-yellow, #ffd400); line-height: 1; }
.live-cd-unit .cd-lbl { font-size: 11px; color: rgba(255,255,255,0.7); margin-top: 6px; text-transform: uppercase; }
.live-cd-sep { font-size: 30px; font-weight: 800; color: rgba(255,255,255,0.4); }
.live-cd-jackpot { margin-bottom: 20px; }
.live-cd-jackpot span { display: block; color: rgba(255,255,255,0.75); font-size: 13px; }
.live-cd-jackpot strong { display: block; color: #fff; font-size: 30px; font-weight: 900; margin-top: 4px; }
.live-cd-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--nl-yellow, #ffd400); color: #1a1a1a !important;
  font-weight: 800; padding: 13px 28px; border-radius: 999px;
  text-decoration: none; transition: transform .15s ease;
}
.live-cd-btn:hover { transform: translateY(-2px); color: #1a1a1a !important; }

/* Үр дүнгийн карт */
.live-result-card {
  background: #fff; border-radius: 20px;
  padding: 34px 28px; max-width: 620px; margin: 0 auto 28px;
  text-align: center;
}
.live-result-head { margin-bottom: 26px; }
.live-result-head h3 { color: var(--nl-blue, #1432C8) !important; font-size: 21px; font-weight: 800; margin-bottom: 4px; }
.live-result-date { color: var(--nl-text-muted, #595959); font-size: 14px; }
.live-balls { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 26px; }
.live-ball {
  width: 58px; height: 58px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--nl-bg-soft, #f5f5f7);
  border: 2px solid var(--nl-border, #e5e5ea);
  transform: scale(0.5) rotate(-180deg); opacity: 0;
  transition: transform .5s cubic-bezier(0.34,1.56,0.64,1), opacity .4s ease;
}
.live-ball .live-ball-inner { font-size: 22px; font-weight: 800; color: var(--nl-text-muted, #999); }
.live-ball.revealed {
  transform: scale(1) rotate(0); opacity: 1;
  background: radial-gradient(circle at 35% 30%, #ff7a4a, #e3132c);
  border-color: var(--nl-red, #e3132c);
}
.live-ball.revealed .live-ball-inner { color: #fff; }
.live-ball.bonus.revealed {
  background: radial-gradient(circle at 35% 30%, #ffe26a, #ffd400);
  border-color: var(--nl-yellow, #ffd400);
}
.live-ball.bonus.revealed .live-ball-inner { color: #1a1a1a; }
.live-ball-plus { font-size: 26px; font-weight: 800; color: var(--nl-text-muted, #999); }
.live-replay-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent; border: 1.5px solid var(--nl-blue, #1432C8);
  color: var(--nl-blue, #1432C8); font-weight: 700; font-size: 14px;
  padding: 10px 22px; border-radius: 999px; cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.live-replay-btn:hover { background: var(--nl-blue, #1432C8); color: #fff; }
.live-result-foot {
  display: flex; gap: 24px; justify-content: center;
  margin-top: 24px; padding-top: 20px;
  border-top: 1px solid var(--nl-border, #e5e5ea);
}
.live-result-foot a {
  color: var(--nl-blue, #1432C8) !important; font-weight: 600; font-size: 14px;
  text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
}
.live-result-foot a:hover { text-decoration: underline; }
.live-note {
  text-align: center; color: rgba(255,255,255,0.85);
  font-size: 13.5px; margin-top: 10px;
  display: flex; align-items: center; justify-content: center; gap: 8px;
}
.live-note i { color: var(--nl-yellow, #ffd400); }
@media (max-width: 575px) {
  .live-cd-unit { min-width: 58px; padding: 10px 8px; }
  .live-cd-unit .cd-num { font-size: 26px; }
  .live-ball { width: 46px; height: 46px; }
  .live-ball .live-ball-inner { font-size: 18px; }
}

/* Result хуудасны "Шууд сугалаа" холбоос */
.result-live-link {
  display: flex; align-items: center; justify-content: space-between;
  background: linear-gradient(135deg, var(--nl-red, #e3132c), #b80f22);
  color: #fff !important; text-decoration: none;
  padding: 16px 24px; border-radius: 14px;
  margin: 24px 0; font-weight: 700;
  transition: transform .15s ease, box-shadow .15s ease;
}
.result-live-link:hover { transform: translateY(-2px); box-shadow: 0 8px 22px rgba(227,19,44,0.3); color: #fff !important; }
.result-live-link .rll-left { display: flex; align-items: center; gap: 10px; font-size: 16px; }
.result-live-link .rll-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; animation: livePulse 1.2s infinite; }
.result-live-link .rll-right { font-size: 14px; opacity: 0.92; display: inline-flex; align-items: center; gap: 8px; }
@media (max-width: 575px) {
  .result-live-link { flex-direction: column; gap: 8px; text-align: center; }
}

/* Play hero дахь "Шууд сугалаа" холбоос */
.play-hero-live {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 16px;
  background: rgba(227,19,44,0.12);
  color: var(--nl-red, #e3132c) !important;
  font-weight: 700; font-size: 14px;
  padding: 9px 18px; border-radius: 999px;
  text-decoration: none; transition: background .15s ease;
}
.play-hero-live:hover { background: rgba(227,19,44,0.2); color: var(--nl-red, #e3132c) !important; }
.play-hero-live .phl-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nl-red, #e3132c); animation: livePulse 1.2s infinite; }

/* ================================================================
   47) EDIT TICKET — тоо солих (товч + modal)
   ================================================================ */
.ticket-actions { display: flex; gap: 10px; margin-top: 14px; flex-wrap: wrap; }
.ticket-edit-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: transparent;
  border: 1.5px solid var(--nl-green, #00a652);
  color: var(--nl-green, #00a652);
  font-size: 13px; font-weight: 700;
  padding: 8px 18px; border-radius: 999px; cursor: pointer;
  transition: background .15s ease, color .15s ease;
}
.ticket-edit-btn:hover { background: var(--nl-green, #00a652); color: #fff; }
.ticket-edit-btn i { font-size: 12px; }

/* Edit modal */
.edit-modal-overlay {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,0.55);
  display: flex; align-items: center; justify-content: center;
  padding: 20px;
}
.edit-modal {
  background: #fff; border-radius: 18px;
  width: 100%; max-width: 460px; max-height: 90vh; overflow-y: auto;
  padding: 26px;
}
.edit-modal-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.edit-modal-head h4 { color: var(--nl-blue, #1432C8) !important; font-size: 18px; font-weight: 800; margin: 0; }
.edit-modal-close {
  background: none; border: none; font-size: 28px; line-height: 1;
  color: var(--nl-text-muted, #999); cursor: pointer;
}
.edit-modal-close:hover { color: var(--nl-red, #e3132c); }
.edit-modal-note { font-size: 13px; color: var(--nl-text-muted, #595959); margin-bottom: 14px; }
.edit-status {
  font-size: 14px; font-weight: 700; color: var(--nl-blue, #1432C8);
  margin-bottom: 14px;
}
.edit-grid {
  display: grid; grid-template-columns: repeat(9, 1fr); gap: 7px;
  margin-bottom: 20px;
}
.edit-num {
  aspect-ratio: 1; display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--nl-bg-soft, #f5f5f7);
  border: 1.5px solid var(--nl-border, #e5e5ea);
  font-size: 14px; font-weight: 700; color: var(--nl-text, #1a1a1a);
  cursor: pointer; transition: all .12s ease;
}
.edit-num:hover { border-color: var(--nl-blue, #1432C8); }
.edit-num.selected {
  background: radial-gradient(circle at 35% 30%, #ff7a4a, #e3132c);
  color: #fff; border-color: var(--nl-red, #e3132c);
}
.edit-modal-foot { display: flex; gap: 12px; justify-content: flex-end; }
.edit-cancel, .edit-save {
  font-size: 14px; font-weight: 700; padding: 11px 22px;
  border-radius: 999px; cursor: pointer; border: none;
}
.edit-cancel { background: var(--nl-bg-soft, #f5f5f7); color: var(--nl-text, #1a1a1a); }
.edit-cancel:hover { background: #e8e8ed; }
.edit-save { background: var(--nl-blue, #1432C8); color: #fff; display: inline-flex; align-items: center; gap: 8px; }
.edit-save:hover { background: var(--nl-blue-dark, #131a85); }
@media (max-width: 420px) {
  .edit-grid { grid-template-columns: repeat(6, 1fr); }
}

/* Нүүр — нээлттэй тохирол алга үед */
.draw-empty {
  text-align: center; padding: 50px 24px;
  background: var(--nl-bg-soft, #f5f5f7);
  border-radius: 18px; margin: 20px 0;
}
.draw-empty i { font-size: 42px; color: var(--nl-blue, #1432C8); opacity: 0.5; margin-bottom: 14px; }
.draw-empty h4 { color: var(--nl-blue, #1432C8) !important; font-size: 20px; font-weight: 800; margin-bottom: 8px; }
.draw-empty p { color: var(--nl-text-muted, #595959); font-size: 14px; margin: 0; }

/* Play hero — хэтэвч цэнэглэх холбоос */
.play-hero-topup {
  display: inline-block; margin-left: 8px;
  background: var(--nl-yellow, #ffd400); color: #1a1a1a !important;
  font-size: 12px; font-weight: 700; padding: 2px 10px;
  border-radius: 999px; text-decoration: none;
}
.play-hero-topup:hover { opacity: 0.85; color: #1a1a1a !important; }

/* ================================================================
   play.php — "Lotto"-маягийн hero (BTSN, өөрийн брэндээр)
   ================================================================ */
.lotto-hero {
  position: relative; overflow: hidden;
  background: #ee0404; color: #fff;
  padding: 46px 0 60px;
  font-family: "Segoe UI", system-ui, -apple-system, Arial, "Noto Sans", sans-serif;
}
.lotto-hero .container { position: relative; z-index: 2; }
/* Гялалзах одод (декор) */
.lh-spark {
  position: absolute; z-index: 1; background: #eb01bf;
  clip-path: polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);
}
.lh-spark.s1 { width: 150px; height: 150px; top: -24px; left: 31%; opacity: .9; }
.lh-spark.s2 { width: 110px; height: 110px; bottom: 6px; right: 26%; opacity: .85; }
.lh-spark.s3 { width: 230px; height: 230px; top: 30px; right: -70px; opacity: .7; }

.lotto-hero-grid {
  display: grid; grid-template-columns: 1.05fr 1.2fr 1fr; gap: 26px; align-items: stretch;
}
.lh-col { display: flex; flex-direction: column; }
.lh-kicker { display: block; font-size: 22px; font-weight: 800; margin-bottom: 10px; }
.lh-logo {
  font-size: 46px; font-weight: 900; letter-spacing: -1px; line-height: 1;
  text-shadow: 0 3px 0 rgba(1,0,127,.35); margin-bottom: 20px;
}
.lh-pills { display: flex; gap: 12px; flex-wrap: wrap; }
.lh-pill {
  display: inline-flex; align-items: center; gap: 8px;
  background: #fff; color: #01007f !important; font-weight: 800; font-size: 14px;
  padding: 10px 16px; border-radius: 999px; text-decoration: none;
}
.lh-pill:hover { filter: brightness(.96); }

.lh-promo { background: #01007f; border-radius: 18px; padding: 24px; position: relative; flex: 1; }
.lh-promo-badge {
  position: absolute; top: -12px; left: 22px;
  background: #fff; color: #01007f; font-weight: 800; font-size: 12.5px;
  padding: 5px 12px; border-radius: 999px;
}
.lh-promo-title {
  color: #fff; font-family: inherit;
  font-size: 22px; font-weight: 800; line-height: 1.3; margin: 8px 0 14px;
}
.lh-promo-link { color: #fff !important; font-weight: 800; text-decoration: underline; font-size: 15px; }

.lh-jp { background: #fff; border-radius: 16px; padding: 24px; color: #01007f; flex: 1; }
.lh-jp-when { display: flex; align-items: center; gap: 12px; font-size: 15px; font-weight: 800; margin-bottom: 8px; }
.lh-jp-when i { flex: 1 1 auto; height: 2px; background: currentColor; opacity: .4; }
.lh-jp-amount {
  color: #01007f !important; font-family: inherit;
  font-size: 46px; font-weight: 900; line-height: 1; margin: 0 0 8px; letter-spacing: -1px;
}
.lh-jp-amount sup { font-size: 20px; top: -18px; opacity: .7; }
.lh-jp-tag { font-size: 15px; font-weight: 700; }

@media (max-width: 991px) {
  .lotto-hero-grid { grid-template-columns: 1fr; gap: 18px; }
  .lh-logo { font-size: 38px; }
  .lh-spark.s1, .lh-spark.s2 { display: none; }
}

/* Доод талын наалдмал нийт дүн мөр */
.play-sticky-bar {
  position: sticky; bottom: 0; z-index: 40;
  background: #fff; border-top: 1px solid #e3e7f5;
  box-shadow: 0 -6px 20px rgba(13,18,96,.08);
}
.psb-inner { display: flex; align-items: center; justify-content: flex-end; gap: 18px; padding: 12px 0; }
.psb-total { font-size: 15px; color: #5a6486; }
.psb-total strong { color: #01007f; font-size: 22px; margin-left: 6px; }
.psb-btn {
  background: #01007f; color: #fff; border: none;
  font-weight: 800; font-size: 15px; padding: 13px 30px; border-radius: 999px; cursor: pointer;
}
.psb-btn:hover { filter: brightness(1.15); }

/* ================================================================
   play.php — тоо сонгох слипийн хүрээ (цагаан карт, hero дээр давхцана)
   ================================================================ */
.singlelottery-body { position: relative; z-index: 3; margin-top: -34px; }

.play-slip-frame {
  background: #fff;
  border: 1px solid #eef1fa;
  border-radius: 18px;
  box-shadow: 0 14px 36px rgba(13,18,96,.12);
  overflow: hidden;
  font-family: "Segoe UI", system-ui, -apple-system, Arial, "Noto Sans", sans-serif;
}
.play-slip-frame-head {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 24px; border-bottom: 1px solid #eef1fa;
  background: #f7f9ff;
}
.psf-step {
  width: 30px; height: 30px; border-radius: 50%;
  background: #01007f; color: #fff; font-weight: 800; font-size: 15px;
  display: grid; place-items: center; flex: 0 0 auto;
}
.psf-title {
  color: #01007f !important; font-family: inherit;
  font-size: 20px; font-weight: 800; margin: 0; flex: 1 1 auto;
}
.psf-price {
  background: #eef0ff; color: #01007f; font-weight: 800; font-size: 13.5px;
  padding: 6px 13px; border-radius: 999px; flex: 0 0 auto;
}
.play-slip-frame-body { padding: 20px 24px 24px; }
/* Хүрээ дотор слип давхар карт болохгүйн тулд дотоод padding-ыг тэгшилнэ */
.play-slip-frame-body .play-slip { padding: 0; background: none; box-shadow: none; border: none; }

@media (max-width: 767px) {
  .singlelottery-body { margin-top: -20px; }
  .play-slip-frame-head { padding: 14px 16px; }
  .play-slip-frame-body { padding: 16px; }
}

/* ================================================================
   game-info widget — тоглоомын танилцуулга карт (BTSN)
   ================================================================ */
.game-info-section { padding: 28px 0 8px; }
.game-info {
  display: flex; flex-wrap: wrap; align-items: stretch;
  background: #fff; border: 1px solid #eef1fa; border-radius: 20px;
  box-shadow: 0 14px 36px rgba(13,18,96,.10); overflow: hidden;
  font-family: "Segoe UI", system-ui, -apple-system, Arial, "Noto Sans", sans-serif;
}
/* Зүүн улаан панель */
.gi-panel {
  position: relative; overflow: hidden; isolation: isolate;
  flex: 0 0 300px; max-width: 340px;
  margin: 16px; padding: 24px; border-radius: 16px;
  background: #ee0404; color: #fff;
  display: flex; flex-direction: column;
}
.gi-blob {
  position: absolute; z-index: -1; border-radius: 50%;
  width: 240px; height: 240px; left: -110px; bottom: -120px; background: #eb01bf;
}
.gi-panel:before {
  content: ""; position: absolute; z-index: -1; border-radius: 50%;
  width: 150px; height: 150px; right: -70px; top: -80px; background: #eb01bf; opacity: .85;
}
.gi-when { display: flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 800; margin-bottom: 12px; }
.gi-when i { flex: 1 1 auto; height: 2px; background: currentColor; opacity: .5; }
.gi-logo { font-size: 30px; font-weight: 900; letter-spacing: -.5px; text-shadow: 0 2px 0 rgba(1,0,127,.3); margin-bottom: 14px; }
.gi-jackpot {
  color: #fff !important; font-family: inherit;
  font-size: 48px; font-weight: 900; line-height: 1; letter-spacing: -1px; margin: auto 0 18px;
}
.gi-jackpot sup { font-size: 20px; top: -20px; opacity: .8; }
.gi-play {
  display: block; text-align: center; background: #01007f; color: #fff !important;
  font-weight: 800; font-size: 15px; padding: 14px; border-radius: 999px; text-decoration: none;
}
.gi-play:hover { filter: brightness(1.15); }

/* Баруун танилцуулга */
.gi-body { flex: 1 1 360px; padding: 28px 30px; display: flex; flex-direction: column; }
.gi-title { color: #01007f !important; font-family: inherit; font-size: 26px; font-weight: 800; margin: 0 0 12px; }
.gi-text { color: #4a5478; font-size: 15.5px; line-height: 1.6; margin: 0 0 18px; max-width: 560px; }
.gi-meta { list-style: none; padding: 0; margin: 0 0 22px; }
.gi-meta li { display: flex; align-items: center; gap: 10px; color: #4a5478; font-size: 15px; margin-bottom: 10px; }
.gi-meta li i { color: #01007f; width: 18px; }
.gi-meta li strong { color: #01007f; font-weight: 800; }
.gi-about {
  align-self: flex-start; margin-top: auto;
  border: 2px solid #01007f; color: #01007f !important;
  font-weight: 800; font-size: 14.5px; padding: 12px 26px; border-radius: 999px; text-decoration: none;
  transition: all .18s ease;
}
.gi-about:hover { background: #01007f; color: #fff !important; }

@media (max-width: 767px) {
  .gi-panel { flex-basis: 100%; max-width: none; }
  .gi-body { padding: 22px; }
  .gi-jackpot { font-size: 40px; }
}

/* breadcrumb hero гарчиг ба crumb жагсаалтын хоорондын зай */
.breadcrumb-area .content .title { margin-bottom: 14px; }

/* ================================================================
   bank-pay-modal — банкны данс хэсэг
   ================================================================ */
.bankpay-info {
  margin-top: 16px; padding: 16px 18px;
  background: #f7f9ff; border: 1px solid #e4e8f7; border-radius: 12px;
}
.bankpay-info h5 { margin: 0 0 12px; color: #01007f; font-size: 15px; font-weight: 800; }
.bankpay-list { list-style: none; margin: 0 0 12px; padding: 0; }
.bankpay-list li {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 8px 0; border-bottom: 1px dashed #e0e4f2; font-size: 14.5px;
}
.bankpay-list li:last-child { border-bottom: none; }
.bankpay-list li span { color: #5a6486; }
.bankpay-list li strong { color: #15206b; font-weight: 800; }
.bankpay-list .bankpay-acc { letter-spacing: 1px; font-size: 16px; }
.bankpay-hint { margin: 0; color: #5a6486; font-size: 13px; line-height: 1.55; }
.checkout-line { display: flex; align-items: center; gap: 6px; padding: 6px 0; }
.checkout-line .cl-no { color: #8a90ad; font-size: 13px; width: 22px; }

/* ================================================================
   bank-pay-modal — банкны апп grid + QPay QR
   ================================================================ */
.paybox { margin-top: 16px; }
.paybox > h5 { margin: 0 0 12px; color: #01007f; font-size: 15px; font-weight: 800; }
.bankapp-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
.bankapp {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  background: #fff; border: 1.5px solid #e4e8f7; border-radius: 12px;
  padding: 12px 6px; cursor: pointer; transition: all .15s ease; text-align: center;
}
.bankapp:hover { border-color: #01007f; background: #f7f9ff; }
.bankapp.active { border-color: #01007f; background: #eef0ff; box-shadow: 0 4px 14px rgba(1,0,127,.15); }
.bankapp-ic {
  width: 42px; height: 42px; border-radius: 12px; color: #fff;
  display: grid; place-items: center; font-weight: 900; font-size: 18px;
}
.bankapp-nm { font-size: 11.5px; color: #15206b; font-weight: 700; line-height: 1.2; }

.bankpay-manual { margin-top: 14px; border-top: 1px solid #eef1fa; padding-top: 10px; }
.bankpay-manual summary {
  cursor: pointer; color: #01007f; font-weight: 700; font-size: 13.5px; padding: 4px 0;
}
.bankpay-manual .bankpay-list { margin-top: 8px; }

.qpay-qr { display: flex; justify-content: center; padding: 16px 0; }
.qpay-qr > div {
  background: #fff; padding: 14px; border-radius: 14px; border: 1px solid #e4e8f7;
  box-shadow: 0 6px 18px rgba(13,18,96,.08); line-height: 0;
}

@media (max-width: 480px) {
  .bankapp-grid { grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .bankapp-ic { width: 38px; height: 38px; }
}

/* ================================================================
   auth-modals — OTP (нэг удаагийн код) хэлбэр
   ================================================================ */
.auth-seg { display: flex; gap: 8px; margin-bottom: 16px; }
.auth-seg-item {
  flex: 1; margin: 0; cursor: pointer; text-align: center;
  border: 1.5px solid #e4e8f7; border-radius: 10px; padding: 10px 6px;
  font-size: 13px; font-weight: 700; color: #5a6486; transition: all .15s ease;
}
.auth-seg-item input { position: absolute; opacity: 0; pointer-events: none; }
.auth-seg-item span { display: inline-flex; align-items: center; gap: 6px; }
.auth-seg-item:hover { border-color: #01007f; }
.auth-seg-item.active { border-color: #01007f; background: #eef0ff; color: #01007f; }
.auth-hint { font-size: 12.5px; color: #5a6486; margin: -6px 0 12px; }
.auth-opt { color: #9aa0bd; font-weight: 400; font-size: 12px; }
.auth-sent { font-size: 14px; color: #4a5478; margin-bottom: 14px; }
.auth-sent strong { color: #01007f; }
.auth-code-input {
  letter-spacing: 8px; text-align: center; font-size: 22px; font-weight: 800;
}
.form-message.info    { color: #1631ca; }
.form-message.success { color: #0a7d3e; }
.form-message.error   { color: #d8232a; }
.auth-clabel { display: block; font-size: 13.5px; color: #5a6486; font-weight: 700; margin: 4px 0 8px; }

/* ================================================================
   Мобайл доод навигаци (PWA tabbar) — зөвхөн утсан дээр
   ================================================================ */
.mobile-tabbar { display: none; }
@media (max-width: 991px) {
  .mobile-tabbar {
    display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030;
    background: #fff; border-top: 1px solid #e3e7f5;
    box-shadow: 0 -4px 16px rgba(13,18,96,.10);
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom, 0px));
  }
  .mobile-tabbar .mtab {
    flex: 1; display: flex; flex-direction: column; align-items: center; gap: 3px;
    text-decoration: none; color: #8a90ad; font-size: 11px; font-weight: 700; padding: 4px 0;
  }
  .mobile-tabbar .mtab i { font-size: 19px; }
  .mobile-tabbar .mtab.active { color: #01007f; }
  .mobile-tabbar .mtab:active { transform: scale(.94); }
  /* Доод цэсэнд агуулга халхлагдахгүйн тулд зай үлдээх */
  body { padding-bottom: 64px; }
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); }
  /* scrollToTop товчийг tabbar-аас дээш өргөх */
  .scrollToTop { bottom: 78px !important; }
}

/* ================================================================
   Регистрийн дугаар — үсэг сонгогч (2 кирилл + 8 цифр)
   ================================================================ */
.reg-picker { display: flex; gap: 8px; align-items: stretch; position: relative; }
.reg-letter {
  flex: 0 0 auto; width: 52px; min-height: 48px;
  border: 1.5px solid #e4e8f7; border-radius: 10px; background: #fff;
  color: #01007f; font-size: 20px; font-weight: 800; cursor: pointer;
  display: grid; place-items: center; transition: all .15s ease; position: relative;
}
.reg-letter:hover { border-color: #01007f; }
.reg-letter.active { border-color: #01007f; background: #eef0ff; box-shadow: 0 0 0 3px rgba(1,0,127,.12); }
.reg-letter .reg-letter-val:empty::before { content: "?"; color: #c2c8e0; font-weight: 700; }
.reg-digits { flex: 1 1 auto; min-width: 0; }

.reg-keyboard {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 20;
  background: #fff; border: 1px solid #e4e8f7; border-radius: 14px;
  box-shadow: 0 16px 38px rgba(13,18,96,.18); padding: 12px;
}
.reg-keys { display: grid; grid-template-columns: repeat(5, 44px); gap: 7px; }
.reg-key {
  width: 44px; height: 44px; border: none; border-radius: 9px;
  background: #f2f4fb; color: #01007f; font-size: 17px; font-weight: 800; cursor: pointer;
  transition: all .12s ease;
}
.reg-key:hover { background: #e3e7fb; }
.reg-key.selected { background: #01007f; color: #fff; }
.reg-key:active { transform: scale(.92); }

@media (max-width: 420px) {
  .reg-keys { grid-template-columns: repeat(5, 1fr); gap: 6px; }
  .reg-key { width: 100%; height: 42px; }
}



/* ================================================================
   AUTH MODAL — талбарууд (зургийн байршил, модалын cream/navy палитр)
   Доорх дүрмүүд өмнөх хувилбаруудыг дарж эцсийн төрхийг тогтооно.
   ================================================================ */
.reg-picker { display: flex; gap: 8px; align-items: stretch; position: relative; }
.reg-letter {
  flex: 0 0 auto; width: 58px; height: 60px;
  border: 1px solid #ebebf3; background: #fef8f0; color: #f24b3d;
  font-size: 22px; font-weight: 800; border-radius: 6px; cursor: pointer;
  display: grid; place-items: center; transition: border-color .15s ease;
}
.reg-letter.active { border-color: #1432C8; box-shadow: 0 0 0 2px rgba(25,34,168,.15); }
.reg-letter .reg-letter-val:empty::before { content: "Р"; color: #e3c9ab; }
.reg-letter[data-slot="1"] .reg-letter-val:empty::before { content: "Д"; }
.reg-digits { flex: 1 1 auto; min-width: 0; }
.reg-keyboard {
  position: absolute; top: calc(100% + 6px); left: 0; z-index: 30;
  background: #fff; border: 1px solid #ebebf3; border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0,0,0,.18); padding: 12px;
}
.reg-keys { display: grid; grid-template-columns: repeat(5, 44px); gap: 7px; }
.reg-key {
  width: 44px; height: 44px; border: 1px solid #ebebf3; background: #fef8f0;
  color: #f24b3d; font-size: 17px; font-weight: 800; border-radius: 8px; cursor: pointer;
}
.reg-key:hover { background: #fbeede; }
.reg-key.selected { background: #1432C8; color: #fff; border-color: #1432C8; }

.sendcode-row { display: flex !important; align-items: stretch; gap: 8px; }
/* input flexbox дотор ургахгүй байх алдааг засах (width:1% + flex:1 1 0) */
.sendcode-row > .my-form-control {
  flex: 1 1 0% !important; width: 1% !important; min-width: 0 !important;
}
.sendcode-row > .addon-prefix {
  flex: 0 0 auto !important; display: flex; align-items: center; padding: 0 16px;
  background: #fef8f0; border: 1px solid #ebebf3; border-radius: 6px;
  color: #f24b3d; font-weight: 700; font-size: 16px;
}
.sendcode-row > .sendcode-btn {
  flex: 0 0 auto !important; width: auto !important; white-space: nowrap; cursor: pointer;
  background: #1432C8; color: #fff; border: 1px solid #1432C8; border-radius: 999px;
  padding: 0 20px; font-weight: 600; font-size: 14px; transition: background .15s ease;
}
.sendcode-btn:hover { background: #131a85; }
.sendcode-btn:disabled { opacity: .6; cursor: default; }
.auth-switch {
  display: inline-block; margin: 2px 0 18px;
  color: #1432C8; font-weight: 700; font-size: 14px; text-decoration: underline;
}
.auth-switch:hover { color: #f24b3d; }

/* ================================================================
   AUTH MODAL — нягт зай (модалын өндрийг багасгах). Зөвхөн энэ 2 модал.
   ================================================================ */
#registerModal .modal-body,
#loginModal .modal-body { padding: 22px 38px 26px !important; }
#registerModal .title,
#loginModal .title { margin: 0 auto 16px !important; }
.auth-otp .form-group { margin-bottom: 13px !important; }
.auth-otp .form-group label { font-size: 15px !important; line-height: 20px !important; margin-bottom: 6px !important; display: block; }
.auth-otp .my-form-control,
.auth-otp .addon-prefix,
.auth-otp .reg-letter { height: 52px !important; }
.auth-otp .reg-letter { width: 52px; }
.auth-otp .auth-switch { margin: 0 0 12px !important; }
.auth-otp .button-wrapper { margin-top: 4px; }
.auth-otp .or-content {
  margin-top: 16px; padding-top: 14px;
  border-top: 1px solid #ececf3; text-align: center;
}
.auth-otp .or-content .or-signup { margin: 0; font-size: 15px; color: #6b7088; }
.auth-otp .or-content .or-signup a { color: #1432C8; font-weight: 700; }
.auth-otp .or-content .or-signup a:hover { color: #f24b3d; text-decoration: underline; }

/* ----------------------------------------------------------------
   Шинэ тоглогчийн урамшуулал — үнэгүй тасалбарын banner
   ---------------------------------------------------------------- */
.free-ticket-banner {
  display: flex;
  align-items: center;
  gap: 16px;
  background: linear-gradient(120deg, #1432C8, #2b35d4);
  color: #fff;
  border-radius: 16px;
  padding: 16px 22px;
  margin-bottom: 22px;
  box-shadow: 0 6px 20px rgba(20,50,200,.25);
}
.free-ticket-banner i {
  font-size: 28px;
  color: #ffd84a;
  flex: 0 0 auto;
}
.free-ticket-banner strong {
  display: block;
  font-size: 17px;
  margin-bottom: 2px;
}
.free-ticket-banner span {
  font-size: 14px;
  opacity: .92;
}

/* Промо код — нэвтрээгүй үед сэрэмжлүүлэг */
.promo-login-hint {
  text-align: center;
  background: #f5f5f7;
  border: 1px dashed var(--nl-border);
  border-radius: 14px;
  padding: 18px 20px;
  color: var(--nl-text-muted);
  font-size: 15px;
}
.promo-login-hint i { color: var(--nl-blue); margin-right: 6px; }
.promo-login-hint a { color: var(--nl-blue); font-weight: 700; text-decoration: none; }
.promo-login-hint a:hover { text-decoration: underline; }