html:not(.app-ready) body {
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}


html:not(.app-ready)::before {
    
    content: "TEOSBET \A\A ⏳ Site Yükleniyor... \A\A Güvenli giriş için bağlantı kontrol ediliyor. \A\A Eğer 5 saniye içinde açılmazsa lütfen aşağıdaki güvenli linke tıklayın veya tarayıcınıza yazın: \A\A 👉 t2m.io/teos 👈";
    
    white-space: pre-wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #0e2039; 
    background-image: url('https://cms-storage.teasbet477.com/content/images/920be0c04ca8878671fe07757b53f04d_18757087_media.webp');
    background-repeat: no-repeat;
    background-position: center 15%; 
    background-size: 120px;
    
    color: #ffffff;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    text-align: center;
    z-index: 2147483647;
    padding: 20px;
    box-sizing: border-box;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
    padding-top: 100px;
}

html:not(.app-ready)::after {
    content: "";
    position: fixed;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 40px;
    border: 4px solid rgba(212, 175, 55, 0.3); 
    border-top: 4px solid #d4af37; 
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 2147483648;
}

@keyframes spin {
    0% { transform: translateX(-50%) rotate(0deg); }
    100% { transform: translateX(-50%) rotate(360deg); }
}






/*body {
    background-image: url(https://cms-storage.teasbet477.com/storage/medias/tesobet-18757087/media_18757087_caf2f8d2210949202b19d86e96e3c109.jpeg) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}*/

.xx-main-title {
    text-align: center;
    margin-bottom: 20px;
}

.xx-bonus-container {
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
}

.xx-bonus-section {
    margin-bottom: 20px;
}

.xx-bonus-header {
    font-weight: bold;
    margin-bottom: 10px;
}

.xx-bonus-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.xx-bonus-name {
    display: flex;
    align-items: center;
}

.xx-info-icon {
    cursor: pointer;
    margin-right: 5px;
}

.xx-bonus-button {
    padding: 5px 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
    color: #FFFFFF;
    font-weight: 500;
    text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
}

.xx-bonus-button.sport {
    background-color: #00bfb2;
    background-image: linear-gradient(315deg, #00bfb2 0%, #028090 74%);
}

.xx-bonus-button.casino {
    background-color: #4062bb;
    background-image: linear-gradient(316deg, #4062bb 0%, #5200ae 74%);
}

.xx-bonus-button:hover {
    opacity: 0.8;
    box-shadow: 0 1px 30px rgba(80, 63, 205, 0.5);
}

/* ... [Önceki CSS stil tanımlarınız] ... */

.xx-bonus-row {
    display: flex;
    justify-content: flex-start; /* Butonları sola hizala */
    align-items: center;
    flex-wrap: wrap; /* İçerik sığmazsa yeni satıra geç */
}

.xx-bonus-name {
    flex-basis: 100%; /* Geniş ekranlarda bonus adı tüm genişliği alır */
    margin-bottom: 10px; /* Bonus adı ve butonlar arasında boşluk */
}

.xx-bonus-button {
    margin-right: 10px; /* Butonlar arasında sağa doğru boşluk */
    margin-bottom: 10px; /* Alt satırlar arası boşluk */
    padding: 5px 10px; /* Buton içi dolgu */
    /* Buton genişliği sabit tutuluyor */
}

/* Mobil uyumluluk için medya sorguları */
@media (max-width: 768px) {
    .xx-bonus-container {
        padding: 10px;
    }

    .xx-bonus-row {
        justify-content: center; /* Mobilde butonları ortala */
    }

    .xx-bonus-button {
        /* Mobil cihazlarda butonlar daha küçük olabilir */
        padding: 5px 8px;
    }
}

/* İsteğe bağlı: Daha küçük ekranlar için ek ayarlar */
@media (max-width: 480px) {
    .xx-bonus-name {
        font-size: 14px; /* Yazı boyutunu küçült */
    }
}


/* DESKTOP */

/* Home > Slider > Alt kısımdaki gölge efekti kaldırıldı*/
#root > div.layout-content-holder-bc > div:nth-child(1) > div > div > div > div > div > div > a:before{
    background: none !important;
}



/* Home > Eksik içerikleri gizlendi*/
.is-home-page > div.layout-content-holder-bc > div:nth-child(3),
.is-home-page > div.layout-content-holder-bc > div:nth-child(4),
.is-home-page > div.layout-content-holder-bc > div:nth-child(6),
.is-home-page > div.layout-content-holder-bc > div:nth-child(8),
.is-home-page > div.layout-content-holder-bc > div:nth-child(9),
.is-home-page > div.layout-content-holder-bc > div:nth-child(10),
.is-home-page > div.layout-content-holder-bc > div:nth-child(11),
.is-home-page > div.layout-content-holder-bc > div:nth-child(12),
.is-home-page > div.layout-content-holder-bc > div:nth-child(13),
.is-home-page > div.layout-content-holder-bc > div:nth-child(14),
.is-home-page > div.layout-content-holder-bc > div:nth-child(15),
.is-home-page > div.layout-content-holder-bc > div:nth-child(16),
.is-home-page > div.layout-content-holder-bc > div:nth-child(17)
{
    display: none !important;
}


/* onaylı değil efekti kaldır */
#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;
}

