/*
Theme Name: Clarix
Theme Version: 1.1
Author: NessaPanel
*/
/* ------------------------------------------------------------------
   Üst menü şeridi
------------------------------------------------------------------ */
.app-header{
    background-color:#ffffff;
    border-bottom:1px solid #e4e6ef;
    box-shadow:0 1px 3px rgba(18,38,63,.04);
}

/* Şerit yüksekliği: sayfa kaydırıldığındaki ince hâli sabit yapar */
:root,
body{
    --bs-app-header-height:70px!important;
    --bs-app-header-height-actual:70px!important;
}

.app-header .app-container{
    min-height:70px!important;
}

.app-header .app-header-wrapper{
    padding-top:0!important;
    padding-bottom:0!important;
}

/* Menü ile sayfa başlığı arasına nefes payı */
#kt_app_toolbar{
    padding-top:28px;
}

[data-bs-theme="dark"] .app-header{
    background-color:#1e1e2d;
    border-bottom-color:#2b2b40;
    box-shadow:0 1px 3px rgba(0,0,0,.25);
}

/* ------------------------------------------------------------------
   SSS akordiyon (ana sayfa)
------------------------------------------------------------------ */
.faq-accordion-l1 .faq-item{
    background:#fff;
    border:1px solid #e7e9f2;
    border-radius:14px;
    overflow:hidden;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.faq-accordion-l1 > [class*="col-"]{
    align-self:flex-start;
}

.faq-accordion-l1 .faq-item.is-open{
    border-color:#c7cdf5;
    box-shadow:0 6px 20px rgba(80,72,235,.08);
}

.faq-accordion-l1 .faq-question{
    width:100%;
    display:flex;
    align-items:center;
    gap:14px;
    padding:18px 20px;
    background:transparent;
    border:0;
    text-align:left;
    cursor:pointer;
}

.faq-accordion-l1 .faq-number{
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:10px;
    background:#5048eb;
    color:#fff;
    font-size:14px;
    font-weight:700;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.faq-accordion-l1 .faq-title{
    flex:1 1 auto;
    font-size:16px;
    font-weight:600;
    color:#0b1220;
    line-height:1.4;
}

.faq-accordion-l1 .faq-icon{
    flex:0 0 auto;
    width:14px;
    height:14px;
    position:relative;
}

.faq-accordion-l1 .faq-icon::before,
.faq-accordion-l1 .faq-icon::after{
    content:"";
    position:absolute;
    background:#5048eb;
    border-radius:2px;
    transition:transform .25s ease, opacity .25s ease;
}

.faq-accordion-l1 .faq-icon::before{
    top:6px; left:0; width:14px; height:2px;
}

.faq-accordion-l1 .faq-icon::after{
    top:0; left:6px; width:2px; height:14px;
}

.faq-accordion-l1 .faq-item.is-open .faq-icon::after{
    transform:rotate(90deg);
    opacity:0;
}

.faq-accordion-l1 .faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
}

.faq-accordion-l1 .faq-answer-inner{
    padding:0 20px 18px 68px;
    font-size:14.5px;
    line-height:1.7;
    color:#6b7280;
}

.faq-accordion-l1 .faq-answer-inner p:last-child{
    margin-bottom:0;
}

@media (max-width: 575.98px){
    .faq-accordion-l1 .faq-answer-inner{
        padding-left:20px;
    }
}

/* ------------------------------------------------------------------
   Fiyat tablosu (ana sayfa)
------------------------------------------------------------------ */
.price-area-l1{
    padding:80px 0 60px;
}

.price-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 16px;
    border-radius:999px;
    background:#efeafd;
    color:#5048eb;
    font-size:13.5px;
    font-weight:600;
    margin-bottom:16px;
}

.price-card{
    background:#fff;
    border:1px solid #e7e9f2;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(18,38,63,.05);
}

.price-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:18px;
    border-bottom:1px solid #eef0f6;
}

.price-tab{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 16px;
    border:1px solid #e7e9f2;
    border-radius:999px;
    background:#fff;
    color:#4a5568;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all .18s ease;
}

.price-tab:hover{
    border-color:#c7cdf5;
    background:#f7f8fd;
}

.price-tab.is-active{
    background:#5048eb;
    border-color:#5048eb;
    color:#fff;
}

.price-tab.is-active i{
    color:#fff!important;
}

.price-table-wrap{
    overflow-x:auto;
}

.price-table{
    width:100%;
    border-collapse:collapse;
    display:none;
    min-width:640px;
}

.price-table.is-active{
    display:table;
}

.price-table thead th{
    padding:14px 20px;
    background:#fafbfd;
    border-bottom:1px solid #eef0f6;
    font-size:12px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:#8792a8;
    text-align:left;
}

.price-table tbody td{
    padding:16px 20px;
    border-bottom:1px solid #f2f4f8;
    font-size:15px;
    color:#2d3748;
    vertical-align:middle;
}

.price-table tbody tr:last-child td{
    border-bottom:0;
}

.price-table tbody tr:hover{
    background:#fafbfd;
}

.price-flag{
    font-size:19px;
    margin-right:6px;
    vertical-align:-2px;
}

.price-value{
    font-weight:700;
    color:#0b1220;
    white-space:nowrap;
}

.price-stock{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 11px;
    border-radius:999px;
    font-size:12.5px;
    font-weight:600;
}

.price-stock::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:currentColor;
}

