.payment-info-bc:has([class*="777Havale"]) .payment-content.not-expandable {

	display: none !important;

}

#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.u-i-profile-page-container > div > div > a.account-verified-button {
    opacity: 0 !important;
}
#root > div.popup-holder-bc.windowed.user-profile-container > div > div > div > div.u-i-profile-page-container > div > div > :nth-child(2) {
    opacity: 0 !important;
}
#root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.nav-menu-container.header-user-nav > ul:nth-child(2) > li > a > i{
    text-shadow: none !important;
}

/* ==========================================================================
   BETBON · GELENEKSEL BONUS ŞÖLENİ — Candy Deco (custom CSS)
   Nereye: mobil ve masaüstü custom CSS'in EN ALTINA eklenir.
   Kapsam: tüm kurallar .betbon-container.bbs altında; başka sayfaları etkilemez.
   Fontlar (Josefin Sans, Jost) mobile.js'teki tasarım eki tarafından yüklenir.
   ========================================================================== */

/* --- Kart --- */
.betbon-container.bbs {
  box-sizing: border-box;
  max-width: 560px;
  margin: 0 auto;
  padding: 32px 22px 30px;
  background: #ffffff;
  border: 1px solid #f0cede;
  border-radius: 24px;
  box-shadow: inset 0 0 0 6px #ffffff, inset 0 0 0 7px #f0cede, 0 24px 48px -30px rgba(212, 17, 106, 0.45);
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4a5170;
  text-align: left;
}

/* --- Üst bölüm: etiket, başlık, 200 TL --- */
.betbon-container.bbs .bbs-ust {
  text-align: center;
}
.betbon-container.bbs .bbs-ust-etiket {
  padding-left: 0.34em;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.34em;
  line-height: 1;
  color: #d4116a;
}
.betbon-container.bbs .bbs-baslik {
  margin: 14px 0 0;
  padding: 0;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0.08em;
  line-height: 1.14;
  text-transform: none;
  color: #093473;
}
.betbon-container.bbs .bbs-tutar {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-top: 20px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 72px;
  font-weight: 300;
  letter-spacing: -0.01em;
  line-height: 1;
  color: #ff4fa3;
}
.betbon-container.bbs .bbs-tl {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.14em;
  color: #093473;
}
.betbon-container.bbs .bbs-tl::before {
  content: ' ';
  white-space: pre;
}
.betbon-container.bbs .bbs-hediye {
  margin-top: 14px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  color: #093473;
}
.betbon-container.bbs .bbs-hediye-alt {
  margin: 6px auto 0;
  max-width: 290px;
  font-size: 14px;
  line-height: 1.6;
  color: #5c6380;
}