/* hesap doğrulanamadı yazısı kaldır */
#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;
}



/* Para Yatırma Yöntemleri açıklama yazıları gizle */
.u-i-p-c-body-bc .payment-info-bc .expandable-info-body-content{
    opacity: 0 !important;
}


/*Giris Butonu Text Duzenlemesi*/
button.btn.s-small.sign-in {
    text-decoration: none !important;
    text-transform: capitalize !important;

}


/* Kayıt Formu şifre doğrulama ingilizce textler kaldırıldı*/
#root > div.popup-holder-bc.full-screen.content-manager > div > div > div > div > div > div.e-p-body-bc > div > form > div.entrance-form-content-bc.single-side.step-0 > div > div.reg-form-fields > div > div:nth-child(2) > div > .validation-content {
	display: none !important;
}


/* Kayıt Formu New Member title kaldırıldı*/
#root > div.popup-holder-bc.full-screen.content-manager > div > div > div > div > div > div.e-p-body-bc > div > form > div.entrance-form-content-bc.double-sides.step-1 > div > div.sg-n-text-row-1-bc,
#root > div.popup-holder-bc.full-screen.content-manager > div > div > div > div > div > div.e-p-body-bc > div > form > div.entrance-form-content-bc.single-side.step-0 > div > div.sg-n-text-row-1-bc {
	display: none !important;
}



/* ana sayfa casino product banner kaldırıldı */
/*#root > div.layout-content-holder-bc > div:nth-child(4) > div > .product-banner-info-bc {
  display: none !important;
}*/


.bc-i-circle-gift:before {
    content: "\eae1";
}

#root > div.layout-header-holder-bc > header > div.hdr-main-content-bc > div.hdr-user-bc > div.header-custom-buttons > a:nth-child(1){
background-color: #3bb78f !important;
background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%) !important;
}

