/* Merkez eklemeleri: durum stilleri ve formlar. Sayfa CSS'inden sonra yüklenir. */

/* ==== Merkez eklemeleri: kök, durum stilleri ve formlar (tasarımda satır içi/duruma bağlı olanlar) ==== */
[hidden]{display:none !important}
body.v-kok{margin:0;font-family:'Inter',system-ui,sans-serif;color:#0B0B0F;background:#FFFFFF;-webkit-font-smoothing:antialiased;overflow-x:clip}
/* Başlıklar Lexend, metinler Inter. */
body.v-kok :is(h1,h2,h3){font-family:'Lexend',system-ui,sans-serif}
body.v-kok :is(.v-h1,.v-h2){font-weight:600;letter-spacing:-.02em}
/* Anasayfa başlığı 3 satıra düşmesin. */
body.v-kok .v-h1.sa5037eb{font-size:60px}
.v-atla{position:absolute;left:12px;top:-60px;z-index:60;padding:10px 16px;border-radius:10px;background:#0B0B0F;color:#FFFFFF;font-weight:600}
.v-atla:focus{top:12px;color:#FFFFFF}
:focus-visible{outline:2px solid #5B32F5;outline-offset:2px}

/* Mobil menü */
.v-mmenu{border-top:1px solid #F0F0F4;background:#FFFFFF}
.v-mmenu__ic{display:flex;flex-direction:column;padding-top:8px;padding-bottom:20px}
.v-mmenu__ic > a{display:block;padding:13px 4px;border-bottom:1px solid #F3F3F6;color:#0B0B0F;font-size:16px;font-weight:600}
.v-mmenu__eylem{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px}
@media (min-width:1061px){.v-mmenu{display:none !important}}
@media (max-width:520px){.v-hide-xs{display:none !important}}

/* Sekmeler: anasayfa kullanım alanları */
.v-tab-k{background:transparent;border-color:transparent}
.v-tab-k[aria-selected="true"]{background:#FFFFFF;border-color:#E4E4EC}
.v-tab-ic{display:inline-flex;width:44px;height:44px;flex-shrink:0;border-radius:12px;align-items:center;justify-content:center;background:#FFFFFF;color:#3A3A45;transition:background-color .2s ease,color .2s ease}
.v-tab-k[aria-selected="true"] .v-tab-ic{background:#0B0B0F;color:#FFFFFF}
.v-tab-ok{color:#C4C4CF}
.v-tab-k[aria-selected="true"] .v-tab-ok{color:#5B32F5}

/* Çipler: Özellikler kategorileri, Referanslar süzgeci */
.v-chip-k{background:#FFFFFF;color:#3A3A45;border-color:#E4E4EC}
.v-chip-k[aria-selected="true"],.v-chip-k[aria-pressed="true"]{background:#0B0B0F;color:#FFFFFF;border-color:#0B0B0F}

/* SSS kategorileri */
.v-cat-k{background:transparent;color:#2A2A33}
.v-cat-k[aria-pressed="true"]{background:#0B0B0F;color:#FFFFFF}
.v-cat-n{margin-left:auto;font-size:12.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#F3F3F6;color:#5A5A68}
.v-cat-k[aria-pressed="true"] .v-cat-n{background:#5B32F5;color:#FFFFFF}

/* Açılır soru düğmesi */
.v-pl-k{display:inline-flex;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:#F3F3F6;color:#0B0B0F;align-items:center;justify-content:center;transition:transform .3s ease,background-color .3s ease,color .3s ease}
.v-fq button[aria-expanded="true"] .v-pl-k{background:#0B0B0F;color:#FFFFFF;transform:rotate(45deg)}

/* Demo panel kartları */
.v-rol-k{background:#F6F6F9;color:#0B0B0F;border-color:#EEEEF2;box-shadow:none}
.v-rol-k[aria-selected="true"]{background:#FFFFFF;border-color:#5B32F5;box-shadow:0 0 0 3px #E6DEFF,0 24px 50px -36px rgba(20,14,60,.5)}
.v-rol-ic{display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:#FFFFFF;color:#3A3A45}
.v-rol-k[aria-selected="true"] .v-rol-ic{background:#5B32F5;color:#FFFFFF}
.v-rol-d{font-size:14.5px;line-height:1.5;color:#4A4A57}

/* Yorum kaydırıcısı */
.v-rtrack{display:flex;gap:20px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.v-rv{flex:0 0 min(480px,86vw);border-radius:28px;background:#FFFFFF;border:1px solid #ECECF1;overflow:hidden;display:flex;flex-direction:column;transition:border-color .4s ease,box-shadow .4s ease}
.v-rv.is-on{border-color:#0B0B0F;box-shadow:0 30px 60px -40px rgba(20,14,60,.5)}
.v-rtrack.is-atla,.v-rtrack.is-atla .v-rv{transition:none}
.v-rdot .s7d5e59b{visibility:hidden;animation:none}
.v-rdot.is-on .s7d5e59b{visibility:visible;animation:revbar 5s linear both}

/* Formlar */
.v-tuzak{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.v-konu{border:0;margin:0;padding:0;min-width:0}
.v-sub-k{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;background:#FFFFFF;color:#3A3A45;border-color:#DCDCE3}
.v-sub-k input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.v-sub-k:has(input:checked){background:#0B0B0F;color:#FFFFFF;border-color:#0B0B0F}
.v-sub-k:has(input:focus-visible){outline:2px solid #5B32F5;outline-offset:2px}
.v-hata{grid-column:1 / -1;display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#FEF2F2;border:1px solid #FECACA;color:#991B1B;font-size:14.5px;line-height:1.5}
.v-hata svg{flex-shrink:0;margin-top:2px}
.v-hata ul{margin:0;padding:0;list-style:none}
.v-tamam{flex:1 1 420px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:28px;border-radius:22px;background:#F0FDF4;border:1px solid #BBF7D0;color:#14532D;font-size:15.5px}
.v-tamam b{font-size:20px;letter-spacing:-.02em;color:#0B0B0F}
.v-tamam__ic{display:inline-flex;width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;background:#16A34A;color:#FFFFFF;margin-bottom:6px}
.v-tamam-satir{display:inline-flex;align-items:center;gap:8px;margin:8px 0 0;padding:12px 16px;border-radius:14px;background:#F0FDF4;border:1px solid #BBF7D0;color:#14532D;font-weight:600;font-size:15px}
.v-not{margin:0;font-size:13px;color:#6A6A78}
.v-not a{color:#4320D6;font-weight:600}

/* Sözleşme: başlıksız giriş metni (ör. şablon uyarısı) */
.v-sec-giris{margin-bottom:28px;padding:14px 18px;border-radius:14px;background:#FFF8E6;border:1px solid #F5DFA8;color:#6B4E00;font-size:14.5px;line-height:1.6}
.v-sec-giris p{margin:0}

/* Adresle gelinen sekme grubu sabit menünün altında kalmasın */
[data-v-sekmeler]{scroll-margin-top:120px}

/* Hesap düğme grubu: Giriş Yap | Üye Ol tek çerçevede */
.v-hesap{display:inline-flex;align-items:center;height:44px;padding:3px;border-radius:12px;background:#F3F3F6;white-space:nowrap}
.v-hesap__l{display:inline-flex;align-items:center;gap:7px;height:100%;padding:0 13px;border-radius:9px;color:#1B1B22;font-size:15px;font-weight:600;transition:background-color .2s ease,color .2s ease}
.v-hesap__l:hover{background:#E6E6EC;color:#0B0B0F}
.v-hesap__l.is-on{background:#FFFFFF;color:#0B0B0F;box-shadow:0 2px 8px -4px rgba(20,14,60,.25)}
.v-hesap__ay{width:1px;height:18px;background:#D6D6DE;flex-shrink:0}
.v-hesap--genis{display:flex;width:100%}
.v-hesap--genis .v-hesap__l{flex:1;justify-content:center}

/* Özellikler açılır menüsü: bağlantı ile panel arasındaki boşlukta fare çıkınca panel kapanmasın */
.v-mega::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}

/* Özellikler: "Tüm Modülleri Görün" düğmesi metnin altında, kendi genişliğinde */
.v-oz-tum{align-self:flex-start;margin-top:6px}