/* ============================================================
   ALOQABANK USLUBI — oq, toza, ko'k urg'uli tema
   style.css dan KEYIN yuklanadi; tokenlarni va qorong'i
   yuzalarni oq/ko'kka o'tkazadi.  (Hamroh sayti uchun qatlam)
   ============================================================ */

:root, html[data-theme="dark"]{
  --ink:#0e1116;              /* deyarli QORA — sarlavhalar (aniq ko'rinsin) */
  --teal:#0077b9;             /* Aloqabank ko'ki — asosiy urg'u */
  --teal-light:#2e93cf;
  --gold:#0077b9;             /* oltin urg'ular → ko'k */
  --gold-light:#3aa0d6;
  --cream:#f5f7fa;
  --paper:#ffffff;
  --surface:#ffffff;
  --surface-2:#eef2f7;
  --text:#14171d;            /* asosiy matn — deyarli qora */
  --muted:#4b5563;           /* ikkilamchi matn — to'q kulrang (qoraroq) */
  --slate:#4b5563;
  --line:#e3e8f0;
  --line-strong:#cfd8e3;
  --shadow:0 10px 30px -14px rgba(20,40,70,.16);
  --shadow-lg:0 24px 50px -24px rgba(20,40,70,.26);
}

body{background:var(--cream); color:var(--text);}

/* ---------- gold-fill matnlar (style.css:155-157) → to'q/ko'k ---------- */
.result-main .amount, .legend b, .tile.feature .big-num, .clock-mini,
.hero-card .time-now, .hero-card .day-num, .mini-cal, .step .num{
  -webkit-text-fill-color:currentColor !important;
  background:none !important;
  color:var(--ink);
}