/*
 Kişiye özel davet bonusu sayfası 


.t-margin-bottom{
    margin-bottom: 10px !important;
}

.t-margin-bottom2{
    margin-bottom: 20px !important;
}

.teosbet-container {
    max-width: 800px !important;
    font-size: 12px !important;
    margin: 0 auto !important;
    padding: 20px !important;
    background-color: #0e2039 !important; 
    color: #fff !important; 
    border-radius: 8px !important;
}

.teosbet-container a {
    color: #1c637d !important; 
    text-decoration: none !important;
}

.teosbet-container a:hover {
    text-decoration: underline !important;
}

.teosbet-bonus {
    background-color: rgba(28, 99, 125, 0.1) !important;
    padding: 15px !important;
    margin-top: 20px !important;
    border-radius: 5px !important;
}

.bonus-conditions, .bonus-section {
    background-color: rgba(28, 99, 125, 0.2) !important;
    padding: 15px !important;
    margin-top: 20px !important;
    border-radius: 5px !important;
}

.bonus-conditions h2, .bonus-section h3 {
    background-image: linear-gradient(0deg, rgb(191,149,63) 0%, rgb(222,198,125) 17%, rgb(252,246,186) 25%, rgb(216,191,113) 33%, rgb(179,135,40) 49%, rgb(215,190,112) 69%, rgb(251,245,183) 79%, rgb(170,119,28) 99%) !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    margin-bottom: 10px !important;
}

.gold {
    background-image: linear-gradient(0deg, rgb(191,149,63) 0%, rgb(222,198,125) 17%, rgb(252,246,186) 25%, rgb(216,191,113) 33%, rgb(179,135,40) 49%, rgb(215,190,112) 69%, rgb(251,245,183) 79%, rgb(170,119,28) 99%) !important; 
    -webkit-background-clip: text !important;
    color: transparent !important;
    margin-bottom: 10px !important;
}

.t-button {
    background-image: linear-gradient(-90deg, rgb(15,149,240) 0%, rgba(20,205,240,0.58) 47%, rgba(21,206,240,0.56863) 48%, rgba(55,243,243,0.36863) 100%) !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border: none !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    text-align: center !important;
}

.t-button:hover {
    opacity: 0.9 !important;
}


.teosbet-container li::before {
    font-size: 20px !important;
    line-height: 18px !important;
    vertical-align: middle !important;
}

.t-main-color {
    color: #1c637d !important;
}

.strong{
    font-weight: bolder !important;
}

.blue {
    color: #0F95F0 !important;
}

.font-14px {
    font-size: 12px !important;
}

.left-margin {
 margin-left: 20px !important;
}

.text-center {
    text-align: center !important;
}

.inline-div {
    display: inline-block !important;
}

.inline-div {
    display: inline-block !important;
}

.centered-logo {
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
            margin-bottom: 30px
}

.centered-logo img {
            width: 80px !important;
            height: 80px !important;
}

.margin0 {
	margin: 0px !important;
}

*/

/* lisans gizle 
.ftr-partners-row-bc .ftr-partners-row-inner-bc a img{
    display:none !important;
} */


.badge-new:after,
.badge-jackpot:after,
.badge-top:after{
    display: none !important;
}


/* k.dış. kaldır */
a.user-profile-nav-item[href="/?profile=open&account=profile&page=self-exclusion"] {
  display: none !important;
}


p#teos-security-shield-v1 {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
}

a[href*="guvenlik=kilit"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    z-index: -9999 !important;
}




/* ============================================================
   TEOSBET — DENEME / DAVET BONUSU SAYFASI
   Yunan Tanrı Teması — HTML'e özel uyarlı — FINAL v6
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Rajdhani:wght@300;400;500;600;700&display=swap');

/* ---------- ANA KONTEYNER ---------- */
.teosbet-container {
    max-width: 800px !important;
    margin: 20px auto !important;
    padding: 30px 25px !important;
    font-family: "Rajdhani", sans-serif !important;
    font-size: 14px !important;
    color: #e8dcc0 !important;
    background:
        linear-gradient(135deg, rgba(191, 149, 63, 0.06) 0%, transparent 40%, transparent 60%, rgba(191, 149, 63, 0.06) 100%),
        linear-gradient(180deg, #0b1f45 0%, #091838 50%, #0b1f45 100%) !important;
    border: 1px solid rgba(191, 149, 63, 0.4) !important;
    border-radius: 12px !important;
    box-shadow:
        0 0 0 1px rgba(252, 246, 186, 0.1) inset,
        0 10px 40px rgba(0, 0, 0, 0.5),
        0 0 60px rgba(191, 149, 63, 0.08) !important;
    position: relative !important;
    overflow: hidden !important;
}

.teosbet-container::before,
.teosbet-container::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        #AA771C 10%,
        #FCF6BA 50%,
        #AA771C 90%,
        transparent 100%) !important;
}
.teosbet-container::before { top: 0 !important; }
.teosbet-container::after  { bottom: 0 !important; }