.price-stock--high{ background:#e8f7ee; color:#1a9a52; }
.price-stock--mid{  background:#fff6e5; color:#b4770d; }
.price-stock--low{  background:#fdecec; color:#cc3434; }

.price-foot{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px;
    border-top:1px solid #eef0f6;
    background:#fafbfd;
    font-size:13.5px;
    color:#8792a8;
}

.price-cta{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:10px;
    background:#5048eb;
    color:#fff!important;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    transition:background .18s ease;
}

.price-cta:hover{
    background:#3f38c9;
}

@media (max-width: 575.98px){
    .price-area-l1{ padding:50px 0 40px; }
    .price-tabs{ padding:14px; }
    .price-tab{ padding:8px 13px; font-size:13px; }
    .price-foot{ justify-content:center; text-align:center; }
}

.price-table .price-flag{
    width:22px;
    height:16px;
    object-fit:cover;
    border-radius:3px;
    margin-right:8px;
    vertical-align:-3px;
    box-shadow:0 0 0 1px rgba(0,0,0,.06);
}

/* İstatistik kutusu (ikinci) — metin görünürlüğü */
.customer-area-l1 .rate-box-2 h3,
.customer-area-l1 .rate-box-2 p,
.customer-area-l1 .rate-box-2 i{
    color:#0b1220!important;
}

.customer-area-l1 .rate-box-2 h3{
    font-weight:700;
}

.customer-area-l1 .rate-box-2 ul{
    margin-bottom:8px;
}

.customer-area-l1 .rate-box-2 i{
    font-size:20px;
    color:#5048eb!important;
}

/* ------------------------------------------------------------------
   Hero alanı: rozetler + telefon mockup
------------------------------------------------------------------ */
.hero-badges{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-bottom:22px;
}

.hero-badge{
    display:inline-flex;
    align-items:center;
    white-space:nowrap;
    gap:6px;
    padding:6px 12px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e7e9f2;
    font-size:13px;
    font-weight:600;
    color:#4a5568;
    box-shadow:0 2px 8px rgba(18,38,63,.05);
}

.hero-badge i{ color:#5048eb; font-size:13px; }

/* Butonlari yan yana getir; mobil-only blogu etkileme */
.hero-area-l1 .l1-create-acc-btn:not(.mobilelogin){
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px;
}

.hero-area-l1 .l1-create-acc-btn:not(.mobilelogin) .btn{
    min-width:0;
    width:auto;
    padding-left:26px;
    padding-right:26px;
}

.hero-area-l1 .l1-create-acc-btn:not(.mobilelogin) .btn,
.hero-area-l1 .btn-hero-outline{
    height:50px;
    min-height:50px;
    border-radius:11px;
    font-size:15px;
    font-weight:600;
    letter-spacing:-.1px;
    line-height:1;
    margin:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}

/* Birincil buton (hero + header): sade, kayan şablon efekti yok */
.hero-area-l1 .btn-style-02,
.header-btn-l1 .btn-style-02{
    position:relative;
    background:#5048eb!important;
    background-image:none!important;
    color:#fff!important;
    border:1px solid #4038d6!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 1px 2px rgba(16,24,40,.14),
        0 6px 16px -6px rgba(80,72,235,.55)!important;
    transition:background-color .18s ease, box-shadow .18s ease, transform .12s ease;
}

.hero-area-l1 .btn-style-02::before,
.header-btn-l1 .btn-style-02::before{ display:none!important; }

.hero-area-l1 .btn-style-02:hover,
.header-btn-l1 .btn-style-02:hover{
    background:#4339dd!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        0 1px 2px rgba(16,24,40,.14),
        0 10px 22px -8px rgba(80,72,235,.6)!important;
}

.hero-area-l1 .btn-style-02:active,
.header-btn-l1 .btn-style-02:active,
.hero-area-l1 .btn-hero-outline:active{
    transform:translateY(1px);
}

.hero-area-l1 .btn-style-02:focus-visible,
.header-btn-l1 .btn-style-02:focus-visible,
.hero-area-l1 .btn-hero-outline:focus-visible{
    outline:2px solid rgba(80,72,235,.45);
    outline-offset:2px;
}

.hero-area-l1 .btn-style-02 i{
    margin:0;
    font-size:13px;
    opacity:.85;
    transition:transform .18s ease;
}

.hero-area-l1 .btn-style-02:hover i{ transform:translateX(3px); }

/* Header giriş butonu */
.header-btn-l1 .btn-style-02{
    min-width:0!important;
    height:40px!important;
    padding:0 20px!important;
    border-radius:10px!important;
    font-size:14px!important;
    font-weight:600!important;
    line-height:1!important;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
}

.hero-area-l1 .l1-create-acc-btn:not(.mobilelogin){
    align-items:stretch;
}

.hero-price-arrow{
    transition:transform .18s ease;
    display:inline-block;
}

.hero-price-link:hover .hero-price-arrow{
    transform:translateX(4px);
}

.hero-area-l1 .btn-hero-outline{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 26px;
    margin:0;
    border:1px solid #d5dbe5!important;
    background:#fff!important;
    background-image:none!important;
    color:#1f2937!important;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 1px 2px rgba(16,24,40,.06)!important;
    transition:border-color .18s ease, background-color .18s ease, transform .12s ease;
}

.hero-area-l1 .btn-hero-outline:hover{
    border-color:#b9c2d0!important;
    background:#f8fafc!important;
}

.hero-price-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:20px;
    font-size:14px;
    color:#5048eb!important;
    text-decoration:none;
}

.hero-price-link:hover{ text-decoration:underline; }

/* Telefon (iOS kilit ekranı görünümü) */
.hero-phone{
    position:relative;
    width:290px;
    max-width:100%;
    margin:0 auto;
    padding:9px;
    background:#1a1b1f;
    border-radius:48px;
    box-shadow:
        inset 0 0 0 1.5px #3b3e45,
        0 0 0 1px #0c0d10,
        0 40px 70px -30px rgba(15,23,42,.55),
        0 18px 30px -18px rgba(15,23,42,.35);
}

/* Yan tuşlar */
.hero-phone::before,
.hero-phone::after{
    content:"";
    position:absolute;
    width:3px;
    background:#2a2c32;
    border-radius:2px;
}
.hero-phone::before{ left:-3px; top:120px; height:54px; box-shadow:0 70px 0 #2a2c32; }
.hero-phone::after{ right:-3px; top:150px; height:78px; }

/* Dynamic Island */
.hero-phone-notch{
    position:absolute;
    top:20px; left:50%;
    transform:translateX(-50%);
    width:88px; height:25px;
    background:#000;
    border-radius:20px;
    z-index:3;
}

.hero-phone-screen{
    position:relative;
    overflow:hidden;
    height:560px;
    border-radius:40px;
    padding:0 10px;
    color:#fff;
    font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;
    background:
        radial-gradient(110% 60% at 85% 0%, #3d4f6e 0%, rgba(61,79,110,0) 60%),
        radial-gradient(90% 55% at 0% 100%, #33415a 0%, rgba(51,65,90,0) 65%),
        linear-gradient(180deg, #1c2333 0%, #121722 100%);
}

.hero-phone-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:44px;
    padding:4px 16px 0;
    font-size:11px;
    font-weight:600;
    color:#fff;
}

.hero-phone-carrier{
    max-width:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.hero-phone-bar i{ font-size:9px; margin-left:2px; }

.hero-phone-lock{
    text-align:center;
    padding:6px 0 18px;
}

.hero-phone-lock > i{
    font-size:11px;
    color:rgba(255,255,255,.75);
}

.hero-phone-date{
    margin-top:4px;
    font-size:13px;
    font-weight:500;
    color:rgba(255,255,255,.82);
    text-transform:capitalize;
}

.hero-phone-time{
    font-size:62px;
    line-height:1;
    font-weight:600;
    letter-spacing:-2px;
    color:rgba(255,255,255,.94);
    font-variant-numeric:tabular-nums;
}

.hero-sms-list{
    list-style:none;
    margin:0; padding:0;
    display:flex;
    flex-direction:column;
    gap:6px;
    max-height:300px;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg, #000 78%, transparent 100%);
            mask-image:linear-gradient(180deg, #000 78%, transparent 100%);
}

.hero-sms-list li{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border-radius:18px;
    background:rgba(242,242,247,.82);
    -webkit-backdrop-filter:blur(18px) saturate(160%);
            backdrop-filter:blur(18px) saturate(160%);
}

.hero-sms-icon{
    flex:0 0 32px;
    width:32px; height:32px;
    border-radius:8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:16px;
}

.hero-sms-body{ flex:1 1 auto; min-width:0; }

.hero-sms-top{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:6px;
}

.hero-sms-top b{ font-size:12.5px; font-weight:600; color:#1c1c1e; }
.hero-sms-top small{ flex:0 0 auto; font-size:10.5px; color:#6e6e73; }

.hero-sms-text{
    font-size:12px;
    color:#3a3a3c;
    margin-top:1px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hero-sms-text b{
    color:#1c1c1e;
    font-weight:600;
    font-variant-numeric:tabular-nums;
}

.hero-phone-dock{
    position:absolute;
    left:30px; right:30px; bottom:30px;
    display:flex;
    justify-content:space-between;
}

.hero-phone-dock span{
    width:40px; height:40px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:#fff;
    background:rgba(255,255,255,.14);
    -webkit-backdrop-filter:blur(12px);
            backdrop-filter:blur(12px);
}

.hero-phone-home{
    position:absolute;
    left:50%; bottom:8px;
    transform:translateX(-50%);
    width:110px; height:4px;
    border-radius:3px;
    background:rgba(255,255,255,.85);
}

@media (max-width: 991.98px){
    .hero-phone{ margin-bottom:35px; }
}

@media (max-width: 575.98px){
    .btn-hero-outline{ margin-left:0; margin-top:10px; }
    .hero-phone{ width:260px; border-radius:44px; }
    .hero-phone-screen{ height:510px; border-radius:36px; }
    .hero-phone-time{ font-size:54px; }
    .hero-sms-list{ max-height:262px; }
}

/* Dekoratif görseller ve mobil menü paneli yatay kaydırma oluşturmasın */
html, body{
    overflow-x:hidden;
    max-width:100%;
}

/* ------------------------------------------------------------------
   Footer
------------------------------------------------------------------ */
.site-footer{
    background:#f7f8fc;
    border-top:1px solid #e7e9f2;
    padding:55px 0 0;
    color:#6b7280;
}

.site-footer-top{
    padding-bottom:35px;
}

.site-footer-logo{
    max-height:38px;
    width:auto;
    margin-bottom:16px;
}

.site-footer-name{
    display:block;
    font-size:20px;
    font-weight:700;
    color:#0b1220;
    margin-bottom:16px;
}

.site-footer-desc{
    font-size:14px;
    line-height:1.7;
    color:#6b7280;
    max-width:340px;
    margin-bottom:18px;
}

.site-footer-contact li{
    display:flex;
    align-items:center;
    gap:9px;
    font-size:13.5px;
    margin-bottom:8px;
    color:#6b7280;
}

.site-footer-contact i{
    width:15px;
    color:#5048eb;
    font-size:13px;
}

.site-footer-contact a{
    color:#6b7280;
    text-decoration:none;
}

.site-footer-contact a:hover{ color:#5048eb; }

.site-footer-title{
    font-size:14.5px;
    font-weight:700;
    color:#0b1220;
    margin-bottom:16px;
}

.site-footer-links li{
    margin-bottom:10px;
}

.site-footer-links a{
    font-size:13.5px;
    color:#6b7280;
    text-decoration:none;
    transition:color .15s ease;
}

.site-footer-links a:hover{
    color:#5048eb;
}

.site-footer-bottom{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:20px 0;
    border-top:1px solid #e7e9f2;
}

.site-footer-copy{
    font-size:13px;
    color:#8792a8;
    margin:0;
}

.site-footer-social li{
    margin-right:6px;
}

.site-footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e7e9f2;
    color:#6b7280;
    font-size:14px;
    text-decoration:none;
    transition:all .18s ease;
}

.site-footer-social a:hover{
    background:#5048eb;
    border-color:#5048eb;
    color:#fff;
}

@media (max-width: 767.98px){
    .site-footer{ padding-top:40px; }
    .site-footer-bottom{ justify-content:center; text-align:center; }
    .site-footer-desc{ max-width:100%; }
}

/* Footer: üst kayıt bandı */
.site-footer{
    margin-bottom:0!important;
    padding-top:48px;
}

.site-footer-cta{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    margin-bottom:52px;
    padding:30px 36px;
    border-radius:18px;
    overflow:hidden;
    background-color:#121722;
    background-image:
        radial-gradient(520px circle at 0% 0%, rgba(61,79,110,.6) 0%, rgba(61,79,110,0) 70%),
        radial-gradient(420px circle at 100% 100%, rgba(80,72,235,.28) 0%, rgba(80,72,235,0) 70%);
    box-shadow:0 24px 48px -28px rgba(16,24,40,.45);
}

.site-footer-cta h3{
    font-size:22px;
    font-weight:700;
    letter-spacing:-.3px;
    color:#fff;
    margin:0 0 6px;
}

.site-footer-cta p{
    font-size:14px;
    color:rgba(255,255,255,.6);
    margin:0;
}

.site-footer-cta-btns{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.site-footer-btn{
    display:inline-flex;
    align-items:center;
    gap:9px;
    height:46px;
    padding:0 22px;
    border-radius:11px;
    font-size:14.5px;
    font-weight:600;
    text-decoration:none!important;
    transition:background-color .18s ease, border-color .18s ease, transform .12s ease;
}

.site-footer-btn:active{ transform:translateY(1px); }

.site-footer-btn--primary{
    background:#5048eb;
    border:1px solid #5d55f0;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.6);
}

.site-footer-btn--primary:hover{ background:#4339dd; }
.site-footer-btn--primary i{ font-size:12px; transition:transform .18s ease; }
.site-footer-btn--primary:hover i{ transform:translateX(3px); }

.site-footer-btn--ghost{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.16);
    color:#fff!important;
}

.site-footer-btn--ghost:hover{
    background:rgba(255,255,255,.12);
    border-color:rgba(255,255,255,.28);
}

/* Footer linkleri: hover'da hafif kayma */
.site-footer-links a{
    display:inline-block;
    transition:color .15s ease, transform .15s ease;
}

.site-footer-links a:hover{ transform:translateX(3px); }

.site-footer-title{
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:#8792a8;
}

/* Alt bar rozetleri */
.site-footer-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
    padding:0;
}

.site-footer-badges li{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:5px 11px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e7e9f2;
    font-size:12px;
    color:#6b7280;
}

.site-footer-badges i{ font-size:10.5px; color:#5048eb; }

@media (max-width: 767.98px){
    .site-footer-cta{ padding:24px 22px; margin-bottom:36px; }
    .site-footer-cta h3{ font-size:19px; }
    .site-footer-cta-btns, .site-footer-btn{ width:100%; justify-content:center; }
    .site-footer-badges{ justify-content:center; }
}

/* Bölüm içi bağlantılarda yumuşak kaydırma (sabit header payıyla) */
html{
    scroll-behavior:smooth;
}

#fiyat-listesi{
    scroll-margin-top:90px;
}

/* ------------------------------------------------------------------
   Güven / istatistik alanı
------------------------------------------------------------------ */
.trust-area-wrap{
    padding:70px 0;
    background:#fff;
    border-top:1px solid #eef0f6;
}

.trust-title{
    font-size:30px;
    font-weight:700;
    line-height:1.3;
    color:#0b1220;
    margin-bottom:12px;
}

.trust-count{
    color:#5048eb;
}

.trust-desc{
    font-size:15px;
    color:#6b7280;
    margin:0;
}

.trust-card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:6px;
    height:100%;
    min-height:150px;
    padding:24px 16px;
    background:#f7f8fc;
    border:1px solid #e7e9f2;
    border-radius:16px;
    transition:transform .2s ease, box-shadow .2s ease;
}

.trust-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 26px rgba(18,38,63,.08);
}

.trust-card--primary{
    background:#5048eb;
    border-color:#5048eb;
}

.trust-card-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:11px;
    background:#fff;
    color:#5048eb;
    font-size:17px;
    margin-bottom:4px;
}

.trust-card--primary .trust-card-icon{
    background:rgba(255,255,255,.18);
    color:#fff;
}

.trust-card-value{
    font-size:26px;
    font-weight:700;
    line-height:1.1;
    color:#0b1220;
}

.trust-card--primary .trust-card-value{ color:#fff; }

.trust-card-label{
    font-size:13.5px;
    color:#6b7280;
}

.trust-card--primary .trust-card-label{ color:rgba(255,255,255,.85); }

@media (max-width: 767.98px){
    .trust-area-wrap{ padding:45px 0; }
    .trust-title{ font-size:24px; text-align:center; }
    .trust-desc{ text-align:center; }
    .trust-card{ min-height:130px; padding:18px 12px; }
    .trust-card-value{ font-size:22px; }
}



/* Dekoratif görseller footer altında boşluk oluşturmasın */
.testimonial-area-l1{
    overflow:hidden;
    padding-bottom:0!important;
}

.testimonial-area-l1 .testimonial-area-l-image-group{
    pointer-events:none;
}

/* Sayfa sonundaki fazlalık boşluğu kapat */
.site-footer{
    margin-bottom:0;
}

/* ------------------------------------------------------------------
   Giriş / kayıt sayfaları
------------------------------------------------------------------ */
.auth-body{
    background:linear-gradient(180deg,#eef3fb 0%,#f7f9fc 55%,#ffffff 100%)!important;
    background-image:none!important;
    min-height:100vh;
}

.auth-body .authincation{
    padding:130px 0 90px;
    min-height:auto!important;
    height:auto!important;
}

/* Kart icerigi ortali ve dengeli dursun */
.auth-body .authincation-content{
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
}

.auth-body .auth-form .row{
    margin-left:0;
    margin-right:0;
}

.auth-body .auth-form .input-group{
    width:100%;
}

.auth-body .authincation .container{
    height:auto!important;
}

.auth-body .authincation .row{
    height:auto!important;
}

.auth-body .authincation-content{
    background:#fff;
    border:1px solid #e7e9f2;
    border-radius:20px;
    box-shadow:0 14px 44px rgba(18,38,63,.08);
    overflow:hidden;
}

.auth-body .auth-form{
    padding:38px 40px 34px;
}

.auth-body .auth-form > .text-center img{
    max-height:42px;
    width:auto;
}

.auth-body .auth-form h3{
    font-size:24px;
    font-weight:700;
    color:#0b1220;
    margin:18px 0 6px!important;
}

.auth-subtitle{
    text-align:center;
    font-size:14px;
    color:#6b7280;
    margin-bottom:26px;
}

.auth-body .auth-form label,
.auth-body .auth-form .form-label{
    font-size:13.5px;
    font-weight:600;
    color:#374151;
    margin-bottom:7px;
}

.auth-body .auth-form .form-control,
.auth-body .auth-form input[type="text"],
.auth-body .auth-form input[type="email"],
.auth-body .auth-form input[type="password"]{
    height:48px;
    border:1px solid #e2e6ef!important;
    border-radius:10px 0 0 10px;
    font-size:14.5px;
    color:#0b1220;
    box-shadow:none!important;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.auth-body .auth-form .form-control:focus{
    border-color:#5048eb!important;
    box-shadow:0 0 0 3px rgba(80,72,235,.10)!important;
}

.auth-body .auth-form .input-group-text,
.auth-body .auth-form .input-group-append span,
.auth-body .auth-form .input-group-append button{
    height:48px;
    border-radius:0 10px 10px 0;
    background:#5048eb;
    border-color:#5048eb;
    color:#fff;
}

.auth-body .auth-form .btn-primary,
.auth-body .auth-form button[type="submit"]{
    width:100%;
    height:50px;
    border-radius:11px;
    background:#5048eb;
    border-color:#5048eb;
    font-size:15.5px;
    font-weight:600;
    box-shadow:none;
    transition:background .18s ease;
}

.auth-body .auth-form .btn-primary:hover,
.auth-body .auth-form button[type="submit"]:hover{
    background:#3f38c9;
    border-color:#3f38c9;
}

.auth-body .auth-form a{
    color:#5048eb;
    text-decoration:none;
    font-size:14px;
}

.auth-body .auth-form a:hover{ text-decoration:underline; }

.auth-body .auth-form .alert{
    border-radius:11px;
    font-size:14px;
    border:0;
}

@media (max-width: 575.98px){
    .auth-body .authincation{ padding:40px 0 60px; }
    .auth-body .auth-form{ padding:28px 22px 26px; }
}

/* ------------------------------------------------------------------
   Giriş sayfası: iki parçalı kart
------------------------------------------------------------------ */
.auth-login .auth-split{
    display:flex;
    background:#fff;
    border:1px solid #e6e9ef;
    border-radius:20px;
    box-shadow:0 30px 60px -30px rgba(16,24,40,.22), 0 2px 6px rgba(16,24,40,.04);
    overflow:hidden;
}

.auth-login .auth-form{
    flex:1 1 auto;
    min-width:0;
    padding:40px 44px 32px;
}

.auth-login .auth-form h3{ margin:16px 0 6px!important; }

/* Sol panel: marka moru kaplamalı illüstrasyon + ortalı başlık */
.auth-aside{
    position:relative;
    flex:0 0 46%;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    min-height:560px;
    padding:36px 34px 52px;
    overflow:hidden;
    color:#fff;
    background:linear-gradient(180deg, #c9c5fb 0%, #a29cf6 55%, #7f77f1 100%);
}

.auth-aside-img{
    position:absolute;
    left:50%; top:46%;
    transform:translate(-50%, -50%);
    width:108%;
    max-width:none;
    height:auto;
    opacity:.55;
    filter:saturate(.85);
    pointer-events:none;
}

/* Görseli marka moruna boyayan kaplama; alt kısım yazı için koyulaşır */
.auth-aside::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(80,72,235,.28) 0%, rgba(80,72,235,.22) 45%, rgba(64,56,214,.72) 100%);
    pointer-events:none;
}

.auth-aside-text{
    position:relative;
    z-index:1;
    max-width:340px;
    text-align:center;
}

.auth-aside-text h4{
    font-size:32px;
    font-weight:700;
    letter-spacing:-.5px;
    color:#fff;
    margin:0 0 12px;
    text-shadow:0 2px 14px rgba(40,32,140,.35);
}

.auth-aside-text p{
    font-size:15.5px;
    line-height:1.65;
    color:rgba(255,255,255,.92);
    margin:0;
    text-shadow:0 1px 8px rgba(40,32,140,.3);
}

/* Form alanları: ikon içeride, renkli blok yok */
.auth-login .auth-field{ margin-bottom:4px; }

.auth-login .auth-input{ position:relative; }

.auth-login .auth-input > i{
    position:absolute;
    left:15px; top:50%;
    transform:translateY(-50%);
    font-size:14px;
    color:#9aa3b5;
    pointer-events:none;
    transition:color .15s ease;
    z-index:2;
}

.auth-login .auth-input:focus-within > i{ color:#5048eb; }

.auth-login .auth-input .form-control{
    width:100%;
    padding-left:42px;
    border-radius:10px;
    background:#fff;
}

.auth-login .auth-input .form-control::placeholder{ color:#b3bac8; }

.auth-login .auth-input .auth-eye ~ .form-control,
.auth-login .auth-input .form-control:not(:last-child){ padding-right:48px; }

.auth-login .auth-eye{
    position:absolute;
    right:6px; top:50%;
    transform:translateY(-50%);
    width:36px; height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#6b7280;
    font-size:15px;
    cursor:pointer;
    z-index:2;
    transition:background-color .15s ease, color .15s ease;
}

.auth-login .auth-eye:hover{ background:#f3f4f8; color:#0b1220; }
.auth-login .auth-eye:focus-visible{ outline:2px solid rgba(80,72,235,.45); outline-offset:1px; }

/* Beni hatırla + parolamı unuttum aynı satırda */
.auth-login .auth-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:4px 0 22px;
}

.auth-login .auth-check{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0!important;
    font-weight:500!important;
    color:#374151;
    cursor:pointer;
}

.auth-login .auth-check input{
    width:16px; height:16px;
    margin:0;
    accent-color:#5048eb;
    cursor:pointer;
}

.auth-login .auth-row a{ font-size:13.5px; font-weight:500; }

.auth-login .auth-form button[type="submit"]{
    border:1px solid #4038d6;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 1px 2px rgba(16,24,40,.14), 0 6px 16px -6px rgba(80,72,235,.55);
}

.auth-login .auth-form button[type="submit"]:active{ transform:translateY(1px); }

.auth-login .auth-switch{
    margin-top:24px;
    padding-top:20px;
    border-top:1px solid #eef0f4;
    text-align:center;
    font-size:14px;
    color:#6b7280;
}

.auth-login .auth-switch a{ font-weight:600; }

/* Kayıt sayfası: sola hizalı başlık, etiketsiz alanlar */
.auth-register .visually-hidden{
    position:absolute!important;
    width:1px!important; height:1px!important;
    padding:0!important; margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

.auth-register .auth-form h3.auth-title{
    text-align:left;
    font-size:26px;
    letter-spacing:-.3px;
    margin:0 0 6px!important;
}

.auth-register .auth-subtitle--left{
    text-align:left;
    margin-bottom:26px;
}

.auth-register .auth-field{ margin-bottom:2px; }

.auth-register .auth-terms{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin:6px 0 4px!important;
    padding:12px 14px;
    border-radius:11px;
    background:#f6f7f9;
    border:1px solid #eef0f4;
    font-size:13.5px!important;
    font-weight:500!important;
    line-height:1.5;
    color:#374151!important;
    cursor:pointer;
}

.auth-register .auth-terms input{
    flex:0 0 16px;
    width:16px; height:16px;
    margin:2px 0 0;
    accent-color:#5048eb;
    cursor:pointer;
}

.auth-register .auth-submit{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:9px;
    margin-top:14px;
}

.auth-register .auth-submit i{ font-size:14px; }

/* Etiket + sağda bağlantı (Parola / Parolamı unuttum) */
.auth-register .auth-label-row{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
}

.auth-register .auth-label-row a{
    font-size:13px!important;
    font-weight:600;
}

.auth-register .auth-check{ margin:4px 0 4px!important; }

/* "veya" ayracı */
.auth-register .auth-or{
    display:flex;
    align-items:center;
    gap:12px;
    margin:22px 0 16px;
    font-size:12.5px;
    color:#9aa3b5;
}

.auth-register .auth-or::before,
.auth-register .auth-or::after{
    content:"";
    flex:1 1 auto;
    height:1px;
    background:#e6e9ef;
}

/* İkincil buton: yeni hesap */
.auth-register .auth-alt-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    width:100%;
    height:50px;
    border-radius:11px;
    border:1px solid #d5dbe5;
    background:#fff;
    color:#1f2937!important;
    font-size:15px!important;
    font-weight:600;
    text-decoration:none!important;
    box-shadow:0 1px 2px rgba(16,24,40,.06);
    transition:border-color .18s ease, background-color .18s ease;
}

.auth-register .auth-alt-btn:hover{
    border-color:#b9c2d0;
    background:#f8fafc;
}

.auth-register .auth-alt-btn i{ font-size:14px; color:#5048eb; }

@media (max-width: 575.98px){
    .auth-login .auth-form{ padding:28px 22px 24px; }
    .auth-login .auth-row{ flex-wrap:wrap; }
}

/* Giriş/kayıt sayfalarında üst menü */
.auth-body .header-area,
.auth-body header{
    background:#fff;
    border-bottom:1px solid #e7e9f2;
    box-shadow:0 1px 3px rgba(18,38,63,.04);
    position:relative;
    z-index:20;
}

/* Auth sayfalarindaki header, ana sayfayla ayni olculerde olsun */
.auth-body .site-header .container,
.auth-body .site-header .container-fluid,
.auth-body .header-area .container-fluid,
.auth-body header .container-fluid{
    min-height:92px;
}



.auth-body .brand-logo img,
.auth-body .site-header .logo img,
.auth-body .header-area .logo img,
.auth-body header .logo img{
    max-height:50px!important;
    height:50px!important;
    width:auto!important;
}

/* Logo görünür olsun */
.auth-body .brand-logo,
.auth-body .header-area .logo,
.auth-body header .logo{
    display:flex!important;
    align-items:center;
    flex:0 0 auto;
}

.auth-body .brand-logo img,
.auth-body .header-area .logo img,
.auth-body header .logo img{
    display:block!important;
    width:auto!important;
    max-height:38px;
    visibility:visible!important;
    opacity:1!important;
}

/* Menü ortada dursun (yalnızca masaüstünde; mobilde tema kendi çekmecesini kullanır) */
@media (min-width: 992px){
    .auth-body .menu-block{
        transform:none!important;
        position:static!important;
        background:transparent!important;
    }
}

/* Sağdaki giriş butonu */
.auth-body .header-btns,
.auth-body .header-area .btn,
.auth-body header .btn{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto;
}

/* Menüdeki giriş bağlantısı gizli kalsın; sağdaki tema butonu zaten var */
.auth-body .nav-item.giris-yap-menu,
.auth-body .nav-link-item.giris-yap-menu{
    display:none!important;
}

/* Sağdaki giriş butonu tema ile uyumlu */
.auth-body .header-btn .btn{
    padding:8px 22px;
    border-radius:10px;
    font-size:14.5px;
    font-weight:600;
}

/* Menü ile logo arasında boşluk, menü ortalı */


.auth-body .site-menu-main > li > a{
    padding:10px 14px;
}

/* Auth sayfalarında çift logo görünmesin (gece modu sürümünü gizle) */
.auth-body .theme-dark-show,
.auth-body .dark-version-logo,
.auth-body .dark-version-logo.default-logo,
.auth-body .brand-logo .dark-version-logo{
    display:none!important;
}

/* Auth sayfalarinda yatay tasma olmasin */
.auth-body{
    overflow-x:hidden;
}

/* ------------------------------------------------------------------
   Kayan servis / ülke şeridi
------------------------------------------------------------------ */
.ticker-area{
    padding:60px 0 55px;
    background:#fff;
    overflow:hidden;
}

.ticker-badge{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 16px;
    border-radius:999px;
    background:#efeafd;
    color:#5048eb;
    font-size:13.5px;
    font-weight:600;
    margin-bottom:14px;
}

.ticker-row{
    position:relative;
    overflow:hidden;
    padding:9px 0;
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}

.ticker-track{
    display:flex;
    align-items:center;
    gap:12px;
    width:max-content;
    animation:ticker-kay 46s linear infinite;
}

.ticker-row--reverse .ticker-track{
    animation-direction:reverse;
    animation-duration:54s;
}

.ticker-row:hover .ticker-track{
    animation-play-state:paused;
}

@keyframes ticker-kay{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
}

.ticker-chip{
    display:inline-flex;
    align-items:center;
    gap:9px;
    flex:0 0 auto;
    padding:11px 20px;
    border:1px solid #e7e9f2;
    border-radius:12px;
    background:#fff;
    font-size:14.5px;
    font-weight:500;
    color:#2d3748;
    white-space:nowrap;
    box-shadow:0 1px 3px rgba(18,38,63,.04);
    transition:border-color .18s ease, transform .18s ease;
}

.ticker-chip:hover{
    border-color:#c7cdf5;
    transform:translateY(-2px);
}

.ticker-chip i{
    font-size:17px;
    color:#5048eb;
}

.ticker-flag{
    width:22px;
    height:16px;
    object-fit:cover;
    border-radius:3px;
    box-shadow:0 0 0 1px rgba(0,0,0,.06);
}

@media (prefers-reduced-motion: reduce){
    .ticker-track{ animation:none; }
    .ticker-row{ overflow-x:auto; }
}

@media (max-width: 575.98px){
    .ticker-area{ padding:40px 0 35px; }
    .ticker-chip{ padding:9px 15px; font-size:13.5px; }
}

/* ------------------------------------------------------------------
   Ana sayfa dikey boşluk düzeni
   Tema varsayılanı çok geniş; bölümler arası nefes payını dengeler.
------------------------------------------------------------------ */
.hero-area-l1{
    padding-top:90px!important;
    padding-bottom:70px!important;
}

.ticker-area{
    padding:45px 0 40px!important;
}

.feature-area-l1{
    padding-top:50px!important;
    padding-bottom:50px!important;
}

.price-area-l1{
    padding-top:55px!important;
    padding-bottom:55px!important;
}

.content-are-l1-1{
    padding-top:70px!important;
}

.content-area-2-l1{
    padding-top:60px!important;
    padding-bottom:60px!important;
}

.testimonial-area-l1{
    padding-top:70px!important;
}

.trust-area-wrap{
    padding:50px 0!important;
}

@media (max-width: 767.98px){
    .hero-area-l1{ padding-top:55px!important; padding-bottom:45px!important; }
    .ticker-area{ padding:32px 0 28px!important; }
    .feature-area-l1,
    .price-area-l1,
    .content-area-2-l1{ padding-top:38px!important; padding-bottom:38px!important; }
    .content-are-l1-1,
    .testimonial-area-l1{ padding-top:45px!important; }
    .trust-area-wrap{ padding:35px 0!important; }
}

/* Neden Biz / SEO içeriği bloğu */
.testimonial-area-l1 .testimonial-area-l1-items{
    padding-top:35px!important;
}

.testimonial-area-l1{
    padding-bottom:45px!important;
}

/* Mavi kayıt bölümü alt boşluğu */
.content-are-l1-1{
    padding-bottom:55px!important;
}

/* Kayıt bölümü: telefonun duvar kağıdıyla aynı koyu ton */
.cta-steps-area{
    padding-top:80px!important;
    padding-bottom:80px!important;
    background-color:#121722;
    background-image:
        radial-gradient(700px circle at 15% 20%, rgba(61,79,110,.55) 0%, rgba(61,79,110,0) 65%),
        radial-gradient(600px circle at 90% 100%, rgba(80,72,235,.18) 0%, rgba(80,72,235,0) 60%);
    overflow:hidden;
}

/* Sol: adım kartı */
.cta-steps{
    max-width:440px;
    margin:0 auto;
    padding:22px;
    border-radius:18px;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.09);
    box-shadow:0 30px 60px -30px rgba(0,0,0,.5);
    -webkit-backdrop-filter:blur(8px);
            backdrop-filter:blur(8px);
}

.cta-steps-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    padding:0 4px 16px;
}

.cta-steps-head span{ font-size:15px; font-weight:600; color:#fff; }
.cta-steps-head small{ font-size:12px; color:rgba(255,255,255,.5); }

.cta-steps-list{
    position:relative;
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
}

/* Adımları bağlayan dikey çizgi */
.cta-steps-list::before{
    content:"";
    position:absolute;
    left:33px; top:30px; bottom:30px;
    width:1px;
    background:rgba(255,255,255,.12);
}

.cta-steps-list li{
    position:relative;
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 16px;
    border-radius:13px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.07);
}

.cta-steps-list li.is-active{
    background:#fff;
    border-color:#fff;
    box-shadow:0 14px 30px -12px rgba(0,0,0,.45);
}

.cta-step-icon{
    position:relative;
    z-index:1;
    flex:0 0 36px;
    width:36px; height:36px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    color:rgba(255,255,255,.85);
    background:#232b3d;
    border:1px solid rgba(255,255,255,.1);
}

.is-active .cta-step-icon{
    color:#fff;
    background:#5048eb;
    border-color:#5048eb;
}

.cta-step-body{ flex:1 1 auto; min-width:0; line-height:1.35; }

.cta-step-body b{
    display:block;
    font-size:14px;
    font-weight:600;
    color:#fff;
}

.cta-step-body small{
    display:block;
    margin-top:2px;
    font-size:12px;
    color:rgba(255,255,255,.5);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.is-active .cta-step-body b{ color:#0b1220; }
.is-active .cta-step-body small{ color:#6b7280; }

.cta-step-body em{
    font-style:normal;
    font-weight:700;
    color:#0b1220;
    font-variant-numeric:tabular-nums;
}

.cta-step-state{
    flex:0 0 22px;
    width:22px; height:22px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:10px;
}

.is-done .cta-step-state{
    color:#4ade80;
    background:rgba(74,222,128,.12);
}

/* Aktif adımda bekleme göstergesi */
.is-active .cta-step-state i{
    width:14px; height:14px;
    border-radius:50%;
    border:2px solid #e5e7eb;
    border-top-color:#5048eb;
    animation:cta-donme .9s linear infinite;
}

@keyframes cta-donme{ to{ transform:rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
    .is-active .cta-step-state i{ animation:none; }
}

/* Sağ: içerik kartı */
.cta-steps-area .content-box-l1-1{
    border-radius:20px;
    padding:40px;
    box-shadow:0 30px 60px -30px rgba(0,0,0,.55);
    margin-bottom:0!important;
}

.cta-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-bottom:14px;
    padding:5px 11px;
    border-radius:999px;
    background:#f1f0fe;
    color:#5048eb!important;
    font-size:12.5px!important;
    font-weight:600;
    opacity:1!important;
}

.cta-eyebrow i{ font-size:11px; }

.cta-steps-area .content-box-l1-1 h2{
    font-size:30px;
    line-height:1.25;
    letter-spacing:-.5px;
    margin-bottom:16px;
}

.cta-steps-area .content-box-l1-1 p{
    font-size:15px;
    line-height:1.75;
}

.cta-steps-area .l1-get-start-btn{ margin-top:26px; }

.cta-steps-area .l1-get-start-btn .btn{
    width:auto;
    min-width:0;
    height:50px;
    padding:0 26px;
    gap:10px;
    display:inline-flex;
    align-items:center;
    border-radius:11px;
    font-size:15px;
    font-weight:600;
    background:#5048eb!important;
    background-image:none!important;
    color:#fff!important;
    border:1px solid #4038d6!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 1px 2px rgba(16,24,40,.14), 0 6px 16px -6px rgba(80,72,235,.55)!important;
    transition:background-color .18s ease, transform .12s ease;
}

.cta-steps-area .l1-get-start-btn .btn::before{ display:none!important; }
.cta-steps-area .l1-get-start-btn .btn:hover{ background:#4339dd!important; }
.cta-steps-area .l1-get-start-btn .btn:active{ transform:translateY(1px); }
.cta-steps-area .l1-get-start-btn .btn i{ margin:0; font-size:13px; transition:transform .18s ease; }
.cta-steps-area .l1-get-start-btn .btn:hover i{ transform:translateX(3px); }

@media (max-width: 991.98px){
    .cta-steps-area{ padding-top:50px!important; padding-bottom:50px!important; }
    .cta-steps{ margin-top:28px; }
}

@media (max-width: 575.98px){
    .cta-steps-area .content-box-l1-1{ padding:26px 22px; }
    .cta-steps-area .content-box-l1-1 h2{ font-size:24px; }
    .cta-steps{ padding:16px; }
    .cta-steps-list::before{ left:27px; }
    .cta-steps-list li{ padding:12px; gap:12px; }
}

/* ------------------------------------------------------------------
   AOS güvenlik ağı
   AOS animasyonu elemanları opacity:0 ile başlatır. Sayfaya bölüm
   bağlantısıyla (#fiyat-listesi) atlandığında veya AOS geç yüklendiğinde
   bölümler görünmez kalıyordu. Bu kural, animasyon çalışsa da çalışmasa da
   içeriğin görünür olmasını garanti eder.
------------------------------------------------------------------ */
[data-aos]{
    opacity:1!important;
    transform:none!important;
    visibility:visible!important;
}

/* ------------------------------------------------------------------
   Üst menü şeridi
   Header sabit (fixed) konumda ve saydamdı; sayfa kaydırılınca altındaki
   içerik menünün arkasından görünüyordu. Kalıcı beyaz zemin verir.
------------------------------------------------------------------ */
.site-header,
.site-header.landing-1-menu{
    background-color:#ffffff!important;
    border-bottom:1px solid #e7e9f2;
    box-shadow:0 1px 3px rgba(18,38,63,.05);
    backdrop-filter:none;
}

/* Kaydırma sonrası tema kendi "sticky" sınıfını ekliyorsa o da beyaz kalsın */
.site-header.sticky,
.site-header.is-sticky,
.site-header.reveal-header,
.site-header.scrolling{
    background-color:#ffffff!important;
}

/* ------------------------------------------------------------------
   Özellik kartları ızgarası
------------------------------------------------------------------ */
.feature-grid-area{
    padding:60px 0 55px;
    background:#fff;
}

.fcard{
    height:100%;
    padding:8px 8px 22px;
    border:1px solid #e6e9ef;
    border-radius:16px;
    background:#fff;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.fcard:hover{
    transform:translateY(-3px);
    border-color:#d6dbe4;
    box-shadow:0 14px 32px -14px rgba(16,24,40,.16);
}

.fcard h5{
    font-size:17px;
    font-weight:700;
    color:#0b1220;
    margin:0 0 8px;
    padding:0 16px;
}

.fcard p{
    font-size:14.5px;
    line-height:1.65;
    color:#6b7280;
    margin:0;
    padding:0 16px;
}

/* Kartın üstündeki görsel sahne */
.fcard-visual{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    height:172px;
    margin-bottom:20px;
    border-radius:11px;
    border:1px solid #eef0f4;
    background:linear-gradient(180deg, #f8f9fb 0%, #f3f5f8 100%);
    overflow:hidden;
}

/* 1: kod giriş kutuları */
.fcard-otp-wrap{ flex-direction:column; gap:12px; }

.fcard-otp-label,
.fcard-otp-meta{
    font-size:11.5px;
    color:#6b7280;
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.fcard-otp-label .fa-whatsapp{ color:#25d366; font-size:13px; }
.fcard-otp-meta .fa-bolt{ color:#5048eb; font-size:10px; }

.fcard-otp{ display:flex; gap:6px; }

.fcard-otp span{
    width:32px; height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
    background:#fff;
    border:1px solid #dfe3ea;
    box-shadow:0 1px 2px rgba(16,24,40,.05);
    font-size:18px;
    font-weight:600;
    color:#0b1220;
    font-variant-numeric:tabular-nums;
}

.fcard-otp span.is-active{
    border-color:#5048eb;
    box-shadow:0 0 0 3px rgba(80,72,235,.14);
}

.fcard-caret{
    display:inline-block;
    width:2px;
    height:18px;
    background:#5048eb;
    animation:fcard-yanip-sonme 1.1s steps(2,start) infinite;
}

@keyframes fcard-yanip-sonme{ 0%,100%{opacity:1} 50%{opacity:0} }

/* 2: hat durum listesi */
.fcard-lines{
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:0 16px;
}

.fcard-line{
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e6e9ef;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.fcard-line b{
    font-size:12.5px;
    font-weight:600;
    color:#1f2937;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}

.fcard-line em{
    margin-left:auto;
    font-style:normal;
    font-size:11px;
    font-weight:600;
    color:#15803d;
    background:#ecfdf3;
    padding:3px 8px;
    border-radius:999px;
    white-space:nowrap;
}

.fcard-line em i{ font-size:9px; margin-right:2px; }

.fcard-dot{
    position:relative;
    flex:0 0 7px;
    width:7px; height:7px;
    border-radius:50%;
    background:#22c55e;
}

.fcard-dot::after{
    content:"";
    position:absolute;
    inset:-3px;
    border-radius:50%;
    background:rgba(34,197,94,.35);
    animation:fcard-nabiz 2s ease-out infinite;
}

.fcard-line:nth-child(2) .fcard-dot::after{ animation-delay:.6s; }
.fcard-line:nth-child(3) .fcard-dot::after{ animation-delay:1.2s; }

@keyframes fcard-nabiz{
    0%{ transform:scale(.6); opacity:1; }
    100%{ transform:scale(1.8); opacity:0; }
}

/* 3: gizli numara -> paylaşılan numara */
.fcard-privacy{
    flex-direction:column;
    align-items:stretch;
    padding:0 26px;
}

.fcard-num{
    position:relative;
    padding:8px 38px 8px 12px;
    border-radius:10px;
    background:#fff;
    border:1px solid #e6e9ef;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.fcard-num small{
    display:block;
    font-size:10.5px;
    color:#8a93a5;
    line-height:1.3;
}

.fcard-num b{
    display:block;
    font-size:13.5px;
    font-weight:600;
    color:#0b1220;
    font-variant-numeric:tabular-nums;
}

.fcard-num > i{
    position:absolute;
    right:13px; top:50%;
    transform:translateY(-50%);
    font-size:13px;
    color:#5048eb;
}

.fcard-num--hidden b{
    filter:blur(3.5px);
    color:#4b5563;
    user-select:none;
}

.fcard-num--hidden > i{ color:#9aa3b5; }

.fcard-num:not(.fcard-num--hidden){ border-color:rgba(80,72,235,.35); }

.fcard-swap{
    position:relative;
    z-index:1;
    align-self:center;
    width:24px; height:24px;
    margin:-5px 0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff;
    border:1px solid #e6e9ef;
    color:#6b7280;
    font-size:10px;
}

/* 4: ülke seçimi */
.fcard-countries{ flex-direction:column; gap:16px; }

.fcard-search{
    width:200px;
    max-width:80%;
    padding:8px 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid #e6e9ef;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
    font-size:12px;
    color:#9aa3b5;
}

.fcard-search i{ font-size:11px; margin-right:6px; }

.fcard-flags{ display:flex; align-items:center; }

.fcard-flags img{
    width:40px; height:40px; border-radius:50%; object-fit:cover;
    border:2px solid #fff; box-shadow:0 2px 6px rgba(16,24,40,.12);
    margin-left:-10px;
}

.fcard-flags img:first-child{ margin-left:0; }

.fcard-flag-more{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:40px; height:40px; padding:0 6px; border-radius:20px; margin-left:-10px;
    background:#1f2937; color:#fff; font-size:11.5px; font-weight:700;
    border:2px solid #fff;
}

/* 5: destek sohbeti */
.fcard-chat{ flex-direction:column; align-items:stretch; gap:7px; padding:0 16px; }

.fcard-bubble{
    max-width:85%; padding:8px 12px; border-radius:12px; font-size:12.5px; line-height:1.4;
}

.fcard-bubble--in{ align-self:flex-end; background:#5048eb; color:#fff; border-bottom-right-radius:4px; }
.fcard-bubble--out{ align-self:flex-start; background:#fff; color:#374151; border:1px solid #e6e9ef; border-bottom-left-radius:4px; }

.fcard-typing{
    align-self:flex-start;
    display:inline-flex;
    gap:4px;
    padding:10px 12px;
    border-radius:12px;
    border-bottom-left-radius:4px;
    background:#fff;
    border:1px solid #e6e9ef;
}

.fcard-typing i{
    width:5px; height:5px; border-radius:50%;
    background:#9aa3b5;
    animation:fcard-yaziyor 1.2s ease-in-out infinite;
}

.fcard-typing i:nth-child(2){ animation-delay:.15s; }
.fcard-typing i:nth-child(3){ animation-delay:.3s; }

@keyframes fcard-yaziyor{
    0%,60%,100%{ transform:translateY(0); opacity:.5; }
    30%{ transform:translateY(-3px); opacity:1; }
}

/* 6: kiralık numara */
.fcard-rent-card{
    width:250px;
    max-width:86%;
    padding:12px 14px;
    border-radius:12px;
    background:#fff;
    border:1px solid #e6e9ef;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.fcard-rent-top{ display:flex; align-items:center; gap:10px; }

.fcard-sim{
    display:inline-flex; align-items:center; justify-content:center;
    flex:0 0 34px;
    width:34px; height:34px; border-radius:9px; background:#5048eb; color:#fff; font-size:15px;
}

.fcard-rent-text{ display:flex; flex-direction:column; line-height:1.3; min-width:0; }
.fcard-rent-text b{ font-size:13.5px; color:#0b1220; font-variant-numeric:tabular-nums; }
.fcard-rent-text small{ font-size:11px; color:#8a93a5; }

.fcard-rent-badge{
    margin-left:auto;
    font-size:10.5px;
    font-weight:600;
    color:#15803d;
    background:#ecfdf3;
    padding:3px 8px;
    border-radius:999px;
}

.fcard-rent-bar{
    height:6px;
    margin:12px 0 7px;
    border-radius:999px;
    background:#eef0f5;
    overflow:hidden;
}

.fcard-rent-bar span{
    display:block;
    width:70%;
    height:100%;
    border-radius:inherit;
    background:#5048eb;
}

.fcard-rent-days{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:#8a93a5;
}

.fcard-rent-days b{ color:#374151; font-weight:600; }

@media (prefers-reduced-motion: reduce){
    .fcard-caret, .fcard-dot::after, .fcard-typing i{ animation:none; }
}

@media (max-width: 767.98px){
    .feature-grid-area{ padding:40px 0 35px; }
    .fcard{ padding:8px 8px 18px; }
    .fcard-visual{ height:160px; margin-bottom:16px; }
    .fcard h5, .fcard p{ padding:0 12px; }
}

/* Fiyat butonu, ustundeki buton grubuyla ayni hizada ortalansin */
.hero-area-l1 .content .hero-price-btn{
    display:flex;
    width:310px;
    max-width:100%;
    margin-left:0;
    margin-right:auto;
}

/* Hero: fiyat listesi metin baglantisi */
.hero-price-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:18px;
    font-size:15px;
    font-weight:600;
    color:#5048eb!important;
    text-decoration:none;
}

.hero-price-link:hover{
    color:#3f38c9!important;
}

.hero-price-link .hero-price-arrow{
    font-size:12px;
    transition:transform .18s ease;
}

.hero-price-link:hover .hero-price-arrow{
    transform:translateY(3px);
}

/* Menüde tanımlıysa ikon göster */
.site-menu-main .menu-item-icon{
    margin-right:6px;
    font-size:12px;
    opacity:.7;
}

/* İkon eklenince menü satıra sığsın */
.site-menu-main > .nav-item > .nav-link-item{
    white-space:nowrap;
    padding-left:11px!important;
    padding-right:11px!important;
}

@media (max-width: 1399.98px){
    .site-menu-main .menu-item-icon{ display:none; }
}

/* Giris Yap butonu her zaman en sagda dursun */
.site-menu-main{
    align-items:center;
}

.site-menu-main > .nav-item.giris-yap-menu{
    margin-left:auto;
}

.site-header .header-btn,
.site-header .header-btn-l1{
    margin-left:auto;
    order:99;
}

/* Açılır alt menü: ikon ve metin hizası */
.site-menu-main .sub-menu--item > a{
    display:flex!important;
    align-items:center;
    justify-content:flex-start!important;
    gap:9px;
    padding:9px 18px!important;
    white-space:nowrap;
}

.site-menu-main .sub-menu--item > a .menu-item-icon{
    flex:0 0 auto;
    margin-right:0;
    width:15px;
    text-align:center;
}

/* Açılır menü: sade kart görünümü (masaüstü) */
@media (min-width: 992px){
    .site-menu-main .sub-menu{
        min-width:200px;
        max-width:none;
        padding:6px;
        border:1px solid #e6eaf0;
        border-radius:12px;
        box-shadow:0 12px 32px -12px rgba(16,24,40,.18), 0 2px 6px rgba(16,24,40,.05);
        transition:opacity .18s ease, margin-top .18s ease;
        margin-top:14px;
    }

    li.nav-item-has-children:hover > .sub-menu{
        margin-top:6px;
        border-top:1px solid #e6eaf0;
        border-radius:12px;
    }

    /* Menü ile açılır kutu arasındaki boşlukta hover kopmasın */
    .site-menu-main .sub-menu::before{
        content:"";
        position:absolute;
        left:0; right:0; top:-16px;
        height:16px;
    }

    .site-menu-main .sub-menu--item{
        padding:0;
        border:0;
        font-size:14px;
        font-weight:500;
        color:#1f2937;
    }

    .site-menu-main .sub-menu--item > a{
        padding:9px 12px!important;
        border-radius:8px;
        transition:background-color .15s ease, color .15s ease;
    }

    .site-menu-main .sub-menu--item:hover > a{
        background:#f3f4f8;
        color:#5048eb;
    }

    .site-menu-main .sub-menu--item > a .menu-item-icon{
        opacity:.55;
        font-size:13px;
    }

    .site-menu-main .sub-menu--item:hover > a .menu-item-icon{ opacity:1; }

    /* Açılır ok: küçük ve metne yakın */
    .site-menu-main .drop-trigger .fa-angle-down{
        margin-left:4px;
        font-size:11px;
        opacity:.6;
        transition:transform .18s ease;
    }

    .site-menu-main li.nav-item-has-children:hover > .drop-trigger .fa-angle-down{
        transform:rotate(180deg);
    }
}

/* Şablon hover'da tüm ikonları ters çeviriyor; sadece ok dönsün */
ul.site-menu-main .nav-item:hover i.menu-item-icon,
ul.site-menu-main .nav-item i.menu-item-icon{
    transform:none!important;
}

/* Ana sayfa hero arka planı: telefonun duvar kağıdıyla aynı soğuk ton, sade */
.hero-area-l1.hero-home{
    background-color:#f4f6f9;
    background-image:
        radial-gradient(560px circle at 76% 52%, rgba(61,79,110,.13) 0%, rgba(61,79,110,0) 70%),
        linear-gradient(180deg, #f8f9fb 0%, #f1f4f8 100%);
    border-bottom:1px solid #e6eaf0;
}

@media (max-width: 991.98px){
    .hero-area-l1.hero-home{
        background-image:
            radial-gradient(420px circle at 50% 30%, rgba(61,79,110,.12) 0%, rgba(61,79,110,0) 70%),
            linear-gradient(180deg, #f8f9fb 0%, #f1f4f8 100%);
    }
}

/* Hero: telefon üst menüye yapışmasın */
.hero-area-l1 .hero-phone{
    margin-top:40px;
}

/* Hero: telefon görseli kendi sütununda ortalı dursun */
@media (min-width: 992px){
    .hero-area-l1 .hero-phone{
        margin-left:auto;
        margin-right:auto;
    }
}

/* ------------------------------------------------------------------
   Header menü: sade, sıkı aralıklı (masaüstü)
------------------------------------------------------------------ */
@media (min-width: 992px){
    /* Panelden gelen karışık ikonlar menüde gösterilmesin */
    .site-menu-main .menu-item-icon{ display:none!important; }

    .site-menu-main > .nav-item > .nav-link-item{
        padding-left:13px!important;
        padding-right:13px!important;
        font-size:15px;
        font-weight:500;
        color:#374151;
        transition:color .15s ease;
    }

    .site-menu-main > .nav-item > .nav-link-item:hover,
    .site-menu-main > .nav-item:hover > .nav-link-item{
        color:#5048eb;
    }

    /* Açılır menü, başlığıyla aynı hizada başlasın */
    .site-menu-main > li.nav-item-has-children > .sub-menu{
        left:0!important;
        padding:6px!important;
    }

    .site-menu-main .sub-menu > .sub-menu--item{ padding:0!important; }

    /* Kayıt Ol: Giriş Yap butonunun yanında ikincil buton */
    .site-menu-main > .nav-item-register{ margin-left:10px; }

    .site-menu-main > .nav-item-register > .nav-link-item{
        display:inline-flex!important;
        align-items:center;
        height:40px;
        padding:0 18px!important;
        border:1px solid #d5dbe5;
        border-radius:10px;
        background:#fff;
        color:#1f2937;
        font-weight:600;
        box-shadow:0 1px 2px rgba(16,24,40,.06);
        transition:border-color .15s ease, background-color .15s ease;
    }

    .site-menu-main > .nav-item-register > .nav-link-item:hover{
        color:#1f2937;
        border-color:#b9c2d0;
        background:#f8fafc;
    }
}

/* ------------------------------------------------------------------
   Servisler sayfası
------------------------------------------------------------------ */
.svc-hero{
    padding:150px 0 56px;
    background-color:#f4f6f9;
    background-image:
        radial-gradient(520px circle at 50% 0%, rgba(80,72,235,.10) 0%, rgba(80,72,235,0) 70%),
        linear-gradient(180deg, #f8f9fb 0%, #f1f4f8 100%);
    border-bottom:1px solid #e6eaf0;
}

.svc-hero h1{
    font-size:40px;
    font-weight:700;
    letter-spacing:-.8px;
    color:#0b1220;
    margin:0 0 12px;
}

.svc-hero-text{
    font-size:16px;
    line-height:1.7;
    color:#6b7280;
}

.svc-hero-text p:last-child{ margin-bottom:0; }

.svc-search{
    position:relative;
    max-width:460px;
    margin:28px auto 0;
}

.svc-search i{
    position:absolute;
    left:18px; top:50%;
    transform:translateY(-50%);
    font-size:14px;
    color:#9aa3b5;
    pointer-events:none;
}

.svc-search input{
    width:100%;
    height:52px;
    padding:0 18px 0 46px;
    border:1px solid #dfe3ea;
    border-radius:12px;
    background:#fff;
    font-size:15px;
    color:#0b1220;
    box-shadow:0 1px 2px rgba(16,24,40,.05);
    transition:border-color .15s ease, box-shadow .15s ease;
}

.svc-search input::placeholder{ color:#a7afbd; }

.svc-search input:focus{
    outline:none;
    border-color:#5048eb;
    box-shadow:0 0 0 3px rgba(80,72,235,.12);
}

.svc-search:focus-within i{ color:#5048eb; }

.svc-area{
    padding:48px 0 70px;
    background:#fff;
}

.svc-card{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:8px;
    border:1px solid #e6e9ef;
    border-radius:16px;
    background:#fff;
    text-decoration:none!important;
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.svc-card:hover{
    transform:translateY(-3px);
    border-color:#d6dbe4;
    box-shadow:0 14px 32px -14px rgba(16,24,40,.18);
}

/* Tüm görseller aynı oranda: kartlar hizalı dursun */
.svc-media{
    position:relative;
    aspect-ratio:16 / 9;
    border-radius:11px;
    overflow:hidden;
    background:#f3f5f8;
}

.svc-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .4s ease;
}

.svc-card:hover .svc-media img{ transform:scale(1.04); }

.svc-media-empty{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:44px;
    font-weight:700;
    color:#5048eb;
    background:linear-gradient(180deg, #f1f0fe 0%, #e7e5fd 100%);
}

.svc-body{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    padding:16px 10px 8px;
}

.svc-body h4{
    font-size:17px;
    font-weight:700;
    line-height:1.4;
    color:#0b1220;
    margin:0 0 14px;
    transition:color .15s ease;
}

.svc-card:hover .svc-body h4{ color:#5048eb; }

.svc-meta{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:12px;
    border-top:1px solid #eef0f4;
    font-size:13px;
    color:#8a93a5;
}

.svc-meta i{ font-size:12px; margin-right:4px; }

.svc-more{
    font-weight:600;
    color:#5048eb;
}

.svc-more i{
    margin:0 0 0 4px!important;
    font-size:11px!important;
    transition:transform .18s ease;
}

.svc-card:hover .svc-more i{ transform:translateX(3px); }

.svc-empty{
    padding:40px 0;
    text-align:center;
    font-size:15px;
    color:#6b7280;
}

.svc-empty[hidden], .svc-col[hidden]{ display:none!important; }

/* Sayfalama */
.svc-pagination{ margin-top:36px; }

.svc-pagination .pagination{
    justify-content:center;
    gap:6px;
    margin:0;
}

.svc-pagination .pagination li a,
.svc-pagination .pagination li span,
.svc-pagination .pagination .page-link{
    min-width:40px;
    height:40px;
    padding:0 12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e2e6ef;
    border-radius:10px!important;
    background:#fff;
    color:#374151;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
}

.svc-pagination .pagination li a:hover,
.svc-pagination .pagination .page-link:hover{
    border-color:#5048eb;
    color:#5048eb;
}

.svc-pagination .pagination .active a,
.svc-pagination .pagination .active span,
.svc-pagination .pagination .active .page-link{
    background:#5048eb;
    border-color:#5048eb;
    color:#fff;
}

@media (max-width: 767.98px){
    .svc-hero{ padding:110px 0 40px; }
    .svc-hero h1{ font-size:30px; }
    .svc-area{ padding:32px 0 50px; }
}

/* ------------------------------------------------------------------
   Servis detay sayfası
------------------------------------------------------------------ */
.svc-hero--post{ padding-bottom:40px; }

.svc-hero--post h1{
    max-width:820px;
    font-size:36px;
    line-height:1.2;
    margin-bottom:12px;
}

.svc-crumb{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-bottom:16px;
    font-size:13.5px;
    color:#8a93a5;
}

.svc-crumb a{ color:#6b7280; text-decoration:none; }
.svc-crumb a:hover{ color:#5048eb; }
.svc-crumb i{ font-size:9px; color:#b3bac8; }
.svc-crumb span{ color:#374151; font-weight:500; }

.svc-post-date{
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-size:13.5px;
    color:#6b7280;
}

.svc-area--post{ padding-top:40px; }

.svc-article-media{
    aspect-ratio:16 / 9;
    margin-bottom:30px;
    border-radius:16px;
    overflow:hidden;
    background:#f3f5f8;
    border:1px solid #e6e9ef;
}

.svc-article-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Panelden gelen içerik için okunaklı tipografi */
.svc-article-body{
    font-size:16px;
    line-height:1.8;
    color:#374151;
}

.svc-article-body h1,
.svc-article-body h2,
.svc-article-body h3,
.svc-article-body h4{
    color:#0b1220;
    font-weight:700;
    letter-spacing:-.3px;
    line-height:1.3;
    margin:34px 0 12px;
}

.svc-article-body h2{ font-size:26px; }
.svc-article-body h3{ font-size:21px; }
.svc-article-body h4{ font-size:18px; }
.svc-article-body > :first-child{ margin-top:0; }

.svc-article-body p{ margin:0 0 18px; }

.svc-article-body a{
    color:#5048eb;
    text-decoration:underline;
    text-underline-offset:2px;
}

.svc-article-body ul,
.svc-article-body ol{
    margin:0 0 18px;
    padding-left:22px;
}

.svc-article-body li{ margin-bottom:6px; }
.svc-article-body li::marker{ color:#5048eb; }

.svc-article-body img{
    max-width:100%;
    height:auto;
    border-radius:12px;
}

.svc-article-body blockquote{
    margin:0 0 18px;
    padding:14px 18px;
    border-left:3px solid #5048eb;
    border-radius:0 10px 10px 0;
    background:#f6f7f9;
    color:#374151;
}

.svc-article-body table{
    width:100%;
    margin:0 0 18px;
    border-collapse:collapse;
    font-size:14.5px;
}

.svc-article-body th,
.svc-article-body td{
    padding:10px 12px;
    border:1px solid #e6e9ef;
    text-align:left;
}

.svc-article-body th{ background:#f6f7f9; color:#0b1220; }

/* Sağ: sabit kart */
.svc-side{
    position:sticky;
    top:110px;
}

.svc-side-card{
    padding:24px;
    border-radius:16px;
    color:#fff;
    background-color:#121722;
    background-image:
        radial-gradient(360px circle at 0% 0%, rgba(61,79,110,.65) 0%, rgba(61,79,110,0) 70%),
        radial-gradient(320px circle at 100% 100%, rgba(80,72,235,.3) 0%, rgba(80,72,235,0) 70%);
    box-shadow:0 12px 24px -16px rgba(16,24,40,.35);
}

.svc-side-icon{
    width:42px; height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:16px;
    border-radius:11px;
    background:#5048eb;
    font-size:17px;
}

.svc-side-card h5{
    font-size:19px;
    font-weight:700;
    line-height:1.35;
    color:#fff;
    margin:0 0 8px;
}

.svc-side-card p{
    font-size:14px;
    line-height:1.6;
    color:rgba(255,255,255,.62);
    margin:0 0 20px;
}

.svc-side-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:46px;
    border-radius:11px;
    border:1px solid rgba(255,255,255,.16);
    background:rgba(255,255,255,.06);
    color:#fff!important;
    font-size:14.5px;
    font-weight:600;
    text-decoration:none!important;
    transition:background-color .18s ease;
}

.svc-side-btn + .svc-side-btn{ margin-top:10px; }
.svc-side-btn:hover{ background:rgba(255,255,255,.12); }

.svc-side-btn--primary{
    background:#5048eb;
    border-color:#5d55f0;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.6);
}

.svc-side-btn--primary:hover{ background:#4339dd; }
.svc-side-btn--primary i{ font-size:12px; transition:transform .18s ease; }
.svc-side-btn--primary:hover i{ transform:translateX(3px); }

.svc-side-back{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:46px;
    margin-top:12px;
    border-radius:11px;
    border:1px solid #d5dbe5;
    background:#fff;
    color:#1f2937!important;
    font-size:14.5px;
    font-weight:600;
    text-decoration:none!important;
    box-shadow:0 1px 2px rgba(16,24,40,.06);
    transition:border-color .18s ease, background-color .18s ease;
}

.svc-side-back:hover{
    border-color:#b9c2d0;
    background:#f8fafc;
}

.svc-side-back i{
    font-size:12px;
    color:#5048eb;
    transition:transform .18s ease;
}

.svc-side-back:hover i{ transform:translateX(-3px); }

@media (max-width: 991.98px){
    .svc-side{ position:static; }
}

@media (max-width: 767.98px){
    .svc-hero--post h1{ font-size:27px; }
    .svc-article-body{ font-size:15.5px; }
}

/* ------------------------------------------------------------------
   Sunucu durumu sayfası
------------------------------------------------------------------ */
.ss-banner{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:26px;
    padding:11px 18px;
    border-radius:999px;
    background:#ecfdf3;
    border:1px solid #c6f0d6;
    font-size:15px;
    color:#15803d;
}

.ss-banner b{ font-weight:600; }

.ss-banner--warn{
    background:#fffbeb;
    border-color:#fde68a;
    color:#b45309;
}

.ss-dot{
    position:relative;
    width:9px; height:9px;
    border-radius:50%;
    background:currentColor;
}

.ss-dot::after{
    content:"";
    position:absolute;
    inset:-4px;
    border-radius:50%;
    background:currentColor;
    opacity:.25;
    animation:fcard-nabiz 2s ease-out infinite;
}

.ss-checked{
    margin-top:10px;
    font-size:13px;
    color:#8a93a5;
}

.ss-heading{
    font-size:20px;
    font-weight:700;
    letter-spacing:-.3px;
    color:#0b1220;
    margin:0 0 14px;
}

.ss-heading + .ss-list,
.ss-heading + .row{ margin-bottom:0; }

.ss-list + .ss-heading{ margin-top:40px; }

.ss-list{
    list-style:none;
    margin:0;
    padding:0;
    border:1px solid #e6e9ef;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}

.ss-list li{
    display:flex;
    align-items:center;
    gap:14px;
    padding:16px 20px;
}

.ss-list li + li{ border-top:1px solid #eef0f4; }

.ss-icon{
    flex:0 0 38px;
    width:38px; height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#f1f0fe;
    color:#5048eb;
    font-size:15px;
}

.ss-name{ flex:1 1 auto; min-width:0; line-height:1.35; }
.ss-name b{ display:block; font-size:15px; font-weight:600; color:#0b1220; }
.ss-name small{ display:block; font-size:13px; color:#8a93a5; }

.ss-status{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:5px 12px;
    border-radius:999px;
    background:#ecfdf3;
    color:#15803d;
    font-size:13px;
    font-weight:600;
}

.ss-status::before{
    content:"";
    width:7px; height:7px;
    border-radius:50%;
    background:currentColor;
}

.ss-status--warn{
    background:#fffbeb;
    color:#b45309;
}

.ss-stat{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:4px;
    height:100%;
    padding:20px;
    border:1px solid #e6e9ef;
    border-radius:16px;
    background:#fff;
}

.ss-stat-icon{
    width:36px; height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-bottom:10px;
    border-radius:10px;
    background:#f1f0fe;
    color:#5048eb;
    font-size:14px;
}

.ss-stat b{
    font-size:28px;
    font-weight:700;
    letter-spacing:-.5px;
    color:#0b1220;
    font-variant-numeric:tabular-nums;
}

.ss-stat small{ font-size:13.5px; color:#6b7280; }

@media (max-width: 575.98px){
    .ss-list li{ padding:14px 14px; gap:12px; }
    .ss-banner{ font-size:14px; }
}

/* ------------------------------------------------------------------
   Blog listesi / yazı sayfası (servis kartlarını kullanır)
------------------------------------------------------------------ */
.svc-excerpt{
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:-4px 0 16px;
    font-size:14px;
    line-height:1.65;
    color:#6b7280;
}

.svc-media-empty--icon{
    font-size:36px;
    color:rgba(80,72,235,.55);
}

.svc-post-meta{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
    font-size:13.5px;
    color:#6b7280;
}

.svc-post-meta span{
    display:inline-flex;
    align-items:center;
    gap:7px;
}

/* ------------------------------------------------------------------
   SSS sayfası (ana sayfadaki akordeonu kullanır)
------------------------------------------------------------------ */
.faq-page-list{
    display:flex;
    flex-direction:column;
    gap:10px;
}

.faq-page-list .faq-item[hidden]{ display:none!important; }

.faq-help{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:36px;
    padding:22px 24px;
    border:1px solid #e6e9ef;
    border-radius:16px;
    background:#f8f9fb;
}

.faq-help b{
    display:block;
    font-size:16px;
    font-weight:700;
    color:#0b1220;
    margin-bottom:3px;
}

.faq-help span{ font-size:14px; color:#6b7280; }

.faq-help-btns{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.faq-help-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:44px;
    padding:0 18px;
    border-radius:11px;
    border:1px solid #d5dbe5;
    background:#fff;
    color:#1f2937!important;
    font-size:14px;
    font-weight:600;
    text-decoration:none!important;
    transition:border-color .18s ease, background-color .18s ease;
}

.faq-help-btn:hover{ border-color:#b9c2d0; background:#f8fafc; }
.faq-help-btn i{ color:#5048eb; }

.faq-help-btn--primary{
    background:#5048eb;
    border-color:#4038d6;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.55);
}

.faq-help-btn--primary:hover{ background:#4339dd; border-color:#4038d6; }

@media (max-width: 575.98px){
    .faq-help-btns, .faq-help-btn{ width:100%; justify-content:center; }
}

/* ------------------------------------------------------------------
   Üye paneli: Hızlı Menü (sol kenar çubuğu)
------------------------------------------------------------------ */
.qm{ display:flex; flex-direction:column; gap:14px; }

.qm-title{
    font-size:15px;
    font-weight:700;
    color:#0b1220;
}

.qm-subtitle{
    margin-top:8px;
    font-size:13px;
    font-weight:600;
    color:#6b7280;
}

/* Bakiye kartı: sitedeki koyu kartlarla aynı dil */
.qm-balance{
    position:relative;
    padding:18px;
    border-radius:16px;
    color:#fff;
    background-color:#121722;
    background-image:
        radial-gradient(260px circle at 0% 0%, rgba(61,79,110,.7) 0%, rgba(61,79,110,0) 70%),
        radial-gradient(220px circle at 100% 100%, rgba(80,72,235,.35) 0%, rgba(80,72,235,0) 70%);
    box-shadow:0 12px 24px -16px rgba(16,24,40,.45);
}

.qm-balance-label{
    display:block;
    font-size:12.5px;
    color:rgba(255,255,255,.6);
}

.qm-balance-value{
    display:block;
    margin-top:2px;
    font-size:26px;
    font-weight:700;
    letter-spacing:-.5px;
    line-height:1.2;
    color:#fff;
    font-variant-numeric:tabular-nums;
    word-break:break-word;
}

.qm-balance-spent{
    display:flex;
    justify-content:space-between;
    gap:8px;
    margin-top:12px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.1);
    font-size:12.5px;
    color:rgba(255,255,255,.55);
}

.qm-balance-spent span{
    color:#fca5a5;
    font-weight:600;
    font-variant-numeric:tabular-nums;
}

.qm-balance-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:38px;
    margin-top:14px;
    border-radius:10px;
    background:#5048eb;
    border:1px solid #5d55f0;
    color:#fff!important;
    font-size:13px;
    font-weight:600;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
    transition:background-color .18s ease;
}

.qm-balance-btn:hover{ background:#4339dd; }
.qm-balance-btn i{ color:#fff; }

/* Kısayollar */
.qm-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}

.qm-tile{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border-radius:12px;
    border:1px solid #e6e9ef;
    background:#fff;
    color:#1f2937!important;
    font-size:13px;
    font-weight:600;
    line-height:1.25;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.qm-tile:hover{
    border-color:rgba(80,72,235,.45);
    box-shadow:0 8px 18px -12px rgba(80,72,235,.45);
    transform:translateY(-1px);
}

.qm-tile-icon{
    width:32px; height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:#f1f0fe;
}

.qm-tile-icon i{ font-size:18px; color:#5048eb; }

/* Para birimi: tek satırlık seçim çubuğu */
.qm-currency{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:4px;
    padding:4px;
    border-radius:12px;
    background:#f3f4f8;
    border:1px solid #e6e9ef;
}

.qm-currency .smspnl-currency-option{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    padding:7px 0 6px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:#6b7280;
    cursor:pointer;
    transition:background-color .15s ease, color .15s ease;
}

.qm-currency .smspnl-currency-option b{ font-size:16px; line-height:1.1; font-weight:700; }
.qm-currency .smspnl-currency-option span{ font-size:10.5px; font-weight:600; letter-spacing:.02em; }

.qm-currency .smspnl-currency-option:hover{ color:#0b1220; background:rgba(255,255,255,.6); }

.qm-currency .smspnl-currency-option.active{
    background:#fff;
    border-color:#e6e9ef;
    color:#5048eb;
    box-shadow:0 1px 3px rgba(16,24,40,.08);
}

.qm-currency .smspnl-currency-option.disabled{ opacity:.6; cursor:default; }

/* Hızlı Menü: panelin gece modu */
[data-bs-theme="dark"] .qm-title{ color:#f3f4f6; }
[data-bs-theme="dark"] .qm-subtitle{ color:#9ca3af; }
[data-bs-theme="dark"] .qm-tile{ background:#1b1d29; border-color:#2b2f3f; color:#e5e7eb!important; }
[data-bs-theme="dark"] .qm-tile-icon{ background:rgba(80,72,235,.18); }
[data-bs-theme="dark"] .qm-tile-icon i{ color:#a5a0ff; }
[data-bs-theme="dark"] .qm-currency{ background:#151722; border-color:#2b2f3f; }
[data-bs-theme="dark"] .qm-currency .smspnl-currency-option{ color:#9ca3af; }
[data-bs-theme="dark"] .qm-currency .smspnl-currency-option:hover{ color:#f3f4f6; background:rgba(255,255,255,.04); }
[data-bs-theme="dark"] .qm-currency .smspnl-currency-option.active{ background:#232637; border-color:#33374a; color:#a5a0ff; }

/* Hızlı Menü: sığması için sıkı düzen */
.qm{ gap:12px; }

.qm-balance{ padding:14px 16px; }
.qm-balance-value{ font-size:22px; }

.qm-balance-alt{
    margin-top:2px;
    font-size:12.5px;
    color:rgba(255,255,255,.55);
    font-variant-numeric:tabular-nums;
}

.qm-balance-spent{ margin-top:10px; padding-top:8px; }
.qm-balance-btn{ height:36px; margin-top:12px; }

.qm-links{
    display:flex;
    flex-direction:column;
    border:1px solid #e6e9ef;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
}

.qm-link{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 10px;
    color:#1f2937!important;
    font-size:13px;
    font-weight:600;
    transition:background-color .15s ease;
}

.qm-link + .qm-link{ border-top:1px solid #eef0f4; }
.qm-link:hover{ background:#f8f9fb; }
.qm-link:hover .qm-link-arrow{ color:#5048eb; transform:translateX(2px); }

.qm-link .qm-tile-icon{ flex:0 0 28px; width:28px; height:28px; border-radius:8px; }
.qm-link .qm-tile-icon i{ font-size:16px; }

.qm-link-arrow{
    margin-left:auto;
    font-size:12px;
    color:#b3bac8;
    transition:color .15s ease, transform .15s ease;
}

.qm-subtitle{ margin-top:2px; }

/* Yine de sığmazsa kenar çubuğu kendi içinde kaysın */
@media (min-width: 992px){
    #kt_app_sidebar_wrapper{
        max-height:calc(100vh - 110px);
        overflow-y:auto;
        scrollbar-width:none;
        -ms-overflow-style:none;
    }

    #kt_app_sidebar_wrapper::-webkit-scrollbar{ display:none; }
}

[data-bs-theme="dark"] .qm-links{ background:#1b1d29; border-color:#2b2f3f; }
[data-bs-theme="dark"] .qm-link{ color:#e5e7eb!important; }
[data-bs-theme="dark"] .qm-link + .qm-link{ border-top-color:#2b2f3f; }
[data-bs-theme="dark"] .qm-link:hover{ background:rgba(255,255,255,.03); }

/* ------------------------------------------------------------------
   Üye paneli: servis seçimi (yeni sipariş)
------------------------------------------------------------------ */
.svc-tile{
    position:relative;
    gap:14px;
    margin-bottom:16px;
    padding:14px 16px;
    border:1px solid #e6e9ef;
    border-radius:14px;
    background:#fff;
    transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.svc-tile:hover{
    border-color:rgba(80,72,235,.45);
    box-shadow:0 10px 22px -14px rgba(80,72,235,.45);
}

/* Logo kutusu: daire yerine yumuşak kare */
.svc-tile .symbol{ margin-right:0!important; }

.svc-tile .symbol.symbol-50px > .symbol-label{
    width:46px;
    height:46px;
    border-radius:12px!important;
    background-color:#f6f7f9;
    border:1px solid #eef0f4;
    background-size:62%;
    background-repeat:no-repeat;
    background-position:center;
}

.svc-tile .symbol .symbol-label i{ font-size:22px!important; }

.svc-tile .smspnl-service-name,
.svc-tile .flex-grow-1 p{
    font-size:15px!important;
    font-weight:600!important;
    color:#1f2937!important;
    transition:color .15s ease;
}

.svc-tile:hover .smspnl-service-name,
.svc-tile:hover .flex-grow-1 p{ color:#5048eb!important; }

/* Favori kalbi: boşken gri, favorideyse kırmızı */
.svc-tile .service-favorite{
    flex:0 0 auto;
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px!important;
    transition:background-color .15s ease;
}

.svc-tile .service-favorite:hover{ background:#fef2f2!important; }

.svc-tile .service-favorite i{
    margin:0!important;
    font-size:17px!important;
}

.svc-tile .service-favorite i.far{ color:#c3c8d2!important; }
.svc-tile .service-favorite:hover i.far{ color:#ef4444!important; }
.svc-tile .service-favorite i.fas{ color:#ef4444!important; }

/* Arama kutusu */
.smspnl-search{
    height:52px;
    border-radius:12px!important;
    font-size:15px!important;
    border:1px solid transparent!important;
    transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.smspnl-search:focus{
    background:#fff!important;
    border-color:#5048eb!important;
    box-shadow:0 0 0 3px rgba(80,72,235,.12)!important;
}

/* Gece modu */
[data-bs-theme="dark"] .svc-tile{ background:#1b1d29; border-color:#2b2f3f; }
[data-bs-theme="dark"] .svc-tile .symbol.symbol-50px > .symbol-label{ background-color:#232637; border-color:#2b2f3f; }
[data-bs-theme="dark"] .svc-tile .smspnl-service-name,
[data-bs-theme="dark"] .svc-tile .flex-grow-1 p{ color:#e5e7eb!important; }
[data-bs-theme="dark"] .svc-tile .service-favorite:hover{ background:rgba(239,68,68,.12)!important; }
[data-bs-theme="dark"] .smspnl-search:focus{ background:#1b1d29!important; }

/* Servis kutuları: her servise kendi hafif renk tonu (--h: 0-360, şablonda servis id'sinden üretilir) */
.svc-tile{
    --h:250;
    background:linear-gradient(135deg, hsl(var(--h) 85% 97.5%) 0%, #fff 70%);
    border-color:hsl(var(--h) 45% 91%);
}

.svc-tile:hover{
    border-color:hsl(var(--h) 60% 72%);
    box-shadow:0 10px 22px -14px hsl(var(--h) 60% 45% / .45);
}

.svc-tile .symbol.symbol-50px > .symbol-label{
    background-color:hsl(var(--h) 80% 95%);
    border-color:hsl(var(--h) 55% 89%);
}

/* Logosu olmayan servislerdeki harf, kutunun tonunda */
.svc-tile .symbol-label.text-success{ color:hsl(var(--h) 55% 42%)!important; }

.svc-tile:hover .smspnl-service-name,
.svc-tile:hover .flex-grow-1 p{ color:hsl(var(--h) 55% 38%)!important; }

[data-bs-theme="dark"] .svc-tile{
    background:linear-gradient(135deg, hsl(var(--h) 35% 17%) 0%, #1b1d29 70%);
    border-color:hsl(var(--h) 25% 24%);
}

[data-bs-theme="dark"] .svc-tile .symbol.symbol-50px > .symbol-label{
    background-color:hsl(var(--h) 30% 20%);
    border-color:hsl(var(--h) 25% 27%);
}

[data-bs-theme="dark"] .svc-tile .symbol-label.text-success{ color:hsl(var(--h) 70% 72%)!important; }

[data-bs-theme="dark"] .svc-tile:hover .smspnl-service-name,
[data-bs-theme="dark"] .svc-tile:hover .flex-grow-1 p{ color:hsl(var(--h) 70% 76%)!important; }

/* ------------------------------------------------------------------
   Üye paneli: Yeni Sipariş penceresi
------------------------------------------------------------------ */
.smspnl-modal .modal-content{
    border:0;
    border-radius:18px;
    box-shadow:0 30px 60px -20px rgba(16,24,40,.35);
}

.smspnl-modal .modal-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 24px;
    border-bottom:1px solid #eef0f4;
}

.smspnl-modal .modal-header h4{ font-size:18px; font-weight:700; color:#0b1220; }

.smspnl-modal-close{
    width:34px; height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#8a93a5;
    transition:background-color .15s ease, color .15s ease;
}

.smspnl-modal-close:hover{ background:#f3f4f8; color:#0b1220; }

.smspnl-modal .modal-body{ padding:20px 24px!important; }

/* Uyarı: kırmızı alarm yerine sakin bilgi notu */
.smspnl-modal-note{
    display:flex;
    gap:10px;
    margin-bottom:18px;
    padding:12px 14px;
    border-radius:12px;
    background:#fffbeb;
    border:1px solid #fde68a;
}

.smspnl-modal-note > i{
    flex:0 0 auto;
    margin-top:1px;
    font-size:18px;
    color:#d97706;
}

.smspnl-modal-note b{
    display:block;
    margin-bottom:2px;
    font-size:13px;
    font-weight:700;
    color:#92400e;
}

.smspnl-modal-note span{
    display:block;
    font-size:12.5px;
    line-height:1.55;
    color:#92400e;
}

/* Seçilen servis / ülke özeti */
.smspnl-modal-summary{
    margin:0 0 18px;
    padding:12px 4px;
    border:1px solid #eef0f4;
    border-radius:12px;
    background:#f8f9fb;
}

.smspnl-modal-summary > div > span{ margin-bottom:0!important; }
.smspnl-modal-summary > div + div{ border-left:1px solid #e6e9ef; }

.smspnl-modal-summary .symbol-label{ border-radius:10px!important; }
.smspnl-modal-summary .fw-bold{ color:#6b7280; font-weight:600!important; font-size:12px!important; }

.smspnl-modal-summary .smspnl-order-sname,
.smspnl-modal-summary .smspnl-order-scountry{
    color:#0b1220!important;
    font-size:14px!important;
    font-weight:600;
}

/* Form alanları */
.smspnl-modal-fields label{
    margin-bottom:6px!important;
    font-size:13px!important;
    font-weight:600!important;
    color:#374151;
}

.smspnl-modal-fields .fv-row{ margin-bottom:16px!important; }

.smspnl-modal .select2-container .select2-selection--single{
    min-height:48px;
    display:flex;
    align-items:center;
    border-radius:11px!important;
    border:1px solid #e2e6ef!important;
    background:#fff!important;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.smspnl-modal .select2-container--open .select2-selection--single,
.smspnl-modal .select2-container--focus .select2-selection--single{
    border-color:#5048eb!important;
    box-shadow:0 0 0 3px rgba(80,72,235,.12);
}

.smspnl-modal .select2-selection__rendered{
    font-size:14px!important;
    font-weight:500;
    color:#0b1220!important;
}

.smspnl-modal .select2-container--disabled .select2-selection--single{
    background:#f6f7f9!important;
    opacity:.8;
}

/* Açılan liste */
.smspnl-modal .select2-dropdown{
    border:1px solid #e6e9ef!important;
    border-radius:12px!important;
    box-shadow:0 16px 36px -16px rgba(16,24,40,.25)!important;
    overflow:hidden;
}

.smspnl-modal .select2-search__field{
    height:40px;
    border-radius:9px!important;
    border:1px solid #e2e6ef!important;
}

.smspnl-modal .select2-search__field:focus{ border-color:#5048eb!important; outline:none; }

.smspnl-modal .select2-results__option{
    padding:10px 14px!important;
    font-size:13px!important;
    line-height:1.45;
    color:#374151!important;
    border-radius:8px;
    margin:2px 6px;
}

.smspnl-modal .select2-results__option--highlighted,
.smspnl-modal .select2-results__option[aria-selected="true"],
.smspnl-modal .select2-results__option--selected{
    background:#f1f0fe!important;
    color:#4038d6!important;
}

/* Ücret / ortalama süre kartı */
.smspnl-modal .smspnl-order-details{
    border:1px solid #eef0f4;
    border-radius:12px;
    background:#f8f9fb!important;
}

.smspnl-modal .smspnl-order-details .card-body{ padding:14px 16px; }
.smspnl-modal .smspnl-order-details .symbol{ border:0!important; }
.smspnl-modal .smspnl-order-details .symbol-label{ border-radius:10px!important; }
.smspnl-modal .smspnl-order-charge,
.smspnl-modal .smspnl-order-average{ font-size:15px!important; font-weight:700; }

/* Alt butonlar: eşit genişlikte */
.smspnl-modal-footer{
    display:flex;
    gap:10px;
    padding:16px 24px 20px;
    border-top:1px solid #eef0f4;
}

.smspnl-modal-footer > *{ margin:0!important; }

.smspnl-modal-footer .btn{
    flex:1 1 0;
    height:48px;
    border-radius:11px;
    font-size:14.5px;
    font-weight:600;
}

.smspnl-modal-footer .btn-primary{
    background:#5048eb!important;
    border:1px solid #4038d6!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.55);
}

.smspnl-modal-footer .btn-primary:hover{ background:#4339dd!important; }

/* Gece modu */
[data-bs-theme="dark"] .smspnl-modal .modal-header,
[data-bs-theme="dark"] .smspnl-modal-footer{ border-color:#2b2f3f; }
[data-bs-theme="dark"] .smspnl-modal .modal-header h4{ color:#f3f4f6; }
[data-bs-theme="dark"] .smspnl-modal-close:hover{ background:rgba(255,255,255,.06); color:#f3f4f6; }
[data-bs-theme="dark"] .smspnl-modal-note{ background:rgba(217,119,6,.12); border-color:rgba(217,119,6,.3); }
[data-bs-theme="dark"] .smspnl-modal-note b,
[data-bs-theme="dark"] .smspnl-modal-note span{ color:#fcd34d; }
[data-bs-theme="dark"] .smspnl-modal-summary,
[data-bs-theme="dark"] .smspnl-modal .smspnl-order-details{ background:#151722!important; border-color:#2b2f3f; }
[data-bs-theme="dark"] .smspnl-modal-summary > div + div{ border-left-color:#2b2f3f; }
[data-bs-theme="dark"] .smspnl-modal-summary .smspnl-order-sname,
[data-bs-theme="dark"] .smspnl-modal-summary .smspnl-order-scountry{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .smspnl-modal .select2-container .select2-selection--single{ background:#1b1d29!important; border-color:#2b2f3f!important; }
[data-bs-theme="dark"] .smspnl-modal .select2-selection__rendered{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .smspnl-modal .select2-dropdown{ border-color:#2b2f3f!important; }
[data-bs-theme="dark"] .smspnl-modal .select2-results__option{ color:#d1d5db!important; }
[data-bs-theme="dark"] .smspnl-modal .select2-results__option--highlighted{ background:rgba(80,72,235,.18)!important; color:#c7c3ff!important; }

/* Kutunun tamamı tıklanabilir */
.svc-tile{ cursor:pointer; user-select:none; }

/* ------------------------------------------------------------------
   Bildirim pencereleri (SweetAlert2: başarılı / hata / uyarı / onay)
------------------------------------------------------------------ */
.swal2-container.swal2-backdrop-show{
    background:rgba(15,23,42,.42)!important;
    -webkit-backdrop-filter:blur(3px);
            backdrop-filter:blur(3px);
}

.swal2-popup{
    width:380px!important;
    max-width:calc(100% - 32px);
    padding:30px 26px 24px!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 30px 60px -20px rgba(16,24,40,.35)!important;
    font-family:"Inter", system-ui, -apple-system, sans-serif!important;
}

/* İkon: biraz küçük, renkler temayla uyumlu */
.swal2-icon{
    margin:4px auto 18px!important;
}

.swal2-icon.swal2-success{ border-color:#bbf7d0!important; color:#22c55e!important; }
.swal2-icon.swal2-success .swal2-success-ring{ border-color:rgba(34,197,94,.25)!important; }
.swal2-icon.swal2-success [class^="swal2-success-line"]{ background-color:#22c55e!important; }

.swal2-icon.swal2-error{ border-color:#fecaca!important; color:#ef4444!important; }
.swal2-icon.swal2-error [class^="swal2-x-mark-line"]{ background-color:#ef4444!important; }

.swal2-icon.swal2-warning{ border-color:#fde68a!important; color:#f59e0b!important; }
.swal2-icon.swal2-info,
.swal2-icon.swal2-question{ border-color:#d9d6fd!important; color:#5048eb!important; }

.swal2-title{
    padding:0!important;
    margin:0 0 8px!important;
    font-size:20px!important;
    font-weight:700!important;
    letter-spacing:-.3px;
    color:#0b1220!important;
}

.swal2-html-container{
    margin:0!important;
    padding:0 4px!important;
    font-size:14.5px!important;
    line-height:1.6!important;
    color:#6b7280!important;
}

/* Butonlar: tam genişlik, sitedeki butonlarla aynı */
.swal2-actions{
    width:100%;
    gap:10px;
    margin:24px 0 0!important;
    padding:0!important;
    flex-wrap:nowrap!important;
}

.swal2-actions button{
    flex:1 1 0;
    height:46px;
    margin:0!important;
    padding:0 18px!important;
    border-radius:11px!important;
    font-size:14.5px!important;
    font-weight:600!important;
    box-shadow:none!important;
}

.swal2-styled.swal2-confirm{
    background:#5048eb!important;
    border:1px solid #4038d6!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.55)!important;
}

.swal2-styled.swal2-confirm:hover{ background:#4339dd!important; }

.swal2-styled.swal2-cancel,
.swal2-styled.swal2-deny{
    background:#fff!important;
    border:1px solid #d5dbe5!important;
    color:#1f2937!important;
}

.swal2-styled.swal2-cancel:hover,
.swal2-styled.swal2-deny:hover{ background:#f8fafc!important; border-color:#b9c2d0!important; }

.swal2-styled:focus,
.swal2-styled:focus-visible{ box-shadow:0 0 0 3px rgba(80,72,235,.25)!important; }

/* Otomatik kapanma çubuğu */
.swal2-timer-progress-bar{ background:rgba(80,72,235,.35)!important; }

/* Gece modu (üye paneli) */
[data-bs-theme="dark"] .swal2-popup{ background:#1b1d29!important; }
[data-bs-theme="dark"] .swal2-title{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .swal2-html-container{ color:#9ca3af!important; }
[data-bs-theme="dark"] .swal2-icon.swal2-success [class^="swal2-success-circular-line"],
[data-bs-theme="dark"] .swal2-icon.swal2-success .swal2-success-fix{ background-color:#1b1d29!important; }
[data-bs-theme="dark"] .swal2-styled.swal2-cancel,
[data-bs-theme="dark"] .swal2-styled.swal2-deny{ background:#232637!important; border-color:#33374a!important; color:#e5e7eb!important; }

/* Sipariş penceresi notu: daha yumuşak tipografi */
.smspnl-modal-note{ align-items:flex-start; padding:12px 14px; }
.smspnl-modal-note > i{ font-size:17px; margin-top:0; }
.smspnl-modal-note b{ font-size:13px; font-weight:600; color:#92400e; margin-bottom:1px; }
.smspnl-modal-note span{ font-size:12.5px; line-height:1.5; color:#a16207; }

/* ------------------------------------------------------------------
   Üye paneli: üst menü
------------------------------------------------------------------ */
#kt_app_header{
    background:#fff;
    border-bottom:1px solid #eef0f4;
}

@media (min-width: 992px){
    .smspnl-topmenu{ gap:4px; }

    .smspnl-topmenu > .menu-item{ margin-right:0!important; }

    .smspnl-topmenu > .menu-item > .menu-link{
        padding:9px 14px!important;
        border-radius:10px!important;
        transition:background-color .15s ease, color .15s ease;
    }

    .smspnl-topmenu > .menu-item > .menu-link .menu-title{
        font-size:14.5px;
        font-weight:600;
        color:#4b5563!important;
        transition:color .15s ease;
    }

    .smspnl-topmenu > .menu-item > .menu-link:hover{ background:#f3f4f8!important; }
    .smspnl-topmenu > .menu-item > .menu-link:hover .menu-title{ color:#0b1220!important; }

    .smspnl-topmenu > .menu-item > .menu-link.active{ background:#f1f0fe!important; }
    .smspnl-topmenu > .menu-item > .menu-link.active .menu-title{ color:#5048eb!important; }
}

/* Gece modu: siyah logo beyaza dönsün, menü okunaklı olsun */
[data-bs-theme="dark"] #kt_app_header{
    background:#151722;
    border-bottom-color:#232637;
}

[data-bs-theme="dark"] #kt_app_header .app-header-logo img.theme-dark-show{
    filter:brightness(0) invert(1);
}

[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link .menu-title{ color:#a1a7b8!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link:hover{ background:rgba(255,255,255,.05)!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link:hover .menu-title{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link.active{ background:rgba(80,72,235,.18)!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link.active .menu-title{ color:#c7c3ff!important; }

/* Üst menü v2: mor zemin yok; yalnızca aktif sayfada yazı genişliğinde alt çizgi */
@media (min-width: 992px){
    .smspnl-topmenu > .menu-item > .menu-link,
    .smspnl-topmenu > .menu-item > .menu-link:hover,
    .smspnl-topmenu > .menu-item > .menu-link.active,
    .smspnl-topmenu > .menu-item.here > .menu-link{
        background:transparent!important;
    }

    .smspnl-topmenu > .menu-item > .menu-link .menu-title{ color:#6b7280!important; }
    .smspnl-topmenu > .menu-item > .menu-link:hover .menu-title{ color:#0b1220!important; }

    .smspnl-topmenu > .menu-item > .menu-link.active .menu-title{ color:#0b1220!important; }

    /* Metronic'in alt çizgisi: yalnızca bizim işaretlediğimiz aktif öğede, yazı genişliğinde */
    .smspnl-topmenu > .menu-item.here > .menu-link:not(.active):after{ display:none!important; }

    .smspnl-topmenu > .menu-item > .menu-link.active:after{
        left:14px!important;
        right:14px!important;
        width:auto!important;
        bottom:-2px!important;
        height:2px!important;
        background-color:#0b1220!important;
        border-radius:2px!important;
    }
}

[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link .menu-title{ color:#8b92a5!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link:hover .menu-title,
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link.active .menu-title{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .smspnl-topmenu > .menu-item > .menu-link.active:after{ background-color:#f3f4f6!important; }

/* ------------------------------------------------------------------
   Üye paneli: Bakiye Yükle
------------------------------------------------------------------ */
.funds-card{
    border:1px solid #e6e9ef!important;
    border-radius:18px!important;
    box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
    overflow:hidden;
}

.funds-card .form{ display:flex; flex-direction:column; flex:1 1 auto; }
.funds-card.h-100{ display:flex; flex-direction:column; }

.funds-card-head{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 26px;
    border-bottom:1px solid #eef0f4;
}

.funds-card-head h3{
    margin:0;
    font-size:17px;
    font-weight:700;
    color:#0b1220;
}

.funds-card-head span:not(.funds-card-icon){
    display:block;
    margin-top:2px;
    font-size:13px;
    color:#8a93a5;
}

.funds-card-icon{
    flex:0 0 44px;
    width:44px; height:44px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#f1f0fe;
}

.funds-card-icon i{ font-size:22px; color:#5048eb; }

.funds-card-body{
    flex:1 1 auto;
    padding:22px 26px 6px;
}

.funds-field{ margin-bottom:18px; }

.funds-page .form-label{
    margin-bottom:7px;
    font-size:13.5px;
    font-weight:600;
    color:#374151;
}

.funds-page .form-control{
    height:48px;
    border-radius:11px!important;
    border:1px solid #e2e6ef!important;
    background-color:#fff!important;
    font-size:14.5px;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.funds-page select.form-control{
    appearance:none;
    padding-right:40px;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a93a5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")!important;
    background-repeat:no-repeat!important;
    background-position:right 14px center!important;
    background-size:14px 14px!important;
}

.funds-page .form-control:focus{
    border-color:#5048eb!important;
    box-shadow:0 0 0 3px rgba(80,72,235,.12)!important;
}

.funds-page .form-text:not(.text-danger){ font-size:12.5px; color:#8a93a5; margin-top:6px; }
.funds-page .form-text.text-danger:empty{ display:none; }

/* Tutar alanı: sağda para birimi */
.funds-amount{ position:relative; }
.funds-amount .form-control{ padding-right:58px; font-weight:600; font-variant-numeric:tabular-nums; }

.funds-amount-suffix{
    position:absolute;
    right:14px; top:50%;
    transform:translateY(-50%);
    font-size:14px;
    font-weight:600;
    color:#8a93a5;
    pointer-events:none;
}

/* Hızlı tutar seçimi */
.funds-chips{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
}

.funds-chips button{
    height:32px;
    padding:0 14px;
    border:1px solid #e2e6ef;
    border-radius:999px;
    background:#fff;
    font-size:13px;
    font-weight:600;
    color:#4b5563;
    transition:border-color .15s ease, background-color .15s ease, color .15s ease;
}

.funds-chips button:hover{ border-color:#b9c2d0; color:#0b1220; }

.funds-chips button.is-active{
    border-color:#5048eb;
    background:#f1f0fe;
    color:#5048eb;
}

.funds-card-foot{ padding:6px 26px 24px; }

.funds-btn{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:8px;
    height:48px;
    border-radius:11px!important;
    font-size:14.5px!important;
    font-weight:600!important;
    background:#5048eb!important;
    border:1px solid #4038d6!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.55)!important;
}

.funds-btn:hover{ background:#4339dd!important; }
.funds-btn i{ font-size:18px; color:#fff; }
.funds-card-foot .funds-btn{ width:100%; }

/* Kupon: tek satır */
.funds-card-head--inline{ border-bottom:0; padding-bottom:12px; }

.funds-coupon-row{
    display:flex;
    gap:10px;
    padding:0 26px 6px;
}

.funds-coupon-row .form-control{ flex:1 1 auto; }
.funds-coupon-row .funds-btn{ flex:0 0 auto; padding:0 26px; }
.funds-coupon .form-text.text-danger{ padding:0 26px 18px; }
.funds-coupon{ padding-bottom:20px; }

/* Diğer kartlar (banka hesapları, ödeme geçmişi) aynı çerçevede */
.funds-page > .row > .col-md-12 > .card:not(.funds-card){
    border:1px solid #e6e9ef!important;
    border-radius:18px!important;
    box-shadow:0 1px 2px rgba(16,24,40,.04)!important;
}

@media (max-width: 575.98px){
    .funds-card-head, .funds-card-body, .funds-card-foot{ padding-left:18px; padding-right:18px; }
    .funds-coupon-row{ padding:0 18px 6px; }
}

/* Gece modu */
[data-bs-theme="dark"] .funds-card,
[data-bs-theme="dark"] .funds-page > .row > .col-md-12 > .card{ border-color:#2b2f3f!important; }
[data-bs-theme="dark"] .funds-card-head{ border-bottom-color:#2b2f3f; }
[data-bs-theme="dark"] .funds-card-head h3{ color:#f3f4f6; }
[data-bs-theme="dark"] .funds-card-icon{ background:rgba(80,72,235,.18); }
[data-bs-theme="dark"] .funds-card-icon i{ color:#a5a0ff; }
[data-bs-theme="dark"] .funds-page .form-label{ color:#d1d5db; }
[data-bs-theme="dark"] .funds-page .form-control{ background-color:#151722!important; border-color:#2b2f3f!important; color:#f3f4f6; }
[data-bs-theme="dark"] .funds-chips button{ background:#151722; border-color:#2b2f3f; color:#9ca3af; }
[data-bs-theme="dark"] .funds-chips button.is-active{ background:rgba(80,72,235,.18); border-color:#5048eb; color:#c7c3ff; }

/* Bakiye Yükle: banka hesap kartları */
.funds-banks{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));
    gap:14px;
    padding:20px 26px 24px;
}

.funds-bank{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding:16px;
    border:1px solid #e6e9ef;
    border-radius:14px;
    background:#fff;
}

.funds-bank-top{ display:flex; align-items:center; gap:12px; }

.funds-bank-logo{
    position:relative;
    flex:0 0 46px;
    width:46px; height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    border:1px solid #eef0f4;
    background:#f6f7f9;
    overflow:hidden;
}

.funds-bank-logo i{ font-size:22px; color:#8a93a5; }

.funds-bank-logo img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:contain;
    padding:6px;
    background:#fff;
}

.funds-bank-name{ flex:1 1 auto; min-width:0; line-height:1.35; }
.funds-bank-name b{ display:block; font-size:15px; font-weight:700; color:#0b1220; text-transform:capitalize; }
.funds-bank-name small{ display:block; font-size:13px; color:#6b7280; }

.funds-copy{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:34px;
    height:34px;
    padding:0 10px;
    border:1px solid #e2e6ef;
    border-radius:9px;
    background:#fff;
    color:#4b5563;
    font-size:12.5px;
    font-weight:600;
    transition:border-color .15s ease, color .15s ease, background-color .15s ease;
}

.funds-copy i{ font-size:15px; }
.funds-copy:hover{ border-color:#5048eb; color:#5048eb; background:#f8f7ff; }

.funds-bank-iban{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    border-radius:11px;
    background:#f6f7f9;
}

.funds-bank-iban small{ display:block; font-size:11px; font-weight:600; letter-spacing:.06em; color:#8a93a5; }

.funds-bank-iban code{
    display:block;
    padding:0;
    background:none;
    font-family:"JetBrains Mono", Consolas, monospace;
    font-size:14px;
    font-weight:600;
    color:#0b1220;
    word-break:break-all;
}

.funds-bank-meta{ display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12.5px; color:#8a93a5; }
.funds-bank-meta b{ color:#374151; font-weight:600; }

/* Bakiye Yükle: ödeme geçmişi tablosu */
.funds-table{ margin:0; }

.funds-table thead th{
    padding:12px 16px!important;
    background:#f8f9fb;
    border-bottom:1px solid #eef0f4!important;
    font-size:12px!important;
    font-weight:600!important;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:#8a93a5!important;
}

.funds-table thead th:first-child{ padding-left:26px!important; }
.funds-table thead th:last-child{ padding-right:26px!important; }

.funds-table tbody td{
    padding:14px 16px!important;
    border-bottom:1px solid #f1f2f6!important;
    font-size:14px;
    color:#374151;
}

.funds-table tbody td:first-child{ padding-left:26px!important; }
.funds-table tbody td:last-child{ padding-right:26px!important; }
.funds-table tbody tr:last-child td{ border-bottom:0!important; }

.funds-tx b{ display:block; font-size:14px; font-weight:600; color:#0b1220; }
.funds-tx small{ display:block; font-size:12.5px; color:#8a93a5; }

.funds-num{ font-weight:600; color:#0b1220!important; font-variant-numeric:tabular-nums; white-space:nowrap; }
.funds-date{ font-size:13px!important; color:#6b7280!important; white-space:nowrap; }

.funds-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:4px 10px;
    border-radius:999px;
    background:#ecfdf3;
    color:#15803d;
    font-size:12.5px;
    font-weight:600;
    white-space:nowrap;
}

.funds-status::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.funds-status--wait{ background:#fffbeb; color:#b45309; }
.funds-status--cancel{ background:#fef2f2; color:#dc2626; }

.funds-empty{
    padding:36px 16px!important;
    text-align:center;
    color:#8a93a5!important;
}

.funds-pagination{
    display:flex;
    justify-content:flex-end;
    padding:14px 26px 18px;
    border-top:1px solid #eef0f4;
}

.funds-pagination .pagination{ margin:0; gap:4px; }

@media (max-width: 575.98px){
    .funds-banks{ padding:16px 18px 20px; grid-template-columns:1fr; }
}

/* Gece modu */
[data-bs-theme="dark"] .funds-bank{ background:#151722; border-color:#2b2f3f; }
[data-bs-theme="dark"] .funds-bank-logo{ background:#1b1d29; border-color:#2b2f3f; }
[data-bs-theme="dark"] .funds-bank-name b,
[data-bs-theme="dark"] .funds-bank-iban code,
[data-bs-theme="dark"] .funds-tx b,
[data-bs-theme="dark"] .funds-num{ color:#f3f4f6!important; }
[data-bs-theme="dark"] .funds-bank-iban{ background:#1b1d29; }
[data-bs-theme="dark"] .funds-copy{ background:#1b1d29; border-color:#2b2f3f; color:#d1d5db; }
[data-bs-theme="dark"] .funds-table thead th{ background:#151722; border-color:#2b2f3f!important; }
[data-bs-theme="dark"] .funds-table tbody td{ border-color:#232637!important; color:#d1d5db; }
[data-bs-theme="dark"] .funds-pagination{ border-color:#2b2f3f; }

/* ------------------------------------------------------------------
   Üye paneli: Hesabım
------------------------------------------------------------------ */
.acc-hero{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:26px 28px;
    border-radius:18px;
    color:#fff;
    background-color:#121722;
    background-image:
        radial-gradient(520px circle at 0% 0%, rgba(61,79,110,.7) 0%, rgba(61,79,110,0) 70%),
        radial-gradient(420px circle at 100% 100%, rgba(80,72,235,.35) 0%, rgba(80,72,235,0) 70%);
    box-shadow:0 18px 36px -24px rgba(16,24,40,.5);
}

.acc-hero-user{ display:flex; align-items:center; gap:18px; min-width:0; }

.acc-avatar{
    flex:0 0 72px;
    width:72px; height:72px;
    border-radius:18px;
    object-fit:cover;
    background:#fff;
    border:3px solid rgba(255,255,255,.14);
}

.acc-hero-info{ min-width:0; }
.acc-hero-info h2{ margin:0 0 6px; font-size:22px; font-weight:700; color:#fff; }

.acc-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:6px 18px;
    font-size:13.5px;
    color:rgba(255,255,255,.65);
}

.acc-hero-meta span{ display:inline-flex; align-items:center; gap:6px; }
.acc-hero-meta i{ font-size:15px; color:rgba(255,255,255,.55); }

.acc-hero-stats{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; }

.acc-stat{
    min-width:140px;
    padding:12px 16px;
    border-radius:13px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.1);
}

.acc-stat small{ display:block; font-size:12.5px; color:rgba(255,255,255,.6); }
.acc-stat b{ display:block; margin-top:2px; font-size:20px; font-weight:700; color:#fff; font-variant-numeric:tabular-nums; }

.acc-hero-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:46px;
    padding:0 20px;
    border-radius:11px;
    background:#5048eb;
    border:1px solid #5d55f0;
    color:#fff!important;
    font-size:14px;
    font-weight:600;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 6px 16px -6px rgba(80,72,235,.6);
    transition:background-color .18s ease;
}

.acc-hero-btn:hover{ background:#4339dd; }
.acc-hero-btn i{ color:#fff; font-size:16px; }

/* Parola alanı + göz */
.acc-pass{ position:relative; }
.acc-pass .form-control{ padding-right:48px; }

.acc-eye{
    position:absolute;
    right:6px; top:50%;
    transform:translateY(-50%);
    width:36px; height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#8a93a5;
}

.acc-eye:hover{ background:#f3f4f8; color:#0b1220; }
.acc-eye i{ font-size:18px; }

/* Tek satırlık kart formları (para birimi, API) */
.acc-inline-form{
    display:flex;
    gap:10px;
    padding:20px 26px 24px;
}

.acc-inline-form > select,
.acc-inline-form > .acc-api{ flex:1 1 auto; min-width:0; }
.acc-inline-form .funds-btn{ flex:0 0 auto; padding:0 22px; }

.acc-api{ position:relative; }

.acc-api .form-control{
    padding-right:50px;
    font-family:"JetBrains Mono", Consolas, monospace;
    font-size:13px;
    background:#f8f9fb!important;
}

.acc-api .funds-copy{
    position:absolute;
    right:7px; top:50%;
    transform:translateY(-50%);
}

.acc-btn-light{
    display:inline-flex!important;
    align-items:center;
    gap:6px;
    height:48px;
    padding:0 18px!important;
    border-radius:11px!important;
    border:1px solid #d5dbe5!important;
    background:#fff!important;
    color:#1f2937!important;
    font-size:14px!important;
    font-weight:600!important;
}

.acc-btn-light:hover{ border-color:#b9c2d0!important; background:#f8fafc!important; }
.acc-btn-light i{ font-size:16px; color:#5048eb; }

.funds-page textarea.form-control{ height:auto; min-height:140px; padding-top:12px; line-height:1.6; resize:vertical; }

/* ------------------------------------------------------------------
   Üye paneli: Destek talepleri listesi
------------------------------------------------------------------ */
.tk-list{ display:flex; flex-direction:column; }

.tk-item{
    display:flex;
    align-items:center;
    gap:14px;
    padding:14px 26px;
    border-bottom:1px solid #f1f2f6;
    color:inherit;
    transition:background-color .15s ease;
}

.tk-item:last-child{ border-bottom:0; }
.tk-item:hover{ background:#f8f9fb; }

.tk-main{ flex:1 1 auto; min-width:0; }

.tk-main b{
    display:block;
    font-size:14.5px;
    font-weight:600;
    color:#0b1220;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.tk-main small{ display:block; margin-top:2px; font-size:12.5px; color:#8a93a5; }

.tk-arrow{ font-size:14px; color:#b3bac8; transition:transform .15s ease, color .15s ease; }
.tk-item:hover .tk-arrow{ color:#5048eb; transform:translateX(2px); }

.funds-status--info{ background:#eef2ff; color:#4338ca; }
.funds-status--answer{ background:#f1f0fe; color:#5048eb; }

/* İşlem geçmişi: IP etiketi */
.lg-ip{
    display:inline-block;
    padding:3px 9px;
    border-radius:7px;
    background:#f3f4f8;
    font-family:"JetBrains Mono", Consolas, monospace;
    font-size:12.5px;
    color:#4b5563;
}

@media (max-width: 575.98px){
    .acc-hero{ padding:20px; }
    .acc-stat{ min-width:0; flex:1 1 0; }
    .acc-hero-btn{ width:100%; justify-content:center; }
    .acc-inline-form{ flex-wrap:wrap; padding:16px 18px 20px; }
    .tk-item{ padding:14px 18px; }
}

/* Gece modu */
[data-bs-theme="dark"] .acc-eye:hover{ background:rgba(255,255,255,.06); color:#f3f4f6; }
[data-bs-theme="dark"] .acc-api .form-control{ background:#151722!important; }
[data-bs-theme="dark"] .acc-btn-light{ background:#1b1d29!important; border-color:#2b2f3f!important; color:#e5e7eb!important; }
[data-bs-theme="dark"] .tk-item{ border-color:#232637; }
[data-bs-theme="dark"] .tk-item:hover{ background:rgba(255,255,255,.03); }
[data-bs-theme="dark"] .tk-main b{ color:#f3f4f6; }
[data-bs-theme="dark"] .lg-ip{ background:#151722; color:#d1d5db; }

/* ------------------------------------------------------------------
   Üye paneli: Destek talebi detayı (sohbet)
------------------------------------------------------------------ */
.td-head{ gap:14px; }
.td-head-text{ flex:1 1 auto; min-width:0; }
.td-head-text h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.td-back{ flex:0 0 auto; height:40px!important; }

.td-messages{
    display:flex;
    flex-direction:column;
    gap:18px;
    max-height:min(560px, calc(100vh - 360px));
    min-height:220px;
    overflow-y:auto;
    padding:24px 26px;
    background:#f8f9fb;
    scrollbar-width:thin;
}

.td-msg{ display:flex; gap:10px; max-width:78%; }
.td-msg--me{ align-self:flex-end; flex-direction:column; align-items:flex-end; }
.td-msg--staff{ align-self:flex-start; align-items:flex-start; }

.td-msg-meta{
    margin:0 4px 5px;
    font-size:12px;
    font-weight:600;
    color:#8a93a5;
}

.td-bubble{
    padding:12px 15px;
    border-radius:16px;
    font-size:14.5px;
    line-height:1.6;
    word-break:break-word;
}

.td-bubble p:last-child{ margin-bottom:0; }

.td-msg--me .td-bubble{
    background:#5048eb;
    color:#fff;
    border-bottom-right-radius:5px;
}

.td-msg--me .td-bubble a{ color:#fff; text-decoration:underline; }

.td-msg--staff .td-bubble{
    background:#fff;
    color:#1f2937;
    border:1px solid #e6e9ef;
    border-bottom-left-radius:5px;
}

.td-staff-avatar{
    flex:0 0 34px;
    width:34px; height:34px;
    margin-top:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#f1f0fe;
}

.td-staff-avatar i{ font-size:18px; color:#5048eb; }

/* Mesaj yazma alanı */
.td-compose{
    display:flex;
    align-items:flex-end;
    gap:10px;
    padding:16px 26px 20px;
    border-top:1px solid #eef0f4;
}

.funds-page .td-input{
    flex:1 1 auto;
    height:48px;
    min-height:48px!important;
    max-height:180px;
    padding:13px 14px;
    resize:none;
    line-height:1.5;
}

.td-send{ flex:0 0 auto; padding:0 22px!important; }
.td-error{ padding:0 26px 16px; margin-top:-6px; }

@media (max-width: 575.98px){
    .td-msg{ max-width:92%; }
    .td-messages{ padding:18px; }
    .td-compose{ padding:14px 18px 18px; }
    .td-back{ display:none!important; }
}

/* Gece modu */
[data-bs-theme="dark"] .td-messages{ background:#151722; }
[data-bs-theme="dark"] .td-msg--staff .td-bubble{ background:#1b1d29; border-color:#2b2f3f; color:#e5e7eb; }
[data-bs-theme="dark"] .td-staff-avatar{ background:rgba(80,72,235,.18); }
[data-bs-theme="dark"] .td-staff-avatar i{ color:#a5a0ff; }
[data-bs-theme="dark"] .td-compose{ border-top-color:#2b2f3f; }

/* Hesabım: bakiye, harcanan ve buton eşit genişlik ve yükseklikte */
.acc-hero-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(150px, 1fr));
    align-items:stretch;
    gap:12px;
}

.acc-stat{ min-width:0; }

.acc-hero-btn{
    height:auto;
    min-height:46px;
    justify-content:center;
    border-radius:13px;
}

@media (max-width: 575.98px){
    .acc-hero-stats{ width:100%; grid-template-columns:1fr 1fr; }
    .acc-hero-btn{ grid-column:1 / -1; }
}

/* Hesabım: kutular ve buton tek sırada, eşit boyutta */
.acc-hero-stats{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:12px;
}

.acc-hero-stats > .acc-stat,
.acc-hero-stats > .acc-hero-btn{
    flex:0 0 160px;
    width:160px;
}

@media (max-width: 575.98px){
    .acc-hero-stats{ width:100%; display:flex; }
    .acc-hero-stats > .acc-stat,
    .acc-hero-stats > .acc-hero-btn{ flex:1 1 0; width:auto; grid-column:auto; padding-left:10px; padding-right:10px; }
    .acc-stat b{ font-size:16px; }
}

/* Hesabım: geniş ekranda kutular profil bilgisiyle aynı satırda, sağda */
@media (min-width: 992px){
    .acc-hero{
        flex-wrap:nowrap;
        align-items:center;
    }

    .acc-hero-user{ flex:1 1 auto; min-width:0; }
    .acc-hero-stats{ flex:0 0 auto; margin-left:auto; }
}

/* ------------------------------------------------------------------
   Üye paneli: Duyurular menüsü
------------------------------------------------------------------ */
.nt-menu{
    width:380px;
    max-width:calc(100vw - 24px);
    padding:0!important;
    border:1px solid #e6e9ef;
    border-radius:16px!important;
    box-shadow:0 24px 48px -20px rgba(16,24,40,.3)!important;
    overflow:hidden;
}

.nt-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 20px;
    border-bottom:1px solid #eef0f4;
}

.nt-head b{ font-size:15.5px; font-weight:700; color:#0b1220; }

.nt-count{
    min-width:24px;
    height:22px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:#f1f0fe;
    color:#5048eb;
    font-size:12px;
    font-weight:700;
}

.nt-list{
    max-height:420px;
    overflow-y:auto;
    scrollbar-width:thin;
}

.nt-item{
    display:flex;
    gap:12px;
    padding:14px 20px;
    border-bottom:1px solid #f1f2f6;
}

.nt-item:last-child{ border-bottom:0; }

.nt-icon{
    flex:0 0 36px;
    width:36px; height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:#fff7ed;
}

.nt-icon i{ font-size:18px; color:#ea580c; }

.nt-body{ flex:1 1 auto; min-width:0; }
.nt-body b{ display:block; margin-bottom:2px; font-size:14px; font-weight:600; color:#0b1220; }

.nt-text{
    font-size:13px;
    line-height:1.55;
    color:#6b7280;
}

.nt-text p:last-child{ margin-bottom:0; }

.nt-body time{
    display:block;
    margin-top:6px;
    font-size:12px;
    color:#9aa3b5;
}

.nt-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    padding:34px 20px;
    font-size:13.5px;
    color:#8a93a5;
}

.nt-empty i{ font-size:30px; color:#c3c8d2; }

.nt-foot{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:13px;
    border-top:1px solid #eef0f4;
    font-size:13.5px;
    font-weight:600;
    color:#5048eb!important;
    transition:background-color .15s ease;
}

.nt-foot:hover{ background:#f8f9fb; }
.nt-foot i{ font-size:12px; color:#5048eb; }

/* Gece modu */
[data-bs-theme="dark"] .nt-menu{ border-color:#2b2f3f; }
[data-bs-theme="dark"] .nt-head,
[data-bs-theme="dark"] .nt-foot{ border-color:#2b2f3f; }
[data-bs-theme="dark"] .nt-head b,
[data-bs-theme="dark"] .nt-body b{ color:#f3f4f6; }
[data-bs-theme="dark"] .nt-item{ border-color:#232637; }
[data-bs-theme="dark"] .nt-text{ color:#9ca3af; }
[data-bs-theme="dark"] .nt-icon{ background:rgba(234,88,12,.15); }
[data-bs-theme="dark"] .nt-count{ background:rgba(80,72,235,.18); color:#c7c3ff; }
[data-bs-theme="dark"] .nt-foot:hover{ background:rgba(255,255,255,.03); }

/* ------------------------------------------------------------------
   Üye paneli: Duyurular sayfası
------------------------------------------------------------------ */
.an-list{ display:flex; flex-direction:column; }

.an-item{
    display:flex;
    gap:20px;
    padding:22px 26px;
    border-bottom:1px solid #f1f2f6;
}

.an-item:last-child{ border-bottom:0; }

.an-date{
    flex:0 0 64px;
    height:68px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:#f1f0fe;
    text-align:center;
}

.an-date b{ font-size:24px; font-weight:700; line-height:1; color:#5048eb; }
.an-date span{ margin-top:4px; font-size:11.5px; font-weight:600; color:#7c76ee; }

.an-body{ flex:1 1 auto; min-width:0; }

.an-body h4{
    margin:2px 0 8px;
    font-size:16.5px;
    font-weight:700;
    color:#0b1220;
}

.an-text{
    font-size:14.5px;
    line-height:1.7;
    color:#4b5563;
}

.an-text p:last-child{ margin-bottom:0; }
.an-text a{ color:#5048eb; text-decoration:underline; }

.an-body time{
    display:block;
    margin-top:10px;
    font-size:12.5px;
    color:#9aa3b5;
}

@media (max-width: 575.98px){
    .an-item{ gap:14px; padding:18px; }
    .an-date{ flex-basis:52px; height:58px; }
    .an-date b{ font-size:20px; }
}

[data-bs-theme="dark"] .an-item{ border-color:#232637; }
[data-bs-theme="dark"] .an-date{ background:rgba(80,72,235,.18); }
[data-bs-theme="dark"] .an-date b{ color:#c7c3ff; }
[data-bs-theme="dark"] .an-date span{ color:#a5a0ff; }
[data-bs-theme="dark"] .an-body h4{ color:#f3f4f6; }
[data-bs-theme="dark"] .an-text{ color:#c4c9d4; }

/* ------------------------------------------------------------------
   Header: daha ince şerit (masaüstü)
------------------------------------------------------------------ */
@media (min-width: 992px){
    .site-menu-main > .nav-item > .nav-link-item{
        padding-top:22px!important;
        padding-bottom:22px!important;
        font-size:14.5px;
    }

    .site-header .brand-logo img.light-version-logo{
        height:40px;
        width:auto;
    }

    .site-menu-main > .nav-item-register > .nav-link-item{
        height:38px;
        padding:0 16px!important;
        font-size:14px;
    }

    .header-btn-l1 .btn-style-02{
        height:38px!important;
        padding:0 18px!important;
    }
}

/* Ana sayfa hero: telefonun üstünde ve altında eşit boşluk (masaüstü)
   Header 68px + 1px çizgi; üst padding = header + 44px, alt = 44px */
@media (min-width: 992px){
    .site-menu-main > .nav-item > .nav-link-item{ line-height:24px; }

    .hero-area-l1.hero-home{
        padding-top:113px!important;
        padding-bottom:44px!important;
    }

    .hero-area-l1.hero-home .hero-phone{ margin-top:0; }
}

/* ------------------------------------------------------------------
   Ana sayfa hero metni
------------------------------------------------------------------ */
.hero-area-l1 .content .hero-title{
    font-size:52px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-1.6px;
    color:#0b1220;
    margin-bottom:18px;
}

.hero-title-mark{
    color:#5048eb;
    white-space:nowrap;
    background:linear-gradient(transparent 68%, rgba(80,72,235,.14) 68%, rgba(80,72,235,.14) 90%, transparent 90%);
}


.hero-area-l1 .content .hero-desc{
    max-width:470px;
    font-size:17px;
    line-height:1.65;
    color:#4b5568;
    margin-bottom:28px;
}

/* Sayılar: butonların altında ince bir şerit */
.hero-stats{
    display:flex;
    gap:0;
    margin-top:30px;
    max-width:430px;
}

.hero-stat{
    flex:1 1 0;
    padding:2px 18px;
    border-left:1px solid #dfe3ea;
}

.hero-stat:first-child{ padding-left:0; border-left:0; }

.hero-stat b{
    display:block;
    font-size:24px;
    font-weight:700;
    letter-spacing:-.5px;
    line-height:1.2;
    color:#0b1220;
}

.hero-stat span{
    display:block;
    margin-top:2px;
    font-size:13px;
    color:#6b7280;
}

/* Fiyat bağlantısı: küçük kart */
.hero-area-l1 .content .hero-price-link{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-top:26px;
    padding:10px 16px 10px 10px;
    border:1px solid #e3e6ee;
    border-radius:12px;
    background:#fff;
    box-shadow:0 1px 2px rgba(16,24,40,.05);
    color:#1f2937!important;
    font-size:14px;
    font-weight:500;
    text-decoration:none!important;
    transition:border-color .15s ease, box-shadow .15s ease;
}

.hero-area-l1 .content .hero-price-link:hover{
    border-color:#c9c6f7;
    box-shadow:0 6px 16px -8px rgba(80,72,235,.35);
}

.hero-price-icon{
    width:36px; height:36px;
    flex:0 0 36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:rgba(80,72,235,.1);
    color:#5048eb;
    font-size:14px;
}

.hero-price-text{ line-height:1.35; }
.hero-price-text b{ color:#5048eb; font-weight:700; }
.hero-price-text small{ display:block; font-size:12.5px; color:#8a93a5; }

.hero-area-l1 .content .hero-price-link .hero-price-arrow{
    margin-left:4px;
    font-size:11px;
    color:#9aa3b5;
}

.hero-area-l1 .content .hero-price-link:hover .hero-price-arrow{ color:#5048eb; }

@media (max-width: 1199.98px){
    .hero-area-l1 .content .hero-title{ font-size:44px; }
}

@media (max-width: 575.98px){
    .hero-area-l1 .content .hero-title{ font-size:34px; letter-spacing:-1px; }
    .hero-area-l1 .content .hero-desc{ font-size:15.5px; }
    .hero-stat{ padding:2px 12px; }
    .hero-stat b{ font-size:20px; }
    .hero-stat span{ font-size:12px; }
}

/* Tema, hero içindeki tüm span'lere küçük font + üst boşluk veriyor; yeni öğeleri bundan ayır */
.hero-area-l1 .content .hero-title .hero-title-mark{
    display:inline;
    margin:0;
    opacity:1;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:#5048eb;
}

.hero-area-l1 .content .hero-stat span{
    display:block;
    margin-top:2px;
    opacity:1;
    font-size:13px;
    line-height:1.4;
    color:#6b7280;
}

.hero-area-l1 .content .hero-price-link > span{
    margin-top:0;
    opacity:1;
    line-height:1.35;
    font-size:14px;
    color:#1f2937;
}

.hero-area-l1 .content .hero-price-link .hero-price-icon{
    display:inline-flex;
    font-size:14px;
    color:#5048eb;
}

@media (max-width: 575.98px){
    .hero-area-l1 .content .hero-stat span{ font-size:12px; }
}

/* Giriş / kayıt sayfalarındaki header da ana sayfadaki ince şeritle aynı olsun */
@media (min-width: 992px){
    .auth-body .site-header .container,
    .auth-body .site-header .container-fluid,
    .auth-body .header-area .container-fluid,
    .auth-body header .container-fluid{
        min-height:68px;
    }

    .auth-body .brand-logo img.light-version-logo,
    .auth-body .site-header .brand-logo img{
        height:40px!important;
        max-height:40px!important;
    }
}

/* Giriş / kayıt / şifre sayfaları: daha sıkı boşluklar */
/* Header sabit (69px); kart, header ile ekran altı arasında dikey ortalı */
.auth-body .authincation{
    display:flex;
    align-items:center;
    min-height:100vh!important;
    padding:93px 0 24px;
}
.auth-body .authincation > .container{ width:100%; }
.auth-aside{ min-height:480px; }
@media (min-width: 576px){ .auth-login .auth-form{ padding:32px 40px 28px; } }
.auth-register .auth-subtitle--left{ margin-bottom:20px; }

@media (max-width: 991.98px){
    /* Bu genişlikte header 93px */
    .auth-body .authincation{ padding:117px 0 24px; }
}

/* ------------------------------------------------------------------
   Giriş / kayıt uyarıları
------------------------------------------------------------------ */
.auth-alert{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 22px;
    padding:12px 12px 12px 14px;
    border:1px solid;
    border-radius:12px;
    font-size:14px;
    line-height:1.45;
    animation:auth-alert-in .25s ease;
}
@keyframes auth-alert-in{ from{ opacity:0; transform:translateY(-4px); } }

.auth-alert--danger{ color:#9f2d3f; background:#fdf2f4; border-color:#f6d3da; }
.auth-alert--success{ color:#17714f; background:#effaf5; border-color:#c9eedc; }

.auth-alert-icon{
    width:30px; height:30px; flex:0 0 30px;
    display:inline-flex; align-items:center; justify-content:center;
    border-radius:50%;
    font-size:13px;
    color:#fff;
}
.auth-alert--danger .auth-alert-icon{ background:#e04a63; box-shadow:0 0 0 4px rgba(224,74,99,.12); }
.auth-alert--success .auth-alert-icon{ background:#1f9d6b; box-shadow:0 0 0 4px rgba(31,157,107,.12); }

.auth-alert-text{ flex:1 1 auto; min-width:0; font-weight:500; }

.auth-alert-close{
    width:30px; height:30px; flex:0 0 30px;
    display:inline-flex; align-items:center; justify-content:center;
    padding:0;
    border:0;
    border-radius:8px;
    background:transparent;
    color:inherit;
    opacity:.55;
    font-size:14px;
    cursor:pointer;
    transition:opacity .15s ease, background-color .15s ease;
}
.auth-alert-close:hover{ opacity:1; background:rgba(0,0,0,.05); }

/* Alan altı hata: üstteki uyarıyla aynı değilse görünür */
.auth-field-error{
    display:flex;
    align-items:center;
    gap:6px;
    margin:7px 0 4px;
    font-size:13px;
    font-weight:500;
    color:#d43c55;
}
.auth-field-error i{ font-size:13px; }

.auth-field:has(.auth-field-error) .auth-input .form-control{
    border-color:#f0a9b6!important;
    background-color:#fffafb;
}

/* Demo bilgi notu (giriş sayfası) */
.auth-demo-note{
    display:flex; align-items:center; gap:8px;
    margin:-6px 0 18px;
    padding:9px 12px;
    border-radius:10px;
    background:rgba(80,72,235,.07);
    font-size:13px; font-weight:500;
    color:#4a43c9;
}
.auth-demo-note i{ font-size:14px; }

/* Destek yanıtı: demo hesapta kilitli */
.td-compose--locked .td-input:disabled{
    background:#f6f7fa;
    cursor:not-allowed;
}
.td-compose--locked .td-input:disabled::placeholder{ color:#8a93a5; font-weight:500; }
.td-compose--locked .td-send:disabled{ opacity:.55; cursor:not-allowed; box-shadow:none; }
[data-bs-theme="dark"] .td-compose--locked .td-input:disabled{ background:rgba(255,255,255,.04); }

/* Yeni destek talebi: demo hesapta kilitli */
.funds-card-foot .funds-btn:disabled{ opacity:.6; cursor:not-allowed; box-shadow:none; }
.funds-field .form-control:disabled{ background:#f6f7fa; cursor:not-allowed; }
[data-bs-theme="dark"] .funds-field .form-control:disabled{ background:rgba(255,255,255,.04); }

/* Demo panel: buton yerine bilgi notu */
.demo-lock{
    display:flex; align-items:center; justify-content:center; gap:8px;
    width:100%;
    min-height:48px;
    padding:10px 16px;
    border:1px dashed rgba(80,72,235,.35);
    border-radius:11px;
    background:rgba(80,72,235,.06);
    color:#4a43c9;
    font-size:14px; font-weight:600;
}
.demo-lock i{ font-size:18px; }
.demo-lock--wide{ flex:1 1 auto; }
[data-bs-theme="dark"] .demo-lock{ color:#a9a4ff; background:rgba(80,72,235,.12); border-color:rgba(143,137,255,.35); }