/* ---------------- HEADER — oq ---------------- */
header.site{
  background:#ffffff !important;
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 8px rgba(20,40,70,.05);
}
header.site .brand h1{color:var(--ink);}
header.site .brand span{color:var(--muted);}
nav.main a{color:#33404f;}
nav.main a:hover{color:var(--teal);}
.clock-mini b{color:var(--ink) !important;}
.clock-mini span{color:var(--muted);}
.icon-btn{background:#eef2f7; border:1px solid var(--line); color:var(--ink);}
.icon-btn:hover{background:#e2e9f1;}
.btn-cta{background:linear-gradient(135deg,#0077b9,#005e93) !important; color:#fff !important;}

/* ---------------- TICKER / NEWS ---------------- */
.ticker-band{background:#f0f4f8 !important; color:var(--text) !important; border-top:1px solid var(--line);}
.rate-chip{background:#ffffff !important; border:1px solid var(--line);}
.news-band{background:#eaf1f7 !important;}
.news-item{color:var(--text);}
a.news-item:hover{color:var(--teal) !important;}

/* ---------------- HERO — Aloqabank ko'k gradient ---------------- */
.hero{
  background:linear-gradient(135deg,#0088cc 0%, #0077b9 42%, #005e93 100%) !important;
  color:#ffffff !important;
  border-bottom:none;
}
.hero .grain{display:none !important;}
/* nozik to'r chiziqlar ko'k fonda chuqurlik beradi */
.hero .grid-lines{display:block !important; opacity:.4;}
/* FON BEZAGI (o'zim yaratdim) — yumshoq oq shakllar + burchakda katta halqa */
.hero .aurora{display:block !important; opacity:1 !important; mix-blend-mode:screen;}
.hero .aurora i{filter:blur(46px) !important;}
.hero .aurora i:nth-child(1){background:radial-gradient(circle at 40% 40%, rgba(255,255,255,.18), transparent 66%) !important;}
.hero .aurora i:nth-child(2){background:radial-gradient(circle at 55% 45%, rgba(150,225,255,.30), transparent 62%) !important;}
.hero .aurora i:nth-child(3){background:radial-gradient(circle at 50% 50%, rgba(255,255,255,.12), transparent 70%) !important;}
.hero .aurora::before{background:radial-gradient(circle, rgba(180,235,255,.28), transparent 66%) !important;}
.hero .aurora::after{background:radial-gradient(circle, rgba(255,255,255,.16), transparent 70%) !important;}
/* o'ng yuqori burchakda nozik konsentrik halqalar — bank uslubidagi bezak */
.hero::after{
  content:''; position:absolute; top:-140px; right:-120px; width:520px; height:520px;
  border-radius:50%; pointer-events:none; z-index:0;
  background:
    radial-gradient(circle, transparent 60%, rgba(255,255,255,.06) 61%, transparent 63%),
    radial-gradient(circle, transparent 72%, rgba(255,255,255,.08) 73%, transparent 75%),
    radial-gradient(circle, transparent 84%, rgba(255,255,255,.05) 85%, transparent 87%);
}
.hero .wrap{position:relative; z-index:1;}
.hero .eyebrow{color:#eaf6fd !important; background:rgba(255,255,255,.14) !important; border:1px solid rgba(255,255,255,.28) !important;}
.hero .live-dot{background:#8fe0ff !important;}
.hero h2{color:#ffffff !important;}
.hero h2 .w{color:#ffffff !important;}
/* em — "matn ichiga gradient" quti bo'lib ketadi (ichida .w bo'laklar bor),
   shuning uchun oddiy och-ko'k solid rang */
.hero h2 em{
  background:none !important;
  -webkit-text-fill-color:#c7ecff !important; color:#c7ecff !important;
  animation:none !important;
}
.hero h2 em .w{color:#c7ecff !important; -webkit-text-fill-color:#c7ecff !important; background:none !important;}
.hero h2 em::after{background:linear-gradient(90deg,transparent,#c7ecff,transparent) !important; opacity:.6 !important;}
.hero .lead, .hero p.lead{color:rgba(255,255,255,.9) !important;}
.hero-stats .stat b{color:#ffffff !important;}
.hero-stats .stat span{color:rgba(255,255,255,.78) !important;}
.hero-stats .stat{border-color:rgba(255,255,255,.18) !important;}
.btn-ghost{background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.5); color:#ffffff;}
.btn-ghost:hover{background:rgba(255,255,255,.24); border-color:#ffffff; color:#ffffff;}
/* Hero ichidagi asosiy tugma — oq fon, ko'k matn (ko'k fonda ajralib tursin) */
.hero .btn-primary-lg{background:#ffffff !important; color:#0077b9 !important;}
.hero .btn-primary-lg:hover{box-shadow:0 18px 34px -12px rgba(0,0,0,.35) !important;}

/* HERO KARTA (soat/kalendar) — oq */
.hero-card{
  background:#ffffff !important;
  border:1px solid var(--line) !important;
  box-shadow:var(--shadow) !important;
  color:var(--ink);
}
.hero-card .today .day-num{color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important;}
.hero-card .today .day-meta b{color:var(--teal) !important;}
.hero-card .today .day-meta span{color:var(--muted) !important;}
.hero-card .time-now{color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important;}
.hero-card .office-state{color:var(--text);}
.hero-card .mini-cal{color:var(--text) !important; -webkit-text-fill-color:currentColor !important;}

/* ---------------- ASOSIY TUGMA — ko'k ---------------- */
.btn-primary-lg{background:linear-gradient(135deg,#0077b9,#005e93) !important; color:#fff !important;}
.btn-primary-lg:hover{box-shadow:0 18px 34px -12px rgba(0,119,185,.55) !important;}

/* ---------------- BO'LIM SARLAVHALARI ---------------- */
.kicker{color:var(--teal);}
.kicker::before, .section-head.center .kicker::after{background:var(--teal) !important;}
.section-head h3{color:var(--ink);}

/* ---------------- TILE / IMKONIYATLAR ---------------- */
.tile{background:#ffffff; border:1px solid var(--line);}
.tile .ic{background:linear-gradient(135deg,#0077b9,#3aa0d6); color:#fff;}
.tile.feature{
  background:linear-gradient(150deg,#0a6ea8,#005e93) !important;
  color:#fff !important; border-color:transparent !important;
}
.tile.feature h4{color:#fff !important;}
.tile.feature p{color:rgba(255,255,255,.82) !important;}
.tile.feature .ic{background:rgba(255,255,255,.18);}
.tile.feature .big-num{color:#fff !important; -webkit-text-fill-color:#fff !important;}
.tile.feature .rings span{border-color:rgba(255,255,255,.5);}

/* MAQSADLAR */
.purpose{background:#ffffff; border:1px solid var(--line);}
.purpose span{color:var(--ink);}
.purpose small{color:var(--muted);}

/* ---------------- KALKULYATOR ---------------- */
.calc-panel{background:#ffffff; border:1px solid var(--line);}
.chip{background:#ffffff; border:1px solid var(--line); color:var(--muted);}
.chip:hover{border-color:var(--teal); color:var(--teal);}
.chip.on{background:var(--teal) !important; color:#fff !important; border-color:var(--teal) !important;}
input[type=range]::-webkit-slider-thumb{background:var(--teal) !important;}
input[type=range]::-moz-range-thumb{background:var(--teal) !important;}
.slider-top output{color:var(--ink) !important; -webkit-text-fill-color:var(--ink) !important; background:none !important; font-weight:800;}
.range-scale{color:var(--muted) !important; -webkit-text-fill-color:currentColor !important; background:none !important;}

/* NATIJA KARTA — ko'k */
.result-card{background:linear-gradient(160deg,#0a6ea8,#005e93) !important; color:#fff !important;}
.result-main .amount{color:#fff !important; -webkit-text-fill-color:#fff !important;}
.result-main small{color:rgba(255,255,255,.8);}
.legend b{color:#fff !important; -webkit-text-fill-color:#fff !important;}
.legend .lk{color:rgba(255,255,255,.85);}
.result-note{color:rgba(255,255,255,.8);}

/* ---------------- XIZMATLAR: TO'LOV + ILOVA ---------------- */
.service-card{background:#ffffff; border:1px solid var(--line);}
.service-ic{background:linear-gradient(135deg,#0077b9,#3aa0d6); color:#fff;}
.pay-box{background:#f7f9fc; border:1px solid var(--line);}
.phone-field{background:#ffffff; border:1px solid var(--line-strong);}
.phone-prefix{color:var(--muted); border-right:1px solid var(--line);}
.pay-form input, #payPhone{color:var(--ink); background:transparent;}
.pay-hint{color:var(--muted);}
.store-btn{background:#ffffff; border:1px solid var(--line); color:var(--ink);}
.store-btn:hover{border-color:var(--teal);}
.store-btn small{color:var(--muted);}

/* ---------------- JARAYON ---------------- */
.step{background:#ffffff; border:1px solid var(--line);}
.step .num{color:var(--teal) !important; -webkit-text-fill-color:var(--teal) !important; background:none !important;}
.step h5{color:var(--ink);}
.step .tick{background:#eef4fb; color:var(--teal);}

/* ---------------- MIJOZLAR FIKRI ---------------- */
.tst{background:#ffffff; border:1px solid var(--line);}
.tst .quote{color:var(--line-strong);}
.tst .av{background:linear-gradient(135deg,#0077b9,#3aa0d6); color:#fff;}

/* ---------------- VIDEO — och fon ---------------- */
.video-section{background:var(--surface-2) !important; color:var(--ink) !important;}
.video-section .section-head h3{color:var(--ink) !important;}
.video-section .kicker{color:var(--teal) !important;}
.video-empty{color:var(--muted);}

/* ---------------- SAVOLLAR ---------------- */
.faq details{background:#ffffff; border:1px solid var(--line);}
.faq summary{color:var(--ink);}
.faq .a{color:var(--muted);}

/* ---------------- CTA BAND — ko'k ---------------- */
.cta-band{background:linear-gradient(135deg,#0077b9,#005e93) !important; color:#fff !important;}
.cta-band h3, .cta-band p{color:#fff !important;}
.cta-band .btn-ghost{background:rgba(255,255,255,.14); border-color:rgba(255,255,255,.55); color:#fff;}
.cta-band .btn-ghost:hover{background:rgba(255,255,255,.24);}

/* ---------------- ALOQA ---------------- */
.info-row{background:#ffffff; border:1px solid var(--line);}
.info-row .ic{background:#eef4fb; color:var(--teal);}
.info-row b{color:var(--ink);}
.info-row span{color:var(--muted);}
.social-btn{background:#ffffff; border:1px solid var(--line); color:var(--ink);}
.map-box{background:#eef2f7; border:1px solid var(--line); color:var(--teal);}
.map-inner b{color:var(--ink);}
.map-inner span{color:var(--muted);}
.map-inner .go{color:var(--teal);}

/* ---------------- TRUST STRIP ---------------- */
.trust-strip{background:#ffffff !important; border-bottom:1px solid var(--line);}
.trust-item{color:var(--text);}

/* ---------------- FOOTER — och kulrang ---------------- */
footer.site{background:#eef2f7 !important; color:var(--muted) !important; border-top:1px solid var(--line);}
.foot-grid h6{color:var(--ink) !important;}
.foot-brand h1{color:var(--ink) !important;}
.foot-brand span{color:var(--muted);}
footer.site a{color:var(--muted);}
footer.site a:hover{color:var(--teal);}
.legal{color:var(--muted);}
.foot-bottom{color:var(--muted); border-top:1px solid var(--line);}

/* ---------------- MODAL / TOAST ---------------- */
.modal{background:#ffffff; color:var(--text);}
.modal h3{color:var(--ink);}
.btn-submit{background:linear-gradient(135deg,#0077b9,#005e93) !important; color:#fff !important;}
.toast{background:var(--ink); color:#fff;}

/* ---------------- FAB tugmalar ---------------- */
.fab.call{background:linear-gradient(135deg,#0077b9,#005e93); color:#fff;}
.fab.top{background:#ffffff; color:var(--teal); border:1px solid var(--line);}

/* ---------------- BANNER ---------------- */
.banner-go{color:var(--teal);}
.carousel-arrow{background:#ffffff; color:var(--ink); border:1px solid var(--line);}

/* scroll progress — ko'k */
.scroll-progress{background:linear-gradient(90deg,#0077b9,#2e93cf) !important;}

/* ============ 2-BOSQICH TUZATISHLAR (skrinshotdan keyin) ============ */

/* MOBIL ILOVA kartasi — qorong'i edi, To'lov kartasi kabi OQ qilamiz */
.service-card.app-card{background:#ffffff !important; border:1px solid var(--line) !important;}
.service-card.app-card::before{display:none !important;}
.app-card .service-ic{background:linear-gradient(135deg,#0077b9,#3aa0d6) !important; color:#fff;}
.app-card .kicker{color:var(--teal) !important;}
.app-card .service-head h3{color:var(--ink) !important;}
.app-card .service-lead{color:var(--muted) !important;}
.app-card .app-note, .app-note{color:var(--muted) !important;}
.app-mini-phone i{background:#dbe4ee !important;}
.app-mini-phone i:nth-child(2){background:#0077b9 !important;}
.store-meta{color:var(--muted) !important;}

/* BANNER (karusel) — qorong'i edi → ko'k promo banner (oq matn) */
.banner-slide{background:linear-gradient(135deg,#0077b9,#005e93) !important;}
.banner-badge{background:rgba(255,255,255,.22) !important; color:#fff !important;}
.banner-go{color:#fff !important;}

/* Bo'limlardagi OLTIN nur dog'larini o'chiramiz/ko'k qilamiz */
.cta-band::before, .cta-band::after{background:none !important; opacity:0 !important;}
.video-section::after{
  background:radial-gradient(50% 45% at 85% 12%, rgba(0,119,185,.09), transparent 68%) !important;
}

/* Yangilik lentasi ranglari — oq fonda o'qilarli to'q variant */
.news-item.t-good{color:#0a8f4f !important;}
.news-item.t-warn{color:#b7791f !important;}
.news-item.t-hot{color:#d64545 !important;}
.news-label{color:var(--teal) !important;}
.news-dot{background:var(--teal) !important;}

/* ============ O'ZIM YASAGAN FON/BANNER GRAFIKASI (SVG) ============ */
/* Hero — ko'k gradient ustiga nozik oq nuqta naqsh (fon rasm) */
.hero{
  background:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSI0NiI+PGNpcmNsZSBjeD0iMyIgY3k9IjMiIHI9IjEuNSIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC4wOSIvPjwvc3ZnPg==") repeat,
    linear-gradient(135deg,#0088cc 0%, #0077b9 42%, #005e93 100%) !important;
}
/* Banner — ko'k gradient + o'ngda konsentrik doira/foiz bezagi */
.banner-slide{
  background:
    url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNjAiIGhlaWdodD0iMjIwIiB2aWV3Qm94PSIwIDAgMzYwIDIyMCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLW9wYWNpdHk9IjAuMTYiIHN0cm9rZS13aWR0aD0iMiI+PGNpcmNsZSBjeD0iMzAwIiBjeT0iMTEwIiByPSI0NiIvPjxjaXJjbGUgY3g9IjMwMCIgY3k9IjExMCIgcj0iODAiLz48Y2lyY2xlIGN4PSIzMDAiIGN5PSIxMTAiIHI9IjExNiIvPjwvZz48Y2lyY2xlIGN4PSIzMDAiIGN5PSIxMTAiIHI9IjI3IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+PHRleHQgeD0iMzAwIiB5PSIxMjIiIGZvbnQtZmFtaWx5PSJBcmlhbCxzYW5zLXNlcmlmIiBmb250LXNpemU9IjMwIiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC41NSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+JTwvdGV4dD48L3N2Zz4=") right center / auto 165% no-repeat,
    linear-gradient(135deg,#0077b9,#005e93) !important;
}

/* ============ RAMKALI PANEL + 3D HOVER (Aloqabank uslubi) ============ */
.tile, .service-card, .step, .purpose, .tst, .calc-panel, .result-card,
.info-row, .faq details, .hero-card, .banner-slide{
  border-radius:18px !important;
  transition:transform .14s ease, box-shadow .28s ease, border-color .2s ease !important;
  will-change:transform;
}
/* oq kartalarga nozik ikki qatlamli ramka + yumshoq soya */
.tile, .service-card, .step, .purpose, .tst, .calc-panel, .info-row, .faq details{
  border:1px solid #dbe4ef !important;
  box-shadow:0 1px 2px rgba(16,40,70,.04), 0 10px 26px -18px rgba(16,40,70,.18) !important;
}
.tile:hover, .service-card:hover, .step:hover, .purpose:hover, .tst:hover, .faq details:hover{
  box-shadow:0 26px 55px -22px rgba(0,90,150,.30) !important;
  border-color:#a9cae6 !important;
}
/* ko'k kartalar (natija, tile.feature, banner) — ko'k halo soya */
.result-card, .tile.feature, .banner-slide{
  box-shadow:0 20px 46px -20px rgba(0,110,175,.45) !important;
}
/* JS 3D egilish uchun perspektiva konteyneri */
.bento, .services-grid, .steps, .purpose-strip, .calc-grid, .tst-grid, .contact-grid{
  perspective:1100px;
}

/* ============================================================
   TUZATISH (2026-09-14) — TEPA QISM VA KALENDAR KO'RINMAYOTGANI
   Sabab: style.css da bu elementlar QORONG'I fon uchun oq/och
   rangda yozilgan (rgba(255,255,255,..), #6EE7A8, #FF8A8A ...).
   Fon oq bo'lgach ular yo'qolib qoldi. Hammasini qora/ko'kka
   o'tkazamiz. Tanlagichlar style.css dagidan KUCHLIROQ bo'lishi
   shart (.news-item.t-good kabi), shuning uchun !important.
   ============================================================ */

/* ---------- 1) VALYUTA LENTASI (ticker) ---------- */
.ticker-band{
  background:#eef3f8 !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
  color:var(--text) !important;
}
.ticker-label{color:#005e93 !important; font-weight:700 !important;}
.rate-chip{
  background:#ffffff !important;
  border:1px solid #d9e2ec !important;
  color:var(--text) !important;
  box-shadow:0 1px 3px rgba(20,40,70,.06) !important;
}
.rate-chip .cur{color:#0077b9 !important;}          /* USD / EUR / RUB yorlig'i — ko'k */
.rate-chip .val{                                     /* raqam — QORA, gradient-to'ldirish o'chiriladi */
  color:#14171d !important;
  -webkit-text-fill-color:#14171d !important;
  background:none !important;
}
.rate-chip .dot{background:#16a34a !important; box-shadow:0 0 6px rgba(22,163,74,.55) !important;}
.ticker-updated{color:#6b7280 !important;}           /* "Yangilangan: ..." — endi ko'rinadi */

/* ---------- 2) HARAKATLANUVCHI E'LON LENTASI (news) ---------- */
.news-band{
  background:linear-gradient(90deg,#e9f1f8,#dfeaf4 40%,#e9f1f8) !important;
  border-top:1px solid var(--line) !important;
  border-bottom:1px solid var(--line) !important;
}
.news-label{color:#d92d20 !important;}               /* "YANGILIKLAR" — to'q qizil */
.news-dot{background:#d92d20 !important;}
.news-item{color:#14171d !important; font-weight:500 !important;}
/* rangli turlar: och pastel → to'q, oq fonda o'qiladigan ranglar */
.news-item.t-good{color:#0f7a3d !important;}         /* yashil  */
.news-item.t-warn{color:#9a6700 !important;}         /* sariq   */
.news-item.t-hot{color:#c2261c !important;}          /* qizil   */
a.news-item:hover{color:#0077b9 !important;}

/* ---------- 3) HERO KARTA: SOAT / SANA ---------- */
.hero-card .time-now{
  border-top:1px dashed #cfd8e3 !important;
  border-bottom:1px dashed #cfd8e3 !important;
}
.hero-card .today .day-meta b{color:#0077b9 !important;}
.hero-card .today .day-meta span{color:#4b5563 !important;}

/* ofis ochiq/yopiq belgisi — pastel matn o'rniga to'q */
.office-state.open{
  background:rgba(22,163,74,.10) !important;
  color:#0f7a3d !important;
  border:1px solid rgba(22,163,74,.30) !important;
}
.office-state.closed{
  background:rgba(217,45,32,.09) !important;
  color:#c2261c !important;
  border:1px solid rgba(217,45,32,.28) !important;
}

/* ---------- 4) MINI KALENDAR ---------- */
.mini-cal{color:#14171d !important;}
.mini-cal .dow{color:#6b7280 !important; font-weight:700 !important;}  /* Du Se Ch ... */
.mini-cal .d{color:#14171d !important;}                                 /* kun raqamlari */
.mini-cal .d:hover{background:#e6eef6 !important;}
.mini-cal .d.weekend{color:#c2261c !important;}                         /* dam olish kunlari */
.mini-cal .d.today{
  background:#0077b9 !important;
  color:#ffffff !important;
  font-weight:700 !important;
  box-shadow:0 6px 14px -6px rgba(0,119,185,.75) !important;            /* oltin soya → ko'k */
}
.mini-cal .d.pad{opacity:0 !important;}

/* ---------- 5) HERO STATS raqamlari (ular ham gradient-to'ldirishda edi) ---------- */
.hero-stats .stat b{
  -webkit-text-fill-color:#ffffff !important;
  background:none !important;
}

/* ---------- 6) TELEFONDA "Yangilangan" yashiriladi, lenta pastroq ---------- */
@media (max-width:720px){
  .ticker-band{padding:7px 0 !important;}
  .news-item{font-size:12px !important;}
}

/* ============================================================
   TUZATISH-2 (2026-09-14) — KENGLIK VA KALENDAR FONI
   ============================================================ */

/* ---------- 7) SAYT TO'LIQ KENGLIKDA — yon chekkalar bo'sh qolmasin ----------
   style.css da --wrap:1400px edi, katta ekranda ikki yonda 250px+ bo'sh joy
   qolardi. Endi kenglik ekranga moslashadi, faqat nafas olish uchun chetdan
   bo'shliq (--wrap-pad) qoladi. */
:root, html[data-theme="dark"]{
  --wrap:100%;
  --wrap-pad:clamp(16px, 3.4vw, 64px);
}
/* juda keng monitorda matn qatori haddan tashqari cho'zilib ketmasligi uchun
   faqat UZUN MATN bloklariga cheklov qoldiramiz */
.section-head{max-width:min(900px, 100%) !important;}
.hero .lead, .hero p.lead{max-width:760px !important;}

/* ---------- 8) MINI KALENDAR — ICHIGA FON ----------
   Kalendar endi alohida "kartacha" bo'lib turadi: och ko'k gradient fon,
   ramka, ichki bo'shliq. Matn QORA — fon och bo'lgani uchun aniq o'qiladi. */
.mini-cal{
  background:linear-gradient(160deg,#f4f9fd 0%, #e8f2fa 100%) !important;
  border:1px solid #d3e3f0 !important;
  border-radius:14px !important;
  padding:12px 10px 10px !important;
  gap:3px !important;
  box-shadow:inset 0 1px 0 #ffffff, 0 2px 8px rgba(20,40,70,.06) !important;
  color:#14171d !important;
}
/* hafta kunlari sarlavhasi — ko'k, ostida nozik chiziq */
.mini-cal .dow{
  color:#0077b9 !important;
  font-weight:800 !important;
  font-size:10.5px !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  padding-bottom:6px !important;
  border-bottom:1px solid #d9e6f2 !important;
  margin-bottom:4px !important;
}
/* kun raqamlari — qora, o'qilishi uchun kattaroq va qalinroq */
.mini-cal .d{
  color:#14171d !important;
  font-weight:600 !important;
  font-size:12px !important;
  padding:6px 0 !important;
  border-radius:9px !important;
}
.mini-cal .d:hover{background:#d8e8f5 !important;}
.mini-cal .d.weekend{color:#c2261c !important; font-weight:700 !important;}

/* ---------- 9) BUGUNGI SANA — ENG KO'ZGA TASHLANADIGAN ----------
   To'q ko'k gradient doira + oq qalin raqam + oq halqa + ko'k soya.
   Atrofidagi och fonda darhol ko'zga tashlanadi. */
.mini-cal .d.today{
  background:linear-gradient(145deg,#0088cc,#00619a) !important;
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:13px !important;
  border-radius:10px !important;
  box-shadow:0 0 0 2px #ffffff, 0 0 0 3.5px #0077b9,
             0 6px 14px -5px rgba(0,105,170,.75) !important;
  transform:scale(1.06);
  position:relative; z-index:2;
}
.mini-cal .d.today:hover{background:linear-gradient(145deg,#0088cc,#00619a) !important;}

/* telefonda kalendar biroz ixchamroq */
@media (max-width:720px){
  .mini-cal{padding:10px 8px 8px !important;}
  .mini-cal .d{font-size:11px !important;}
  .mini-cal .d.today{font-size:12px !important;}
}

/* ============================================================
   TUZATISH-3 (2026-09-14)
   10) PASTKI QISM (footer) ko'rinmayotgani
   11) Kalendar panelini IXCHAMLASHTIRISH
   12) Panellar orasini YAQINLASHTIRISH
   13) YANGI LOGO
   ============================================================ */

/* ---------- 10) FOOTER — pastdagi ma'lumotlar ----------
   style.css da footer QORONG'I fon uchun yozilgan: .legal matni
   rgba(255,255,255,.5) — oq fonda butunlay yo'qolgan edi.
   Endi hamma narsa to'q rangda va ajratuvchi chiziqlar ko'rinadi. */
footer.site{
  background:#eef3f8 !important;
  color:#2b3440 !important;
  border-top:2px solid #0077b9 !important;   /* ko'k urg'u chizig'i */
  font-size:13.8px !important;
}
footer .legal{
  color:#3d4655 !important;                   /* MUHIM: avval oq edi — ko'rinmasdi */
  max-width:none !important;
  background:#ffffff !important;
  border:1px solid #dde5ee !important;
  border-radius:12px !important;
  padding:14px 16px !important;
  line-height:1.65 !important;
  font-size:13px !important;
}
.foot-grid{
  border-bottom:1px solid #d7e0ea !important; /* avval ko'rinmas oq chiziq edi */
}
.foot-grid h6{
  color:#0e1116 !important;
  border-left:3px solid #0077b9 !important;
  padding-left:9px !important;
}
.foot-grid a, footer.site a{color:#3d4655 !important; font-weight:500 !important;}
.foot-grid a:hover, footer.site a:hover{color:#0077b9 !important;}
.foot-brand h1{color:#0e1116 !important;}
.foot-brand span{color:#0077b9 !important;}
.foot-bottom{
  color:#4b5563 !important;
  border-top:1px solid #d7e0ea !important;
}
/* pastdagi suzuvchi tugma "tepaga" — ko'k */
.fab.top{background:#0077b9 !important; color:#fff !important; border-color:#0077b9 !important;}

/* ---------- 11) KALENDAR PANELI — IXCHAM ----------
   Karta baland edi (526px). Endi bo'shliqlar va o'lchamlar qisqartirildi. */
.hero-card{padding:18px 18px 16px !important; border-radius:18px !important;}
.hero-card .today{margin-bottom:10px !important;}
.hero-card .today .day-num{font-size:34px !important;}
.hero-card .today .day-meta b{font-size:13.5px !important;}
.hero-card .today .day-meta span{font-size:11.5px !important;}
.hero-card .time-now{
  font-size:24px !important;
  padding:9px 0 !important;
  margin-bottom:10px !important;
}
.office-state{
  font-size:11.8px !important;
  padding:5px 11px !important;
  margin-bottom:10px !important;
}

/* ---------- 12) PANELLAR ORASI — YAQINROQ, IXCHAM ----------
   section 82px edi → 50px; sarlavha ostidagi bo'shliq 46px → 28px;
   kartalar orasidagi gap ham qisqardi. Sayt "zich va chiroyli" bo'ladi. */
section{padding:50px 0 !important;}
.section-head{margin-bottom:28px !important;}
.hero{padding:56px 0 64px !important;}
.bento{gap:14px !important;}
.services-grid, .grid-3{gap:16px !important;}
.steps{gap:16px !important;}
.tst-grid{gap:14px !important;}
.purpose-strip{gap:12px !important;}
.calc-grid{gap:24px !important;}
.contact-grid{gap:clamp(20px,2.6vw,40px) !important;}
.carousel-track{gap:14px !important;}
.banner-slide{min-height:0 !important; padding:20px 24px !important;}
.foot-grid{gap:26px !important; padding-bottom:22px !important;}
footer.site{padding:36px 0 20px !important;}
.cta-band{padding:44px 0 !important;}
@media (max-width:720px){
  section{padding:36px 0 !important;}
  .section-head{margin-bottom:20px !important;}
  .hero{padding:36px 0 44px !important;}
}

/* ---------- 13) YANGI LOGO ----------
   Logotip oq fonli PNG — "cover" o'rniga "contain", atrofida oq
   yostiq va nozik ko'k ramka. Oltin yaltirash butunlay olindi. */
.brand .mark, .brand .mark.has-logo{
  background:#ffffff !important;
  border:1px solid #dbe6f0 !important;
  border-radius:13px !important;
  box-shadow:0 4px 12px -5px rgba(0,90,150,.35) !important;
  padding:3px !important;
  overflow:hidden !important;
}
.brand .mark::after, .brand .mark.has-logo::after{display:none !important;}
.brand .mark img, .brand .mark.has-logo img{
  width:100% !important; height:100% !important;
  object-fit:contain !important;                 /* logotip kesilmasin */
  border-radius:10px !important;
}
header.site .brand .mark{width:44px !important; height:44px !important;}
.brand span{color:#0077b9 !important;}           /* "UCHKO'PRIK FILIALI" — ko'k */
/* footer dagi logo biroz kattaroq */
.foot-brand .mark{width:52px !important; height:52px !important;}

/* ---------- 14) REKLAMA BANNERI — filial fotosi ---------- */
.banner-img{
  flex:0 0 38% !important; max-width:290px !important;
  border-radius:14px !important; overflow:hidden !important;
  border:1px solid rgba(255,255,255,.35) !important;
  box-shadow:0 12px 26px -12px rgba(0,0,0,.45) !important;
}
.banner-img img{
  width:100% !important; height:100% !important;
  max-height:170px !important; object-fit:cover !important;
}
@media (max-width:720px){
  .banner-img{max-width:none !important;}
  .banner-img img{max-height:150px !important;}
}


/* ============================================================
   TUZATISH-4 (2026-09-14)
   15) Kalendar orqa foni (kuzgi park surati + oq parda)
   16) Banner tepasidagi ishonch yozuvlari — rasmiy, chiroyli format
   17) Banner: Paynet slaydi va tezroq aylanish
   ============================================================ */

/* ---------- 15) KALENDAR ORQA FONI ----------
   Surat ostiga QALIN OQ PARDA qo'yiladi (92%) — shunda kuzgi fon
   sezilib turadi, lekin sana raqamlari qop-qora va aniq o'qiladi. */
.mini-cal{
  background-image:
    linear-gradient(rgba(255,255,255,.93), rgba(255,255,255,.90)),
    url("../img/kal-fon.abda1b692596.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:1px solid #cfdeeb !important;
}
/* fon ustida raqamlar yanada aniq tursin — yengil oq halo */
.mini-cal .d{
  text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
}
.mini-cal .dow{
  text-shadow:0 1px 0 rgba(255,255,255,.9) !important;
  border-bottom:1px solid #c6d8e7 !important;
}
/* bugungi sana fon ustida ham ajralib tursin */
.mini-cal .d.today{
  text-shadow:none !important;
  box-shadow:0 0 0 2px #ffffff, 0 0 0 3.5px #0077b9,
             0 6px 16px -5px rgba(0,90,150,.85) !important;
}

/* ---------- 16) ISHONCH YOZUVLARI (banner tepasi) ----------
   Avval oddiy bir qatorli matn edi. Endi — oq kartochka,
   ko'k doiradagi belgi, qalin sarlavha va ostida izoh. */
.trust-strip{
  background:#ffffff !important;
  border-top:1px solid #e3e8f0 !important;
  border-bottom:1px solid #e3e8f0 !important;
  padding:16px 0 !important;
}
.trust-strip .wrap{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:12px !important;
}
.trust-item{
  display:flex !important; align-items:center !important; gap:11px !important;
  background:linear-gradient(160deg,#f7fbfe,#eef5fb) !important;
  border:1px solid #dfe9f3 !important;
  border-radius:13px !important;
  padding:11px 14px !important;
  font-size:13.5px !important;
  color:#14171d !important;
  box-shadow:0 2px 8px -4px rgba(20,60,100,.14) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.trust-item:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 20px -10px rgba(0,110,175,.35) !important;
}
.trust-item .ti-ic{
  flex:0 0 auto; width:34px; height:34px; border-radius:10px;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:17px; background:linear-gradient(150deg,#0088cc,#00619a);
  box-shadow:0 5px 12px -6px rgba(0,105,170,.8);
}
.trust-item .ti-tx{display:flex; flex-direction:column; min-width:0;}
.trust-item .ti-tx b{
  font-size:13.4px; font-weight:700; color:#0e1116; line-height:1.25;
  letter-spacing:-.01em;
}
.trust-item .ti-tx i{
  font-style:normal; font-size:11.6px; color:#5b6675; line-height:1.35;
  margin-top:2px;
}
@media (max-width:980px){
  .trust-strip .wrap{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width:560px){
  .trust-strip .wrap{grid-template-columns:1fr !important;}
  .trust-item{padding:10px 12px !important;}
}

/* ---------- 17) BANNER: PAYNET SLAYDI ---------- */
.pay-badge{
  display:inline-flex; align-items:center; gap:9px;
  background:#ffffff; color:#0e1116;
  border-radius:11px; padding:8px 14px; margin-top:12px;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.5);
  font-weight:700; font-size:14px; letter-spacing:-.01em;
}
.pay-badge img, .pay-badge svg{height:22px; width:auto; display:block;}
.pay-badge .pb-txt{font-size:12.5px; font-weight:600; color:#3d4655;}
/* "xizmat haqi yo'q" nishonchasi */
.banner-free{
  display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.4);
  color:#ffffff; font-weight:700; font-size:12.5px;
  padding:6px 12px; border-radius:999px; margin-top:12px; margin-left:10px;
}
@media (max-width:720px){
  .banner-free{margin-left:0;}
}


/* ============================================================
   TUZATISH-5 (2026-09-14) — KALENDAR FONI TO'LIQ VA TINIQ
   Fon endi butun kartaga (sana + soat + kalendar) yoyiladi va
   oq parda yupqalashtirildi: surat aniq ko'rinadi, matn esa
   oq yostiqchalar ustida turgani uchun baribir aniq o'qiladi.
   ============================================================ */

/* ---------- 18) BUTUN KARTA — kuzgi fon ---------- */
.hero-card{
  background-image:
    linear-gradient(rgba(255,255,255,.62), rgba(255,255,255,.70)),
    url("../img/kal-fon.abda1b692596.jpg") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  border:1px solid rgba(255,255,255,.9) !important;
  box-shadow:0 24px 50px -22px rgba(10,40,70,.45) !important;
  overflow:hidden !important;
}

/* sana va soat — oq yostiqcha ustida, shunda fon ustida ham aniq */
.hero-card .today{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:12px !important;
  padding:10px 13px !important;
  margin-bottom:9px !important;
  box-shadow:0 3px 10px -5px rgba(20,50,80,.3) !important;
}
.hero-card .time-now{
  background:rgba(255,255,255,.86) !important;
  border:1px solid rgba(255,255,255,.95) !important;
  border-radius:12px !important;
  border-top:1px solid rgba(255,255,255,.95) !important;
  border-bottom:1px solid rgba(255,255,255,.95) !important;
  padding:8px 0 !important;
  margin-bottom:9px !important;
  box-shadow:0 3px 10px -5px rgba(20,50,80,.3) !important;
}
.office-state.open{
  background:rgba(255,255,255,.88) !important;
  color:#0b6b34 !important;
  border:1px solid rgba(22,163,74,.45) !important;
}
.office-state.closed{
  background:rgba(255,255,255,.88) !important;
  color:#b3211a !important;
  border:1px solid rgba(217,45,32,.45) !important;
}

/* ---------- 19) MINI KALENDAR — yarim shaffof oq panel ----------
   Fon suratining rangi sezilib turadi, raqamlar esa qora va aniq. */
.mini-cal{
  background-image:none !important;
  background-color:rgba(255,255,255,.80) !important;
  -webkit-backdrop-filter:blur(2px);
  backdrop-filter:blur(2px);
  border:1px solid rgba(255,255,255,.95) !important;
  box-shadow:0 4px 14px -8px rgba(20,50,80,.4) !important;
}
.mini-cal .d{
  color:#0e1116 !important;
  font-weight:700 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.95) !important;
}
.mini-cal .dow{
  color:#005e93 !important;
  text-shadow:0 1px 0 rgba(255,255,255,.95) !important;
  border-bottom:1px solid rgba(0,94,147,.25) !important;
}
.mini-cal .d.weekend{color:#b3211a !important;}
.mini-cal .d.today{
  background:linear-gradient(145deg,#0093dd,#00598c) !important;
  color:#ffffff !important;
  text-shadow:none !important;
  box-shadow:0 0 0 2.5px #ffffff, 0 0 0 4px #0077b9,
             0 8px 18px -6px rgba(0,70,120,.9) !important;
}



.trust-item .ti-ic svg{width:18px; height:18px; display:block;}
.banner-free svg{width:14px;height:14px;display:block;stroke:#fff;}


/* TUZATISH-6 — banner: o'q tugmalar matn ustiga tushmasin, Paynet nishonchasi ixcham */
.banner-slide{padding:22px 70px 22px 68px !important;}
.banner-slide p{max-width:60ch !important;}
.pay-badge{padding:7px 13px !important; gap:8px !important;}
.pay-badge svg{height:21px !important;}
.pay-badge .pb-txt{white-space:nowrap;}
.carousel-arrow{background:rgba(255,255,255,.92) !important; color:#0e1116 !important;
  box-shadow:0 4px 12px -4px rgba(0,0,0,.35) !important;}
@media (max-width:720px){
  .banner-slide{padding:18px 18px !important;}
}

/* ============================================================
   TUZATISH-7 (2026-09-14) — FASLGA QARAB O'ZGARADIGAN FON
   <html> ga data-fasl="bahor|yoz|kuz|qish" qo'yiladi (JS, oy
   bo'yicha). Har fasl uchun yumshoq fon rangi + nozik naqsh.
   Bank ko'rinishi buzilmasligi uchun naqsh juda past shaffoflikda.
   Fasllar: bahor 3-5, yoz 6-8, kuz 9-11, qish 12-2.
   ============================================================ */

/* naqsh qatlami — sahifa ustida turadi, bosishga xalaqit bermaydi */
body::before{
  content:''; position:fixed; inset:0; z-index:0;
  pointer-events:none; opacity:.5;
  background-repeat:repeat; background-size:340px 340px;
}
/* sayt mazmuni naqsh ustida qolsin */
header.site, .ticker-band, .news-band, .hero, .banner-section,
section, footer.site, .trust-strip{
  position:relative; z-index:1;
}
/* suzuvchi tugmalar va modal — fixed bo'lib qolsin */
.fab-stack{position:fixed !important; right:20px !important; bottom:20px !important; z-index:60 !important; flex-direction:column !important;}
.modal-back{position:fixed !important; z-index:100 !important;}

/* ---------- KUZ (sentabr–noyabr) — sariq/kahrabo barglar ---------- */
html[data-fasl="kuz"] body{
  background:
    radial-gradient(900px 420px at 88% -60px, rgba(226,152,45,.13), transparent 70%),
    radial-gradient(760px 380px at 6% 12%, rgba(198,110,40,.10), transparent 72%),
    linear-gradient(180deg, #fdf9f3 0%, #f7f8fa 46%, #f4f7fa 100%) !important;
}
html[data-fasl="kuz"] body::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340'><g fill='none' stroke='%23c2801f' stroke-width='1.6' opacity='.20'><path d='M40 60c14-18 34-18 46 0-12 18-32 18-46 0z'/><path d='M63 42v40'/><path d='M210 120c16-20 38-20 52 0-14 20-36 20-52 0z'/><path d='M236 100v42'/><path d='M110 250c13-16 31-16 42 0-11 16-29 16-42 0z'/><path d='M131 234v34'/><path d='M268 262c12-15 29-15 39 0-10 15-27 15-39 0z'/><path d='M287 248v31'/></g></svg>") !important;
}

/* ---------- QISH (dekabr–fevral) — muzdek ko'k, qor uchqunlari ---------- */
html[data-fasl="qish"] body{
  background:
    radial-gradient(900px 420px at 86% -60px, rgba(120,175,225,.16), transparent 70%),
    radial-gradient(700px 360px at 8% 10%, rgba(150,195,235,.12), transparent 72%),
    linear-gradient(180deg, #f4f9fd 0%, #f1f6fb 50%, #eef4fa 100%) !important;
}
html[data-fasl="qish"] body::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340'><g stroke='%235b95c9' stroke-width='1.5' opacity='.22' stroke-linecap='round'><g transform='translate(60,70)'><path d='M0-13V13M-11-6L11 6M-11 6L11-6'/></g><g transform='translate(232,132)'><path d='M0-11V11M-9-5L9 5M-9 5L9-5'/></g><g transform='translate(128,246)'><path d='M0-12V12M-10-6L10 6M-10 6L10-6'/></g><g transform='translate(292,276)'><path d='M0-9V9M-8-4L8 4M-8 4L8-4'/></g></g></svg>") !important;
}

/* ---------- BAHOR (mart–may) — yashil va gul bargchalari ---------- */
html[data-fasl="bahor"] body{
  background:
    radial-gradient(900px 420px at 88% -60px, rgba(120,195,130,.14), transparent 70%),
    radial-gradient(720px 360px at 6% 14%, rgba(240,160,190,.12), transparent 72%),
    linear-gradient(180deg, #f6fcf7 0%, #f4f9f9 48%, #f3f7fa 100%) !important;
}
html[data-fasl="bahor"] body::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340'><g fill='%23e28fb4' opacity='.20'><circle cx='62' cy='66' r='5'/><circle cx='74' cy='58' r='5'/><circle cx='74' cy='74' r='5'/><circle cx='226' cy='136' r='5'/><circle cx='238' cy='128' r='5'/><circle cx='238' cy='144' r='5'/><circle cx='124' cy='248' r='5'/><circle cx='136' cy='240' r='5'/><circle cx='136' cy='256' r='5'/></g><g fill='none' stroke='%236aa96f' stroke-width='1.6' opacity='.20'><path d='M40 300c26-10 42-30 48-56'/><path d='M186 84c24-8 40-26 46-50'/></g></svg>") !important;
}

/* ---------- YOZ (iyun–avgust) — iliq quyoshli ---------- */
html[data-fasl="yoz"] body{
  background:
    radial-gradient(900px 420px at 88% -70px, rgba(245,196,80,.16), transparent 70%),
    radial-gradient(720px 360px at 6% 14%, rgba(110,190,215,.12), transparent 72%),
    linear-gradient(180deg, #fdfbf2 0%, #f6faf9 48%, #f3f7fa 100%) !important;
}
html[data-fasl="yoz"] body::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='340' height='340'><g fill='none' stroke='%23d8a531' stroke-width='1.6' opacity='.20' stroke-linecap='round'><g transform='translate(66,72)'><circle r='9'/><path d='M0-17V-13M0 13V17M-17 0H-13M13 0H17M-12-12l3 3M9 9l3 3M-12 12l3-3M9-9l3-3'/></g><g transform='translate(238,142)'><circle r='7'/><path d='M0-14V-11M0 11V14M-14 0H-11M11 0H14'/></g><g transform='translate(130,252)'><circle r='8'/><path d='M0-15V-12M0 12V15M-15 0H-12M12 0H15'/></g></g></svg>") !important;
}

/* ---------- Kalendar kartasi: faslga mos ----------
   Kuzda — foydalanuvchi bergan kuzgi park surati.
   Boshqa fasllarda — shu faslning yumshoq gradienti (surat berilsa
   shu yerga qo'yiladi). */
html[data-fasl="qish"] .hero-card{
  background-image:linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.68)),
    linear-gradient(160deg,#bcd9f0,#8fb9dd 55%,#cfe3f2) !important;
}
html[data-fasl="bahor"] .hero-card{
  background-image:linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.68)),
    linear-gradient(160deg,#cfe9c8,#a8d4a2 55%,#eccfe0) !important;
}
html[data-fasl="yoz"] .hero-card{
  background-image:linear-gradient(rgba(255,255,255,.55), rgba(255,255,255,.68)),
    linear-gradient(160deg,#fbe6b0,#f3c96f 55%,#bfe4ea) !important;
}

/* fasl yozuvi — kalendar kartasi burchagida kichik nishoncha */
.fasl-nishon{
  position:absolute; top:12px; right:12px; z-index:3;
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.9); border:1px solid rgba(255,255,255,.95);
  border-radius:999px; padding:5px 11px;
  font-size:11.5px; font-weight:700; letter-spacing:.04em;
  color:#0e1116; box-shadow:0 3px 10px -5px rgba(20,50,80,.4);
}
html[data-fasl="kuz"]   .fasl-nishon{color:#9a5a12;}
html[data-fasl="qish"]  .fasl-nishon{color:#1d5c94;}
html[data-fasl="bahor"] .fasl-nishon{color:#2f7a3c;}
html[data-fasl="yoz"]   .fasl-nishon{color:#9a7412;}
.hero-card{position:relative;}


/* ============================================================
   TUZATISH-8 (2026-09-14)
   20) SVG belgilar uchun o'lcham/rang
   21) "Sizga qulay bo'lgan shartlar"  (.bento / .tile)
   22) "Har bir rejangiz uchun yechim" (.services-grid / .service-card)
   23) "Qarzni qanday olasiz"          (.steps / .step)
   ============================================================ */

/* ---------- 20) SVG BELGILAR ----------
   Emoji o'rniga qo'yilgan chiziqli belgilar. Rangni ota-elementdan
   oladi (currentColor), shuning uchun ko'k kartada oq bo'ladi. */
svg.ic{
  width:1.05em; height:1.05em;
  display:inline-block; vertical-align:-.16em;
  flex:0 0 auto;
}
/* doiracha/kvadrat belgidonlar ichida — kattaroq va markazda */
.tile .ic svg.ic, .service-ic svg.ic, .info-ic svg.ic,
.trust-item .ti-ic svg.ic, .fab svg.ic, .step .num svg.ic{
  width:1em; height:1em; vertical-align:middle;
}
.tile .ic, .service-ic, .info-ic{
  display:inline-flex !important; align-items:center !important;
  justify-content:center !important;
}
/* chip/nishoncha ichidagi belgilar matn bilan bir qatorda tursin */
.tick svg.ic, .chip svg.ic, .banner-badge svg.ic, .social-btn svg.ic,
.btn-cta svg.ic, .btn-ghost svg.ic, .btn-primary-lg svg.ic, .news-item b svg.ic,
.ticker-label svg.ic, .news-label svg.ic{
  width:1em; height:1em; vertical-align:-.14em;
}
.fab svg.ic{width:20px; height:20px;}
.icon-btn svg.ic{width:18px; height:18px;}

/* ---------- 21) "SIZGA QULAY BO'LGAN SHARTLAR" ---------- */
.tile{
  background:#ffffff !important;
  border:1px solid #dfe7f0 !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 6px 18px -12px rgba(20,50,90,.25) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.tile:hover{
  transform:translateY(-4px) !important;
  border-color:#b9d4ea !important;
  box-shadow:0 18px 34px -18px rgba(0,110,175,.42) !important;
}
.tile .ic{
  width:44px !important; height:44px !important; border-radius:13px !important;
  font-size:20px !important; margin-bottom:14px !important;
  background:linear-gradient(150deg,#0093dd,#00619a) !important;
  color:#ffffff !important;
  box-shadow:0 7px 16px -8px rgba(0,105,170,.85) !important;
}
.tile h4{font-size:16.5px !important; font-weight:700 !important; color:#0e1116 !important; margin-bottom:7px !important;}
.tile p{font-size:13.6px !important; color:#4b5563 !important; line-height:1.6 !important;}
/* katta ko'k karta */
.tile.feature{
  background:linear-gradient(150deg,#0a7ab8 0%, #005e93 100%) !important;
  border-color:transparent !important;
}
.tile.feature .ic{background:rgba(255,255,255,.22) !important; box-shadow:none !important;}
.tile.feature .big-num{
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
  background:none !important;
}
.tile.feature p{color:rgba(255,255,255,.86) !important;}
.tile .badge, .tile .pill{
  background:#e8f2fa !important; color:#005e93 !important;
  border:1px solid #cfe1f1 !important;
}

/* ---------- 22) "HAR BIR REJANGIZ UCHUN YECHIM" ---------- */
.service-card{
  background:#ffffff !important;
  border:1px solid #dfe7f0 !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 6px 18px -12px rgba(20,50,90,.25) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.service-card:hover{
  transform:translateY(-4px) !important;
  border-color:#b9d4ea !important;
  box-shadow:0 18px 34px -18px rgba(0,110,175,.42) !important;
}
.service-ic{
  width:44px !important; height:44px !important; border-radius:13px !important;
  font-size:20px !important;
  background:linear-gradient(150deg,#0093dd,#00619a) !important;
  color:#ffffff !important;
  box-shadow:0 7px 16px -8px rgba(0,105,170,.85) !important;
}
.service-head h3, .service-card h3, .service-card h4{
  color:#0e1116 !important; font-size:17px !important; font-weight:700 !important;
}
.service-lead, .service-card p{color:#4b5563 !important; font-size:13.6px !important; line-height:1.6 !important;}
.service-card li{color:#3d4655 !important;}
/* ko'k "ilova" kartasi */
.app-card{background:linear-gradient(150deg,#0a7ab8,#005e93) !important; border-color:transparent !important;}
.app-card .service-head h3{color:#ffffff !important;}
.app-card .service-lead, .app-card p{color:rgba(255,255,255,.85) !important;}
.app-card .service-ic{background:rgba(255,255,255,.22) !important; box-shadow:none !important;}

/* "Maqsadlar" qatori (uy, avtomobil, ...) */
.purpose{
  background:#ffffff !important;
  border:1px solid #dfe7f0 !important;
  border-radius:15px !important;
  padding:15px 16px !important;
  color:#14171d !important;
  box-shadow:0 4px 14px -10px rgba(20,50,90,.28) !important;
}
.purpose:hover{border-color:#b9d4ea !important; transform:translateY(-3px) !important;}
.purpose b, .purpose h5{color:#0e1116 !important;}
.purpose span, .purpose p{color:#5b6675 !important;}
.purpose svg.ic{color:#0077b9 !important; width:22px !important; height:22px !important;}

/* ---------- 23) "QARZNI QANDAY OLASIZ" ----------
   Avval faqat raqam + matn edi (panel yo'q). Endi har qadam —
   oq kartochka, tepasida ko'k raqam, ostida vaqt nishonchasi. */
.steps{gap:16px !important;}
.steps::before{
  top:46px !important;
  background:repeating-linear-gradient(90deg,#c3d7e8 0 8px, transparent 8px 16px) !important;
  opacity:.85 !important;
}
.step{
  padding:46px 20px 20px !important;
  background:#ffffff !important;
  border:1px solid #dfe7f0 !important;
  border-radius:18px !important;
  box-shadow:0 6px 18px -12px rgba(20,50,90,.25) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}
.step:hover{
  transform:translateY(-4px) !important;
  border-color:#b9d4ea !important;
  box-shadow:0 18px 34px -18px rgba(0,110,175,.42) !important;
}
.step .num{
  top:-18px !important; left:20px !important;
  width:46px !important; height:46px !important; border-radius:14px !important;
  font-size:15px !important; font-weight:700 !important;
  background:linear-gradient(150deg,#0093dd,#00619a) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:3px solid #ffffff !important;
  box-shadow:0 8px 18px -8px rgba(0,105,170,.85) !important;
}
.step:hover .num{
  background:linear-gradient(150deg,#00a4f0,#0077b9) !important;
  color:#ffffff !important; border-color:#ffffff !important;
  transform:translateY(-3px) rotate(-4deg) !important;
}
.step h5{font-size:16px !important; color:#0e1116 !important; margin-bottom:7px !important;}
.step p{font-size:13.5px !important; color:#4b5563 !important; line-height:1.6 !important;}
.step .tick{
  display:inline-flex !important; align-items:center !important; gap:6px !important;
  margin-top:12px !important;
  background:#eaf3fa !important; border:1px solid #cfe1f1 !important;
  color:#005e93 !important; font-weight:700 !important; font-size:11.8px !important;
  padding:5px 11px !important; border-radius:999px !important;
}
@media (max-width:980px){
  .steps{grid-template-columns:repeat(2,1fr) !important; row-gap:32px !important;}
  .steps::before{display:none !important;}
}
@media (max-width:560px){
  .steps{grid-template-columns:1fr !important;}
}


/* ============================================================
   TUZATISH-9 (2026-09-14)
   24) Matn va raqamlar KATTALASHTIRILDI (avvalgi tuzatishlarda
       ixchamlashtirish paytida kichrayib ketgan edi)
   25) Video bo'limidagi ko'rinmas matn
   26) Qolgan oq-fonda-oq matnlar
   ============================================================ */

/* ---------- 24) O'LCHAMLAR ---------- */
/* kartochka matnlari */
.tile p{font-size:14.6px !important; line-height:1.62 !important;}
.tile h4{font-size:18px !important;}
.tile .ic{width:48px !important; height:48px !important; font-size:22px !important;}
.tile.feature .big-num{font-size:clamp(38px,4.2vw,56px) !important;}

.service-lead, .service-card p{font-size:14.6px !important; line-height:1.62 !important;}
.service-head h3, .service-card h3, .service-card h4{font-size:18.5px !important;}
.service-ic{width:48px !important; height:48px !important; font-size:22px !important;}
.service-card li{font-size:14.2px !important;}

.step p{font-size:14.6px !important; line-height:1.62 !important;}
.step h5{font-size:17.5px !important;}
.step .num{width:50px !important; height:50px !important; font-size:16.5px !important;}
.step .tick{font-size:12.8px !important; padding:6px 12px !important;}

.purpose b, .purpose h5{font-size:15px !important;}
.purpose span, .purpose p{font-size:13px !important;}
.purpose svg.ic{width:26px !important; height:26px !important;}

/* ishonch yozuvlari */
.trust-item{font-size:14.5px !important; padding:12px 15px !important;}
.trust-item .ti-tx b{font-size:14.4px !important;}
.trust-item .ti-tx i{font-size:12.5px !important;}
.trust-item .ti-ic{width:38px !important; height:38px !important;}
.trust-item .ti-ic svg{width:20px !important; height:20px !important;}

/* lentalar */
.rate-chip{font-size:14px !important; padding:6px 13px !important;}
.ticker-label{font-size:12px !important;}
.ticker-updated{font-size:12px !important;}
.news-item{font-size:13.8px !important;}
.news-label{font-size:11.5px !important;}

/* kalendar kartasi */
.hero-card{padding:20px !important;}
.hero-card .today .day-num{font-size:40px !important;}
.hero-card .today .day-meta b{font-size:15px !important;}
.hero-card .today .day-meta span{font-size:12.5px !important;}
.hero-card .time-now{font-size:28px !important; padding:11px 0 !important;}
.office-state{font-size:13px !important; padding:7px 13px !important;}
.mini-cal{font-size:13px !important; padding:13px 11px 11px !important;}
.mini-cal .d{font-size:13.2px !important; padding:7px 0 !important;}
.mini-cal .dow{font-size:11.5px !important;}
.mini-cal .d.today{font-size:14px !important;}
.fasl-nishon{font-size:12px !important;}

/* bo'lim sarlavhalari va tavsiflari */
.section-head p{font-size:15.6px !important; line-height:1.62 !important;}
.kicker{font-size:12.5px !important;}

/* mijozlar fikri */
.tst p{font-size:14.6px !important; line-height:1.65 !important;}
.tst .who b, .tst .who strong{font-size:14.5px !important;}

/* savollar */
.faq summary{font-size:15.4px !important;}
.faq .faq-body, .faq details p{font-size:14.4px !important; line-height:1.65 !important;}

/* aloqa bloklari */
.info-row b, .info-row h6{font-size:14.8px !important;}
.info-row span, .info-row p{font-size:14px !important;}

/* pastki qism */
footer.site{font-size:14.4px !important;}
.foot-grid a{font-size:14.2px !important;}
.foot-grid h6{font-size:13.5px !important;}
footer .legal{font-size:13.6px !important;}
.foot-bottom{font-size:13.2px !important;}

/* banner */
.banner-slide p{font-size:15.2px !important;}
.banner-badge{font-size:11.5px !important;}
.banner-go{font-size:14.5px !important;}
.pay-badge{font-size:15px !important;}
.banner-free{font-size:13.2px !important;}

/* telefonda ham o'qishli bo'lsin */
@media (max-width:720px){
  .tile p, .service-lead, .service-card p, .step p{font-size:14.2px !important;}
  .section-head p{font-size:14.8px !important;}
  .trust-item{font-size:14px !important;}
  .banner-slide p{font-size:14.2px !important;}
}

/* ---------- 25) VIDEO BO'LIMI — ko'rinmas matn ----------
   style.css: .video-section .section-head p{color:rgba(255,255,255,.65)}
   Fon oq bo'lgani uchun yo'qolib ketgan edi. */
.video-section .section-head p{color:#4b5563 !important;}
.video-section p, .video-section .video-note{color:#4b5563 !important;}
.video-empty{color:#5b6675 !important;}
.video-section .section-head h3{color:#0e1116 !important;}

/* ---------- 26) QOLGAN OQ-FONDA-OQ MATNLAR ---------- */
/* to'lov bo'limi izohi va ilova eslatmalari ko'k kartalarda — oq qoladi,
   lekin oq fonga tushganlari to'q bo'lsin */
.pay-steps li, .pay-note{color:#3d4655 !important;}
.app-note{color:rgba(255,255,255,.8) !important;}
.result-note{color:rgba(255,255,255,.72) !important;}
/* ijtimoiy tugmalar */
.social-btn{
  background:#ffffff !important; border:1px solid #dfe7f0 !important;
  color:#14171d !important; font-size:13.4px !important;
  padding:8px 13px !important; border-radius:10px !important;
}
.social-btn:hover{border-color:#0077b9 !important; color:#0077b9 !important;}
.social-btn svg.ic{width:16px !important; height:16px !important;}


/* ---------- TUZATISH-10: qolgan past kontrastli matnlar ---------- */
/* kalkulyator shkalasi (3 mln / 300 mln / 12 oy / 48 oy) — och kulrang edi */
.range-scale, .range-scale span, .slider-top small{
  color:#5b6675 !important; font-size:12.4px !important; font-weight:600 !important;
  -webkit-text-fill-color:#5b6675 !important;
}
.slider-top output{color:#0e1116 !important; -webkit-text-fill-color:#0e1116 !important;
  background:none !important; font-size:17px !important;}
.slider-top label, .slider-top b{font-size:14.6px !important; color:#14171d !important;}
/* ilova yuklash tugmalaridagi kichik yozuvlar — ko'k fonda oq bo'lsin */
.store-btn small, .store-btn .sb-top, .store-btn span:first-child{
  color:rgba(255,255,255,.82) !important;
}
.store-btn{color:#ffffff !important;}
.store-btn.light, .store-btn[data-light]{color:#14171d !important;}
.app-note{color:rgba(255,255,255,.82) !important; font-size:13px !important;}
/* chiplar (10 mln / 30 mln / 24 oy ...) biroz kattaroq */
.chip{font-size:13.4px !important; padding:7px 13px !important;}
.chip.on{background:#0077b9 !important; border-color:#0077b9 !important; color:#fff !important;}
/* FAQ javob matni */
.faq details[open] summary{color:#005e93 !important;}

/* ============================================================
   TUZATISH-11 (2026-09-14)
   27) TEPA QISM — aniqroq va kattaroq
   28) "TO'LOV" paneli — chiroyli ko'rinish
   29) "MOBIL ILOVA" paneli — chiroyli ko'rinish
   30) Umumiy shrift o'lchamlari yana kattalashtirildi
   ============================================================ */

/* ---------- 27) TEPA QISM (header + lentalar) ---------- */
header.site{
  background:#ffffff !important;
  border-bottom:1px solid #dde6f0 !important;
  box-shadow:0 2px 14px -6px rgba(20,50,90,.18) !important;
}
.topbar{padding:16px var(--wrap-pad) !important;}
.brand h1{font-size:25px !important; color:#0e1116 !important; letter-spacing:-.01em !important;}
.brand span{font-size:11.5px !important; color:#0077b9 !important; font-weight:700 !important;}
header.site .brand .mark{width:50px !important; height:50px !important;}
nav.main{gap:4px !important; font-size:15.4px !important;}
nav.main a{
  color:#22303f !important; font-weight:600 !important;
  padding:9px 13px !important; border-radius:10px !important;
}
nav.main a:hover{background:#eaf3fa !important; color:#005e93 !important;}
.clock-mini b{font-size:16.5px !important; color:#0e1116 !important; -webkit-text-fill-color:#0e1116 !important;}
.clock-mini span{font-size:12.2px !important; color:#5b6675 !important;}
.btn-cta{font-size:15px !important; padding:12px 20px !important;}
.icon-btn{width:42px !important; height:42px !important;}

/* valyuta lentasi — endi faqat kurslar, shuning uchun kengroq va o'qishli */
.ticker-band{padding:10px 0 !important;}
.rate-chip{font-size:15px !important; padding:7px 15px !important; gap:9px !important;}
.rate-chip .cur{font-size:14px !important; letter-spacing:.03em !important;}
.rate-chip .val{font-size:15px !important;}
.ticker-label{font-size:12.8px !important;}
.ticker-updated{font-size:12.5px !important;}
/* kurslar kam bo'lgani uchun sekinroq aylansin */
.ticker-track{animation-duration:26s !important;}

/* yangiliklar lentasi */
.news-inner{height:42px !important;}
.news-item{font-size:14.4px !important;}
.news-label{font-size:12px !important;}
.news-item b svg.ic{width:16px !important; height:16px !important;}

/* ---------- 28) "TO'LOV" PANELI ---------- */
.pay-card-wrap{
  background:linear-gradient(170deg,#ffffff 0%, #f6fbff 100%) !important;
  border:1px solid #d8e6f2 !important;
  border-radius:20px !important;
  padding:26px !important;
}
.pay-box{
  margin-top:18px !important;
  background:#ffffff !important;
  border:1px solid #e1eaf3 !important;
  border-radius:16px !important;
  padding:20px !important;
  box-shadow:inset 0 1px 0 #fff, 0 4px 16px -10px rgba(20,50,90,.22) !important;
}
.pay-form label{
  display:block !important; font-size:14px !important; font-weight:700 !important;
  color:#22303f !important; margin-bottom:9px !important;
}
.phone-field{
  display:flex !important; align-items:stretch !important;
  border:1.5px solid #d4e2ee !important; border-radius:13px !important;
  background:#f9fcff !important; overflow:hidden !important;
  transition:border-color .2s, box-shadow .2s !important;
}
.phone-field:focus-within{
  border-color:#0077b9 !important;
  box-shadow:0 0 0 4px rgba(0,119,185,.14) !important;
  background:#ffffff !important;
}
.phone-prefix{
  display:inline-flex !important; align-items:center !important;
  padding:0 15px !important; font-size:16px !important; font-weight:700 !important;
  color:#005e93 !important; background:#e9f3fa !important;
  border-right:1px solid #d4e2ee !important;
}
.phone-field input{
  flex:1 !important; min-width:0 !important;
  border:none !important; outline:none !important; background:transparent !important;
  padding:14px 15px !important; font-size:17px !important; font-weight:600 !important;
  color:#0e1116 !important; letter-spacing:.04em !important;
}
.phone-field input::placeholder{color:#9aa7b5 !important; font-weight:500 !important;}
.pay-hint{
  font-size:13px !important; color:#5b6675 !important;
  margin-top:9px !important; line-height:1.5 !important;
}
.pay-submit{
  width:100% !important; margin-top:16px !important;
  font-size:15.5px !important; padding:14px 20px !important;
  border-radius:13px !important;
}
.pay-submit:disabled{
  background:#cfe0ed !important; color:#ffffff !important;
  cursor:not-allowed !important; box-shadow:none !important; opacity:1 !important;
}
/* to'lov ID chiqqanda ko'rinadigan qism */
.pay-result{
  margin-top:16px !important;
  background:linear-gradient(160deg,#0a7ab8,#005e93) !important;
  color:#ffffff !important; border-radius:15px !important; padding:20px !important;
}
.pay-result b, .pay-result strong{color:#ffffff !important;}
.pay-id, .pay-result .pay-id{
  font-family:var(--mono) !important; font-size:26px !important; font-weight:700 !important;
  letter-spacing:.08em !important; color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
.pay-steps li{color:rgba(255,255,255,.9) !important; font-size:14px !important; line-height:1.6 !important;}
.pay-note, .pay-phone-note{color:rgba(255,255,255,.78) !important; font-size:13px !important;}
.form-msg{font-size:13.6px !important; margin-top:10px !important;}

/* ---------- 29) "MOBIL ILOVA" PANELI ----------
   Ko'k karta — to'lov kartasi oq bo'lgani uchun yonma-yon chiroyli chiqadi. */
.app-card{
  background:linear-gradient(160deg,#0b82c4 0%, #00588b 100%) !important;
  border:1px solid transparent !important;
  border-radius:20px !important;
  padding:26px !important;
  position:relative !important; overflow:hidden !important;
  box-shadow:0 20px 46px -22px rgba(0,90,150,.6) !important;
}
/* burchakdagi nozik halqa bezagi */
.app-card::after{
  content:'' !important; display:block !important;
  position:absolute; right:-90px; top:-110px; width:320px; height:320px;
  border-radius:50%; pointer-events:none;
  background:
    radial-gradient(circle, transparent 62%, rgba(255,255,255,.09) 63%, transparent 65%),
    radial-gradient(circle, transparent 76%, rgba(255,255,255,.07) 77%, transparent 79%);
}
.app-card > *{position:relative; z-index:1;}
.app-card .kicker{color:#b9e4ff !important;}
.app-card .kicker::before{background:#b9e4ff !important;}
.app-card .service-head h3{color:#ffffff !important; font-size:19.5px !important;}
.app-card .service-lead{color:rgba(255,255,255,.88) !important; font-size:14.8px !important;}
.app-card .service-ic{
  background:rgba(255,255,255,.2) !important;
  border:1px solid rgba(255,255,255,.3) !important;
  color:#ffffff !important; box-shadow:none !important;
}

/* yuklab olish tugmalari — oq kartochka, ko'k fon ustida */
.app-buttons{
  display:grid !important; gap:11px !important; margin-top:20px !important;
}
.store-btn{
  display:flex !important; align-items:center !important; gap:13px !important;
  width:100% !important; text-align:left !important;
  background:#ffffff !important;
  border:1px solid rgba(255,255,255,.6) !important;
  border-radius:14px !important;
  padding:13px 16px !important;
  color:#0e1116 !important;
  box-shadow:0 8px 20px -12px rgba(0,40,70,.5) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
}
.store-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 14px 26px -12px rgba(0,40,70,.6) !important;
  border-color:#ffffff !important;
}
.store-ic{
  flex:0 0 auto !important;
  width:40px !important; height:40px !important; border-radius:12px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  background:linear-gradient(150deg,#0093dd,#00619a) !important;
  color:#ffffff !important;
  box-shadow:0 6px 14px -7px rgba(0,105,170,.9) !important;
}
.store-ic svg.ic{width:21px !important; height:21px !important;}
.store-txt{display:flex !important; flex-direction:column !important; min-width:0 !important; flex:1 !important;}
.store-btn small, .store-txt small{
  font-size:11.8px !important; color:#5b6675 !important;
  font-weight:700 !important; letter-spacing:.06em !important; text-transform:uppercase !important;
}
.store-txt b{font-size:16px !important; color:#0e1116 !important; font-weight:700 !important; line-height:1.3 !important;}
.store-meta{
  flex:0 0 auto !important;
  font-size:12px !important; font-weight:700 !important;
  color:#005e93 !important; background:#eaf3fa !important;
  border:1px solid #d3e5f2 !important;
  padding:5px 10px !important; border-radius:999px !important;
  white-space:nowrap !important;
}

/* pastdagi eslatma */
.app-mini{
  display:flex !important; align-items:center !important; gap:14px !important;
  margin-top:18px !important; padding-top:16px !important;
  border-top:1px solid rgba(255,255,255,.22) !important;
}
.app-note{color:rgba(255,255,255,.84) !important; font-size:13.4px !important; line-height:1.6 !important;}
.app-mini-phone{
  flex:0 0 auto !important;
  width:46px !important; height:70px !important; border-radius:10px !important;
  background:rgba(255,255,255,.14) !important;
  border:1.5px solid rgba(255,255,255,.45) !important;
  display:flex !important; flex-direction:column !important;
  justify-content:center !important; align-items:center !important; gap:5px !important;
}
.app-mini-phone i{
  display:block !important; height:4px !important; border-radius:2px !important;
  background:rgba(255,255,255,.6) !important;
}
.app-mini-phone i:nth-child(1){width:24px !important;}
.app-mini-phone i:nth-child(2){width:18px !important;}
.app-mini-phone i:nth-child(3){width:22px !important;}

/* ikkala karta bir xil balandlikda tursin */
.services-grid{align-items:stretch !important;}
.services-grid > .service-card{display:flex !important; flex-direction:column !important;}

/* ---------- 30) SHRIFTLAR YANA KATTAROQ ---------- */
body{font-size:16px !important;}
.section-head h3{font-size:clamp(27px,3.1vw,40px) !important;}
.section-head p{font-size:16.4px !important;}
.tile p, .service-lead, .service-card p, .step p, .tst p{font-size:15.4px !important; line-height:1.62 !important;}
.tile h4{font-size:18.5px !important;}
.step h5{font-size:18px !important;}
.service-head h3, .service-card h3{font-size:19.5px !important;}
.trust-item .ti-tx b{font-size:15px !important;}
.trust-item .ti-tx i{font-size:13px !important;}
.faq summary{font-size:16px !important;}
.faq .faq-body, .faq details p{font-size:15px !important;}
.info-row b, .info-row h6{font-size:15.4px !important;}
.info-row span, .info-row p{font-size:14.6px !important;}
footer.site{font-size:15px !important;}
.foot-grid a{font-size:14.8px !important;}
footer .legal{font-size:14.2px !important;}
.banner-slide p{font-size:15.8px !important;}
.hero .lead, .hero p.lead{font-size:17.5px !important;}
.hero-stats .stat b{font-size:27px !important;}
.hero-stats .stat span{font-size:13px !important;}
.chip{font-size:14px !important;}
.slider-top output{font-size:19px !important;}
.slider-top label, .slider-top b{font-size:15.4px !important;}
.result-main .amount{font-size:clamp(32px,3.6vw,46px) !important;}
.legend b, .legend .lk{font-size:14.2px !important;}
.result-note{font-size:13.4px !important;}

@media (max-width:720px){
  body{font-size:15.5px !important;}
  .brand h1{font-size:21px !important;}
  .section-head p{font-size:15.2px !important;}
  .tile p, .service-lead, .service-card p, .step p, .tst p{font-size:14.6px !important;}
  .rate-chip{font-size:14px !important;}
  .news-item{font-size:13.6px !important;}
  .store-txt b{font-size:15px !important;}
  .app-card, .pay-card-wrap{padding:20px !important;}
}


/* ============================================================
   TUZATISH-12 (2026-09-14)
   31) "Mobil ilova" kartasi oq qolib ketgan edi — aloqa.css dagi
       eski `.service-card.app-card{background:#fff}` qoidasi
       kuchliroq (2 ta sinf) bo'lgani uchun. Endi bir xil
       kuchdagi tanlagich bilan KO'K qilinadi.
   32) Valyuta va yangiliklar lentasi — shrift kattaroq, aniqroq.
   ============================================================ */

/* ---------- 31) MOBIL ILOVA KARTASI — KO'K ---------- */
.service-card.app-card{
  background:linear-gradient(160deg,#0b82c4 0%, #00588b 100%) !important;
  border:1px solid transparent !important;
  border-radius:20px !important;
  padding:26px !important;
  box-shadow:0 20px 46px -22px rgba(0,90,150,.6) !important;
}
.service-card.app-card .kicker{color:#b9e4ff !important;}
.service-card.app-card .kicker::before,
.service-card.app-card .kicker::after{background:#b9e4ff !important;}
.service-card.app-card .service-head h3{color:#ffffff !important;}
.service-card.app-card .service-lead,
.service-card.app-card p{color:rgba(255,255,255,.88) !important;}
.service-card.app-card .service-ic{
  background:rgba(255,255,255,.2) !important;
  border:1px solid rgba(255,255,255,.32) !important;
  color:#ffffff !important; box-shadow:none !important;
}
.service-card.app-card .app-note{color:rgba(255,255,255,.86) !important;}
.service-card.app-card:hover{
  transform:translateY(-4px) !important;
  border-color:transparent !important;
  box-shadow:0 26px 54px -24px rgba(0,90,150,.7) !important;
}
/* ilova kartasidagi tugmalar oq qolsin */
.service-card.app-card .store-btn{background:#ffffff !important; color:#0e1116 !important;}
.service-card.app-card .store-txt b{color:#0e1116 !important;}
.service-card.app-card .store-btn small,
.service-card.app-card .store-txt small{color:#5b6675 !important;}

/* ---------- 32) LENTALAR — KATTA VA ANIQ ---------- */
.ticker-band{
  padding:12px 0 !important;
  background:#e9f2fa !important;
  border-bottom:1px solid #d4e3f0 !important;
}
.ticker-inner{gap:20px !important;}
.ticker-label{
  font-size:14px !important; font-weight:800 !important;
  color:#005e93 !important; letter-spacing:.08em !important;
}
.ticker-label svg.ic{width:18px !important; height:18px !important;}
.rate-chip{
  font-size:17px !important;
  padding:9px 18px !important;
  gap:10px !important;
  border:1.5px solid #cfe0ee !important;
  border-radius:11px !important;
  box-shadow:0 2px 6px -3px rgba(20,50,90,.18) !important;
}
.rate-chip .cur{
  font-size:15.5px !important; font-weight:800 !important;
  color:#005e93 !important; letter-spacing:.04em !important;
}
.rate-chip .val{
  font-size:17px !important; font-weight:700 !important;
  color:#0e1116 !important; -webkit-text-fill-color:#0e1116 !important;
}
.rate-chip .dot{width:8px !important; height:8px !important;}
.ticker-updated{font-size:13.5px !important; color:#5b6675 !important; font-weight:600 !important;}
.ticker-track{gap:26px !important;}

.news-band{
  border-bottom:1px solid #d4e3f0 !important;
  background:linear-gradient(90deg,#e4eef7,#d9e8f4 40%,#e4eef7) !important;
}
.news-inner{height:48px !important; gap:18px !important;}
.news-label{font-size:13px !important; font-weight:800 !important; letter-spacing:.1em !important;}
.news-dot{width:9px !important; height:9px !important;}
.news-item{
  font-size:16px !important; font-weight:600 !important;
  gap:10px !important;
}
.news-item b svg.ic{width:19px !important; height:19px !important;}
.news-track{gap:40px !important;}

@media (max-width:720px){
  .rate-chip{font-size:15px !important; padding:7px 13px !important;}
  .rate-chip .cur{font-size:14px !important;}
  .rate-chip .val{font-size:15px !important;}
  .news-item{font-size:14.4px !important;}
  .news-inner{height:42px !important;}
  .ticker-updated{display:none !important;}
}

/* ============================================================
   TUZATISH-13 (2026-09-14)
   33) SHRIFTLAR — kompyuterda yana kattalashtirildi
   34) TUNGI REJIM — ishlamayotgan edi, endi ishlaydi
   35) TELEFON — moslashuv silliqlandi
   ============================================================ */

/* ---------- 33) SHRIFTLAR ----------
   Sayt to'liq kenglikka o'tgach matn nisbatan mayda ko'rinardi.
   Asosiy o'lcham 17px, karta matnlari 16.5px ga ko'tarildi. */
html{font-size:17px !important;}
body{font-size:17px !important; line-height:1.6 !important;}

.section-head h3{font-size:clamp(30px,3.4vw,46px) !important;}
.section-head p{font-size:17.5px !important; line-height:1.6 !important;}
.kicker{font-size:13.5px !important; letter-spacing:.14em !important;}

.hero h2{font-size:clamp(38px,5.2vw,68px) !important;}
.hero .lead, .hero p.lead{font-size:19px !important; line-height:1.6 !important;}
.hero .eyebrow{font-size:13px !important;}
.hero-stats .stat b{font-size:30px !important;}
.hero-stats .stat span{font-size:14px !important;}

/* kartalar */
.tile h4{font-size:20px !important;}
.tile p{font-size:16.4px !important; line-height:1.62 !important;}
.tile.feature .big-num{font-size:clamp(42px,4.6vw,62px) !important;}
.service-head h3, .service-card h3{font-size:21px !important;}
.service-lead, .service-card p{font-size:16.4px !important; line-height:1.62 !important;}
.service-card li{font-size:16px !important;}
.step h5{font-size:19px !important;}
.step p{font-size:16.2px !important; line-height:1.62 !important;}
.step .tick{font-size:13.5px !important;}
.step .num{font-size:18px !important; width:54px !important; height:54px !important;}
.purpose b, .purpose h5{font-size:16.5px !important;}
.purpose span, .purpose p{font-size:14.2px !important;}
.tst p{font-size:16.4px !important; line-height:1.65 !important;}
.tst .who b, .tst .who strong{font-size:16px !important;}

/* ishonch qatori */
.trust-item{font-size:16px !important; padding:13px 16px !important;}
.trust-item .ti-tx b{font-size:16px !important;}
.trust-item .ti-tx i{font-size:14px !important;}
.trust-item .ti-ic{width:42px !important; height:42px !important;}
.trust-item .ti-ic svg{width:22px !important; height:22px !important;}

/* lentalar */
.rate-chip{font-size:18px !important; padding:10px 19px !important;}
.rate-chip .cur{font-size:16.5px !important;}
.rate-chip .val{font-size:18px !important;}
.ticker-label{font-size:15px !important;}
.ticker-updated{font-size:14px !important;}
.news-item{font-size:17px !important;}
.news-label{font-size:13.5px !important;}
.news-inner{height:52px !important;}

/* tepa qism */
.brand h1{font-size:27px !important;}
.brand span{font-size:12.5px !important;}
nav.main{font-size:16.5px !important;}
nav.main a{padding:10px 14px !important;}
.clock-mini b{font-size:18px !important;}
.clock-mini span{font-size:13px !important;}
.btn-cta{font-size:16px !important; padding:13px 22px !important;}

/* kalendar kartasi */
.hero-card .today .day-num{font-size:46px !important;}
.hero-card .today .day-meta b{font-size:17px !important;}
.hero-card .today .day-meta span{font-size:14px !important;}
.hero-card .time-now{font-size:32px !important;}
.office-state{font-size:14.5px !important;}
.mini-cal{font-size:14.5px !important;}
.mini-cal .d{font-size:14.8px !important; padding:8px 0 !important;}
.mini-cal .dow{font-size:12.5px !important;}
.mini-cal .d.today{font-size:15.5px !important;}
.fasl-nishon{font-size:13px !important;}

/* kalkulyator */
.slider-top output{font-size:22px !important;}
.slider-top label, .slider-top b{font-size:17px !important;}
.range-scale, .range-scale span{font-size:13.5px !important;}
.chip{font-size:15px !important; padding:8px 15px !important;}
.result-main .amount{font-size:clamp(36px,4vw,54px) !important;}
.result-main small{font-size:13.5px !important;}
.legend b, .legend .lk{font-size:15.5px !important;}
.result-note{font-size:14.5px !important;}

/* to'lov / ilova */
.phone-prefix{font-size:18px !important;}
.phone-field input{font-size:19px !important;}
.pay-form label{font-size:15.5px !important;}
.pay-hint{font-size:14.2px !important;}
.pay-submit{font-size:17px !important; padding:15px 20px !important;}
.store-txt b{font-size:17.5px !important;}
.store-btn small, .store-txt small{font-size:12.5px !important;}
.store-meta{font-size:13px !important;}
.app-note{font-size:14.5px !important;}

/* banner */
.banner-slide h3{font-size:clamp(23px,2.8vw,33px) !important;}
.banner-slide p{font-size:17px !important;}
.banner-go{font-size:16px !important;}
.banner-badge{font-size:12.5px !important;}
.pay-badge{font-size:16.5px !important;}
.banner-free{font-size:14.5px !important;}

/* savollar / aloqa / pastki qism */
.faq summary{font-size:17.5px !important;}
.faq .faq-body, .faq details p{font-size:16.4px !important;}
.info-row b, .info-row h6{font-size:17px !important;}
.info-row span, .info-row p{font-size:16px !important;}
.social-btn{font-size:15px !important; padding:10px 15px !important;}
footer.site{font-size:16.4px !important;}
.foot-grid a{font-size:16.2px !important;}
.foot-grid h6{font-size:14.5px !important;}
footer .legal{font-size:15.4px !important;}
.foot-bottom{font-size:14.5px !important;}

/* ---------- 34) TUNGI REJIM ----------
   Avval ishlamasdi: aloqa.css `:root, html[data-theme="dark"]`
   ga BIR XIL och ranglarni yozgan edi, shuning uchun 🌙 tugmasi
   hech narsani o'zgartirmasdi. Endi tungi rejim alohida
   yozilgan — tanlagichlar `html[data-theme="dark"] ...` bo'lgani
   uchun kunduzgi qoidalardan kuchliroq. */
html[data-theme="dark"]{
  --ink:#f2f7fc; --text:#e6eef7; --muted:#a3b4c6; --slate:#a3b4c6;
  --teal:#4db2ea; --teal-light:#7fccf5;
  --gold:#4db2ea; --gold-light:#7fccf5;
  --cream:#0d1520; --paper:#16222f; --surface:#16222f; --surface-2:#1b2836;
  --line:#28394c; --line-strong:#354a60;
  --shadow:0 10px 30px -14px rgba(0,0,0,.7);
  --shadow-lg:0 24px 50px -24px rgba(0,0,0,.8);
}
html[data-theme="dark"] body{
  background:
    radial-gradient(900px 420px at 88% -60px, rgba(60,130,190,.16), transparent 70%),
    linear-gradient(180deg,#0d1520 0%, #101a26 60%, #0d1520 100%) !important;
  color:#e6eef7 !important;
}
html[data-theme="dark"] body::before{opacity:.28 !important;}

/* tepa qism */
html[data-theme="dark"] header.site{
  background:#111d2a !important; border-bottom:1px solid #26374a !important;
  box-shadow:0 2px 14px -6px rgba(0,0,0,.7) !important;
}
html[data-theme="dark"] .brand h1{color:#f2f7fc !important;}
html[data-theme="dark"] .brand span{color:#7fccf5 !important;}
html[data-theme="dark"] .brand .mark,
html[data-theme="dark"] .brand .mark.has-logo{
  background:#ffffff !important; border-color:#354a60 !important;
}
html[data-theme="dark"] nav.main a{color:#c3d2e0 !important;}
html[data-theme="dark"] nav.main a:hover{background:#1b2836 !important; color:#7fccf5 !important;}
html[data-theme="dark"] .clock-mini b{color:#f2f7fc !important; -webkit-text-fill-color:#f2f7fc !important;}
html[data-theme="dark"] .clock-mini span{color:#a3b4c6 !important;}
html[data-theme="dark"] .icon-btn{background:#1b2836 !important; border-color:#354a60 !important; color:#e6eef7 !important;}
html[data-theme="dark"] .icon-btn:hover{background:#24344a !important;}

/* lentalar */
html[data-theme="dark"] .ticker-band{
  background:#111d2a !important; border-color:#26374a !important; color:#e6eef7 !important;
}
html[data-theme="dark"] .ticker-label{color:#7fccf5 !important;}
html[data-theme="dark"] .rate-chip{
  background:#1b2836 !important; border-color:#354a60 !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .rate-chip .cur{color:#7fccf5 !important;}
html[data-theme="dark"] .rate-chip .val{color:#f2f7fc !important; -webkit-text-fill-color:#f2f7fc !important;}
html[data-theme="dark"] .ticker-updated{color:#8ea0b4 !important;}
html[data-theme="dark"] .news-band{
  background:linear-gradient(90deg,#0f1a26,#14212f 40%,#0f1a26) !important;
  border-color:#26374a !important;
}
html[data-theme="dark"] .news-item{color:#dbe6f1 !important;}
html[data-theme="dark"] .news-item.t-good{color:#6ee7a8 !important;}
html[data-theme="dark"] .news-item.t-warn{color:#f5c860 !important;}
html[data-theme="dark"] .news-item.t-hot{color:#ff9b9b !important;}
html[data-theme="dark"] .news-label{color:#ff7b7b !important;}
html[data-theme="dark"] .news-dot{background:#ff5d5d !important;}

/* hero — tungida to'qroq ko'k */
html[data-theme="dark"] .hero{
  background:linear-gradient(135deg,#0a5c8f 0%, #0a4a73 42%, #062f4a 100%) !important;
}
html[data-theme="dark"] .hero{
  background:linear-gradient(135deg,#0a5c8f 0%, #084a73 45%, #06304b 100%) !important;
}

/* kalendar kartasi — tungida to'q shisha */
html[data-theme="dark"] .hero-card{
  background-image:linear-gradient(rgba(10,20,30,.72), rgba(10,20,30,.80)),
    var(--kal-fon-url, none) !important;
  border-color:rgba(255,255,255,.16) !important;
}
html[data-theme="dark"] .hero-card .today,
html[data-theme="dark"] .hero-card .time-now{
  background:rgba(18,30,44,.85) !important;
  border-color:rgba(255,255,255,.14) !important;
}
html[data-theme="dark"] .hero-card .today .day-num,
html[data-theme="dark"] .hero-card .time-now{color:#f2f7fc !important; -webkit-text-fill-color:#f2f7fc !important;}
html[data-theme="dark"] .hero-card .today .day-meta b{color:#7fccf5 !important;}
html[data-theme="dark"] .hero-card .today .day-meta span{color:#a3b4c6 !important;}
html[data-theme="dark"] .mini-cal{
  background-color:rgba(18,30,44,.82) !important;
  border-color:rgba(255,255,255,.14) !important;
}
html[data-theme="dark"] .mini-cal .d{color:#e6eef7 !important; text-shadow:none !important;}
html[data-theme="dark"] .mini-cal .dow{color:#7fccf5 !important; text-shadow:none !important;
  border-bottom-color:rgba(255,255,255,.16) !important;}
html[data-theme="dark"] .mini-cal .d.weekend{color:#ff9b9b !important;}
html[data-theme="dark"] .mini-cal .d:hover{background:rgba(255,255,255,.12) !important;}
html[data-theme="dark"] .office-state.open{
  background:rgba(22,163,74,.18) !important; color:#86efac !important;
  border-color:rgba(74,222,128,.4) !important;
}
html[data-theme="dark"] .office-state.closed{
  background:rgba(248,113,113,.16) !important; color:#fca5a5 !important;
  border-color:rgba(248,113,113,.4) !important;
}
html[data-theme="dark"] .fasl-nishon{
  background:rgba(18,30,44,.9) !important; border-color:rgba(255,255,255,.18) !important;
  color:#f0c98a !important;
}

/* ishonch qatori */
html[data-theme="dark"] .trust-strip{
  background:#111d2a !important; border-color:#26374a !important;
}
html[data-theme="dark"] .trust-item{
  background:linear-gradient(160deg,#1a2735,#18242f) !important;
}
html[data-theme="dark"] .trust-item{
  background:linear-gradient(160deg,#1a2735,#16212d) !important;
  border-color:#2b3d51 !important; color:#e6eef7 !important;
  box-shadow:none !important;
}
html[data-theme="dark"] .trust-item .ti-tx b{color:#f2f7fc !important;}
html[data-theme="dark"] .trust-item .ti-tx i{color:#a3b4c6 !important;}

/* kartalar */
html[data-theme="dark"] .tile,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .step,
html[data-theme="dark"] .purpose,
html[data-theme="dark"] .tst,
html[data-theme="dark"] .faq details,
html[data-theme="dark"] .info-row,
html[data-theme="dark"] .calc-card{
  background:#16222f !important;
  border-color:#2b3d51 !important;
  color:#e6eef7 !important;
  box-shadow:0 10px 26px -16px rgba(0,0,0,.8) !important;
}
html[data-theme="dark"] .tile:hover,
html[data-theme="dark"] .service-card:hover,
html[data-theme="dark"] .step:hover,
html[data-theme="dark"] .purpose:hover,
html[data-theme="dark"] .tst:hover,
html[data-theme="dark"] .faq details:hover{
  border-color:#3f5a76 !important;
}
html[data-theme="dark"] .tile:hover,
html[data-theme="dark"] .service-card:hover,
html[data-theme="dark"] .step:hover,
html[data-theme="dark"] .purpose:hover,
html[data-theme="dark"] .tst:hover,
html[data-theme="dark"] .faq details:hover{
  border-color:#3f5a76 !important;
  box-shadow:0 20px 40px -20px rgba(0,120,190,.55) !important;
}
html[data-theme="dark"] .tile h4,
html[data-theme="dark"] .step h5,
html[data-theme="dark"] .service-head h3,
html[data-theme="dark"] .section-head h3,
html[data-theme="dark"] .purpose b,
html[data-theme="dark"] .info-row b,
html[data-theme="dark"] .foot-grid h6{color:#f2f7fc !important;}
html[data-theme="dark"] .tile p,
html[data-theme="dark"] .step p,
html[data-theme="dark"] .service-lead,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .purpose span,
html[data-theme="dark"] .tst p,
html[data-theme="dark"] .info-row span{color:#b4c4d4 !important;}
html[data-theme="dark"] .kicker{color:#7fccf5 !important;}
html[data-theme="dark"] .kicker::before,
html[data-theme="dark"] .kicker::after{background:#7fccf5 !important;}
html[data-theme="dark"] .faq summary{color:#e6eef7 !important;}
html[data-theme="dark"] .tst-section{background:#0f1a26 !important; border-color:#26374a !important;}
html[data-theme="dark"] .video-section{background:#0f1a26 !important;}
html[data-theme="dark"] .video-section .section-head h3{color:#f2f7fc !important;}
html[data-theme="dark"] .video-section .section-head p,
html[data-theme="dark"] .video-empty{color:#a3b4c6 !important;}

/* kalkulyator */
html[data-theme="dark"] .chip{background:#1b2836 !important; border-color:#354a60 !important; color:#dbe6f1 !important;}
html[data-theme="dark"] .chip.on{background:#0077b9 !important; border-color:#0077b9 !important; color:#fff !important;}
html[data-theme="dark"] .range-scale, html[data-theme="dark"] .range-scale span{color:#8ea0b4 !important; -webkit-text-fill-color:#8ea0b4 !important;}
html[data-theme="dark"] .slider-top output{color:#f2f7fc !important; -webkit-text-fill-color:#f2f7fc !important;}
html[data-theme="dark"] .slider-top label, html[data-theme="dark"] .slider-top b{color:#e6eef7 !important;}

/* to'lov paneli */
html[data-theme="dark"] .pay-card-wrap{
  background:linear-gradient(170deg,#16222f,#14202c) !important; border-color:#2b3d51 !important;
}
html[data-theme="dark"] .pay-box{background:#121d29 !important; border-color:#2b3d51 !important; box-shadow:none !important;}
html[data-theme="dark"] .pay-form label{color:#dbe6f1 !important;}
html[data-theme="dark"] .phone-field{background:#0f1a26 !important; border-color:#354a60 !important;}
html[data-theme="dark"] .phone-field:focus-within{background:#12202e !important; border-color:#4db2ea !important;}
html[data-theme="dark"] .phone-prefix{background:#1b2836 !important; color:#7fccf5 !important; border-right-color:#354a60 !important;}
html[data-theme="dark"] .phone-field input{color:#f2f7fc !important;}
html[data-theme="dark"] .phone-field input::placeholder{color:#6f8296 !important;}
html[data-theme="dark"] .pay-hint{color:#a3b4c6 !important;}
html[data-theme="dark"] .pay-submit:disabled{background:#2b3d51 !important; color:#8ea0b4 !important;}

/* pastki qism */
html[data-theme="dark"] footer.site{
  background:#0f1a26 !important; color:#c3d2e0 !important;
  border-top-color:#0077b9 !important;
}
html[data-theme="dark"] footer .legal{
  background:#16222f !important; border-color:#2b3d51 !important; color:#b4c4d4 !important;
}
html[data-theme="dark"] .foot-grid{border-bottom-color:#2b3d51 !important;}
html[data-theme="dark"] .foot-grid a,
html[data-theme="dark"] footer.site a{color:#c3d2e0 !important;}
html[data-theme="dark"] .foot-grid a:hover,
html[data-theme="dark"] footer.site a:hover{color:#7fccf5 !important;}
html[data-theme="dark"] .foot-brand h1{color:#f2f7fc !important;}
html[data-theme="dark"] .foot-bottom{color:#a3b4c6 !important; border-top-color:#2b3d51 !important;}
html[data-theme="dark"] .social-btn{
  background:#1b2836 !important; border-color:#354a60 !important; color:#dbe6f1 !important;
}
html[data-theme="dark"] .social-btn:hover{border-color:#4db2ea !important; color:#7fccf5 !important;}

/* modal va boshqalar */
html[data-theme="dark"] .modal, html[data-theme="dark"] .modal-card{
  background:#16222f !important; color:#e6eef7 !important; border-color:#2b3d51 !important;
}
html[data-theme="dark"] input, html[data-theme="dark"] textarea, html[data-theme="dark"] select{
  background:#0f1a26 !important; color:#f2f7fc !important; border-color:#354a60 !important;
}

/* ---------- 35) TELEFONGA MOSLASHUV ---------- */
@media (max-width:720px){
  html{font-size:16px !important;}
  body{font-size:16px !important;}
  .section-head h3{font-size:clamp(25px,7vw,32px) !important;}
  .section-head p{font-size:16px !important;}
  .hero h2{font-size:clamp(32px,9vw,42px) !important;}
  .hero .lead, .hero p.lead{font-size:16.8px !important;}
  .tile p, .service-lead, .service-card p, .step p, .tst p{font-size:15.8px !important;}
  .tile h4, .step h5, .service-head h3, .service-card h3{font-size:18px !important;}
  .trust-item{font-size:15.4px !important;}
  .rate-chip{font-size:16px !important; padding:8px 14px !important;}
  .rate-chip .cur, .rate-chip .val{font-size:16px !important;}
  .news-item{font-size:15.4px !important;}
  .news-inner{height:46px !important;}
  .faq summary{font-size:16.4px !important;}
  .store-txt b{font-size:16px !important;}
  .phone-field input{font-size:18px !important;}
  footer.site{font-size:15.8px !important;}
  /* karta ichida belgi va nishoncha ustma-ust tushmasin */
  .tile{display:flex !important; flex-direction:column !important;}
  .tile .ic{order:-1 !important; margin-bottom:12px !important;}
  .tile .badge, .tile .pill{align-self:flex-start !important; margin-bottom:10px !important;}
  /* brend ostidagi yozuv telefonda ham ko'rinsin */
  .brand span{display:block !important;}
  /* chetdan bo'shliq */
  :root{--wrap-pad:16px !important;}
}
@media (max-width:400px){
  html{font-size:15.5px !important;}
  .brand h1{font-size:19px !important;}
  header.site .brand .mark{width:42px !important; height:42px !important;}
  .btn-cta{padding:11px 14px !important;}
}

/* ---------- 36) VALYUTA BELGILARI VA ORALIQ ----------
   Har kurs oldida doiracha ichida belgi: $ (dollar), EUR, RUB.
   Chiplar orasi kengaytirildi — lenta bo'sh va o'qishli ko'rinadi. */
.ticker-track{gap:46px !important;}
.ticker-inner{gap:24px !important;}
.rate-chip{gap:11px !important; padding:10px 20px 10px 12px !important;}
.cur-sym{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  flex:0 0 auto !important;
  width:32px !important; height:32px !important; border-radius:50% !important;
  font-size:18px !important; font-weight:800 !important; line-height:1 !important;
  color:#ffffff !important;
  box-shadow:0 4px 10px -5px rgba(0,0,0,.5) !important;
  font-family:"Segoe UI", Inter, system-ui, sans-serif !important;
}
.cur-sym.s-usd{background:linear-gradient(150deg,#22a45d,#0f7a3d) !important;}   /* dollar — yashil */
.cur-sym.s-eur{background:linear-gradient(150deg,#3b7ddd,#1d4ed8) !important;}   /* yevro  — ko'k   */
.cur-sym.s-rub{background:linear-gradient(150deg,#e0553f,#c2261c) !important;}   /* rubl   — qizil  */
/* nuqtacha (jonli belgi) endi chipning chetida kichikroq */
.rate-chip .dot{width:7px !important; height:7px !important; margin-right:-2px !important;}

@media (max-width:720px){
  .ticker-track{gap:30px !important;}
  .cur-sym{width:28px !important; height:28px !important; font-size:16px !important;}
  .rate-chip{padding:8px 15px 8px 9px !important;}
}

/* tungi rejimda belgilar biroz yumshoqroq */
html[data-theme="dark"] .cur-sym{box-shadow:0 4px 10px -5px rgba(0,0,0,.9) !important;}

/* ============================================================
   TUZATISH-14 (2026-09-14)
   37) Kalkulyator paneli tungi rejimda oq qolib ketgan edi
   38) Yangiliklar lentasi — bezakli kartochkalar ko'rinishida
   39) Lenta tezligi — kutish uzoq edi, tezlashtirildi
   ============================================================ */

/* ---------- 37) KALKULYATOR PANELI — TUNGI REJIM ---------- */
html[data-theme="dark"] .calc-panel{
  background:#16222f !important;
  border:1px solid #2b3d51 !important;
  color:#e6eef7 !important;
  box-shadow:0 10px 26px -16px rgba(0,0,0,.8) !important;
}
html[data-theme="dark"] .calc-panel label,
html[data-theme="dark"] .slider-top label,
html[data-theme="dark"] .slider-block label{color:#e6eef7 !important;}
html[data-theme="dark"] .calc-panel small,
html[data-theme="dark"] .calc-panel .hint,
html[data-theme="dark"] .calc-panel p{color:#a3b4c6 !important;}
html[data-theme="dark"] .calc-panel input[type=range]{accent-color:#4db2ea !important;}
html[data-theme="dark"] .slider-block{border-color:#2b3d51 !important;}
html[data-theme="dark"] .calc-section{background:transparent !important;}

/* ---------- 38) YANGILIKLAR — BEZAKLI KO'RINISH ----------
   Avval oddiy matn edi. Endi har yangilik — yumaloq kartochka:
   rangli doiradagi belgi + qalin matn + nozik ramka. */
.news-band{
  padding:9px 0 !important;
  background:linear-gradient(90deg,#e8f1f9,#dbe9f5 45%,#e8f1f9) !important;
  border-top:1px solid #cfe0ee !important;
  border-bottom:1px solid #cfe0ee !important;
}
.news-inner{height:auto !important; min-height:54px !important; gap:16px !important;}
.news-label{
  display:inline-flex !important; align-items:center !important; gap:8px !important;
  background:#d92d20 !important; color:#ffffff !important;
  padding:7px 14px !important; border-radius:999px !important;
  font-size:12.5px !important; font-weight:800 !important; letter-spacing:.1em !important;
  box-shadow:0 5px 14px -6px rgba(217,45,32,.8) !important;
}
.news-label .news-dot{background:#ffffff !important; box-shadow:none !important;}

.news-item{
  display:inline-flex !important; align-items:center !important; gap:11px !important;
  background:#ffffff !important;
  border:1.5px solid #d7e4ef !important;
  border-radius:999px !important;
  padding:8px 18px 8px 9px !important;
  font-size:15.5px !important; font-weight:650 !important;
  color:#14171d !important;
  box-shadow:0 3px 10px -6px rgba(20,50,90,.35) !important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.news-item:hover{
  transform:translateY(-2px) !important;
  border-color:#0077b9 !important;
  box-shadow:0 10px 20px -10px rgba(0,110,175,.5) !important;
}
/* belgini rangli doiraga solamiz */
.news-item b{
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  flex:0 0 auto !important;
  width:32px !important; height:32px !important; border-radius:50% !important;
  color:#ffffff !important;
  background:linear-gradient(150deg,#0093dd,#00619a) !important;
  box-shadow:0 4px 10px -5px rgba(0,105,170,.9) !important;
}
.news-item b svg.ic{width:18px !important; height:18px !important; color:#ffffff !important;}
/* tur bo'yicha ranglar — matn qora qoladi, faqat doira rangi o'zgaradi */
.news-item.t-good{color:#14171d !important;}
.news-item.t-good b{background:linear-gradient(150deg,#2bb673,#0f7a3d) !important;
  box-shadow:0 4px 10px -5px rgba(15,122,61,.9) !important;}
.news-item.t-warn{color:#14171d !important;}
.news-item.t-warn b{background:linear-gradient(150deg,#f0b429,#9a6700) !important;
  box-shadow:0 4px 10px -5px rgba(154,103,0,.9) !important;}
.news-item.t-hot{color:#14171d !important;}
.news-item.t-hot b{background:linear-gradient(150deg,#ef5b4c,#c2261c) !important;
  box-shadow:0 4px 10px -5px rgba(194,38,28,.9) !important;}
.news-item.t-hot b svg.ic{animation:none !important;}
a.news-item:hover{color:#005e93 !important;}

/* ---------- 39) TEZLIK — kutish qisqardi ----------
   28s edi: bitta yangilikni kutish juda uzoq edi. Endi 14s,
   sichqoncha tegsa to'xtaydi (o'qib olish uchun). */
.news-track{animation-duration:14s !important; gap:26px !important;}
.news-view:hover .news-track{animation-play-state:paused !important;}
.ticker-track{animation-duration:20s !important;}
.ticker-view:hover .ticker-track{animation-play-state:paused !important;}

@media (max-width:720px){
  .news-item{font-size:14px !important; padding:7px 14px 7px 7px !important;}
  .news-item b{width:27px !important; height:27px !important;}
  .news-item b svg.ic{width:15px !important; height:15px !important;}
  .news-label{font-size:11px !important; padding:6px 11px !important;}
  .news-track{animation-duration:12s !important;}
  .ticker-track{animation-duration:16s !important;}
}

/* tungi rejimda yangilik kartochkalari */
html[data-theme="dark"] .news-band{
  background:linear-gradient(90deg,#0f1a26,#14212f 45%,#0f1a26) !important;
  border-color:#26374a !important;
}
html[data-theme="dark"] .news-item{
  background:#1b2836 !important; border-color:#354a60 !important;
  color:#e6eef7 !important; box-shadow:none !important;
}
html[data-theme="dark"] .news-item.t-good,
html[data-theme="dark"] .news-item.t-warn,
html[data-theme="dark"] .news-item.t-hot{color:#e6eef7 !important;}
html[data-theme="dark"] .news-item:hover{border-color:#4db2ea !important;}

/* ============================================================
   TUZATISH-15 (2026-09-14)
   40) Kalendar paneliga LOGO foni (kuzgi surat ustida suv belgisi)
   41) VALYUTA TAHLILI paneli — kalendar yonida
   42) Kurs chiplariga o'zgarish ko'rsatkichi joyi
   ============================================================ */

/* ---------- 40) KALENDAR PANELI — LOGO FONI ----------
   Kuzgi surat qoladi (fasl belgisi), ustiga Hamroh logotipi
   suv belgisi bo'lib tushadi. Matnga xalaqit bermasligi uchun
   oq parda logotipdan KEYIN emas, OLDIN qo'yiladi. */
.hero-card{
  background-image:
    linear-gradient(rgba(255,255,255,.72), rgba(255,255,255,.78)),
    url("../img/logo-fon.0929767a4fa8.png"),
    linear-gradient(rgba(255,255,255,.35), rgba(255,255,255,.45)),
    var(--fasl-fon, none) !important;
  background-size:cover, 62% auto, cover, cover !important;
  background-position:center, center 46%, center, center !important;
  background-repeat:no-repeat, no-repeat, no-repeat, no-repeat !important;
  background-blend-mode:normal, luminosity, normal, normal !important;
}
html[data-theme="dark"] .hero-card{
  background-image:
    linear-gradient(rgba(10,20,30,.80), rgba(10,20,30,.86)),
    url("../img/logo-fon.0929767a4fa8.png"),
    linear-gradient(rgba(10,20,30,.5), rgba(10,20,30,.6)),
    var(--fasl-fon, none) !important;
}

/* ---------- 41) VALYUTA TAHLILI PANELI ---------- */
.kurs-card{
  margin-top:16px !important;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  padding:18px;
  box-shadow:0 20px 44px -24px rgba(10,40,70,.5);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.kurs-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.kurs-ic{
  flex:0 0 auto; width:40px; height:40px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#0093dd,#00619a); color:#fff;
  box-shadow:0 6px 14px -7px rgba(0,105,170,.9);
}
.kurs-ic svg.ic{width:21px; height:21px;}
.kurs-head b{display:block; font-size:17px; font-weight:800; color:#0e1116; line-height:1.2;}
.kurs-head span{display:block; font-size:12.5px; color:#5b6675; margin-top:2px;}

.kurs-list{display:flex; flex-direction:column; gap:8px;}
.kurs-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto auto;
  align-items:center; gap:11px;
  background:#f7fbfe; border:1px solid #e1ebf4; border-radius:12px;
  padding:9px 12px;
}
.kurs-sym{
  width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:18px; font-weight:800; color:#fff; line-height:1;
}
.kurs-sym.s-usd{background:linear-gradient(150deg,#22a45d,#0f7a3d);}
.kurs-sym.s-eur{background:linear-gradient(150deg,#3b7ddd,#1d4ed8);}
.kurs-sym.s-rub{background:linear-gradient(150deg,#e0553f,#c2261c);}
.kurs-name{display:flex; flex-direction:column; min-width:0;
  font-size:15px; font-weight:800; color:#0e1116; letter-spacing:.02em;}
.kurs-name i{font-style:normal; font-size:11.8px; font-weight:500; color:#6b7280; margin-top:1px;}
.kurs-val{
  font-family:var(--mono); font-size:16.5px; font-weight:700; color:#0e1116;
  white-space:nowrap; letter-spacing:-.01em;
}
.kurs-diff{
  display:inline-flex; align-items:center; gap:4px;
  font-size:13px; font-weight:800; white-space:nowrap;
  padding:4px 9px; border-radius:999px;
}
.kurs-diff svg.ic{width:14px; height:14px;}
.kurs-diff.up  {color:#0f7a3d; background:rgba(34,164,93,.13);}
.kurs-diff.down{color:#c2261c; background:rgba(224,85,63,.13);}
.kurs-diff.flat{color:#5b6675; background:rgba(91,102,117,.12);}

/* banklar jadvali */
.kurs-banklar{
  margin-top:14px; padding-top:14px; border-top:1px dashed #cfdeeb;
}
.kurs-banklar-head{display:flex; align-items:center; gap:9px; margin-bottom:10px;}
.kb-ic{
  width:28px; height:28px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#eaf3fa; color:#005e93; border:1px solid #d3e5f2;
}
.kb-ic svg.ic{width:16px; height:16px;}
.kurs-banklar-head b{font-size:14.5px; font-weight:800; color:#0e1116;}
.kb-table{width:100%; border-collapse:collapse; font-size:13.6px;}
.kb-table th{
  text-align:left; font-size:11.5px; font-weight:800; letter-spacing:.06em;
  text-transform:uppercase; color:#5b6675; padding:6px 8px;
  border-bottom:1px solid #e1ebf4;
}
.kb-table th:not(:first-child), .kb-table td:not(:first-child){text-align:right;}
.kb-table td{padding:8px; border-bottom:1px solid #eef4f9; color:#14171d; font-weight:600;}
.kb-table td:not(:first-child){font-family:var(--mono);}
.kb-table tr:last-child td{border-bottom:none;}
.kb-note{font-size:12.2px; color:#6b7280; margin-top:8px; line-height:1.5;}

.kurs-foot{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  margin-top:12px; padding-top:11px; border-top:1px solid #e6eef6;
  font-size:12.2px; color:#6b7280; flex-wrap:wrap;
}
.kurs-manba b{color:#005e93;}

/* tungi rejim */
html[data-theme="dark"] .kurs-card{
  background:rgba(18,30,44,.9); border-color:rgba(255,255,255,.14);
}
html[data-theme="dark"] .kurs-head b{color:#f2f7fc;}
html[data-theme="dark"] .kurs-head span{color:#a3b4c6;}
html[data-theme="dark"] .kurs-row{background:#16222f; border-color:#2b3d51;}
html[data-theme="dark"] .kurs-name{color:#f2f7fc;}
html[data-theme="dark"] .kurs-name i{color:#8ea0b4;}
html[data-theme="dark"] .kurs-val{color:#f2f7fc;}
html[data-theme="dark"] .kurs-banklar{border-top-color:#2b3d51;}
html[data-theme="dark"] .kurs-banklar-head b{color:#f2f7fc;}
html[data-theme="dark"] .kb-ic{background:#1b2836; color:#7fccf5; border-color:#354a60;}
html[data-theme="dark"] .kb-table th{color:#8ea0b4; border-bottom-color:#2b3d51;}
html[data-theme="dark"] .kb-table td{color:#e6eef7; border-bottom-color:#233243;}
html[data-theme="dark"] .kb-note, html[data-theme="dark"] .kurs-foot{color:#8ea0b4;}
html[data-theme="dark"] .kurs-foot{border-top-color:#2b3d51;}
html[data-theme="dark"] .kurs-manba b{color:#7fccf5;}

@media (max-width:720px){
  .kurs-row{grid-template-columns:30px minmax(0,1fr) auto; row-gap:6px;}
  .kurs-diff{grid-column:3; justify-self:end;}
  .kurs-val{grid-column:2/4; justify-self:end; font-size:15.5px;}
  .kurs-card{padding:15px;}
}

/* ---------- 43) HERO SARLAVHASI ----------
   "Ishonchli mikromoliya xizmati" va "Pul kerakmi? Rejalaringizni
   kechiktirmang" olib tashlandi. O'rniga asosiy jumla KATTA
   sarlavha bo'lib qo'yildi; summa va muddat och-ko'k urg'uda. */
.hero-yangi{
  font-size:clamp(28px,3.5vw,50px) !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  letter-spacing:-.02em !important;
  color:#ffffff !important;
  max-width:20ch !important;
  margin-bottom:30px !important;
  text-wrap:balance;
}
.hero-yangi em{
  font-style:normal !important;
  color:#bfe9ff !important;
  -webkit-text-fill-color:#bfe9ff !important;
  background:none !important;
  animation:none !important;
  white-space:nowrap;
}
.hero-yangi em::after{display:none !important;}
@media (max-width:980px){
  .hero-yangi{max-width:none !important; font-size:clamp(26px,4.6vw,38px) !important;}
}
@media (max-width:720px){
  .hero-yangi{font-size:clamp(24px,6.4vw,32px) !important; margin-bottom:22px !important;}
  .hero-yangi em{white-space:normal;}
}

/* ---------- 44) HERO SARLAVHASI — chiroyli joylashuv ----------
   Avval `max-width:20ch` tor ustun yasab, matn cho'zilib ketgan edi.
   Endi kengroq va past balandlikda, ikki urg'u och-ko'k rangda. */
.hero-yangi{
  font-size:clamp(26px,2.9vw,42px) !important;
  line-height:1.28 !important;
  max-width:34ch !important;
  margin-bottom:26px !important;
  color:#ffffff !important;
  text-shadow:0 2px 12px rgba(0,40,70,.28) !important;
}
.hero-yangi em{
  color:#a8e2ff !important;
  -webkit-text-fill-color:#a8e2ff !important;
  font-weight:800 !important;
}
@media (max-width:1200px){ .hero-yangi{max-width:30ch !important;} }
@media (max-width:980px){
  .hero-yangi{max-width:none !important; font-size:clamp(25px,4.2vw,34px) !important;}
}
@media (max-width:720px){
  .hero-yangi{font-size:clamp(23px,6vw,30px) !important; line-height:1.3 !important;}
}

/* ---------- 45) KALENDAR PANELI FONI — logotip aniqroq ---------- */
.hero-card{
  background-image:
    linear-gradient(rgba(255,255,255,.78), rgba(255,255,255,.84)),
    var(--logo-fon, none) !important;
  background-size:cover, 78% auto !important;
  background-position:center, center 48% !important;
  background-repeat:no-repeat, no-repeat !important;
  background-blend-mode:normal, normal !important;
}
html[data-theme="dark"] .hero-card{
  background-image:
    linear-gradient(rgba(10,20,30,.82), rgba(10,20,30,.88)),
    var(--logo-fon, none) !important;
}

/* logotip suv belgisi manzili */
:root{--logo-fon:url("../img/logo-fon.0929767a4fa8.png");}

/* ============================================================
   TUZATISH-16 (2026-09-14)
   46) Hero sarlavhasi hali cho'zilgan edi — em dagi nowrap
       har urg'uni yangi qatorga tashlayotgan edi. Olindi.
   47) Kalendar orqasiga KUZGI SURAT qaytarildi; Hamroh
       logotipi ustida yengil suv belgisi bo'lib turadi.
   ============================================================ */

/* ---------- 46) SARLAVHA ---------- */
.hero-yangi{
  font-size:clamp(24px,2.35vw,35px) !important;
  line-height:1.32 !important;
  max-width:30ch !important;
  font-weight:700 !important;
  margin-bottom:28px !important;
}
.hero-yangi em{
  white-space:normal !important;   /* MUHIM: nowrap matnni qatorlarga bo'lib tashlardi */
  color:#a8e2ff !important;
  -webkit-text-fill-color:#a8e2ff !important;
  font-weight:800 !important;
}
@media (max-width:980px){
  .hero-yangi{max-width:none !important; font-size:clamp(23px,3.6vw,30px) !important;}
}
@media (max-width:720px){
  .hero-yangi{font-size:clamp(22px,5.4vw,27px) !important;}
}

/* ---------- 47) KALENDAR ORQA FONI: KUZGI SURAT + LOGO ----------
   Qatlamlar (yuqoridan pastga):
   1) oq parda  2) Hamroh logotipi (yengil suv belgisi)  3) kuzgi surat */
:root{--kal-fon:url("../img/kal-fon.abda1b692596.jpg");}
.hero-card{
  background-image:
    linear-gradient(rgba(255,255,255,.70), rgba(255,255,255,.76)),
    var(--logo-fon, none),
    var(--kal-fon, none) !important;
  background-size:cover, 52% auto, cover !important;
  background-position:center, center 46%, center !important;
  background-repeat:no-repeat, no-repeat, no-repeat !important;
  background-blend-mode:normal, soft-light, normal !important;
}
html[data-theme="dark"] .hero-card{
  background-image:
    linear-gradient(rgba(10,20,30,.80), rgba(10,20,30,.86)),
    var(--logo-fon, none),
    var(--kal-fon, none) !important;
  background-size:cover, 52% auto, cover !important;
}

/* ============================================================
   TUZATISH-17 (2026-09-14)
   48) Hero sarlavhasi — 4 qator, chiroyli joylashuv
       (`.hero h2` qoidasi kuchliroq bo'lib turgan edi)
   49) Valyuta kurslari TEPADAN OLINDI, kalendar yoniga tushdi
   ============================================================ */

/* ---------- 48) SARLAVHA — 4 QATOR ----------
   `.hero h2` (0,1,1) `.hero-yangi` (0,1,0) dan kuchli edi va
   68px ni majburlardi. Endi `.hero h2.hero-yangi` bilan yengamiz. */
.hero h2.hero-yangi{
  font-size:clamp(23px,2.05vw,31px) !important;
  line-height:1.42 !important;
  font-weight:700 !important;
  letter-spacing:-.01em !important;
  max-width:33ch !important;
  margin-bottom:30px !important;
  color:#ffffff !important;
  text-wrap:balance;
  text-shadow:0 2px 14px rgba(0,40,70,.3) !important;
}
.hero h2.hero-yangi em{
  white-space:normal !important;
  font-style:normal !important;
  color:#a8e2ff !important;
  -webkit-text-fill-color:#a8e2ff !important;
  background:none !important;
  font-weight:800 !important;
  animation:none !important;
}
.hero h2.hero-yangi em::after{display:none !important;}
@media (max-width:980px){
  .hero h2.hero-yangi{max-width:none !important; font-size:clamp(22px,3.4vw,28px) !important;}
}
@media (max-width:720px){
  .hero h2.hero-yangi{font-size:clamp(21px,5.2vw,26px) !important; line-height:1.4 !important;}
}

/* ---------- 49) TEPADAGI VALYUTA LENTASI OLIB TASHLANDI ----------
   Kurslar endi kalendar yonidagi kartada. Yangiliklar lentasi
   o'z joyida qoladi. */
.ticker-band{display:none !important;}
.news-band{border-top:1px solid #cfe0ee !important;}

/* ---------- VALYUTA KARTASI (kalendar yonida) ---------- */
.kurs-mini{
  margin-top:14px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.9);
  border-radius:18px;
  padding:16px 17px;
  box-shadow:0 20px 44px -24px rgba(10,40,70,.5);
  -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
}
.km-head{display:flex; align-items:center; gap:11px; margin-bottom:12px;}
.km-ic{
  flex:0 0 auto; width:38px; height:38px; border-radius:12px;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#0093dd,#00619a); color:#fff;
  box-shadow:0 6px 14px -7px rgba(0,105,170,.9);
}
.km-ic svg.ic{width:20px; height:20px;}
.km-head b{display:block; font-size:16.5px; font-weight:800; color:#0e1116; line-height:1.2;}
.km-head span{display:block; font-size:12px; color:#6b7280; margin-top:2px;}

.km-list{display:flex; flex-direction:column; gap:7px;}
.km-row{
  display:grid; grid-template-columns:32px auto minmax(0,1fr);
  align-items:center; gap:11px;
  background:#f7fbfe; border:1px solid #e1ebf4; border-radius:12px;
  padding:9px 13px;
}
.km-sym{
  width:32px; height:32px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  font-size:17px; font-weight:800; color:#fff; line-height:1;
  font-family:"Segoe UI", Inter, system-ui, sans-serif;
}
.km-sym.s-usd{background:linear-gradient(150deg,#22a45d,#0f7a3d);}
.km-sym.s-eur{background:linear-gradient(150deg,#3b7ddd,#1d4ed8);}
.km-sym.s-rub{background:linear-gradient(150deg,#e0553f,#c2261c);}
.km-cur{font-size:15px; font-weight:800; color:#005e93; letter-spacing:.04em;}
.km-val{
  justify-self:end; white-space:nowrap;
  font-family:var(--mono); font-size:16.5px; font-weight:700; color:#0e1116;
}
.km-val i{font-style:normal; font-size:12.5px; font-weight:600; color:#6b7280; margin-left:3px;}
.km-foot{
  margin-top:11px; padding-top:10px; border-top:1px solid #e6eef6;
  font-size:12px; color:#6b7280;
}
.km-foot b{color:#005e93;}

/* tungi rejim */
html[data-theme="dark"] .kurs-mini{background:rgba(18,30,44,.92); border-color:rgba(255,255,255,.14);}
html[data-theme="dark"] .km-head b{color:#f2f7fc;}
html[data-theme="dark"] .km-head span{color:#8ea0b4;}
html[data-theme="dark"] .km-row{background:#16222f; border-color:#2b3d51;}
html[data-theme="dark"] .km-cur{color:#7fccf5;}
html[data-theme="dark"] .km-val{color:#f2f7fc;}
html[data-theme="dark"] .km-val i{color:#8ea0b4;}
html[data-theme="dark"] .km-foot{color:#8ea0b4; border-top-color:#2b3d51;}
html[data-theme="dark"] .km-foot b{color:#7fccf5;}

@media (max-width:720px){
  .kurs-mini{padding:14px;}
  .km-val{font-size:15.5px;}
}

/* ---------- 50) VALYUTA KARTASI — O'NG USTUNGA, KALENDAR TAGIGA ----------
   Avtomatik joylashuvda karta 2-qator 1-ustunga (chapga) tushib
   qolgan edi. Endi majburan 2-ustunda, kalendar ostida turadi. */
.hero-grid{align-items:start !important; row-gap:16px !important;}
.hero-grid > div:first-child{align-self:center !important;}
.hero-grid .kurs-mini{
  grid-column:2 !important;
  grid-row:2 !important;
  margin-top:0 !important;
  align-self:start !important;
}
.hero-grid .hero-card{grid-column:2 !important; grid-row:1 !important;}
/* chap ustun ikki qatorni egallasin — hero pastida bo'sh joy qolmasin */
.hero-grid > div:first-child{grid-column:1 !important; grid-row:1 / span 2 !important;}

@media (max-width:980px){
  .hero-grid .kurs-mini,
  .hero-grid .hero-card,
  .hero-grid > div:first-child{
    grid-column:1 !important; grid-row:auto !important;
  }
  .hero-grid{row-gap:20px !important;}
}

/* ============================================================
   TUZATISH-18 (2026-09-14)
   51) Kalendar IXCHAMLASHTIRILDI
   52) Valyuta kartasi kalendar YONIGA (keng ekranda 3 ustun)
   53) Kunlik statistika: bugun necha so'mga oshdi/tushdi
   ============================================================ */

/* ---------- 51) IXCHAM KALENDAR ---------- */
.hero-card{padding:15px !important; border-radius:16px !important;}
.hero-card .today{padding:8px 11px !important; margin-bottom:7px !important; border-radius:10px !important;}
.hero-card .today .day-num{font-size:32px !important;}
.hero-card .today .day-meta b{font-size:14px !important;}
.hero-card .today .day-meta span{font-size:12px !important;}
.hero-card .time-now{
  font-size:22px !important; padding:7px 0 !important;
  margin-bottom:7px !important; border-radius:10px !important;
}
.office-state{font-size:12.2px !important; padding:5px 10px !important; margin-bottom:8px !important;}
.mini-cal{padding:10px 8px 8px !important; gap:2px !important; border-radius:12px !important;}
.mini-cal .d{font-size:13px !important; padding:5px 0 !important; border-radius:7px !important;}
.mini-cal .dow{font-size:11px !important; padding-bottom:4px !important; margin-bottom:3px !important;}
.mini-cal .d.today{font-size:13.5px !important;}
.fasl-nishon{top:9px !important; right:9px !important; font-size:11.5px !important; padding:4px 9px !important;}

/* ---------- 52) UCHTA USTUN: matn | kalendar | valyuta ---------- */
@media (min-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr) minmax(250px,.62fr) !important;
    column-gap:clamp(22px,2.4vw,42px) !important;
    row-gap:0 !important;
    align-items:start !important;
  }
  .hero-grid > div:first-child{grid-column:1 !important; grid-row:1 !important; align-self:center !important;}
  .hero-grid .hero-card{grid-column:2 !important; grid-row:1 !important;}
  .hero-grid .kurs-mini{grid-column:3 !important; grid-row:1 !important; margin-top:0 !important;}
  .hero h2.hero-yangi{max-width:28ch !important;}
}
@media (min-width:981px) and (max-width:1179px){
  .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr) !important;}
  .hero-grid > div:first-child{grid-column:1 !important; grid-row:1 / span 2 !important;}
  .hero-grid .hero-card{grid-column:2 !important; grid-row:1 !important;}
  .hero-grid .kurs-mini{grid-column:2 !important; grid-row:2 !important; margin-top:14px !important;}
}

/* ---------- 53) VALYUTA KARTASI + STATISTIKA ---------- */
.kurs-mini{padding:15px 15px 13px !important;}
.km-head{margin-bottom:11px !important;}
.km-ic{width:34px !important; height:34px !important; border-radius:10px !important;}
.km-ic svg.ic{width:18px !important; height:18px !important;}
.km-head b{font-size:15.5px !important;}
.km-head span{font-size:11.5px !important;}

.km-list{gap:7px !important;}
.km-row{
  display:grid !important;
  grid-template-columns:30px minmax(0,1fr) auto !important;
  align-items:center !important; gap:9px !important;
  padding:8px 11px !important;
}
.km-sym{width:30px !important; height:30px !important; font-size:16px !important;}
.km-mid{display:flex !important; flex-direction:column !important; min-width:0 !important;}
.km-cur{font-size:14px !important; font-weight:800 !important; color:#005e93 !important; line-height:1.15 !important;}
.km-nom{font-style:normal !important; font-size:10.8px !important; color:#6b7280 !important; margin-top:1px !important;}
.km-right{display:flex !important; flex-direction:column !important; align-items:flex-end !important; gap:3px !important;}
.km-val{
  font-family:var(--mono) !important; font-size:15.5px !important; font-weight:700 !important;
  color:#0e1116 !important; white-space:nowrap !important; line-height:1.15 !important;
  justify-self:auto !important;
}
.km-diff{
  display:inline-flex !important; align-items:center !important; gap:4px !important;
  font-size:11.5px !important; font-weight:800 !important; white-space:nowrap !important;
  padding:3px 8px !important; border-radius:999px !important;
}
.km-diff svg.ic{width:12px !important; height:12px !important;}
.km-diff b{font-family:var(--mono); font-size:11.5px;}
.km-diff u{text-decoration:none; opacity:.75; font-weight:700;}
.km-diff.up{color:#0f7a3d !important; background:rgba(34,164,93,.14) !important;}
.km-diff.down{color:#c2261c !important; background:rgba(224,85,63,.14) !important;}
.km-diff.flat{color:#5b6675 !important; background:rgba(91,102,117,.13) !important;}

/* kunlik xulosa */
.km-xulosa{
  margin-top:11px; padding:10px 12px;
  background:linear-gradient(160deg,#f2f8fd,#e9f2fa);
  border:1px solid #dbe8f3; border-radius:11px;
  font-size:12.5px; line-height:1.55; color:#3d4655;
  position:relative; padding-left:26px;
}
.km-xulosa .kx-nuqta{
  position:absolute; left:11px; top:15px;
  width:7px; height:7px; border-radius:50%;
  background:#0077b9; box-shadow:0 0 0 3px rgba(0,119,185,.18);
}
.km-xulosa b{font-weight:800;}
.km-xulosa b.up{color:#0f7a3d;}
.km-xulosa b.down{color:#c2261c;}

.km-foot{margin-top:10px !important; padding-top:9px !important; font-size:11.2px !important; line-height:1.5 !important;}

/* tungi rejim */
html[data-theme="dark"] .km-nom{color:#8ea0b4 !important;}
html[data-theme="dark"] .km-xulosa{
  background:linear-gradient(160deg,#16222f,#131e2a); border-color:#2b3d51; color:#b4c4d4;
}
html[data-theme="dark"] .km-xulosa b.up{color:#6ee7a8;}
html[data-theme="dark"] .km-xulosa b.down{color:#ff9b9b;}
html[data-theme="dark"] .km-diff.up{color:#6ee7a8 !important; background:rgba(34,164,93,.2) !important;}
html[data-theme="dark"] .km-diff.down{color:#ff9b9b !important; background:rgba(224,85,63,.2) !important;}

@media (max-width:720px){
  .km-row{padding:8px 10px !important;}
  .km-val{font-size:15px !important;}
  .km-xulosa{font-size:12.2px;}
}

/* ============================================================
   TUZATISH-19 (2026-09-14)
   54) Valyuta TEPAGA qaytarildi (hero dagi karta olindi)
   55) Lentadagi bo'sh joy — har kurs yoniga BUGUNGI O'ZGARISH
       (necha so'mga oshdi / tushdi va foizi) qo'shildi.
       Ma'lumot cbu.uz dan: kechagi kursga nisbatan farq.
   ============================================================ */

/* lenta qaytadi */
.ticker-band{
  display:block !important;
  padding:11px 0 !important;
  background:#e9f2fa !important;
  border-top:1px solid #d4e3f0 !important;
  border-bottom:1px solid #d4e3f0 !important;
}
.ticker-inner{gap:20px !important;}
.ticker-track{gap:34px !important; animation-duration:24s !important;}

/* chip endi kengroq — ichida o'zgarish ham bor */
.rate-chip{
  display:inline-flex !important; align-items:center !important;
  gap:10px !important;
  padding:9px 16px 9px 10px !important;
  background:#ffffff !important;
  border:1.5px solid #cfe0ee !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px -4px rgba(20,50,90,.22) !important;
  white-space:nowrap !important;
}
.rate-chip .val{font-size:17px !important; font-weight:700 !important;}
.rate-chip .cur{font-size:15px !important;}

/* bugungi o'zgarish nishonchasi */
.rate-chip .chg{
  display:inline-flex !important; align-items:center !important; gap:4px !important;
  font-size:12.5px !important; font-weight:800 !important;
  padding:4px 9px !important; border-radius:999px !important;
  margin-left:2px !important;
}
.rate-chip .chg svg.ic{width:13px !important; height:13px !important;}
.rate-chip .chg b{font-family:var(--mono); font-size:12.5px; font-weight:800;}
.rate-chip .chg u{text-decoration:none; opacity:.72; font-weight:700; font-size:11.5px;}
.rate-chip .chg.up{color:#0f7a3d !important; background:rgba(34,164,93,.14) !important;}
.rate-chip .chg.down{color:#c2261c !important; background:rgba(224,85,63,.14) !important;}
.rate-chip .chg.flat{color:#5b6675 !important; background:rgba(91,102,117,.13) !important;}

/* lenta yorlig'i */
.ticker-label{font-size:14px !important; color:#005e93 !important; font-weight:800 !important;}
.ticker-updated{font-size:13px !important; color:#5b6675 !important;}

/* tungi rejim */
html[data-theme="dark"] .rate-chip .chg.up{color:#6ee7a8 !important; background:rgba(34,164,93,.2) !important;}
html[data-theme="dark"] .rate-chip .chg.down{color:#ff9b9b !important; background:rgba(224,85,63,.2) !important;}

/* hero yana 2 ustun (valyuta kartasi yo'q) */
@media (min-width:1180px){
  .hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.82fr) !important;
    column-gap:clamp(30px,4vw,70px) !important;
  }
  .hero-grid > div:first-child{grid-column:1 !important; grid-row:1 !important;}
  .hero-grid .hero-card{grid-column:2 !important; grid-row:1 !important;}
  .hero h2.hero-yangi{max-width:33ch !important;}
}

@media (max-width:720px){
  .rate-chip{padding:8px 13px 8px 8px !important; gap:8px !important;}
  .rate-chip .val{font-size:15px !important;}
  .rate-chip .chg{font-size:11.5px !important; padding:3px 7px !important;}
  .rate-chip .chg u{display:none !important;}   /* telefonda faqat so'm farqi */
  .ticker-track{animation-duration:18s !important;}
}

/* ============================================================
   TUZATISH-20 (2026-09-14) — BO'SHLIQLARNI YO'QOTISH
   Sayt to'liq kenglikka o'tgach mazmun chap chetga yig'ilib,
   o'ng tomonda katta bo'sh joylar qolgan edi. Har bir blok
   endi o'z ustunini TO'LIQ egallaydi.
   ============================================================ */

/* ---------- 1) HERO: sarlavha, tugmalar, raqamlar ustunni to'ldirsin ---------- */
.hero h2.hero-yangi{
  max-width:none !important;          /* 33ch cheklovi bo'shliq qoldirardi */
  font-size:clamp(25px,2.55vw,38px) !important;
  line-height:1.35 !important;
  margin-bottom:26px !important;
}
/* tugmalar qatori kengaysin */
.hero-actions{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:14px !important;
  margin-bottom:26px !important;
  max-width:none !important;
}
.hero-actions .btn-primary-lg,
.hero-actions .btn-ghost{
  width:100% !important;
  justify-content:center !important;
  padding:15px 20px !important;
  font-size:16.5px !important;
}
/* uch raqam qutisi — teng uch ustun, to'liq kenglik */
.hero-stats{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:14px !important;
  width:100% !important;
}
.hero-stats .stat{
  padding:16px 18px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
.hero-stats .stat b{font-size:clamp(24px,2.1vw,31px) !important; display:block !important;}
.hero-stats .stat span{font-size:13.5px !important;}

/* ---------- 2) KALENDAR KARTASI: ichi zich bo'lsin ---------- */
.hero-card{padding:18px !important;}
.hero-card .today{
  display:flex !important; align-items:center !important;
  justify-content:space-between !important;
  padding:12px 16px !important; margin-bottom:10px !important;
}
.hero-card .today .day-num{font-size:40px !important; line-height:1 !important;}
.hero-card .today .day-meta b{font-size:16px !important;}
.hero-card .today .day-meta span{font-size:13px !important;}
.hero-card .time-now{font-size:27px !important; padding:11px 0 !important; margin-bottom:10px !important;}
.office-state{font-size:13.2px !important; padding:7px 14px !important; margin-bottom:11px !important;}
/* kun kataklari kattaroq — jadval kartani to'ldiradi */
.mini-cal{padding:12px 10px 10px !important; gap:3px !important;}
.mini-cal .dow{font-size:12px !important; padding-bottom:6px !important; margin-bottom:5px !important;}
.mini-cal .d{
  font-size:15px !important;
  padding:9px 0 !important;
  border-radius:9px !important;
}
.mini-cal .d.today{font-size:16px !important;}

/* ---------- 3) ISHONCH QATORI: kartochka ichi to'lsin ---------- */
.trust-item{
  justify-content:flex-start !important;
  padding:14px 18px !important;
  gap:13px !important;
}
.trust-item .ti-tx{flex:1 1 auto !important; min-width:0 !important;}
.trust-item .ti-tx b{font-size:15.5px !important; line-height:1.3 !important;}
.trust-item .ti-tx i{font-size:13.2px !important; line-height:1.4 !important;}
.trust-strip .wrap{gap:14px !important;}

/* ---------- 4) BANNER: matn chapda, ko'rgazma o'ngda ----------
   Avval matn chap yarmida qolib, o'ng yarmi bo'sh edi. */
.banner-slide{
  display:grid !important;
  grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr) !important;
  align-items:center !important;
  gap:26px !important;
  padding:24px 64px 24px 62px !important;
  min-height:210px !important;
}
.banner-slide .banner-body{grid-column:1 !important;}
.banner-slide .banner-img{
  grid-column:2 !important;
  flex:none !important; max-width:none !important;
  height:100% !important; max-height:180px !important;
  border-radius:16px !important;
}
.banner-slide .banner-img img{max-height:180px !important; height:100% !important;}
.banner-slide p{max-width:none !important;}
/* rasmi yo'q slaydlarga — o'ng tomonga katta belgili nishon */
.banner-slide:not(:has(.banner-img)) .banner-body{grid-column:1 / -1 !important;}
.banner-slide:not(:has(.banner-img)){grid-template-columns:1fr !important;}
.banner-slide:not(:has(.banner-img)) p{max-width:72ch !important;}
/* Paynet slaydidagi nishonchalar bir qatorda va kengroq */
.pay-badge{padding:9px 16px !important;}
.banner-free{padding:8px 15px !important;}

@media (max-width:980px){
  .banner-slide{grid-template-columns:1fr !important; padding:20px !important;}
  .banner-slide .banner-img{grid-column:1 !important; max-height:150px !important;}
  .hero-actions{grid-template-columns:1fr !important;}
  .hero-stats{grid-template-columns:repeat(3, minmax(0,1fr)) !important;}
}
@media (max-width:560px){
  .hero-stats{grid-template-columns:1fr !important;}
}

/* ---------- 5) UMUMIY: juda keng monitorda cheklov ----------
   1280px da to'liq kenglik, 1800px+ da matn qatori haddan
   tashqari cho'zilib ketmasin. */
:root{--wrap:min(100%, 1720px) !important;}


/* ============================================================
   TUZATISH-21 (2026-09-14)
   56) Banner o'ng tomoni — ko'rgazma bloklari
   57) TEPA QISM shrifti kattalashtirildi
   58) Chetlardan bo'shliq qaytarildi (panellar chetga
       juda yopishib qolgan edi)
   ============================================================ */

/* ---------- 58) CHETLARDAN BO'SHLIQ ---------- */
:root{
  --wrap:min(100%, 1680px) !important;
  --wrap-pad:clamp(20px, 3.6vw, 56px) !important;
}
@media (max-width:720px){
  :root{--wrap-pad:16px !important;}
}

/* ---------- 57) TEPA QISM — KATTAROQ ---------- */
.topbar{padding:18px var(--wrap-pad) !important; gap:20px !important;}
header.site .brand .mark{width:56px !important; height:56px !important; border-radius:15px !important;}
.brand h1{font-size:30px !important; letter-spacing:-.015em !important;}
.brand span{font-size:13.5px !important; letter-spacing:.13em !important;}
nav.main{font-size:18px !important; gap:3px !important;}
nav.main a{padding:11px 15px !important; font-weight:650 !important;}
.clock-mini b{font-size:20px !important;}
.clock-mini span{font-size:14px !important;}
.btn-cta{font-size:17.5px !important; padding:14px 24px !important; border-radius:13px !important;}
.btn-cta svg.ic{width:19px !important; height:19px !important;}
.icon-btn{width:46px !important; height:46px !important; font-size:20px !important;}
.icon-btn svg.ic{width:20px !important; height:20px !important;}

@media (max-width:1100px){
  nav.main{font-size:16px !important;}
  nav.main a{padding:9px 11px !important;}
  .brand h1{font-size:25px !important;}
}
@media (max-width:720px){
  .brand h1{font-size:22px !important;}
  .brand span{font-size:11.5px !important;}
  header.site .brand .mark{width:46px !important; height:46px !important;}
  .btn-cta{font-size:15.5px !important; padding:12px 16px !important;}
  .clock-mini b{font-size:17px !important;}
}

/* ---------- 56) BANNER O'NG KO'RGAZMA BLOKLARI ---------- */
.banner-slide:has(.banner-vis){
  grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr) !important;
}
.banner-slide:not(:has(.banner-img)):has(.banner-vis) .banner-body{grid-column:1 !important;}
.banner-vis{
  grid-column:2 !important;
  display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important;
  gap:12px !important; text-align:center !important;
}
.pv-card{
  background:#ffffff; border-radius:18px; padding:18px 24px;
  box-shadow:0 16px 34px -16px rgba(0,0,0,.5);
  display:flex; flex-direction:column; align-items:center; gap:6px;
  min-width:190px;
}
.pv-card svg{height:26px; width:auto; display:block; margin-bottom:4px;}
.pv-big{
  font-family:var(--display), Georgia, serif;
  font-size:46px; font-weight:800; line-height:1;
  color:#0aa34a; letter-spacing:-.03em;
}
.pv-txt{font-size:14px; font-weight:700; color:#3d4655; letter-spacing:.02em;}
.pv-sub{
  font-size:13.5px; font-weight:600; color:rgba(255,255,255,.9);
  max-width:22ch; line-height:1.45;
}
.kv-card{
  width:150px; height:150px; border-radius:50%;
  background:rgba(255,255,255,.14);
  border:1.5px solid rgba(255,255,255,.32);
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
}
.kv-big{font-family:var(--display), Georgia, serif; font-size:52px; font-weight:700; color:#ffffff; line-height:1;}
.kv-txt{font-size:12.5px; font-weight:600; color:rgba(255,255,255,.86); line-height:1.35;}

/* dekorativ halqa endi o'ng chetga surildi — o'rtada "teshik" qolmasin */
.banner-slide::after{
  width:240px !important; height:240px !important;
  right:-80px !important; top:-70px !important;
}

@media (max-width:980px){
  .banner-slide:has(.banner-vis){grid-template-columns:1fr !important;}
  .banner-vis{grid-column:1 !important; flex-direction:row !important; gap:16px !important;}
  .kv-card{width:110px; height:110px;}
  .kv-big{font-size:38px;}
  .pv-card{min-width:0; padding:14px 18px;}
  .pv-big{font-size:36px;}
}

/* ---------- 59) BANNER BALANDLIGI — ixcham ----------
   Ichida bo'sh vertikal joy ko'p edi. */
.banner-slide{
  min-height:0 !important;
  padding:22px 60px 22px 58px !important;
  align-items:center !important;
  gap:22px !important;
}
.banner-slide h3{margin-bottom:9px !important;}
.banner-slide p{margin-bottom:0 !important;}
.banner-slide .banner-go{margin-top:12px !important;}
.banner-slide .pay-badge, .banner-slide .banner-free{margin-top:14px !important;}
.banner-vis{gap:10px !important;}
.pv-card{padding:15px 22px !important; min-width:175px !important;}
.pv-big{font-size:40px !important;}
.kv-card{width:130px !important; height:130px !important;}
.kv-big{font-size:44px !important;}
/* dekorativ halqa endi juda xira — kartochka ortida turmasin */
.banner-slide::after{opacity:.45 !important;}
.carousel-track{padding-bottom:2px !important;}
@media (max-width:720px){
  .banner-slide{padding:18px !important;}
}

/* ---------- 60) Kalkulyator slaydi: doira bezak bilan qo'shilib ketmasin ---------- */
.banner-slide:has(.kv-card)::after{display:none !important;}
.kv-card{
  background:rgba(255,255,255,.18) !important;
  border:2px solid rgba(255,255,255,.45) !important;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.45) !important;
}
.kv-txt{font-size:12px !important;}

/* ============================================================
   TUZATISH-22 (2026-09-14) — ALOQA BANNERI
   Raqamlar ko'zga tashlanishi uchun oq kartochka + katta
   monospace raqam + ko'k doiradagi telefon belgisi.
   Bosilsa to'g'ridan-to'g'ri qo'ng'iroq qilinadi (tel:).
   ============================================================ */
.aloqa-slayd{
  background:linear-gradient(135deg,#0b82c4 0%, #00588b 100%) !important;
}
.aloqa-slayd .banner-badge{background:rgba(255,255,255,.24) !important;}
.aloqa-vaqt{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:14px; padding:7px 14px; border-radius:999px;
  background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.32);
  color:#ffffff; font-size:14px; font-weight:700;
}
.aloqa-vaqt svg.ic{width:16px; height:16px;}

.banner-vis.av{
  display:flex !important; flex-direction:column !important;
  gap:11px !important; align-items:stretch !important; justify-content:center !important;
}
.tel-btn{
  display:flex !important; align-items:center !important; gap:13px !important;
  background:#ffffff !important;
  border:2px solid rgba(255,255,255,.75) !important;
  border-radius:15px !important;
  padding:12px 18px 12px 14px !important;
  box-shadow:0 14px 30px -14px rgba(0,30,60,.65) !important;
  transition:transform .2s ease, box-shadow .2s ease !important;
  text-align:left !important;
}
.tel-btn:hover{
  transform:translateY(-3px) scale(1.02) !important;
  box-shadow:0 20px 38px -14px rgba(0,30,60,.75) !important;
  border-color:#ffffff !important;
}
.tel-ic{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg,#0aa34a,#077836);
  color:#ffffff;
  box-shadow:0 6px 14px -6px rgba(10,163,74,.9);
  animation:telPuls 2.4s ease-in-out infinite;
}
.tel-ic svg.ic{width:21px; height:21px;}
@keyframes telPuls{
  0%,100%{box-shadow:0 6px 14px -6px rgba(10,163,74,.9), 0 0 0 0 rgba(10,163,74,.5);}
  60%{box-shadow:0 6px 14px -6px rgba(10,163,74,.9), 0 0 0 12px rgba(10,163,74,0);}
}
.tel-txt{display:flex; flex-direction:column; min-width:0;}
.tel-txt small{
  font-size:11.5px; font-weight:800; letter-spacing:.07em; text-transform:uppercase;
  color:#5b6675;
}
.tel-txt b{
  font-family:var(--mono), "Courier New", monospace;
  font-size:19px; font-weight:800; color:#0e1116;
  letter-spacing:-.01em; line-height:1.25; white-space:nowrap;
}

@media (max-width:980px){
  .banner-vis.av{flex-direction:row !important; flex-wrap:wrap !important;}
  .tel-btn{flex:1 1 220px !important;}
}
@media (max-width:560px){
  .banner-vis.av{flex-direction:column !important;}
  .tel-txt b{font-size:17.5px;}
  .tel-ic{width:38px; height:38px;}
}

/* ============================================================
   48) JONLI SAYTGA TADBIQ QILINGANDA QO'SHILDI (2026-09-14)
   ============================================================ */

/* Ishonch belgilari ko'k kvadrat ichida — nishoncha oq bo'lsin.
   (Namunada har bir SVG ga stroke="#fff" yozilgan edi; endi nishonchalar
   currentColor bilan chiziladi, shuning uchun rang shu yerda beriladi.) */
.trust-item .ti-ic{color:#fff;}

/* Banner ichidagi «Komissiyasiz» yozuvi ham oq nishoncha bilan */
.banner-free{color:#fff;}