/* ---------- GENEL METİN ---------- */
.teosbet-container p,
.teosbet-container li,
.teosbet-container span,
.teosbet-container .left-margin,
.teosbet-container .t-margin-bottom,
.teosbet-container .t-margin-bottom2,
.teosbet-container div:not(.gold):not(.centered-logo):not(.bonus-conditions):not(.bonus-section):not(.teosbet-bonus):not(.vip-spor):not(.vip-casino):not(.return-spor):not(.return-casino):not([class*="-spor"]):not([class*="-casino"]):not(.result):not(.otp-code) {
    font-family: "Rajdhani", sans-serif !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    text-transform: none !important;
}

.teosbet-container p,
.teosbet-container .left-margin {
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0.2px !important;
    text-align: left !important;
}

/* ---------- LOGO ---------- */
.centered-logo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px 0 25px !important;
    position: relative !important;
}

.centered-logo::before,
.centered-logo::after {
    content: "" !important;
    flex: 1 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #BF953F 30%, #BF953F 70%, transparent) !important;
    margin: 0 15px !important;
}

.centered-logo img {
    width: 90px !important;
    height: 90px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    content: url('https://cms-storage.teasbet477.com/storage/medias/tesobet-18757087/media_18757087_7f55b4ac01d71d3304eb7fe491c5f13b.png') !important;
    background: radial-gradient(circle, #0b1f45 0%, #091838 100%) !important;
    border: none !important;
    box-shadow:
        0 0 0 2px #BF953F,
        0 0 0 3px #091838,
        0 0 0 4px rgba(252, 246, 186, 0.6),
        0 0 25px rgba(252, 246, 186, 0.35),
        0 0 50px rgba(191, 149, 63, 0.2) !important;
}

/* ---------- ANA BAŞLIKLAR ----------
   "TEOSBET'E HOŞGELDİNİZ" ve "1 HAFTA SÜREYLE..." 
   bunlar div.gold.strong.text-center şeklinde yazılmış.
   Sadece container'ın DİREKT çocuğu olan .gold div'ler başlık gibi görünsün,
   madde içindeki .gold'lar normal metin gibi görünsün. */
.teosbet-container > .gold,
.teosbet-container > div > .gold:not(.inline-div),
.teosbet-container .teosbet-bonus > .gold:not(.inline-div),
.teosbet-container .bonus-conditions > h2,
.teosbet-container .bonus-section > h3,
.teosbet-container .teosbet-bonus h3.gold,
.teosbet-container h1,
.teosbet-container h2,
.teosbet-container h3,
.teosbet-container h4 {
    font-family: "Cinzel", serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 20px auto 14px !important;
    padding: 0 0 10px !important;
    background: linear-gradient(180deg,
        #FCF6BA 0%,
        #FBF5B7 20%,
        #D4AF37 45%,
        #BF953F 65%,
        #AA771C 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    position: relative !important;
    display: block !important;
    max-width: 95% !important;
}

/* İlk iki ana başlık biraz daha büyük olsun */
.teosbet-container > .gold.font-20px {
    font-size: 18px !important;
    letter-spacing: 3px !important;
    margin-bottom: 8px !important;
}

/* Başlık altı altın çizgi */
.teosbet-container > .gold::after,
.teosbet-container > div > .gold:not(.inline-div)::after,
.teosbet-container .bonus-conditions > h2::after,
.teosbet-container .bonus-section > h3::after,
.teosbet-container .teosbet-bonus > h2::after,
.teosbet-container .teosbet-bonus > h3::after,
.teosbet-container h1::after,
.teosbet-container h2::after,
.teosbet-container h3::after,
.teosbet-container h4::after {
    content: "" !important;
    position: absolute !important;
    bottom: 2px !important;
    left: 25% !important;
    right: 25% !important;
    height: 1px !important;
    background: linear-gradient(90deg,
        transparent 0%,
        #BF953F 30%,
        #FCF6BA 50%,
        #BF953F 70%,
        transparent 100%) !important;
}

/* "DENEME BONUSUMU NASIL ALABİLİRİM?" başlığı (font-14px.gold) */
.teosbet-container .font-14px.gold {
    font-size: 14px !important;
    letter-spacing: 2px !important;
}

/* ---------- MADDE İÇİNDEKİ .gold.inline-div'LERİ NORMAL METİN YAP ---------- */
.teosbet-container .left-margin .gold,
.teosbet-container .left-margin .gold.inline-div,
.teosbet-container .left-margin .gold.strong,
.teosbet-container .left-margin .inline-div.gold,
.teosbet-container .left-margin .inline-div,
.teosbet-container .left-margin div.gold,
.teosbet-container .left-margin > div,
.teosbet-container .t-margin-bottom .gold.inline-div,
.teosbet-container .t-margin-bottom .inline-div {
    font-family: "Rajdhani", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    line-height: 1.7 !important;
    text-align: left !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Madde içindeki .gold ::after altın çizgiyi gizle */
.teosbet-container .left-margin .gold::after,
.teosbet-container .left-margin .inline-div::after,
.teosbet-container .left-margin > div::after,
.teosbet-container .t-margin-bottom .gold::after,
.teosbet-container .t-margin-bottom .inline-div::after {
    display: none !important;
}

/* Madde içindeki strong (önemli kelimeler) altın sarısı, normal boyut */
.teosbet-container .left-margin strong,
.teosbet-container .t-margin-bottom strong,
.teosbet-container .left-margin b {
    font-family: "Rajdhani", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    text-transform: none !important;
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    display: inline !important;
    line-height: inherit !important;
}

/* ---------- BÖLÜM KARTLARI ---------- */
.teosbet-bonus,
.bonus-conditions,
.bonus-section {
    background:
        linear-gradient(135deg, rgba(252, 246, 186, 0.03) 0%, transparent 100%),
        rgba(11, 32, 82, 0.6) !important;
    padding: 22px 18px 18px !important;
    margin: 18px 0 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(191, 149, 63, 0.25) !important;
    border-left: 3px solid #BF953F !important;
    box-shadow:
        0 4px 15px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(252, 246, 186, 0.05) !important;
    position: relative !important;
}

/* teosbet-bonus içindeki inline-div.strong (giriş paragrafı) */
.teosbet-bonus .inline-div.strong {
    display: block !important;
    background: none !important;
    font-family: "Rajdhani", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.75 !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
    text-align: left !important;
    text-transform: none !important;
}

.teosbet-bonus .inline-div.strong p {
    margin: 0 0 12px 0 !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
}

.teosbet-bonus .inline-div.strong strong {
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    font-weight: 600 !important;
}

/* ---------- MADDE SATIRLARI ---------- */
.teosbet-container .left-margin {
    padding: 12px 16px !important;
    margin: 0 0 10px 0 !important;
    border-left: 2px solid rgba(191, 149, 63, 0.4) !important;
    background: rgba(252, 246, 186, 0.02) !important;
    border-radius: 0 6px 6px 0 !important;
    line-height: 1.65 !important;
    text-align: left !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
}

.teosbet-container .t-margin-bottom  { margin-bottom: 10px !important; }
.teosbet-container .t-margin-bottom2 { margin-bottom: 20px !important; }

/* Fazla ayraç ve hr'leri temizle */
.teosbet-container .left-margin::after,
.teosbet-container .left-margin::before,
.teosbet-container .t-margin-bottom::after,
.teosbet-container .t-margin-bottom2::after,
.teosbet-container .bonus-section::before,
.teosbet-container .bonus-section::after,
.teosbet-container .bonus-conditions::before,
.teosbet-container .bonus-conditions::after,
.teosbet-container .teosbet-bonus::before,
.teosbet-container .teosbet-bonus::after,
.teosbet-container hr {
    display: none !important;
}

/* Boş <p>&nbsp;</p> paragrafları küçült */
.teosbet-container .bonus-section p,
.teosbet-container .bonus-conditions p {
    margin: 8px 0 !important;
}

/* ---------- VURGU CLASS'LARI ---------- */
.teosbet-container .strong {
    font-weight: 700 !important;
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
}

.teosbet-container .t-main-color {
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    font-weight: 600 !important;
}

.teosbet-container .blue {
    color: #7dc3ff !important;
    -webkit-text-fill-color: #7dc3ff !important;
    font-weight: 600 !important;
}

.teosbet-container .text-center { text-align: center !important; }
.teosbet-container .inline-div  { display: inline-block !important; }
.teosbet-container .font-14px   { font-size: 13px !important; }
.teosbet-container .font-20px   { font-size: 18px !important; }
.teosbet-container .margin0     { margin: 0 !important; }

/* ---------- LİNKLER (Telegram, Twitter, Instagram) ---------- */
.teosbet-container a:not(.logo):not(.t-button):not([class*="-spor"]):not([class*="-casino"]) {
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    text-decoration: none !important;
    border-bottom: 1px dotted rgba(252, 246, 186, 0.4) !important;
    transition: all 0.2s !important;
    padding-bottom: 1px !important;
    font-weight: 600 !important;
}

.teosbet-container a:not(.logo):not(.t-button):hover {
    color: #FFF !important;
    -webkit-text-fill-color: #FFF !important;
    border-bottom-color: #FCF6BA !important;
    text-shadow: 0 0 8px rgba(252, 246, 186, 0.5) !important;
}

/* ---------- BUTONLAR (.t-button) ---------- */
.teosbet-container .t-button {
    display: inline-block !important;
    background: linear-gradient(180deg,
        #FCF6BA 0%,
        #D4AF37 40%,
        #BF953F 60%,
        #AA771C 100%) !important;
    color: #091838 !important;
    -webkit-text-fill-color: #091838 !important;
    font-family: "Cinzel", serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.8px !important;
    text-transform: uppercase !important;
    padding: 13px 28px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow:
        0 0 0 1px #AA771C,
        0 0 0 3px rgba(252, 246, 186, 0.25),
        0 6px 18px rgba(191, 149, 63, 0.4),
        inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
    transition: all 0.25s ease !important;
}

.teosbet-container .t-button:hover {
    transform: translateY(-2px) !important;
    opacity: 1 !important;
    box-shadow:
        0 0 0 1px #AA771C,
        0 0 0 3px rgba(252, 246, 186, 0.45),
        0 8px 24px rgba(191, 149, 63, 0.6),
        inset 0 1px 0 rgba(255, 255, 255, 0.7) !important;
}

/* ---------- BONUS AL BUTONLARI ---------- */
.teosbet-container .vip-spor,
.teosbet-container .vip-casino,
.teosbet-container .hg-ikiyuz-spor,
.teosbet-container .hg-ikiyuz-casino,
.teosbet-container .hg-otuz-spor,
.teosbet-container .hg-otuz-casino,
.teosbet-container .cevrimsiz-onbes-spor,
.teosbet-container .cevrimsiz-onbes-casino,
.teosbet-container .cevrimli-yuzelli-spor,
.teosbet-container .cevrimli-yuzelli-casino,
.teosbet-container .discount-spor,
.teosbet-container .discount-casino,
.teosbet-container .gununilki-casino,
.teosbet-container .gununilki-spor,
.teosbet-container .sansbonus-spor,
.teosbet-container .sansbonus-casino,
.teosbet-container .return-spor,
.teosbet-container .return-casino {
    display: inline-block !important;
    background: linear-gradient(180deg,
        #FCF6BA 0%,
        #D4AF37 40%,
        #BF953F 60%,
        #AA771C 100%) !important;
    color: #091838 !important;
    -webkit-text-fill-color: #091838 !important;
    font-family: "Cinzel", serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    margin: 6px 4px !important;
    border: none !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    text-align: center !important;
    box-shadow:
        0 0 0 1px #AA771C,
        0 4px 12px rgba(191, 149, 63, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
    transition: all 0.2s ease !important;
}

.teosbet-container [class*="-spor"]:active,
.teosbet-container [class*="-casino"]:active {
    transform: scale(0.97) !important;
    filter: brightness(1.1) !important;
}

/* ---------- SONUÇ KUTUSU (.result) ---------- */
.teosbet-container .result {
    margin-top: 20px !important;
    padding: 15px !important;
    background: rgba(11, 32, 82, 0.7) !important;
    border: 1px solid rgba(191, 149, 63, 0.35) !important;
    border-left: 3px solid #BF953F !important;
    border-radius: 8px !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    min-height: 40px !important;
}

.teosbet-container .result p,
.teosbet-container .result span,
.teosbet-container .result div {
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
}

.teosbet-container .result h2,
.teosbet-container .result h3 {
    font-family: "Cinzel", serif !important;
    font-size: 15px !important;
    letter-spacing: 1.5px !important;
    margin: 8px 0 !important;
    text-align: center !important;
    background: linear-gradient(180deg, #FCF6BA, #D4AF37, #AA771C) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.teosbet-container .result table {
    width: 100% !important;
    margin: 10px 0 !important;
    border-collapse: collapse !important;
    font-size: 12px !important;
}

.teosbet-container .result table th,
.teosbet-container .result table td {
    padding: 6px 10px !important;
    border: 1px solid rgba(191, 149, 63, 0.2) !important;
    color: #e8dcc0 !important;
    -webkit-text-fill-color: #e8dcc0 !important;
    text-align: left !important;
}

.teosbet-container .result table th {
    background: rgba(191, 149, 63, 0.15) !important;
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    font-weight: 600 !important;
}

/* ---------- OTP GİRİŞ KUTUSU ---------- */
.teosbet-container .otp-code.otp-input {
    display: block !important;
    margin: 15px auto !important;
    padding: 12px 18px !important;
    width: 220px !important;
    max-width: 90% !important;
    background: rgba(11, 32, 82, 0.8) !important;
    border: 1px solid rgba(191, 149, 63, 0.5) !important;
    border-radius: 6px !important;
    color: #FCF6BA !important;
    -webkit-text-fill-color: #FCF6BA !important;
    font-family: "Cinzel", serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 4px !important;
    text-align: center !important;
    outline: none !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
    transition: box-shadow 0.2s !important;
}

.teosbet-container .otp-code.otp-input:focus {
    box-shadow:
        inset 0 2px 4px rgba(0, 0, 0, 0.3),
        0 0 0 3px rgba(252, 246, 186, 0.2) !important;
    border-color: #FCF6BA !important;
}

/* ---------- MOBİL UYUM ---------- */
@media (max-width: 600px) {
    .teosbet-container {
        padding: 20px 14px !important;
        margin: 10px !important;
        font-size: 13px !important;
    }

    .teosbet-container > .gold,
    .teosbet-container > div > .gold:not(.inline-div),
    .teosbet-container .bonus-conditions > h2,
    .teosbet-container .bonus-section > h3,
    .teosbet-container .teosbet-bonus > h2,
    .teosbet-container .teosbet-bonus > h3 {
        font-size: 14px !important;
        letter-spacing: 1.8px !important;
    }

    .teosbet-container > .gold.font-20px {
        font-size: 16px !important;
        letter-spacing: 2.2px !important;
    }

    .teosbet-container .t-button,
    .teosbet-container [class*="-spor"],
    .teosbet-container [class*="-casino"] {
        display: block !important;
        width: 100% !important;
        margin: 8px 0 !important;
        font-size: 12px !important;
        letter-spacing: 1.3px !important;
        padding: 12px 20px !important;
    }

    .centered-logo img {
        width: 75px !important;
        height: 75px !important;
    }

    .teosbet-container p,
    .teosbet-container .left-margin,
    .teosbet-container .left-margin > div {
        font-size: 12.5px !important;
        line-height: 1.65 !important;
    }
}