/* --- Süslü ayraç (✦ + iki ince çizgi): başlıkların altına CSS ile eklenir --- */
.betbon-container.bbs .bbs-baslik::after,
.betbon-container.bbs .bbs-bolum::after {
  content: '\2726';
  display: block;
  margin: 10px auto 0;
  width: 130px;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 10px;
  text-transform: none;
  text-align: center;
  color: #ff4fa3;
  background: linear-gradient(#f0cede, #f0cede) left center / 50px 1px no-repeat,
              linear-gradient(#f0cede, #f0cede) right center / 50px 1px no-repeat;
}
.betbon-container.bbs .bbs-baslik::after {
  margin-top: 18px;
  width: 170px;
  font-size: 10px;
  line-height: 12px;
  background-size: 66px 1px, 66px 1px;
}

/* --- Bilgi kutuları: TALEP / HAK / BONUS --- */
.betbon-container.bbs .bbs-bilgi {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.betbon-container.bbs .bbs-bilgi-kutu {
  padding: 12px 4px 11px;
  border: 1px solid #f0cede;
  border-radius: 14px;
  text-align: center;
}
.betbon-container.bbs .bbs-bilgi-etiket {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.2;
  color: #8b6a7d;
}
.betbon-container.bbs .bbs-bilgi-deger {
  margin-top: 6px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: #093473;
}

/* --- Metin paragrafları --- */
.betbon-container.bbs .bbs-aciklama {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  color: #5c6380;
}
.betbon-container.bbs .bbs-not {
  margin-top: 12px;
  text-align: center;
  font-size: 12.5px;
  line-height: 1.5;
  color: #6d7491;
}
.betbon-container.bbs .bbs-esik-giris {
  margin-top: 14px;
  text-align: center;
  font-size: 14px;
  line-height: 1.65;
  color: #5c6380;
}
.betbon-container.bbs .bbs-esik-not {
  margin-top: 14px;
  text-align: center;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 14.5px;
  font-style: italic;
  line-height: 1.5;
  color: #5c6380;
}
.betbon-container.bbs .bbs-esik-son {
  margin-top: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 1.7;
  color: #5c6380;
}
.betbon-container.bbs .bbs-hediye-alt strong,
.betbon-container.bbs .bbs-aciklama strong,
.betbon-container.bbs .bbs-metin strong,
.betbon-container.bbs .bbs-esik-giris strong,
.betbon-container.bbs .bbs-esik-son strong {
  font-weight: 600;
  color: #093473;
}

/* --- Bölüm başlıkları --- */
.betbon-container.bbs .bbs-bolum {
  margin: 32px 0 0;
  padding: 0;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.55;
  text-transform: none;
  text-align: center;
  color: #093473;
}
.betbon-container.bbs .bbs-bolum-kural {
  margin-top: 36px;
}

/* --- Spor / Casino butonları (JS: .return-spor / .return-casino) --- */
.betbon-container.bbs .bbs-secim {
  margin-top: 16px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.betbon-container.bbs .bbs-btn {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 16px 8px 15px;
  border: 0;
  border-radius: 16px;
  color: #ffffff;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.1;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.betbon-container.bbs .bbs-btn-spor {
  background: #d4116a;
  box-shadow: inset 0 0 0 4px #d4116a, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 12px 22px -14px rgba(212, 17, 106, 0.9);
}
.betbon-container.bbs .bbs-btn-casino {
  background: #2d5287;
  box-shadow: inset 0 0 0 4px #2d5287, inset 0 0 0 5px rgba(255, 255, 255, 0.55), 0 12px 22px -14px rgba(45, 82, 135, 0.9);
}
.betbon-container.bbs .bbs-btn-alt {
  display: block;
  margin-top: 6px;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.3em;
}

/* --- Sonuç / mesaj alanı (JS gösterir; gizli başlar) --- */
.betbon-container.bbs .result.return-result {
  display: none;
  margin-top: 14px;
  padding: 14px 16px;
  border: 1px solid #f0cede;
  border-radius: 14px;
  background: #fff6f9;
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
  color: #093473;
}

/* --- Kurallar (I–XI) --- */
.betbon-container.bbs .bbs-kurallar {
  margin-top: 12px;
}
.betbon-container.bbs .bbs-kural {
  display: flex;
  gap: 8px;
  padding: 10px 0;
}
.betbon-container.bbs .bbs-kural + .bbs-kural {
  border-top: 1px solid #f7e4ed;
}
.betbon-container.bbs .bbs-no {
  flex: 0 0 30px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.95;
  color: #d4116a;
}
.betbon-container.bbs .bbs-metin {
  flex: 1;
  min-width: 0;
  font-size: 13.5px;
  line-height: 1.65;
  color: #4a5170;
}

/* --- Çekim eşikleri (merdiven çubukları) --- */
.betbon-container.bbs .bbs-esik-etiket {
  margin-top: 18px;
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.2;
  color: #8b6a7d;
}
.betbon-container.bbs .bbs-esikler {
  margin-top: 8px;
  display: grid;
  gap: 5px;
  font-feature-settings: 'tnum';
}
.betbon-container.bbs .bbs-esik {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 38px;
  padding: 0 12px;
  border-radius: 10px;
  background: #f6f1f5;
  font-size: 14px;
  line-height: 1;
}
.betbon-container.bbs .bbs-esik > div {
  font-weight: 500;
  color: #093473;
}
.betbon-container.bbs .bbs-esik > div:last-child {
  font-weight: 700;
}
/* Çubuk dolgusu = eşik / 30.000 TL (sıraya göre) */
.betbon-container.bbs .bbs-esik:nth-child(1)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 10%, #f6f1f5 10%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(2)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 20%, #f6f1f5 20%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(3)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 30%, #f6f1f5 30%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(4)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 40%, #f6f1f5 40%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(5)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 50%, #f6f1f5 50%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(6)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 60%, #f6f1f5 60%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(7)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 70%, #f6f1f5 70%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(8)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 80%, #f6f1f5 80%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(9)  { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 90%, #f6f1f5 90%, #f6f1f5 100%); }
.betbon-container.bbs .bbs-esik:nth-child(10) { background: #ffc9e0; }

/* --- Kapanış + Bonusu Bozdur (JS: .bonus-bozdur) --- */
.betbon-container.bbs .bbs-sans {
  margin-top: 30px;
  text-align: center;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 19px;
  font-style: italic;
  line-height: 1.3;
  color: #d4116a;
}
.betbon-container.bbs .bbs-bozdur {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 16px 0 0;
  padding: 10px 10px 10px 20px;
  border: 0;
  border-radius: 18px;
  background: #d4116a;
  box-shadow: 0 16px 28px -16px rgba(212, 17, 106, 0.95);
  color: #ffffff;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 16.5px;
  font-weight: 700;
  letter-spacing: -0.005em;
  line-height: 1;
  text-align: left;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.betbon-container.bbs .bbs-bozdur::after {
  content: '\2192';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 18px;
  line-height: 1;
}

/* ==========================================================================
   BETBON · BONUS ALMA SAYFASI (/tr/help/797729) — Bonus Kartları (custom CSS)
   Nereye: mobil ve masaüstü custom CSS'in EN ALTINA eklenir.
   Kapsam: tüm kurallar .bonus-talep.bbk altında; başka sayfaları etkilemez.
   JS kancaları (mobile.js): .sonuc-panel, .sonuc-metin, .sonuc-button + 12 bonus sınıfı.
   Butonlarda yalnız SPOR / CASINO görünür; bonusun tam adı gizli metinde durur ve
   seçim sonrası "tercih" alanında görünür (ör. %33 KAYIP SPOR).
   ========================================================================== */
.bonus-talep.bbk {
  box-sizing: border-box;
  max-width: 560px;
  margin: 0 auto;
  padding: 26px 14px 16px;
  background: #fff6f9;
  border: 1px solid #f6dce8;
  border-radius: 28px;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4a5170;
  text-align: left;
}

/* Başlık (sola dayalı) */
.bonus-talep.bbk .bbk-ust { padding: 0 6px; }
.bonus-talep.bbk .bbk-ust::before {
  content: '';
  display: block;
  width: 28px;
  height: 3px;
  margin-bottom: 16px;
  border-radius: 3px;
  background: #ff4fa3;
}
.bonus-talep.bbk .bbk-baslik {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 0.02em;
  line-height: 1.1;
  color: #093473;
}
.bonus-talep.bbk .bbk-aciklama {
  margin-top: 10px;
  max-width: 300px;
  font-size: 13.5px;
  line-height: 1.6;
  color: #5c6380;
}

/* Sonuç paneli: makbuz */
.bonus-talep.bbk .bbk-sonuc {
  margin-top: 18px;
  padding: 14px 16px 12px;
  background: #ffffff;
  border: 1px solid #f6e3ec;
  border-radius: 20px;
  box-shadow: 0 14px 28px -22px rgba(9, 52, 115, 0.5);
}
.bonus-talep.bbk .bbk-sonuc-ust {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 10px;
}
.bonus-talep.bbk .bbk-sonuc-etiket,
.bonus-talep.bbk .bbk-tercih-etiket {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.4;
  color: #8b6a7d;
}
.bonus-talep.bbk .bbk-sonuc-metin {
  flex: 1 1 180px;
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  color: #093473;
  overflow-wrap: anywhere;
}
.bonus-talep.bbk .bbk-sonuc-alt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 10px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1.5px dashed #f0cede;
}
.bonus-talep.bbk .bbk-tercih {
  min-width: 0;
  padding: 3px 10px 2px;
  border-radius: 10px;
  background: #fff0f6;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.5;
  color: #d4116a;
}
/* JS'in eklediği detay kartları → palete uyum */
.bonus-talep.bbk .sonuc-metin [style*="#eef2f7"] { border-color: #f0cede !important; }
.bonus-talep.bbk .sonuc-metin [style*="#e9edf4"] { border-bottom-color: #f7e4ed !important; }
.bonus-talep.bbk .sonuc-metin [style*="#46dacd"] { background: #2d5287 !important; }
.bonus-talep.bbk .sonuc-metin [style*="#ff8fbd"] { background: #ff4fa3 !important; }
.bonus-talep.bbk .sonuc-metin [style*="#a52663"] { color: #d4116a !important; }

/* Kart ızgarası */
.bonus-talep.bbk .bbk-kartlar {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.bonus-talep.bbk .bbk-kart {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 14px 12px 12px;
  background: #ffffff;
  border: 1px solid #f6e3ec;
  border-radius: 20px;
  box-shadow: 0 14px 28px -22px rgba(9, 52, 115, 0.5);
}
.bonus-talep.bbk .bbk-kategori {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.22em;
  line-height: 1.4;
  color: #d4116a;
}
.bonus-talep.bbk .bbk-oran {
  margin-top: 8px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 46px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #093473;
}
.bonus-talep.bbk .bbk-tanim {
  margin-top: 6px;
  min-height: 2.8em;
  font-size: 12px;
  line-height: 1.4;
  color: #5c6380;
}
.bonus-talep.bbk .bbk-butonlar {
  margin-top: auto;
  padding-top: 10px;
  display: grid;
  gap: 6px;
}

/* Spor / Casino butonları */
.bonus-talep.bbk .bbk-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  min-height: 44px;
  padding: 0 8px 0 12px;
  border: 2px solid transparent;
  border-radius: 12px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.2;
  color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
.bonus-talep.bbk .bbk-btn::after {
  content: '\2192';
  display: flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.18);
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1;
}
.bonus-talep.bbk .bbk-spor { background: #d4116a; border-color: #d4116a; }
.bonus-talep.bbk .bbk-casino { background: #2d5287; border-color: #2d5287; }
@media (hover: hover) {
  .bonus-talep.bbk .bbk-spor:hover { background: #b30d58; border-color: #b30d58; }
  .bonus-talep.bbk .bbk-casino:hover { background: #22426f; border-color: #22426f; }
}
/* Gizli metin: ekranda görünmez, "tercih" alanında görünür */
.bonus-talep.bbk .bbk-gizli {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* ==========================================================================
   BETBON · PROMOSYON SAYFALARI — Candy Deco + Bilet üst kart (custom CSS)
   Nereye: mobil ve masaüstü custom CSS'in EN ALTINA eklenir.
   Kapsam: tüm kurallar .bbp.bbp-deco-bilet altında; başka sayfaları etkilemez.
   Kullanım: promosyon içeriği <div class="bbp bbp-deco-bilet"> ile sarılır.
   Üst kart pembe bilettir; çentikler kartın beyaz zeminiyle (#ffffff) boyanır.
   Bölümler, baremler ve spor/casino ikilisi Candy Deco düzenindedir.
   Bölüm ve giriş içi linkler pembe altı çizili görünür; numarasız kapanış satırı için
   bölümün sonuna <div class="bbp-not">…</div> eklenir.
   Uzun büyük rakam (ör. 10.000₺): <div class="bbp-oran bbp-oran-uzun"> (mobilde küçülür).
   Numarasız giriş paragrafları: <div class="bbp-giris"><p>…</p></div> (üst biletin altına).
   Maddeleri kendi etiketli (ör. "Adım 1 – …") bölüm: <div class="bbp-bolum bbp-numarasiz"> (Roma rakamı yok).
   Bölüm alt başlığı (numarasız kısa not): h2'nin hemen altına <div class="bbp-alt-baslik">…</div>.
   Tutar tablosu: <div class="bbp-tablo"> içinde satır başına
   <div class="bbp-tablo-satir"><div class="bbp-tablo-sol">…</div><div class="bbp-tablo-sag">…</div></div>.
   ========================================================================== */
.bbp.bbp-deco-bilet {
  box-sizing: border-box;
  max-width: 680px;
  margin: 0 auto;
  padding: 20px 20px 26px;
  background: #ffffff;
  border: 1px solid #f0cede;
  border-radius: 24px;
  box-shadow: inset 0 0 0 6px #ffffff, inset 0 0 0 7px #f0cede, 0 24px 48px -30px rgba(212, 17, 106, 0.45);
  font-family: 'Jost', 'Josefin Sans', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.65;
  color: #4a5170;
  text-align: left;
}
.bbp.bbp-deco-bilet * { box-sizing: border-box; }
.bbp.bbp-deco-bilet h1, .bbp.bbp-deco-bilet h2, .bbp.bbp-deco-bilet p { margin: 0; padding: 0; }
.bbp.bbp-deco-bilet strong { font-weight: 600; color: #093473; }

/* Üst kart: pembe bilet (koparma çizgisi + iki yanda çentik) */
.bbp.bbp-deco-bilet .bbp-ust {
  position: relative;
  padding: 24px 20px 20px;
  border-radius: 22px;
  background: #d4116a;
  box-shadow: 0 18px 30px -20px rgba(212, 17, 106, 0.9);
  color: #ffffff;
  text-align: center;
}
.bbp.bbp-deco-bilet .bbp-etiket {
  padding-left: 0.32em;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 10.5px; font-weight: 600; letter-spacing: 0.32em; line-height: 1.3;
  color: rgba(255, 255, 255, 0.82);
}
.bbp.bbp-deco-bilet .bbp-oran {
  margin-top: 10px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 84px; font-weight: 300; letter-spacing: -0.03em; line-height: 1;
  color: #ffffff;
}
.bbp.bbp-deco-bilet .bbp-oran.bbp-oran-uzun { font-size: 60px; }
.bbp.bbp-deco-bilet h1 {
  margin: 8px auto 0;
  max-width: 290px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 21px; font-weight: 300; letter-spacing: 0.02em; line-height: 1.3;
  color: #ffffff;
  text-wrap: balance;
}
.bbp.bbp-deco-bilet .bbp-ozet {
  position: relative;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 2px dashed rgba(255, 255, 255, 0.5);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 8px;
}
.bbp.bbp-deco-bilet .bbp-ozet::before,
.bbp.bbp-deco-bilet .bbp-ozet::after {
  content: '';
  position: absolute; top: -13px;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: #ffffff;
}
.bbp.bbp-deco-bilet .bbp-ozet::before { left: -32px; }
.bbp.bbp-deco-bilet .bbp-ozet::after { right: -32px; }
.bbp.bbp-deco-bilet .bbp-ozet-baslik {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 9px; font-weight: 600; letter-spacing: 0.2em; line-height: 1.3;
  color: rgba(255, 255, 255, 0.78);
}
.bbp.bbp-deco-bilet .bbp-ozet-deger {
  margin-top: 3px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 16px; font-weight: 600; line-height: 1.25;
  color: #ffffff;
}
.bbp.bbp-deco-bilet .bbp-cta { margin-top: 18px; }
.bbp.bbp-deco-bilet .bbp-cta a {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px;
  border-radius: 14px;
  background: #ffffff;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px; font-weight: 600; letter-spacing: 0.18em; line-height: 1;
  color: #d4116a;
  text-decoration: none;
}
.bbp.bbp-deco-bilet .bbp-cta a::after { content: '\2192'; font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif; font-size: 16px; letter-spacing: 0; }

/* Bölümler: başlık + ✦, Roma rakamlı kurallar (Candy Deco) */
.bbp.bbp-deco-bilet .bbp-bolum { margin-top: 34px; counter-reset: bbp-kural; }
.bbp.bbp-deco-bilet .bbp-bolum h2 {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 15px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.45;
  text-align: center;
  color: #093473;
  text-wrap: balance;
}
.bbp.bbp-deco-bilet .bbp-bolum h2::after {
  content: '\2726';
  display: block;
  margin: 10px auto 0;
  width: 130px;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 9px; font-weight: 400; letter-spacing: normal; line-height: 10px;
  color: #ff4fa3;
  background: linear-gradient(#f0cede, #f0cede) left center / 50px 1px no-repeat,
              linear-gradient(#f0cede, #f0cede) right center / 50px 1px no-repeat;
}
.bbp.bbp-deco-bilet .bbp-bolum > p {
  position: relative;
  padding: 10px 0 10px 38px;
  font-size: 13.5px; line-height: 1.65;
  counter-increment: bbp-kural;
}
.bbp.bbp-deco-bilet .bbp-bolum > h2 + p { margin-top: 10px; }
.bbp.bbp-deco-bilet .bbp-bolum > p + p,
.bbp.bbp-deco-bilet .bbp-barem + p { border-top: 1px solid #f7e4ed; }
.bbp.bbp-deco-bilet .bbp-bolum > p::before {
  content: counter(bbp-kural, upper-roman);
  position: absolute; left: 0; top: 10px;
  width: 30px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.95;
  color: #d4116a;
}
.bbp.bbp-deco-bilet .bbp-bolum a {
  font-weight: 600;
  color: #d4116a;
  text-decoration: underline;
  text-decoration-color: rgba(212, 17, 106, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
/* Numarasız bölüm (maddeler kendi etiketini taşıyorsa, ör. "Adım 1 – …"): Roma rakamı ve girinti kalkar */
.bbp.bbp-deco-bilet .bbp-numarasiz > p { padding-left: 0; }
.bbp.bbp-deco-bilet .bbp-numarasiz > p::before { content: none; }
/* Bölüm alt başlığı: h2'nin hemen altında numarasız kısa not (ör. "Aksi belirtilmedikçe:") */
.bbp.bbp-deco-bilet .bbp-alt-baslik {
  margin-top: 10px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px; font-weight: 600; letter-spacing: 0.06em; line-height: 1.4;
  text-align: center;
  color: #8b6a7d;
}
/* Kapanış satırı (numarasız) */
.bbp.bbp-deco-bilet .bbp-not {
  margin-top: 12px;
  padding: 13px 14px 12px;
  border-radius: 14px;
  background: #fff0f6;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 14px; font-weight: 600; letter-spacing: 0.06em; line-height: 1.4;
  text-align: center;
  color: #d4116a;
}
.bbp.bbp-deco-bilet .bbp-not::before,
.bbp.bbp-deco-bilet .bbp-not::after {
  content: '\2726';
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 10px; font-weight: 400; letter-spacing: normal;
  color: #ff4fa3;
}
.bbp.bbp-deco-bilet .bbp-not::before { margin-right: 10px; }
.bbp.bbp-deco-bilet .bbp-not::after { margin-left: 10px; }

/* Giriş paragrafları (numarasız, ortalı) */
.bbp.bbp-deco-bilet .bbp-giris {
  margin-top: 28px;
  font-size: 15px; line-height: 1.6;
  text-align: center;
  color: #4a5170;
  text-wrap: balance;
}
.bbp.bbp-deco-bilet .bbp-giris p + p { margin-top: 6px; }
.bbp.bbp-deco-bilet .bbp-giris strong { color: #d4116a; }
.bbp.bbp-deco-bilet .bbp-giris a {
  font-weight: 600;
  color: #d4116a;
  text-decoration: underline;
  text-decoration-color: rgba(212, 17, 106, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Tutar tablosu (ör. yatırım aralığı → bonus): solda aralık, sağda vurgulu tutar */
.bbp.bbp-deco-bilet .bbp-tablo {
  margin: 8px 0 12px;
  border: 1px solid #f0cede;
  border-radius: 14px;
  overflow: hidden;
}
.bbp.bbp-deco-bilet .bbp-tablo-satir {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 14px;
  font-size: 13px; line-height: 1.4;
  color: #093473;
}
.bbp.bbp-deco-bilet .bbp-tablo-satir:nth-child(even) { background: #fff6f9; }
.bbp.bbp-deco-bilet .bbp-tablo-satir + .bbp-tablo-satir { border-top: 1px solid #f7e4ed; }
.bbp.bbp-deco-bilet .bbp-tablo-sag {
  flex: none;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 15px; font-weight: 600; line-height: 1.3;
  color: #d4116a;
  white-space: nowrap;
}
.bbp.bbp-deco-bilet .bbp-tablo + p { border-top: 1px solid #f7e4ed; }

/* Baremler: merdiven çubukları (3 barem: %77 / %89 / %100 · 4 barem: %82 / %88 / %94 / %100 dolgu) */
.bbp.bbp-deco-bilet .bbp-barem { margin: 4px 0 12px 38px; display: grid; gap: 6px; }
.bbp.bbp-deco-bilet .bbp-barem-satir {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  padding: 9px 12px;
  border-radius: 12px;
  background: #f6f1f5;
}
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(1) { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 77%, #f6f1f5 77%, #f6f1f5 100%); }
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(2) { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 89%, #f6f1f5 89%, #f6f1f5 100%); }
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(3) { background: #ffc9e0; }
/* 4 satırlı barem listesi (yalnız tam 4 satır olduğunda devreye girer; 3 satırlı listeler etkilenmez) */
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(1):nth-last-child(4) { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 82%, #f6f1f5 82%, #f6f1f5 100%); }
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(2):nth-last-child(3) { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 88%, #f6f1f5 88%, #f6f1f5 100%); }
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(3):nth-last-child(2) { background: linear-gradient(90deg, #ffc9e0 0%, #ffc9e0 94%, #f6f1f5 94%, #f6f1f5 100%); }
.bbp.bbp-deco-bilet .bbp-barem-satir:nth-child(4):nth-last-child(1) { background: #ffc9e0; }
.bbp.bbp-deco-bilet .bbp-barem-oran {
  grid-row: 1 / 3;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 26px; font-weight: 300; letter-spacing: -0.01em; line-height: 1;
  color: #093473;
}
.bbp.bbp-deco-bilet .bbp-barem-aralik { font-size: 12.5px; line-height: 1.4; color: #093473; }
.bbp.bbp-deco-bilet .bbp-barem-tur { font-size: 11.5px; line-height: 1.3; color: #8b6a7d; }

/* Spor / Casino çevrim bölümleri */
.bbp.bbp-deco-bilet .bbp-casino > p::before { color: #2d5287; }
.bbp.bbp-deco-bilet .bbp-casino h2::after { color: #2d5287; }

@media (min-width: 600px) {
  .bbp.bbp-deco-bilet { padding: 36px 36px 34px; }
  .bbp.bbp-deco-bilet .bbp-ust { padding: 32px 36px 28px; }
  .bbp.bbp-deco-bilet .bbp-ozet { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bbp.bbp-deco-bilet .bbp-ozet::before { left: -48px; }
  .bbp.bbp-deco-bilet .bbp-ozet::after { right: -48px; }
  .bbp.bbp-deco-bilet .bbp-ikili { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; }
  .bbp.bbp-deco-bilet .bbp-oran.bbp-oran-uzun { font-size: 84px; }
}

/* ==========================================================================
   BETBON · MASAÜSTÜ HEADER — "Şeker Çip" (custom CSS)
   Nereye: YALNIZ masaüstü (web) custom CSS'in EN ALTINA. Mobil dosyaya eklenmez.
   Kapsam: her kural #root .layout-header-holder-bc > header.header-bc altında; sayfanın geri kalanına dokunmaz.
   Yalnız masaüstü: platform bu dosyayı mobilde de yüklüyor; mobilde aynı sınıflar <header> yerine <div> içinde → kurallar mobile işlemez.
   Yazı tipi: header'a özel 'Betbon Jost' adıyla yüklenir; sitedeki diğer yazı tiplerini etkilemez.
   Renkler: pembe #d4116a · açık pembe çip #fff0f6 · seçili öğe mavi #2d5287 · lacivert #093473
   Seçili menü öğesi: li.active / a.active / aria-current="page" — platform hangisini koyarsa o boyanır.
   İkinci satır (BAHİS / CANLI BAHİS sayfaları): .nav-content-bc > nav — ince alt şerit; açılır menüler beyaz kart.
   ========================================================================== */

/* --- Yazı tipi: Jost 500/600 (Latin + Türkçe karakterler) --- */
@font-face {
  font-family: 'Betbon Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fontsource/jost@5.3.0/files/jost-latin-ext-500-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Betbon Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fontsource/jost@5.3.0/files/jost-latin-500-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Betbon Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fontsource/jost@5.3.0/files/jost-latin-ext-600-normal.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Betbon Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://cdn.jsdelivr.net/npm/@fontsource/jost@5.3.0/files/jost-latin-600-normal.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* --- Header zemini ve yazı tipi --- */
#root .layout-header-holder-bc > header.header-bc {
  background: #ffffff;
  box-shadow: 0 10px 30px -22px rgba(212, 17, 106, 0.45);
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
}

/* --- Üst satır --- */
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc {
  height: 62px;
  padding: 0 32px;
  background: #ffffff;
}

/* GİRİŞ (yazı buton) ve KAYIT (pembe dolu) */
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.sign-in,
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.register {
  height: 38px;
  border: 0;
  border-radius: 13px;
  box-shadow: none;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.sign-in {
  padding: 0 14px;
  background: transparent;
  color: #093473;
}
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.sign-in span {
  text-decoration: none;
}
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.sign-in:hover {
  color: #d4116a;
}
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.register {
  margin-left: 4px;
  padding: 0 22px;
  background: #d4116a;
  color: #ffffff;
}
#root .layout-header-holder-bc > header.header-bc .hdr-user-bc .btn.register:hover {
  background: #bc0e5e;
}

/* Dil seçici: açık pembe hap */
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc > .form-control-bc.select {
  margin-left: 10px;
}
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc > .form-control-bc.select > .form-control-label-bc {
  height: 38px;
  padding: 0 12px;
  border: 0;
  border-radius: 13px;
  background: #fff0f6;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #093473;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc > .form-control-bc.select .form-control-input-stroke-bc {
  display: none;
}
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc > .form-control-bc.select .form-control-icon-bc {
  color: #093473;
  opacity: 0.55;
}

/* Saat: açık mavi hap */
#root .layout-header-holder-bc > header.header-bc .hdr-main-content-bc > time.infoTime {
  height: 38px;
  margin-left: 10px;
  padding: 0 14px;
  border-radius: 13px;
  background: #eef3ff;
  display: inline-flex;
  align-items: center;
  color: #2d5287;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.03em;
  font-variant-numeric: tabular-nums;
}

/* Üç nokta menü düğmesi: açık pembe kare */
#root .layout-header-holder-bc > header.header-bc .smartPanel-bc > .hdr-toggle-button-bc {
  width: 38px;
  height: 38px;
  margin-left: 10px;
  border-radius: 13px;
  background: #fff0f6;
  color: #d4116a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* --- Giriş yapılmış üst satır: kısayol butonları şeker hap, PARA YATIR dolu pembe --- */
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text {
  height: 38px;
  margin-left: 8px;
  padding: 0 14px;
  border: 0;
  border-radius: 13px;
  background: #fff0f6;
  box-shadow: none;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #093473;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text > i,
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text > svg {
  color: #d4116a;
}
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text:hover {
  background: #ffe0ee;
}
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text[aria-label="PARA YATIR"] {
  background: #d4116a;
  color: #ffffff;
}
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text[aria-label="PARA YATIR"] > i {
  color: #ffffff;
}
#root .layout-header-holder-bc > header.header-bc .header-custom-buttons > .btn.header-icon-text[aria-label="PARA YATIR"]:hover {
  background: #bc0e5e;
}

/* Para birimi (₺) seçici: açık mavi hap */
#root .layout-header-holder-bc > header.header-bc .header-buttons-wallet .hdr-crypto-info {
  height: 38px;
  margin-left: 8px;
  padding: 0 10px;
  border-radius: 13px;
  background: #eef3ff;
  color: #2d5287;
}
#root .layout-header-holder-bc > header.header-bc .header-buttons-wallet .currency-control-symbol-letter {
  color: #2d5287;
  font-weight: 600;
}

/* Bakiye: açık mavi hap · Profil: açık pembe kare */
#root .layout-header-holder-bc > header.header-bc .header-user-nav > .nav-menu-other:not(.profileDetails) > li > .nav-menu-item {
  height: 38px;
  margin-left: 8px;
  padding: 0 14px;
  border-radius: 13px;
  background: #eef3ff;
  display: inline-flex;
  align-items: center;
  color: #093473;
}
#root .layout-header-holder-bc > header.header-bc .header-user-nav .balanceAmount {
  margin: 0;
  color: #093473;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 14px;
  font-weight: 600;
}
#root .layout-header-holder-bc > header.header-bc .header-user-nav > .profileDetails > li > a {
  width: 38px;
  height: 38px;
  margin-left: 8px;
  border-radius: 13px;
  background: #fff0f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#root .layout-header-holder-bc > header.header-bc .header-user-nav > .profileDetails > li > a > .hdr-user-avatar-icon-bc {
  color: #d4116a;
}

/* --- Menü barı: beyaz şerit, ince pembe üst çizgi, öğeler ortalı ---
   Yapı: .nav-content-bc > .nav-content-menu > nav  = ana menü (çipli, 56 px)
         .nav-content-bc > nav                      = BAHİS / CANLI BAHİS sayfalarındaki ikinci satır (ince şerit, 44 px)
   Satırlar alt alta dizilir; bar yüksekliği içeriğe göre büyür (ikinci satır sayfanın üstüne taşmaz). */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc {
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0 22px;
  border: 0;
  border-top: 1px solid #fbe9f1;
  border-radius: 0;
  background: #ffffff;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
}
/* Platformun bar üzerindeki süs çizgileri (satır ayracı, alt/üst çizgi) kapatılır — yeni yükseklikte çiplerin üstünden geçiyordu */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .nav-content-menu::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .nav-content-menu::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation > .nav-menu::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation > .nav-menu::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation > .nav-menu-other::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation > .nav-menu-other::after {
  content: none;
}

/* Ana menü satırı: her katman 56 px (platform öğeleri 30 px'te tutuyordu; çipler üste yapışıyordu) */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .nav-content-menu {
  flex: none;
  height: 56px;
  background: transparent;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other > li {
  height: 56px;
  min-height: 0;
  max-height: none;
  background: transparent;
}
/* Menü ortalı (iki satır da): öğe grubu barın ortasında durur (geniş ekranda sağda boşluk kalmaz).
   "safe": öğeler sığmazsa ortalama yerine sola yaslanır, baştaki öğeler kesilmez (eski tarayıcı ilk satırı kullanır). */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .nav-content-menu,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu {
  justify-content: center;
  justify-content: safe center;
}
/* Platformun öğe çizgileri kapatılır (üzerine gelince öğenin üstüne çizdiği pembe çizgi çipe biniyordu) */
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li {
  border: 0;
  box-shadow: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li::after {
  content: none;
}

/* Menü öğesi: çip + yazı (DAHA öğesi de aynı görünümde) */
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other > li.nav-menu-item {
  position: relative;
  height: 56px;
  padding: 0 10px;
  border: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 9px;
  background: transparent;
  color: #2b3a67;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other > li.nav-menu-item > i {
  flex: none;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 10px;
  background: #fff0f6;
  color: #d4116a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper > svg {
  width: 16px;
  height: 16px;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item > .nav-menu-sub-arrow {
  display: none;
}
/* Yazı katmanı (iki satırda da) öğenin rengini/yazı tipini alır — platform span'a ayrıca renk verirse ezilir */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc .header-navigation > .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

/* Üzerine gelince */
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item:hover,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other > li.nav-menu-item:hover {
  color: #093473;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item:hover > .CMSIconSVGWrapper,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu-other > li.nav-menu-item:hover > i {
  background: #ffe0ee;
}

/* Seçili öğe: mavi çip + mavi yazı */
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li.active > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item.active,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item[aria-current="page"] {
  color: #2d5287;
  font-weight: 600;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li.active > .nav-menu-item > .CMSIconSVGWrapper,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item.active > .CMSIconSVGWrapper,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item[aria-current="page"] > .CMSIconSVGWrapper {
  background: #2d5287;
  color: #ffffff;
}

/* Platformun kendi alt çizgi / rozet katmanları kapatılır; YENİ rozeti çipin köşesine yeniden çizilir */
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item::before {
  content: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item:not([data-badge])::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item[data-badge=""]::after {
  content: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-menu > .header-navigation > .nav-menu > li > .nav-menu-item[data-badge]:not([data-badge=""])::after {
  content: attr(data-badge);
  position: absolute;
  top: 5px;
  left: 29px;
  right: auto;
  bottom: auto;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  padding: 2px 5px 1px;
  border: 0;
  border-radius: 999px;
  background: #093473;
  box-shadow: 0 0 0 2px #ffffff;
  color: #ffffff;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.3;
  text-transform: uppercase;
  transform: none;
  animation: none;
  opacity: 1;
}

/* --- İkinci satır (BAHİS / CANLI BAHİS sayfaları): ince alt şerit, yalnız yazı, ana menü gibi ortalı --- */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation {
  flex: none;
  box-sizing: content-box;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #fbe9f1;
  background: transparent;
  display: flex;
  align-items: stretch;
  justify-content: center;
  justify-content: safe center;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu-other {
  height: 44px;
  margin: 0;
  padding: 0;
  background: transparent;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu-other > li {
  height: 44px;
  min-height: 0;
  max-height: none;
  border: 0;
  box-shadow: none;
  background: transparent;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li::after {
  content: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu-other > li.nav-menu-item {
  position: relative;
  height: 44px;
  padding: 0 12px;
  border: 0;
  box-shadow: none;
  display: flex;
  align-items: center;
  gap: 7px;
  background: transparent;
  color: #5b6280;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item > .nav-menu-sub-arrow,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu-other > li.nav-menu-item > i {
  display: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item::before,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item::after {
  content: none;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item:hover,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu-other > li.nav-menu-item:hover {
  color: #d4116a;
}
/* Seçili alt sekme: mavi yazı + mavi alt çizgi */
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li.active > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item.active,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item[aria-current="page"] {
  color: #2d5287;
  font-weight: 600;
}
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li.active > .nav-menu-item::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item.active::after,
#root .layout-header-holder-bc > header.header-bc .nav-content-bc > .header-navigation > .nav-menu > li > .nav-menu-item[aria-current="page"]::after {
  content: '';
  position: absolute;
  top: auto;
  right: 12px;
  bottom: 0;
  left: 12px;
  width: auto;
  height: 2px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 2px 2px 0 0;
  background: #2d5287;
  transform: none;
}

/* --- Açılır menüler (üzerine gelince): beyaz şeker kart --- */
#root .layout-header-holder-bc > header.header-bc .header-navigation > .nav-menu > li > .nav-menu-sub,
#root .layout-header-holder-bc > header.header-bc .header-navigation > .nav-menu-other > li > .nav-menu-sub,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub {
  margin-top: 8px;
  padding: 8px;
  min-width: 210px;
  border: 1px solid #fbe9f1;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 40px -18px rgba(212, 17, 106, 0.4), 0 2px 8px rgba(9, 52, 115, 0.06);
}
/* DAHA kartı sağa hizalı açılır (grubun son öğesi; ortalı menüde ekranın sağından taşmasın) */
#root .layout-header-holder-bc > header.header-bc .header-navigation > .nav-menu-other > li > .nav-menu-sub {
  right: 0;
  left: auto;
}
/* Kartla öğe arasındaki 8 px boşlukta imleç menüyü kapatmasın diye görünmez köprü (platformun ok / çizgi süsünün yerine) */
#root .layout-header-holder-bc > header.header-bc .header-navigation > .nav-menu > li > .nav-menu-sub::before,
#root .layout-header-holder-bc > header.header-bc .header-navigation > .nav-menu-other > li > .nav-menu-sub::before,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub::before {
  content: '';
  position: absolute;
  top: -9px;
  right: 0;
  bottom: auto;
  left: 0;
  width: auto;
  height: 9px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform: none;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub::after,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub::after {
  content: none;
}
/* DAHA içinde yana açılan ikinci kademe (dar ekranda) de aynı beyaz kart */
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub .nav-menu-sub {
  padding: 8px;
  min-width: 210px;
  border: 1px solid #fbe9f1;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 40px -18px rgba(212, 17, 106, 0.4), 0 2px 8px rgba(9, 52, 115, 0.06);
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub .nav-menu-sub::before {
  content: none;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li + li,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li + li {
  margin-top: 2px;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .userLogoutBtn {
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0 14px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #2b3a67;
  font-family: 'Betbon Jost', 'Jost', 'Segoe UI', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item:hover,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item:hover,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .userLogoutBtn:hover {
  background: #fff0f6;
  color: #d4116a;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item.active,
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item[aria-current="page"] {
  background: #eef3ff;
  color: #2d5287;
  font-weight: 600;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub .CMSIconSVGWrapper {
  display: none;
}
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item::before,
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item::after,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item::before,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item::after {
  content: none;
}
/* Kart öğelerinin yazı katmanı öğenin rengini alır (platformun beyaz span rengi beyaz kartta görünmez kalırdı) */
#root .layout-header-holder-bc > header.header-bc .header-navigation .nav-menu-sub > li > .nav-menu-item > span:not(.CMSIconSVGWrapper),
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item > span,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .userLogoutBtn > span {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .nav-menu-item > i,
#root .layout-header-holder-bc > header.header-bc .header-user-nav .nav-menu-sub > li > .userLogoutBtn > i {
  color: #d4116a;
  font-size: 16px;
}

/* ==========================================================================
   BETBON · TEMSİLCİM BANA ULAŞSIN — Candy Deco (custom CSS)
   Nereye: mobil ve masaüstü custom CSS'in EN ALTINA eklenir.
   Kapsam: tüm kurallar .btu.btu-deco altında; başka sayfaları etkilemez.
   Form: mobile.js #betbon-iletisim-mount içine enjekte eder (.ti-box, .ti-desc, .ti-sayac, .ti-gonder, .ti-msg);
         JS'in kendi koyu stili buradaki daha özgül seçicilerle ezilir, JS'e dokunulmaz.
   Mesajlar: JS yazı rengini satır içi verir (yeşil = gönderiliyor/başarılı, kırmızı = hata); renge göre
             mavi onay ya da pembe uyarı kutusu olarak gösterilir. Gönderilirken (alan henüz doluyken)
             kâğıt uçak, başarılı olunca (JS alanı temizleyince) tik ikonu çıkar.
   Yazı alanı 16 px: iPhone'da alana dokununca sayfanın kendiliğinden yakınlaşmasını önler.
   Fontlar (Josefin Sans, Jost) diğer Betbon sayfalarındaki gibi tasarım ekiyle yüklenir; ikonlar CSS maskesidir.
   ========================================================================== */

/* --- Kart --- */
.btu.btu-deco {
  box-sizing: border-box;
  max-width: 560px;
  margin: 0 auto;
  padding: 30px 20px 26px;
  background: #ffffff;
  border: 1px solid #f0cede;
  border-radius: 24px;
  box-shadow: inset 0 0 0 6px #ffffff, inset 0 0 0 7px #f0cede, 0 24px 48px -30px rgba(212, 17, 106, 0.45);
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px;
  line-height: 1.6;
  color: #4a5170;
  text-align: left;
}
.btu.btu-deco * { box-sizing: border-box; }
.btu.btu-deco h1, .btu.btu-deco h2, .btu.btu-deco p { margin: 0; padding: 0; }
.btu.btu-deco strong { font-weight: 600; color: #093473; }

/* --- Üst bölüm: mühür, etiket, başlık + ✦, açıklama --- */
.btu.btu-deco .btu-ust { text-align: center; }
.btu.btu-deco .btu-muhur {
  width: 60px;
  height: 60px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff0f6;
  box-shadow: 0 0 0 6px #ffffff, 0 0 0 7px #f0cede;
  color: #d4116a;
  font-size: 0;
  line-height: 0;
}
.btu.btu-deco .btu-muhur::before {
  content: '';
  width: 26px;
  height: 26px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13.5' width='4.2' height='6.5' rx='1.6'/%3E%3Crect x='16.8' y='13.5' width='4.2' height='6.5' rx='1.6'/%3E%3Cpath d='M19 20.2c-.6 1.2-1.8 1.8-3.4 1.8H13'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Crect x='3' y='13.5' width='4.2' height='6.5' rx='1.6'/%3E%3Crect x='16.8' y='13.5' width='4.2' height='6.5' rx='1.6'/%3E%3Cpath d='M19 20.2c-.6 1.2-1.8 1.8-3.4 1.8H13'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btu.btu-deco .btu-etiket {
  padding-left: 0.34em;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.34em;
  line-height: 1.2;
  color: #d4116a;
}
.btu.btu-deco h1 {
  margin-top: 14px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 31px;
  font-weight: 300;
  letter-spacing: 0.04em;
  line-height: 1.14;
  text-transform: none;
  color: #093473;
  text-wrap: balance;
}
.btu.btu-deco h1::after,
.btu.btu-deco h2::after {
  content: '\2726';
  display: block;
  margin: 16px auto 0;
  width: 170px;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 12px;
  text-transform: none;
  text-align: center;
  color: #ff4fa3;
  background: linear-gradient(#f0cede, #f0cede) left center / 66px 1px no-repeat,
              linear-gradient(#f0cede, #f0cede) right center / 66px 1px no-repeat;
}
.btu.btu-deco h2::after {
  margin-top: 10px;
  width: 130px;
  font-size: 9px;
  line-height: 10px;
  background-size: 50px 1px, 50px 1px;
}
.btu.btu-deco .btu-alt {
  margin: 14px auto 0;
  max-width: 270px;
  font-size: 14.5px;
  line-height: 1.6;
  color: #5c6380;
}

/* --- Adımlar: I · II · III --- */
.btu.btu-deco .btu-adimlar {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.btu.btu-deco .btu-adim {
  padding: 12px 6px 11px;
  border: 1px solid #f0cede;
  border-radius: 14px;
  text-align: center;
}
.btu.btu-deco .btu-adim-no {
  display: block;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.18em;
  line-height: 1.2;
  color: #d4116a;
}
.btu.btu-deco .btu-adim-ad {
  display: block;
  margin-top: 6px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  color: #093473;
}

/* --- Form alanı (pembe kesik çizgili not kutusu) --- */
.btu.btu-deco .btu-form {
  margin-top: 24px;
  padding: 16px 14px 14px;
  border: 1px dashed #efb6d1;
  border-radius: 20px;
  background: #fff6f9;
}
.btu.btu-deco .btu-form-ust {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
  margin: 0 2px 10px;
}
.btu.btu-deco .btu-form-baslik {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.3;
  color: #093473;
}
.btu.btu-deco .btu-form-ipucu {
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-style: italic;
  line-height: 1.3;
  color: #7d5a6f;
}

/* --- JS'in enjekte ettiği form: koyu kutu stili ezilir --- */
.btu.btu-deco #betbon-iletisim-mount .ti-box {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  text-align: left;
}
.btu.btu-deco #betbon-iletisim-mount .ti-desc {
  display: block;
  width: 100%;
  min-height: 118px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #f0cede;
  border-radius: 16px;
  background: #ffffff;
  color: #093473;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 16px;
  line-height: 1.55;
  resize: vertical;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.btu.btu-deco #betbon-iletisim-mount .ti-desc::placeholder {
  color: #a3879a;
  opacity: 1;
}
.btu.btu-deco #betbon-iletisim-mount .ti-desc:focus {
  border-color: #ff4fa3;
  box-shadow: 0 0 0 4px rgba(255, 79, 163, 0.14);
}
.btu.btu-deco #betbon-iletisim-mount .ti-sayac {
  margin: 7px 4px 0;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  line-height: 1.2;
  color: #7d5a6f;
  text-align: right;
}
.btu.btu-deco #betbon-iletisim-mount .ti-gonder {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  margin: 12px 0 0;
  padding: 0 16px;
  border: 0;
  border-radius: 16px;
  background: #d4116a;
  box-shadow: inset 0 0 0 4px #d4116a, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 12px 22px -14px rgba(212, 17, 106, 0.9);
  color: #ffffff;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.btu.btu-deco #betbon-iletisim-mount .ti-gonder::after {
  content: '';
  flex: none;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btu.btu-deco #betbon-iletisim-mount .ti-gonder:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: inset 0 0 0 4px #d4116a, inset 0 0 0 5px rgba(255, 255, 255, 0.6);
}
.btu.btu-deco #betbon-iletisim-mount .ti-gonder:focus-visible {
  outline: 2px solid #093473;
  outline-offset: 3px;
}
@media (hover: hover) {
  .btu.btu-deco #betbon-iletisim-mount .ti-gonder:not(:disabled):hover {
    background: #b30d58;
    box-shadow: inset 0 0 0 4px #b30d58, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 12px 22px -14px rgba(212, 17, 106, 0.9);
  }
}
/* dokunma geri bildirimi (mobilde hover yok; mavi dokunma parlaması kapalı olduğu için basılı hâl) */
.btu.btu-deco #betbon-iletisim-mount .ti-gonder:not(:disabled):active {
  background: #b30d58;
  box-shadow: inset 0 0 0 4px #b30d58, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 6px 14px -10px rgba(212, 17, 106, 0.9);
  transition-duration: 0.06s;
}

/* --- Mesajlar (JS'in satır içi rengine göre): boşken gizli; gönderiliyor/başarılı mavi onay, hata pembe uyarı --- */
.btu.btu-deco #betbon-iletisim-mount .ti-msg {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  min-height: 0;
  padding: 11px 14px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 0 0 1px #f0cede;
  color: #093473 !important;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-wrap: pretty;
}
.btu.btu-deco #betbon-iletisim-mount .ti-msg:empty { display: none; }
.btu.btu-deco #betbon-iletisim-mount .ti-msg::before {
  content: '';
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2.5px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="74, 222, 128"],
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="4ade80"] {
  background: #eef3ff;
  box-shadow: 0 0 0 1px #d6e2fb;
  color: #2d5287 !important;
}
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="248, 113, 113"],
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="f87171"] {
  background: #fff0f6;
  box-shadow: 0 0 0 1px #f6c9dc;
  color: #c40f62 !important;
}
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="248, 113, 113"]::before,
.btu.btu-deco #betbon-iletisim-mount .ti-msg[style*="f87171"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.6v.01'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.6v.01'/%3E%3C/svg%3E");
}
/* gönderiliyor: yeşil mesaj varken alan hâlâ dolu → kâğıt uçak (başarılı olunca JS alanı temizler → tik) */
.btu.btu-deco #betbon-iletisim-mount .ti-desc:not(:placeholder-shown) ~ .ti-msg[style*="74, 222, 128"]::before,
.btu.btu-deco #betbon-iletisim-mount .ti-desc:not(:placeholder-shown) ~ .ti-msg[style*="4ade80"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 3 10.4l7.6 3 3 7.6z'/%3E%3Cpath d='M21 3 10.6 13.4'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 3 10.4l7.6 3 3 7.6z'/%3E%3Cpath d='M21 3 10.6 13.4'/%3E%3C/svg%3E");
}

/* --- Bilinmesi gerekenler: ✦ başlık + Roma rakamlı maddeler --- */
.btu.btu-deco h2 {
  margin-top: 30px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1.55;
  text-transform: none;
  text-align: center;
  color: #093473;
}
.btu.btu-deco .btu-maddeler {
  margin-top: 10px;
  counter-reset: btumadde;
}
.btu.btu-deco .btu-maddeler p {
  position: relative;
  padding: 11px 0 11px 34px;
  font-size: 13.5px;
  line-height: 1.65;
  color: #4a5170;
  counter-increment: btumadde;
}
.btu.btu-deco .btu-maddeler p + p { border-top: 1px solid #f7e4ed; }
.btu.btu-deco .btu-maddeler p::before {
  content: counter(btumadde, upper-roman);
  position: absolute;
  left: 0;
  top: 11px;
  width: 28px;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.95;
  color: #d4116a;
}

/* --- Telefon numarası güncelleme (pembe çerçeveli buton) --- */
.btu.btu-deco .btu-cta { margin-top: 20px; }
.btu.btu-deco .btu-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 54px;
  padding: 12px 14px;
  border: 1.5px solid #d4116a;
  border-radius: 16px;
  background: #ffffff;
  color: #d4116a;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.35;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease;
}
.btu.btu-deco .btu-cta a::before {
  content: '';
  flex: none;
  width: 18px;
  height: 18px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E") center / contain no-repeat;
}
@media (hover: hover) {
  .btu.btu-deco .btu-cta a:hover { background: #fff0f6; }
}
.btu.btu-deco .btu-cta a:active { background: #fff0f6; }

/* --- Geniş ekran --- */
@media (min-width: 600px) {
  .btu.btu-deco { padding: 38px 36px 34px; }
  .btu.btu-deco .btu-adim { padding: 14px 8px 13px; }
}

/* ==========================================================================
   BETBON · TELEFON NUMARASI DEĞİŞTİR (/tr/help/1013641) — Candy Deco (custom CSS)
   Nereye: mobil ve masaüstü custom CSS'in EN ALTINA eklenir.
   Sayfa "Temsilcim Bana Ulaşsın" sayfasıyla aynı sınıfları kullanır (.btu.btu-deco); kart, başlık, adımlar, form alanı ve
   "Bilinmesi Gerekenler" o bloktan gelir (o blok CSS'te kalmalı). Bu blok yalnız farkları ekler (.btu-tel):
   mühürde telefon ikonu; adımlar formla birlikte ilerler (I kimlik → II SMS kodu → III tamamlandı); JS'in formu.
   Kapsam: tüm kurallar .btu.btu-deco.btu-tel altında; başka sayfaları etkilemez.
   Form: mobile.js #betbon-tel-degistir-mount içine enjekte eder (.ttd-box, .ttd-adim1, .ttd-adim2, .ttd-gonder, .ttd-dogrula,
         .ttd-geri, .ttd-msg); JS'in kendi koyu stili buradaki daha özgül seçicilerle ezilir, JS'e dokunulmaz.
   Mesajlar: JS yazı rengini satır içi verir (yeşil = işlem sürüyor / başarılı, kırmızı = hata); mavi onay ya da pembe uyarı
             kutusu olarak gösterilir. İşlem sürerken (düğme kilitliyken) saat, başarılı olunca tik ikonu çıkar.
   Yazı alanları 16 px: iPhone'da alana dokununca sayfa kendiliğinden yakınlaşmaz.
   ========================================================================== */

/* --- Mühür: telefon ikonu --- */
.btu.btu-deco.btu-tel .btu-muhur::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M10.5 18.5h3'/%3E%3C/svg%3E");
}

/* --- Adımlar: formun bulunduğu adım öne çıkar --- */
.btu.btu-deco.btu-tel .btu-adim {
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.btu.btu-deco.btu-tel .btu-adim:first-child,
.btu.btu-deco.btu-tel:has(.ttd-adim2:not(.ttd-hide)) .btu-adim:nth-child(2),
.btu.btu-deco.btu-tel:has(.ttd-adim1.ttd-hide):has(.ttd-adim2.ttd-hide) .btu-adim:nth-child(3) {
  border-color: #efa3c6;
  background: #fff6f9;
  box-shadow: 0 0 0 3px #fff0f6;
}
.btu.btu-deco.btu-tel:has(.ttd-adim2:not(.ttd-hide)) .btu-adim:first-child,
.btu.btu-deco.btu-tel:has(.ttd-adim1.ttd-hide):has(.ttd-adim2.ttd-hide) .btu-adim:first-child {
  border-color: #f0cede;
  background: transparent;
  box-shadow: none;
}

/* --- JS'in enjekte ettiği form: koyu kutu stili ezilir --- */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box {
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: inherit;
  font-family: inherit;
  text-align: left;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box label {
  display: block;
  margin: 14px 2px 7px;
  padding: 0;
  color: #093473;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: none;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box label:first-child {
  margin-top: 0;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box input {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 52px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid #f0cede;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: none;
  color: #093473;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: normal;
  text-align: left;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box input::placeholder {
  color: #a3879a;
  opacity: 1;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box input:focus {
  border-color: #ff4fa3;
  box-shadow: 0 0 0 4px rgba(255, 79, 163, 0.14);
}
/* TC'nin son 5 hanesi ve doğrulama kodu: haneler aralıklı; kod ortada ve büyük */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box .ttd-tc {
  letter-spacing: 0.3em;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box .ttd-otp {
  height: 60px;
  padding: 0 12px;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 0.5em;
  text-align: center;
  text-indent: 0.5em;
}

/* --- Düğmeler: Doğrula ve Kod Gönder / Onayla ve Güncelle (pembe, çift çizgi), Geri (yazı düğmesi) --- */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 52px;
  margin: 16px 0 0;
  padding: 10px 14px;
  border: 0;
  border-radius: 16px;
  background: #d4116a;
  box-shadow: inset 0 0 0 4px #d4116a, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 12px 22px -14px rgba(212, 17, 106, 0.9);
  color: #ffffff;
  font-family: 'Josefin Sans', 'Futura', 'Century Gothic', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.07em;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula)::after {
  content: '';
  flex: none;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula):disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: inset 0 0 0 4px #d4116a, inset 0 0 0 5px rgba(255, 255, 255, 0.6);
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula):focus-visible {
  outline: 2px solid #093473;
  outline-offset: 3px;
}
@media (hover: hover) {
  .btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula):not(:disabled):hover {
    background: #b30d58;
    box-shadow: inset 0 0 0 4px #b30d58, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 12px 22px -14px rgba(212, 17, 106, 0.9);
  }
}
/* dokunma geri bildirimi (mobilde hover yok) */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box :is(.ttd-gonder, .ttd-dogrula):not(:disabled):active {
  background: #b30d58;
  box-shadow: inset 0 0 0 4px #b30d58, inset 0 0 0 5px rgba(255, 255, 255, 0.6), 0 6px 14px -10px rgba(212, 17, 106, 0.9);
  transition-duration: 0.06s;
}
/* Geri: JS'in !important'lı gri stili ezilir */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box .ttd-geri {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 44px;
  margin: 6px 0 0 !important;
  padding: 0 14px !important;
  border: 0;
  border-radius: 14px;
  background: transparent !important;
  box-shadow: none;
  color: #7d5a6f !important;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  line-height: 1.3;
  text-transform: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box .ttd-geri:active {
  background: #fff0f6 !important;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box .ttd-geri:focus-visible {
  outline: 2px solid #093473;
  outline-offset: 2px;
}

/* --- Mesajlar (JS'in satır içi rengine göre): boşken gizli; işlem sürüyor / başarılı mavi kutu, hata pembe uyarı --- */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8px;
  margin: 12px 0 0;
  min-height: 0;
  padding: 11px 14px;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 0 0 1px #f0cede;
  color: #093473 !important;
  font-family: 'Jost', 'Futura', 'Avenir Next', 'Segoe UI', sans-serif;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-wrap: pretty;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg:empty {
  display: none;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg::before {
  content: '';
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2.5px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="74, 222, 128"],
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="4ade80"] {
  background: #eef3ff;
  box-shadow: 0 0 0 1px #d6e2fb;
  color: #2d5287 !important;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="248, 113, 113"],
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="f87171"] {
  background: #fff0f6;
  box-shadow: 0 0 0 1px #f6c9dc;
  color: #c40f62 !important;
}
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="248, 113, 113"]::before,
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box > .ttd-msg[style*="f87171"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.6v.01'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5v5.5'/%3E%3Cpath d='M12 16.6v.01'/%3E%3C/svg%3E");
}
/* işlem sürüyor ("Doğrulanıyor…", "Güncelleniyor…"): düğme kilitliyken saat ikonu */
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box:has(button:disabled) > .ttd-msg[style*="74, 222, 128"]::before,
.btu.btu-deco.btu-tel #betbon-tel-degistir-mount .ttd-box:has(button:disabled) > .ttd-msg[style*="4ade80"]::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E");
}

/* --- Dar ekran (< 360 px): uzun etiket tek satırda, adım yazıları kutuya sığar --- */
@media (max-width: 359px) {
  .btu.btu-deco.btu-tel .btu-etiket {
    padding-left: 0.24em;
    letter-spacing: 0.24em;
  }
  .btu.btu-deco.btu-tel .btu-adim {
    padding-right: 4px;
    padding-left: 4px;
  }
}