/* ============================================================
   anaokullari.tr — Ana Stil Dosyası
   Bölümler:
   1. CSS Değişkenleri & Reset
   2. Tipografi
   3. Topbar
   4. Navbar
   5. Flash Mesajlar
   6. Footer
   7. Çerez Banner
   8. Scroll-Top Butonu
   9. Badge & Paket Etiketleri
   10. Yardımcı Sınıflar
   ============================================================ */

/* ────────────────────────────────────────────────────────────
   1. CSS DEĞİŞKENLERİ & RESET
   ──────────────────────────────────────────────────────────── */
:root {
    /* Marka renkleri */
    --clr-orange:        #FF6B2B;
    --clr-orange-dark:   #E5581D;
    --clr-orange-light:  #FFF0E8;
    --clr-orange-mid:    #FFCFB3;

    --clr-teal:          #00A896;
    --clr-teal-dark:     #008A7C;
    --clr-teal-light:    #E0F5F3;

    --clr-yellow:        #FFD166;
    --clr-yellow-light:  #FFF8E1;

    --clr-purple:        #7B5EA7;
    --clr-purple-light:  #F0EBF8;

    --clr-green:         #4CAF7D;
    --clr-green-light:   #E8F5ED;

    /* Nötr renkler */
    --clr-dark:          #2D2416;
    --clr-muted:         #7A6A58;
    --clr-border:        #EDE3D9;
    --clr-bg:            #FDF9F4;
    --clr-white:         #FFFDF9;
    --clr-footer-bg:     #1E1710;
    --clr-footer-text:   #A09080;
    --clr-topbar-bg:     #F5EFE8;

    /* Tipografi */
    --font-body:         'Nunito', 'Segoe UI', sans-serif;
    --font-display:      'Playfair Display', Georgia, serif;

    /* Spacing */
    --navbar-h:          68px;
    --topbar-h:          38px;
    --radius-sm:         8px;
    --radius-md:         12px;
    --radius-lg:         20px;
    --radius-xl:         28px;
    --radius-pill:       999px;

    /* Gölge */
    --shadow-sm:         0 2px 8px rgba(45, 36, 22, .08);
    --shadow-md:         0 4px 20px rgba(45, 36, 22, .10);
    --shadow-lg:         0 8px 40px rgba(45, 36, 22, .12);
}

*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    font-family: var(--font-body);
    background-color: var(--clr-bg);
    color: var(--clr-dark);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; }

a { color: var(--clr-orange); text-decoration: none; }
a:hover { color: var(--clr-orange-dark); }


/* ────────────────────────────────────────────────────────────
   2. TİPOGRAFİ
   ──────────────────────────────────────────────────────────── */
.font-display { font-family: var(--font-display); }

h1, h2, h3, .h1, .h2, .h3 {
    font-family: var(--font-display);
    color: var(--clr-dark);
    line-height: 1.2;
}

.text-orange { color: var(--clr-orange) !important; }
.text-teal   { color: var(--clr-teal)   !important; }
.text-muted-brand { color: var(--clr-muted) !important; }

.bg-orange       { background-color: var(--clr-orange) !important; }
.bg-orange-light { background-color: var(--clr-orange-light) !important; }
.bg-teal         { background-color: var(--clr-teal) !important; }
.bg-teal-light   { background-color: var(--clr-teal-light) !important; }
.bg-site         { background-color: var(--clr-bg) !important; }


/* ────────────────────────────────────────────────────────────
   3. TOPBAR — Modern v2
   ──────────────────────────────────────────────────────────── */
.topbar {
    background: #1C1309;
    height: 38px;
    display: flex;
    align-items: center;
}
.topbar-ic {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.topbar-sol {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.topbar-item {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .73rem;
    font-weight: 600;
    color: rgba(255,255,255,.65);
    text-decoration: none;
    transition: color .15s;
    white-space: nowrap;
}
.topbar-item:hover  { color: var(--clr-orange); }
.topbar-item .bi    { font-size: .7rem; color: var(--clr-orange); }
.topbar-sag         { display: flex; align-items: center; gap: .75rem; }
.topbar-link {
    font-size: .73rem;
    font-weight: 700;
    color: rgba(255,255,255,.65);
    text-decoration: none;
    transition: color .15s;
    white-space: nowrap;
}
.topbar-link:hover  { color: var(--clr-orange); }
.topbar-divider     { width: 1px; height: 14px; background: rgba(255,255,255,.2); }

@media (max-width: 991.98px) { .topbar-slogan { display: none; } }
@media (max-width: 575.98px) { .topbar { display: none; } }


/* ────────────────────────────────────────────────────────────
   4. NAVBAR — Modern v2
   ──────────────────────────────────────────────────────────── */
.navbar-ana-wrap {
    background: var(--clr-white);
    border-bottom: 1px solid #EDE8E2;
    box-shadow: 0 2px 20px rgba(0,0,0,.06);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: box-shadow .3s;
}
.navbar-ana-wrap.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,.1); }
.navbar-ana-ic {
    display: flex;
    align-items: center;
    height: 72px;
    gap: 1rem;
    transition: height .3s;
}
.navbar-ana-wrap.scrolled .navbar-ana-ic { height: 60px; }

.site-logo {
    display: flex;
    align-items: center;
    gap: .65rem;
    text-decoration: none;
    flex-shrink: 0;
}
.site-logo-kare {
    width: 90px;
    height: 90px;
    background: var(--clr-orange);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1px;
    box-shadow: 0 4px 12px rgba(255,107,43,.35);
    transition: transform .2s;
    flex-shrink: 0;
}
.site-logo-kare img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.site-logo:hover .site-logo-kare { transform: scale(1.05); }

@media (max-width: 991.98px) {
    .site-logo-kare {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        padding: 6px;
    }
}
.site-logo-ikon {
    width: 52px; height: 52px;
    background: var(--clr-orange);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; color: #fff;
    box-shadow: 0 4px 12px rgba(255,107,43,.35);
    transition: transform .2s;
    flex-shrink: 0;
}
.site-logo:hover .site-logo-ikon { transform: scale(1.05); }
.site-logo-ad {
    display: block;
    font-size: 1.35rem; font-weight: 900;
    color: var(--clr-dark); letter-spacing: -.5px; line-height: 1;
}
.site-logo-ad em { color: var(--clr-orange); font-style: normal; }
.site-logo-alt {
    display: block;
    font-size: .62rem; font-weight: 700;
    color: #A08060; letter-spacing: .4px;
    text-transform: uppercase; margin-top: .1rem;
}

.site-nav-links {
    display: flex; align-items: center;
    gap: .15rem; list-style: none;
    padding: 0; margin: 0 auto;
}
.site-nav-link {
    display: flex; align-items: center; gap: .3rem;
    padding: .5rem .85rem;
    font-size: .9rem; font-weight: 700;
    color: #3D2E1A; text-decoration: none;
    border-radius: 10px; transition: all .15s; white-space: nowrap;
}
.site-nav-link:hover { color: var(--clr-orange); background: #FFF3EE; }
.site-nav-link.aktif { color: var(--clr-orange); }
.site-nav-rozet {
    font-size: .6rem; font-weight: 800;
    background: var(--clr-orange); color: #fff;
    border-radius: 6px; padding: .1rem .35rem;
    text-transform: uppercase; letter-spacing: .3px;
}

.site-nav-sag { display: flex; align-items: center; gap: .65rem; flex-shrink: 0; }
.btn-nav-giris {
    padding: .5rem 1.1rem;
    font-size: .875rem; font-weight: 700;
    color: #3D2E1A; background: transparent;
    border: 1.5px solid #DDD5C8; border-radius: 10px;
    text-decoration: none; transition: all .15s; white-space: nowrap;
    display: inline-flex; align-items: center;
}
.btn-nav-giris:hover { border-color: var(--clr-orange); color: var(--clr-orange); background: #FFF3EE; }
.btn-nav-cta {
    padding: .6rem 1.35rem;
    font-size: .875rem; font-weight: 800;
    color: #fff; background: var(--clr-orange);
    border-radius: 24px; text-decoration: none;
    display: inline-flex; align-items: center; gap: .4rem;
    transition: all .2s; white-space: nowrap;
    box-shadow: 0 4px 14px rgba(255,107,43,.3);
}
.btn-nav-cta:hover {
    background: #e55a1f; color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(255,107,43,.4);
}
.btn-nav-kullanici {
    display: flex; align-items: center; gap: .5rem;
    padding: .4rem .85rem;
    font-size: .875rem; font-weight: 700;
    color: #3D2E1A; background: transparent;
    border: 1.5px solid #DDD5C8; border-radius: 10px;
    transition: all .15s;
}
.btn-nav-kullanici:hover { border-color: var(--clr-orange); color: var(--clr-orange); }

.avatar-xs {
    width: 26px; height: 26px;
    border-radius: 50%; object-fit: cover;
    border: 2px solid var(--clr-border);
}

.site-hamburger {
    display: none; flex-direction: column; gap: 5px;
    cursor: pointer; padding: .45rem;
    border: 1.5px solid #EDE8E2; border-radius: 8px;
    background: var(--clr-white); margin-left: auto; flex-shrink: 0;
}
.site-hamburger span {
    width: 20px; height: 2.5px;
    background: #1C1309; border-radius: 2px;
    display: block; transition: all .2s;
}
.site-hamburger.acik span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
.site-hamburger.acik span:nth-child(2) { opacity: 0; }
.site-hamburger.acik span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }

.site-mobile-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--clr-white);
    border-top: 1px solid #EDE8E2;
    box-shadow: 0 8px 24px rgba(0,0,0,.1);
    padding: .75rem 0 1.25rem;
    z-index: 999;
}
.site-mobile-nav.acik { display: block; }
.site-mobile-link {
    display: flex; align-items: center; justify-content: space-between;
    padding: .75rem 0;
    font-size: .9375rem; font-weight: 700;
    color: #3D2E1A; text-decoration: none;
    border-bottom: 1px solid #F5F0EB; transition: color .15s;
}
.site-mobile-link:last-of-type { border-bottom: none; }
.site-mobile-link:hover,
.site-mobile-link.aktif { color: var(--clr-orange); }
.site-mobile-link .bi-chevron-right { font-size: .75rem; color: #C5B8A8; }
.site-mobile-btns {
    display: flex; gap: .75rem;
    margin-top: 1rem; padding-top: 1rem;
    border-top: 1px solid #EDE8E2;
}
.btn-mobile-giris {
    flex: 1; padding: .7rem; text-align: center;
    font-size: .875rem; font-weight: 700; color: #3D2E1A;
    border: 1.5px solid #DDD5C8; border-radius: 10px;
    text-decoration: none; display: flex; align-items: center; justify-content: center;
}
.btn-mobile-cta {
    flex: 1; padding: .7rem; text-align: center;
    font-size: .875rem; font-weight: 800;
    color: #fff; background: var(--clr-orange);
    border-radius: 24px; text-decoration: none;
    display: flex; align-items: center; justify-content: center;
}

@media (max-width: 991.98px) {
    .site-nav-links, .site-nav-sag { display: none; }
    .site-hamburger { display: flex; }
}

/* Eski class uyumluluğu */
.navbar-toggler { border: 1.5px solid var(--clr-border); border-radius: var(--radius-sm); padding: .35rem .6rem; }
.navbar-toggler:focus { box-shadow: none; }

/* Dropdown menü */
.dropdown-menu {
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    font-size: .9rem;
    padding: .4rem;
}
.dropdown-item {
    border-radius: var(--radius-sm);
    padding: .5rem .9rem;
    font-weight: 600;
    color: var(--clr-dark);
    transition: background .15s;
}
.dropdown-item:hover {
    background-color: var(--clr-orange-light);
    color: var(--clr-orange);
}


/* ────────────────────────────────────────────────────────────
   5. FLASH MESAJLAR
   ──────────────────────────────────────────────────────────── */
.flash-wrapper {
    position: relative;
    z-index: 900;
    padding: .6rem 0;
    background: transparent;
}

.alert-flash {
    font-family: var(--font-body);
    font-size: .9rem;
    font-weight: 600;
    border-radius: var(--radius-md);
    border: none;
    box-shadow: var(--shadow-sm);
}


/* ────────────────────────────────────────────────────────────
   6. FOOTER
   ──────────────────────────────────────────────────────────── */
.site-footer {
    background-color: var(--clr-footer-bg);
    color: var(--clr-footer-text);
    font-size: .9rem;
    margin-top: auto;
}

.footer-top {
    padding: 3.5rem 0 2.5rem;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

/* Footer logo */
.footer-logo-link {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 1.3rem;
    color: #fff;
}
.footer-logo-link:hover { color: #fff; }
.footer-logo-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--clr-orange);
    border-radius: 50%;
}
.footer-logo-tr { color: var(--clr-orange); }

.footer-brand-desc {
    font-size: .875rem;
    line-height: 1.75;
    color: var(--clr-footer-text);
    max-width: 300px;
}

/* Sosyal medya */
.footer-sosyal { display: flex; gap: .5rem; }
.footer-sosyal-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.08);
    color: var(--clr-footer-text);
    font-size: 1rem;
    transition: all .2s;
    text-decoration: none;
}
.footer-sosyal-link:hover {
    background-color: var(--clr-orange);
    color: #fff;
    transform: translateY(-2px);
}

/* Footer kolonları */
.footer-col-title {
    font-family: var(--font-body);
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: rgba(255,255,255,.5);
    margin-bottom: 1rem;
}

.footer-col-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-col-list li { margin-bottom: .5rem; }
.footer-col-list a {
    color: var(--clr-footer-text);
    text-decoration: none;
    font-size: .875rem;
    transition: color .2s;
}
.footer-col-list a:hover { color: var(--clr-orange); }

/* Bülten */
.footer-bulten-desc {
    font-size: .8375rem;
    color: var(--clr-footer-text);
    margin-bottom: .75rem;
}

.footer-bulten-input {
    background-color: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-right: none !important;
    color: #fff !important;
    font-family: var(--font-body);
    font-size: .875rem;
    border-radius: var(--radius-sm) 0 0 var(--radius-sm) !important;
}
.footer-bulten-input::placeholder { color: rgba(255,255,255,.4); }
.footer-bulten-input:focus {
    background-color: rgba(255,255,255,.12) !important;
    border-color: var(--clr-orange) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.btn-bulten {
    background-color: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
    padding: .5rem 1rem;
    transition: background .2s;
    white-space: nowrap;
}
.btn-bulten:hover { background-color: var(--clr-orange-dark); }

/* Mobil uygulama linkleri */
.footer-app-label {
    font-size: .75rem;
    color: rgba(255,255,255,.4);
    text-transform: uppercase;
    letter-spacing: .5px;
}
.btn-app-store {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-family: var(--font-body);
    font-size: .8rem;
    font-weight: 700;
    color: rgba(255,255,255,.6);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: var(--radius-sm);
    padding: .35rem .75rem;
    text-decoration: none;
    transition: all .2s;
}
.btn-app-store:hover {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
}

/* Alt bar */
.footer-bottom {
    padding: 1.25rem 0;
}
.footer-copyright {
    font-size: .8rem;
    color: rgba(255,255,255,.35);
}
.footer-bottom-links {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    align-items: center;
    font-size: .8rem;
}
.footer-bottom-links a {
    color: rgba(255,255,255,.4);
    text-decoration: none;
    transition: color .2s;
}
.footer-bottom-links a:hover { color: var(--clr-orange); }
.footer-bottom-links .separator { color: rgba(255,255,255,.2); }


/* ────────────────────────────────────────────────────────────
   7. ÇEREZ BANNER
   ──────────────────────────────────────────────────────────── */
.cerez-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--clr-dark);
    border-top: 2px solid var(--clr-orange);
    padding: 1rem 0;
    z-index: 9999;
    animation: slideUp .3s ease-out;
}
@keyframes slideUp {
    from { transform: translateY(100%); opacity: 0; }
    to   { transform: translateY(0);    opacity: 1; }
}

.cerez-metin { font-size: .875rem; color: rgba(255,255,255,.85); }
.cerez-link  { color: var(--clr-orange); font-weight: 700; }

.btn-cerez-kabul {
    background-color: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .8375rem;
    font-weight: 700;
    padding: .45rem 1.2rem;
    border-radius: var(--radius-pill);
    white-space: nowrap;
    transition: background .2s;
}
.btn-cerez-kabul:hover { background-color: var(--clr-orange-dark); }

.btn-cerez-reddet {
    background: transparent;
    border: 1px solid rgba(255,255,255,.25);
    color: rgba(255,255,255,.6);
    font-family: var(--font-body);
    font-size: .8375rem;
    font-weight: 700;
    padding: .45rem 1rem;
    border-radius: var(--radius-pill);
    white-space: nowrap;
    transition: all .2s;
}
.btn-cerez-reddet:hover {
    border-color: rgba(255,255,255,.5);
    color: rgba(255,255,255,.9);
}


/* ────────────────────────────────────────────────────────────
   8. SCROLL-TOP BUTONU
   ──────────────────────────────────────────────────────────── */
.scroll-top-btn {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--clr-orange);
    color: #fff;
    border: none;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .3s, transform .3s, background .2s, box-shadow .2s;
    z-index: 9990;
    box-shadow: 0 4px 16px rgba(255,107,43,.4);
}
.scroll-top-btn.visible {
    opacity: 1;
    transform: translateY(0);
}
.scroll-top-btn:hover {
    background-color: var(--clr-orange-dark);
    box-shadow: 0 6px 20px rgba(255,107,43,.5);
}


/* ────────────────────────────────────────────────────────────
   9. BADGE & PAKET ETİKETLERİ
   ──────────────────────────────────────────────────────────── */
.badge-paket {
    display: inline-flex;
    align-items: center;
    font-family: var(--font-body);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .3px;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
}

.badge-premium {
    background-color: var(--clr-yellow-light);
    color: #8B5E03;
    border: 1px solid var(--clr-yellow);
}

.badge-kurumsal {
    background-color: var(--clr-purple-light);
    color: var(--clr-purple);
    border: 1px solid rgba(123,94,167,.3);
}

/* Yıldız grubu */
.yildiz-grup { display: inline-flex; align-items: center; gap: .15rem; }
.yildiz-grup .bi { font-size: .85rem; }


/* ────────────────────────────────────────────────────────────
   10. YARDIMCI SINIFLAR
   ──────────────────────────────────────────────────────────── */

/* Butonlar */
.btn-brand {
    background-color: var(--clr-orange);
    border-color: var(--clr-orange);
    color: #fff;
    font-family: var(--font-body);
    font-weight: 700;
    border-radius: var(--radius-pill);
    transition: all .2s;
}
.btn-brand:hover {
    background-color: var(--clr-orange-dark);
    border-color: var(--clr-orange-dark);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255,107,43,.35);
}

.btn-brand-outline {
    background: none;
    border: 1.5px solid var(--clr-orange);
    color: var(--clr-orange);
    font-family: var(--font-body);
    font-weight: 700;
    border-radius: var(--radius-pill);
    transition: all .2s;
}
.btn-brand-outline:hover {
    background-color: var(--clr-orange);
    color: #fff;
}

.btn-teal {
    background-color: var(--clr-teal);
    border-color: var(--clr-teal);
    color: #fff;
    font-family: var(--font-body);
    font-weight: 700;
    border-radius: var(--radius-pill);
    transition: all .2s;
}
.btn-teal:hover {
    background-color: var(--clr-teal-dark);
    border-color: var(--clr-teal-dark);
    color: #fff;
    transform: translateY(-1px);
}

/* Kartlar */
.card-brand {
    background-color: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    transition: box-shadow .2s, transform .2s;
}
.card-brand:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

/* Bölüm başlıkları */
.section-title {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-dark);
}

.section-link {
    font-size: .9rem;
    font-weight: 700;
    color: var(--clr-orange);
    text-decoration: none;
}
.section-link:hover { color: var(--clr-orange-dark); }

/* Sayfa yüklenme animasyonları */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.animate-fadeinup { animation: fadeInUp .5s ease-out both; }
.delay-1 { animation-delay: .1s; }
.delay-2 { animation-delay: .2s; }
.delay-3 { animation-delay: .3s; }

/* Responsive yardımcılar */
@media (max-width: 991.98px) {
    .navbar-ana { height: auto; min-height: var(--navbar-h); }
    .navbar-collapse { padding: .75rem 0 1rem; border-top: 1px solid var(--clr-border); margin-top: .5rem; }
    .navbar-auth { margin-top: .75rem; padding-top: .75rem; border-top: 1px solid var(--clr-border); }
    .logo-brand { margin-right: 0; }
}

@media (max-width: 575.98px) {
    .footer-bottom-links { font-size: .75rem; }
    .scroll-top-btn { bottom: 5rem; right: 1rem; }
}


/* ════════════════════════════════════════════════════════════
   INDEX.PHP — SAYFA ÖZELİ STİLLER
   ════════════════════════════════════════════════════════════ */

/* ── Hero ───────────────────────────────────────────────────── */
.hero-section {
    background: linear-gradient(135deg, #FFF5EE 0%, var(--clr-bg) 55%, var(--clr-teal-light) 100%);
    padding: 3.5rem 0 3rem;
    position: relative;
    overflow: hidden;
}
/* Arka plan görseli varsa overlay */
.hero-bg-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,245,238,.88) 0%, rgba(248,245,240,.75) 55%, rgba(235,248,245,.80) 100%);
    z-index: 0;
}
.hero-section .container-xl { position: relative; z-index: 1; }

.hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.hero-label {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: .4rem .9rem;
    border-radius: var(--radius-pill);
    margin-bottom: 1.1rem;
}

.hero-title {
    font-family: var(--font-display);
    font-size: 2.75rem;
    line-height: 1.15;
    color: var(--clr-dark);
    margin-bottom: 1rem;
}

.hero-title-accent { color: var(--clr-orange); }

.hero-sub {
    font-size: 1rem;
    color: var(--clr-muted);
    margin-bottom: 1.75rem;
    max-width: 440px;
    line-height: 1.75;
}

/* Arama kartı */
.hero-search-card {
    background: var(--clr-white);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--clr-border);
}

.search-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
    margin-bottom: .65rem;
}

.search-field label {
    display: block;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    margin-bottom: .3rem;
}

.search-select {
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    background-color: var(--clr-bg) !important;
    font-family: var(--font-body);
    font-size: .9rem;
    font-weight: 600;
    color: var(--clr-dark);
    padding: .6rem .9rem;
    transition: border-color .2s;
}
.search-select:focus {
    border-color: var(--clr-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,43,.1) !important;
}

.btn-search {
    width: 100%;
    background: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 800;
    padding: .85rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    transition: all .2s;
    margin-top: .4rem;
}
.btn-search:hover {
    background: var(--clr-orange-dark);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(255,107,43,.35);
}

.search-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
}
.search-tags-label {
    font-size: .75rem;
    font-weight: 700;
    color: var(--clr-muted);
}
.search-tag {
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-size: .75rem;
    font-weight: 700;
    padding: .3rem .75rem;
    border-radius: var(--radius-pill);
    transition: background .2s;
    text-decoration: none;
}
.search-tag:hover { background: var(--clr-orange-mid); color: var(--clr-orange); }

/* Hero sağ: istatistikler */
.hero-stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
    margin-bottom: .9rem;
}
.hero-stat-card {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: 1.1rem;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    transition: border-color .2s, box-shadow .2s, transform .2s;
    box-shadow: var(--shadow-sm);
}
.hero-stat-card:hover {
    border-color: var(--clr-orange);
    box-shadow: 0 4px 16px rgba(255,107,43,.15);
    transform: translateY(-2px);
}

.hero-stat-num {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-orange);
    line-height: 1;
}
.hero-stat-label {
    font-size: .75rem;
    font-weight: 700;
    color: var(--clr-muted);
    margin-top: .25rem;
}

.hero-badges-row {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .9rem;
    width: 100%;
    align-items: center;
}
.hero-badge {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: .4rem;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .55rem .9rem;
    font-size: .8125rem;
    font-weight: 700;
    color: var(--clr-dark);
}
.hero-badge:hover {
    border-color: var(--clr-orange);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
}

.hero-badge-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.hero-info-card {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    gap: .9rem;
    box-shadow: var(--shadow-sm);
}
.hero-info-icon { font-size: 2rem; flex-shrink: 0; }
.hero-info-title { font-size: .9375rem; font-weight: 800; color: var(--clr-dark); }
.hero-info-sub   { font-size: .8rem; color: var(--clr-muted); margin-top: .1rem; }
.hero-info-btn {
    margin-left: auto;
    flex-shrink: 0;
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    border: none;
    font-size: .8125rem;
    font-weight: 800;
    padding: .45rem .9rem;
    border-radius: var(--radius-pill);
    white-space: nowrap;
    text-decoration: none;
    transition: background .2s;
}
.hero-info-btn:hover { background: var(--clr-orange-mid); color: var(--clr-orange); }


/* ── Kategoriler ─────────────────────────────────────────────── */
.section-pad   { padding: 3rem 0; }
.bg-white-section { background: var(--clr-white); }

.section-header-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.cats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .85rem;
}

.cat-card {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.4rem 1rem;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .55rem;
    transition: all .2s;
}
.cat-card:hover {
    border-color: var(--clr-orange);
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(255,107,43,.12);
}
.cat-icon {
    width: 52px;
    height: 52px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}
.cat-name  { font-size: .875rem; font-weight: 800; color: var(--clr-dark); }
.cat-count { font-size: .75rem; font-weight: 600; color: var(--clr-muted); }


/* ── Okul Kartları ───────────────────────────────────────────── */
.schools-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem;
}

.school-card {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: all .2s;
    display: flex;
    flex-direction: column;
}
.school-card:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}

.school-img-wrap {
    position: relative;
    height: 170px;
    display: block;
    overflow: hidden;
    background: linear-gradient(135deg, #FFE4CC, #FFD166);
}
.school-img-el {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
.school-card:hover .school-img-el { transform: scale(1.04); }

.school-img-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
}
.school-paket-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--clr-orange);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
    letter-spacing: .3px;
}

.school-body { padding: 1.1rem; flex: 1; }

.school-rating {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .45rem;
}
.rating-num   { font-size: .8375rem; font-weight: 800; color: var(--clr-dark); }
.rating-count { font-size: .75rem; color: var(--clr-muted); }

.school-name {
    font-size: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
    margin-bottom: .3rem;
    line-height: 1.35;
}
.school-name a { color: inherit; text-decoration: none; }
.school-name a:hover { color: var(--clr-orange); }

.school-loc {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .8125rem;
    color: var(--clr-muted);
    font-weight: 600;
    margin-bottom: .5rem;
}
.school-loc .bi { color: var(--clr-orange); font-size: .75rem; }

.school-price-row {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-size: .8rem;
    color: var(--clr-teal);
    font-weight: 700;
}
.school-price-row .bi { font-size: .75rem; }

.school-card-footer {
    padding: .75rem 1.1rem;
    border-top: 1px solid var(--clr-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}
.btn-detail {
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    border: none;
    font-family: var(--font-body);
    font-size: .8125rem;
    font-weight: 800;
    padding: .5rem 1rem;
    border-radius: var(--radius-pill);
    cursor: pointer;
    text-decoration: none;
    transition: background .2s;
    display: inline-flex;
    align-items: center;
}
.btn-detail:hover { background: var(--clr-orange-mid); color: var(--clr-orange); }

.btn-whatsapp {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    text-decoration: none;
    transition: background .2s;
    flex-shrink: 0;
}
.btn-whatsapp:hover { background: #1aaa52; color: #fff; }


/* ── Nasıl Çalışır ───────────────────────────────────────────── */
.how-section {
    background: var(--clr-dark);
    padding: 4rem 0;
}
.how-title {
    font-family: var(--font-display);
    font-size: 2rem;
    color: #fff;
    text-align: center;
    margin-bottom: 2.5rem;
}
.how-title-accent { color: var(--clr-yellow); }

.steps-grid {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
}
.step-connector {
    color: rgba(255,255,255,.3);
    font-size: 1.25rem;
    text-align: center;
}
.step-card { text-align: center; padding: 1rem; }
.step-num {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: var(--clr-orange);
    color: #fff;
    font-family: var(--font-display);
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}
.step-title { font-size: 1.05rem; font-weight: 800; color: #fff; margin-bottom: .5rem; }
.step-desc  { font-size: .875rem; color: rgba(255,255,255,.6); line-height: 1.7; }


/* ── İndirim Teaser ──────────────────────────────────────────── */
.discount-section {
    background: linear-gradient(135deg, var(--clr-orange) 0%, #FF8C55 100%);
    padding: 4rem 0;
}
.discount-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.discount-label {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: rgba(255,255,255,.2);
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: .35rem .85rem;
    border-radius: var(--radius-pill);
    margin-bottom: 1rem;
}
.discount-title {
    font-family: var(--font-display);
    font-size: 2.25rem;
    color: #fff;
    margin-bottom: 1rem;
    line-height: 1.15;
}
.discount-desc {
    color: rgba(255,255,255,.85);
    font-size: .9375rem;
    line-height: 1.75;
    margin-bottom: 1.5rem;
}
.btn-discount-cta {
    display: inline-flex;
    align-items: center;
    background: #fff;
    color: var(--clr-orange);
    font-family: var(--font-body);
    font-size: .9375rem;
    font-weight: 800;
    padding: .85rem 1.75rem;
    border-radius: var(--radius-pill);
    text-decoration: none;
    transition: all .2s;
    margin-right: .75rem;
}
.btn-discount-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0,0,0,.15);
    color: var(--clr-orange);
}
.btn-discount-secondary {
    display: inline-flex;
    align-items: center;
    color: rgba(255,255,255,.9);
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none;
    transition: color .2s;
}
.btn-discount-secondary:hover { color: #fff; }

.discount-cards { display: flex; flex-direction: column; gap: .65rem; }
.discount-preview-card {
    background: rgba(255,255,255,.15);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: var(--radius-md);
    padding: .9rem 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    backdrop-filter: blur(8px);
}
.opacity-60 { opacity: .6; }
.dc-okul-adi { font-weight: 800; color: #fff; font-size: .9375rem; }
.dc-baslik   { font-size: .8rem; color: rgba(255,255,255,.75); margin-top: .15rem; }
.dc-fiyat    { text-align: right; flex-shrink: 0; }
.dc-eski-fiyat { font-size: .8rem; color: rgba(255,255,255,.6); text-decoration: line-through; }
.dc-yeni-fiyat { font-size: 1.15rem; font-weight: 800; color: var(--clr-yellow); }
.dc-blur { filter: blur(5px); user-select: none; }


/* ── Okul CTA ────────────────────────────────────────────────── */
.cta-box {
    background: var(--clr-teal-light);
    border: 1px solid #B2E5DF;
    border-radius: var(--radius-xl);
    padding: 2.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.cta-box-icon { font-size: 2.5rem; flex-shrink: 0; }
.cta-box-text { flex: 1; }
.cta-box-text h3 {
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: #004D44;
    margin-bottom: .3rem;
}
.cta-box-text p { color: #006B5E; font-size: .9375rem; margin: 0; }


/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .hero-grid   { grid-template-columns: 1fr; gap: 2rem; }
    .hero-title  { font-size: 2.1rem; }
    .hero-right  { display: none; }
    .cats-grid   { grid-template-columns: repeat(4, 1fr); }
    .schools-grid { grid-template-columns: repeat(2, 1fr); }
    .steps-grid  { grid-template-columns: 1fr; }
    .step-connector { transform: rotate(90deg); }
    .discount-grid { grid-template-columns: 1fr; gap: 2rem; }
    .discount-cards { display: none; }
    .cta-box { flex-direction: column; text-align: center; }
}

@media (max-width: 767.98px) {
    .cats-grid    { grid-template-columns: repeat(2, 1fr); }
    .schools-grid { grid-template-columns: 1fr; }
    .search-row   { grid-template-columns: 1fr; }
    .hero-title   { font-size: 1.85rem; }
    .how-title    { font-size: 1.6rem; }
    .discount-title { font-size: 1.75rem; }
}

@media (max-width: 575.98px) {
    .hero-section { padding: 2rem 0; }
    .section-pad  { padding: 2rem 0; }
    .how-section  { padding: 2.5rem 0; }
    .discount-section { padding: 2.5rem 0; }
}


/* ════════════════════════════════════════════════════════════
   ARAMA.PHP — SAYFA ÖZELİ STİLLER
   ════════════════════════════════════════════════════════════ */

/* ── Arama hero şeridi ──────────────────────────────────────── */
.arama-hero {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    padding: 1.75rem 0 1.5rem;
    position: relative;
    overflow: hidden;
    transition: background .3s;
}
/* Arka plan görseli varsa metin rengi beyaz */
.arama-hero[style*="background-image"] .arama-hero-title,
.arama-hero[style*="background-image"] .arama-hero-sub,
.arama-hero[style*="background-image"] .arama-quick-wrap {
    position: relative;
    z-index: 1;
}
.arama-hero[style*="background-image"] .arama-hero-title { color: #fff; text-shadow: 0 1px 4px rgba(0,0,0,.4); }
.arama-hero[style*="background-image"] .arama-hero-sub   { color: rgba(255,255,255,.85); }
.arama-hero[style*="background-image"] .arama-quick-wrap { background: #fff; }
.arama-hero-overlay {
    display: none;
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(28,19,9,.65) 0%, rgba(28,19,9,.35) 100%);
    z-index: 0;
}
.arama-hero[style*="background-image"] .arama-hero-overlay { display: block; }
.arama-hero[style*="background-image"] .arama-quick-form { position: relative; z-index: 1; }

.arama-hero-title {
    font-family: var(--font-display);
    font-size: 1.6rem;
    color: var(--clr-dark);
    margin-bottom: .3rem;
}
.arama-hero-sub {
    font-size: .9rem;
    color: var(--clr-muted);
    margin-bottom: 1rem;
}

.arama-quick-form   { max-width: 560px; }
.arama-quick-wrap {
    display: flex;
    align-items: center;
    background: var(--clr-bg);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .35rem .35rem .35rem .9rem;
    transition: border-color .2s;
}
.arama-quick-wrap:focus-within { border-color: var(--clr-orange); }
.arama-quick-icon  { color: var(--clr-muted); margin-right: .5rem; font-size: .95rem; }
.arama-quick-input {
    flex: 1;
    border: none;
    background: none;
    font-family: var(--font-body);
    font-size: .9375rem;
    color: var(--clr-dark);
    outline: none;
}
.btn-search-sm {
    background: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .8375rem;
    font-weight: 700;
    padding: .5rem 1.1rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background .2s;
    white-space: nowrap;
}
.btn-search-sm:hover { background: var(--clr-orange-dark); }

/* ── İki sütun layout ───────────────────────────────────────── */

/* Filtre overlay — her zaman gizli, sadece mobilde .acik ile açılır */
.filtre-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 1049;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}
@media (max-width: 991.98px) {
    .filtre-overlay.acik { display: block; }
}
.arama-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 1.75rem;
    padding: 1.75rem 0 3rem;
    align-items: start;
}

/* ── Filtre paneli ───────────────────────────────────────────── */
.filtre-panel {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    position: sticky;
    top: calc(var(--navbar-h) + 1rem);
    /* max-height ve overflow-y kaldırıldı — tüm filtreler görünür */
}

.filtre-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--clr-border);
}
.filtre-panel-title {
    font-size: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
    margin: 0;
    display: flex;
    align-items: center;
    gap: .35rem;
}
.filtre-aktif-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    background: var(--clr-orange);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    border-radius: var(--radius-pill);
    padding: 0 .4rem;
}
.filtre-temizle-link {
    font-size: .8rem;
    color: var(--clr-muted);
    text-decoration: none;
    font-weight: 600;
    transition: color .2s;
}
.filtre-temizle-link:hover { color: var(--clr-orange); }

.filtre-grup {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--clr-border);
}
.filtre-grup:last-of-type { border-bottom: none; }

.filtre-grup-baslik {
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    margin-bottom: .65rem;
    display: flex;
    align-items: center;
    gap: .35rem;
}

.filtre-label {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    color: var(--clr-muted);
    margin-bottom: .25rem;
}

.filtre-select {
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-sm) !important;
    font-size: .875rem;
    font-family: var(--font-body);
    padding: .45rem .7rem;
}

.filtre-checkbox {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--clr-dark);
    cursor: pointer;
    margin-bottom: .45rem;
    padding: .25rem .3rem;
    border-radius: var(--radius-sm);
    transition: background .15s;
}
.filtre-checkbox:hover { background: var(--clr-orange-light); }
.filtre-checkbox input { accent-color: var(--clr-orange); width: 15px; height: 15px; flex-shrink: 0; }

.filtre-ucret-row {
    display: flex;
    align-items: center;
    gap: .4rem;
}
.filtre-input {
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-sm) !important;
    font-size: .875rem;
    font-family: var(--font-body);
    padding: .45rem .65rem;
}
.filtre-ucret-ara { color: var(--clr-muted); font-weight: 700; flex-shrink: 0; }

.btn-filtre-uygula {
    background: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .9rem;
    font-weight: 800;
    padding: .65rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: background .2s;
    margin-top: .5rem;
}
.btn-filtre-uygula:hover { background: var(--clr-orange-dark); }

/* ── Sonuç alanı ─────────────────────────────────────────────── */
.sonuc-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.1rem;
    gap: .75rem;
    flex-wrap: wrap;
}
.sonuc-sayac {
    font-size: .9rem;
    font-weight: 600;
    color: var(--clr-muted);
}

.siralama-select {
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-pill) !important;
    font-family: var(--font-body);
    font-size: .8375rem;
    font-weight: 600;
    padding: .4rem .9rem;
    width: auto;
}

.btn-filtre-mobil {
    display: none;
    align-items: center;
    gap: .5rem;
    background: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .9rem;
    font-weight: 800;
    padding: .65rem 1.25rem;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: all .2s;
    box-shadow: 0 3px 10px rgba(255,107,43,.35);
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    justify-content: center;
    margin-bottom: .75rem;
}
.btn-filtre-mobil:hover { background: #e55a1f; }
.btn-filtre-mobil .filtre-sayi {
    background: rgba(255,255,255,.3);
    border-radius: 20px;
    padding: .1rem .5rem;
    font-size: .75rem;
}

.sonuc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.school-tanim {
    font-size: .8125rem;
    color: var(--clr-muted);
    margin: .4rem 0 .5rem;
    line-height: 1.55;
}

.school-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .5rem;
}
.school-tag {
    font-size: .72rem;
    font-weight: 700;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
    background: var(--clr-teal-light);
    color: #006B5E;
    display: inline-flex;
    align-items: center;
}

/* ── Sayfalama ───────────────────────────────────────────────── */
.sayfalama { margin-top: 2rem; }
.sayfalama-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    flex-wrap: wrap;
}
.sayfa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 .6rem;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    background: var(--clr-white);
    color: var(--clr-dark);
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
    font-family: var(--font-body);
}
.sayfa-btn:hover     { border-color: var(--clr-orange); color: var(--clr-orange); background: var(--clr-orange-light); }
.sayfa-btn.aktif     { background: var(--clr-orange); border-color: var(--clr-orange); color: #fff; }
.sayfa-ellipsis      { color: var(--clr-muted); font-size: .875rem; padding: 0 .3rem; }

/* ── Boş durum ───────────────────────────────────────────────── */
.bos-durum {
    text-align: center;
    padding: 4rem 1rem;
    color: var(--clr-muted);
}
.bos-durum-ikon { font-size: 3.5rem; margin-bottom: 1rem; }
.bos-durum h3   { font-size: 1.35rem; color: var(--clr-dark); margin-bottom: .5rem; }
.bos-durum p    { font-size: .9375rem; line-height: 1.7; margin-bottom: 1.25rem; }

/* ── Responsive ──────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .sonuc-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 991.98px) {
    .arama-layout { grid-template-columns: 1fr; }
    .filtre-panel {
        position: fixed;
        top: 0; left: 0;
        width: min(320px, 88vw);
        height: 100dvh;
        max-height: 100dvh;
        z-index: 1050;
        border-radius: 0;
        transform: translateX(-100%);
        transition: transform .3s ease;
        box-shadow: 4px 0 24px rgba(0,0,0,.18);
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding-bottom: 5rem;
    }
    .filtre-panel.acik { transform: translateX(0); }
    .btn-filtre-mobil  { display: flex; }
    /* Filtre paneli açıkken arka planı karart */
    /* overlay sadece mobilde açılır — CSS'de tanım aşağıda */
}

@media (max-width: 575.98px) {
    .sonuc-grid { grid-template-columns: 1fr; }
}


/* ════════════════════════════════════════════════════════════
   OKUL-DETAY.PHP — SAYFA ÖZELİ STİLLER
   ════════════════════════════════════════════════════════════ */

/* ── Breadcrumb ─────────────────────────────────────────────── */
.breadcrumb-bar {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    padding: .65rem 0;
}
.breadcrumb { font-size: .8125rem; margin: 0; }
.breadcrumb-item + .breadcrumb-item::before { color: var(--clr-muted); }
.breadcrumb-item a { color: var(--clr-muted); text-decoration: none; }
.breadcrumb-item a:hover { color: var(--clr-orange); }
.breadcrumb-item.active { color: var(--clr-dark); font-weight: 600; }

/* ── Detay Hero ─────────────────────────────────────────────── */
.detay-hero {
    position: relative;
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    overflow: hidden;
}
.detay-kapak {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: blur(2px) brightness(.35);
    transform: scale(1.05);
}
.detay-hero-inner {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1.5rem;
    align-items: start;
    padding: 2rem 0;
}

/* Logo */
.detay-logo-wrap {
    flex-shrink: 0;
}
.detay-logo {
    width: 90px;
    height: 90px;
    border-radius: var(--radius-lg);
    object-fit: cover;
    border: 3px solid rgba(255,255,255,.9);
    box-shadow: var(--shadow-md);
}
.detay-logo-placeholder {
    width: 90px;
    height: 90px;
    border-radius: var(--radius-lg);
    background: var(--clr-orange-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    border: 3px solid rgba(255,255,255,.9);
}

/* Başlık bilgileri */
.detay-badges-row {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-bottom: .5rem;
}
.detay-kurum-badge {
    display: inline-flex;
    align-items: center;
    background: var(--clr-purple-light);
    color: var(--clr-purple);
    font-size: .72rem;
    font-weight: 800;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
}
.detay-okul-adi {
    font-family: var(--font-display);
    font-size: 1.85rem;
    color: var(--clr-dark);
    margin-bottom: .5rem;
    line-height: 1.2;
}
/* Kapak varsa beyaz yazı */
.detay-kapak ~ * .detay-okul-adi,
.detay-kapak ~ * .detay-meta-item { color: #fff; }
.detay-kapak ~ * .detay-kurum-badge { background:rgba(255,255,255,.2); color:#fff; }
.detay-kapak ~ * .detay-kisa-tanim { color:rgba(255,255,255,.85); }

.detay-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1.25rem;
    margin-bottom: .65rem;
}
.detay-meta-item {
    display: flex;
    align-items: center;
    gap: .35rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--clr-dark);
}
.detay-kisa-tanim {
    font-size: .9375rem;
    color: var(--clr-muted);
    max-width: 520px;
    line-height: 1.65;
    margin: 0;
}

/* Aksiyon butonları */
.detay-hero-aksiyonlar {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    flex-shrink: 0;
}
.btn-whatsapp-lg {
    background: #25D366;
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    padding: .6rem 1.1rem;
    border-radius: var(--radius-pill);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background .2s;
}
.btn-whatsapp-lg:hover { background: #1aaa52; color: #fff; }
.btn-ara-lg {
    background: var(--clr-teal-light);
    border: 1.5px solid var(--clr-teal);
    color: var(--clr-teal-dark);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    padding: .6rem 1.1rem;
    border-radius: var(--radius-pill);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all .2s;
}
.btn-ara-lg:hover { background: var(--clr-teal); color: #fff; }
.btn-paylasim {
    background: none;
    border: 1.5px solid var(--clr-border);
    color: var(--clr-muted);
    border-radius: var(--radius-pill);
    padding: .6rem 1rem;
    cursor: pointer;
    transition: all .2s;
    font-size: 1rem;
}
.btn-paylasim:hover { border-color: var(--clr-orange); color: var(--clr-orange); }

/* ── Layout ─────────────────────────────────────────────────── */
.detay-layout {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 1.75rem;
    padding: 1.75rem 0 3rem;
    align-items: start;
}
.detay-main { min-width: 0; }

/* ── Bölüm genel ────────────────────────────────────────────── */
.detay-bolum {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-bottom: 1.25rem;
}
.detay-bolum-baslik {
    font-family: var(--font-display);
    font-size: 1.2rem;
    color: var(--clr-dark);
    margin-bottom: 1.1rem;
    padding-top: 0;
    padding-left: 10px;
    display: flex;
    align-items: center;
}
.detay-bolum-sayac {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-size: .75rem;
    font-weight: 800;
    border-radius: var(--radius-pill);
    padding: 0 .4rem;
    margin-left: .5rem;
    font-family: var(--font-body);
}

/* ── Öne çıkan 4 özellik ────────────────────────────────────── */
.one-cikan-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .85rem;
}
.one-cikan-kart {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    padding: .9rem;
}
.one-cikan-ikon {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-sm);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}
.one-cikan-baslik  { font-size: .9rem; font-weight: 800; color: var(--clr-dark); }
.one-cikan-aciklama { font-size: .8rem; color: var(--clr-muted); margin-top: .2rem; line-height: 1.5; }

/* ── Açıklama ───────────────────────────────────────────────── */
.detay-aciklama {
    font-size: .9375rem;
    color: var(--clr-dark);
    line-height: 1.75;
}
.aciklama-kapali {
    max-height: 120px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 60%, transparent 100%);
}
.btn-daha-fazla {
    background: none;
    border: none;
    color: var(--clr-orange);
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    padding: .4rem 0;
    cursor: pointer;
    transition: color .2s;
    display: inline-flex;
    align-items: center;
    margin-top: .35rem;
}
.btn-daha-fazla:hover { color: var(--clr-orange-dark); }

/* ── Galeri ─────────────────────────────────────────────────── */
.galeri-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
}
.galeri-item { display: block; border-radius: var(--radius-sm); overflow: hidden; aspect-ratio: 4/3; }
.galeri-gizli { display: none; }
.galeri-img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.galeri-item:hover .galeri-img { transform: scale(1.06); }

/* ── Video ──────────────────────────────────────────────────── */
.video-wrap { position: relative; padding-top: 56.25%; border-radius: var(--radius-md); overflow: hidden; }
.video-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

/* ── Olanaklar ──────────────────────────────────────────────── */
.olanak-gruplar { display: flex; flex-direction: column; gap: 1rem; }
.olanak-grup {}
.olanak-grup-baslik {
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    gap: .35rem;
}
.olanak-listesi { display: flex; flex-wrap: wrap; gap: .4rem; }
.olanak-item {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    font-size: .8125rem;
    font-weight: 700;
    padding: .35rem .75rem;
    border-radius: var(--radius-pill);
}
.olanak-egitim   { background: var(--clr-orange-light); color: #A03A10; }
.olanak-dil      { background: var(--clr-purple-light); color: var(--clr-purple); }
.olanak-aktivite { background: var(--clr-teal-light);   color: #004D44; }
.olanak-fiziksel { background: var(--clr-green-light);  color: #2E7D52; }
.olanak-servis   { background: var(--clr-yellow-light); color: #7A5A00; }

/* ── Etkinlikler ────────────────────────────────────────────── */
.etkinlik-slider {
    display: flex;
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .5rem;
    scroll-snap-type: x mandatory;
    cursor: grab;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.etkinlik-slider:active { cursor: grabbing; }
.etkinlik-kart {
    flex: 0 0 220px;
    scroll-snap-align: start;
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    overflow: hidden;
    border: 1px solid var(--clr-border);
}
.etkinlik-gorsel-wrap { height: 120px; overflow: hidden; }
.etkinlik-gorsel      { width: 100%; height: 100%; object-fit: cover; }
.etkinlik-body        { padding: .8rem; }
.etkinlik-rozet {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .68rem;
    font-weight: 800;
    padding: .2rem .6rem;
    border-radius: var(--radius-pill);
    margin-bottom: .4rem;
}
.rozet-yaklasan { background: var(--clr-teal-light);   color: var(--clr-teal-dark); }
.rozet-gecmis   { background: var(--clr-border);       color: var(--clr-muted); }
.etkinlik-tarih  { font-size: .75rem; color: var(--clr-muted); margin-bottom: .25rem; display: flex; align-items: center; gap: .25rem; }
.etkinlik-baslik { font-size: .875rem; font-weight: 800; color: var(--clr-dark); line-height: 1.3; }
.etkinlik-aciklama { font-size: .775rem; color: var(--clr-muted); margin-top: .3rem; }

/* ── Duyurular ──────────────────────────────────────────────── */
.duyuru-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .85rem; }
.duyuru-kart {
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    border: 1px solid var(--clr-border);
    overflow: hidden;
}
.duyuru-gorsel-wrap { height: 130px; overflow: hidden; }
.duyuru-gorsel      { width: 100%; height: 100%; object-fit: cover; }
.duyuru-body        { padding: .9rem; }
.duyuru-tur-badge {
    display: inline-block;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
    padding: .2rem .55rem;
    border-radius: var(--radius-pill);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    margin-bottom: .35rem;
}
.duyuru-baslik  { font-size: .9rem; font-weight: 800; color: var(--clr-dark); margin-bottom: .3rem; line-height: 1.35; }
.duyuru-icerik  { font-size: .8rem; color: var(--clr-muted); line-height: 1.55; }
.duyuru-tarih   { font-size: .75rem; color: var(--clr-orange); margin-top: .4rem; display: flex; align-items: center; gap: .25rem; }

/* ── Kampanyalar ────────────────────────────────────────────── */
.kampanya-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: .85rem; }
.kampanya-kart {
    background: linear-gradient(135deg, #FFF5EE, var(--clr-white));
    border: 1.5px solid var(--clr-orange-mid);
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
}
.kampanya-kart:hover { box-shadow: 0 4px 20px rgba(255,107,43,.2); transform: translateY(-2px); }
.kampanya-kart-ust { padding: 1rem; border-bottom: 1px solid var(--clr-orange-mid); }
.kampanya-yuzde {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-orange);
    font-weight: 700;
    line-height: 1;
    margin-bottom: .35rem;
}
.kampanya-baslik { font-size: .9rem; font-weight: 800; color: var(--clr-dark); line-height: 1.35; }
.kampanya-bitis  { font-size: .75rem; color: var(--clr-muted); margin-top: .35rem; display: flex; align-items: center; }
.kampanya-kart-alt {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}
.kampanya-eski   { font-size: .8125rem; color: var(--clr-muted); text-decoration: line-through; }
.kampanya-yeni   { font-size: 1.1rem; font-weight: 800; color: var(--clr-orange); }
.kampanya-detay-link {
    margin-left: auto;
    font-size: .8rem;
    font-weight: 700;
    color: var(--clr-orange);
    display: flex;
    align-items: center;
}

/* ── SSS Akordeon ───────────────────────────────────────────── */
.sss-accordion { border-radius: var(--radius-md); overflow: hidden; border: 1px solid var(--clr-border); }
.sss-item { border-bottom: 1px solid var(--clr-border); }
.sss-item:last-child { border-bottom: none; }
.sss-btn {
    font-family: var(--font-body);
    font-size: .9375rem;
    font-weight: 700;
    color: var(--clr-dark);
    background: var(--clr-white);
    padding: 1rem 1.1rem;
    box-shadow: none !important;
}
.sss-btn:not(.collapsed) { color: var(--clr-orange); background: var(--clr-orange-light); }
.sss-btn::after { filter: none; }
.sss-btn:not(.collapsed)::after { color: var(--clr-orange); }
.sss-cevap {
    font-size: .9375rem;
    color: var(--clr-dark);
    line-height: 1.75;
    background: var(--clr-bg);
    padding: 1rem 1.25rem;
}

/* ── Puan Özeti ─────────────────────────────────────────────── */
.puan-ozeti {
    display: flex;
    gap: 2rem;
    padding: 1.1rem;
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    margin-bottom: 1.25rem;
    align-items: center;
}
.puan-ozeti-buyuk { text-align: center; flex-shrink: 0; }
.puan-ozeti-sayi {
    font-family: var(--font-display);
    font-size: 3rem;
    color: var(--clr-dark);
    line-height: 1;
    margin-bottom: .25rem;
}
.puan-ozeti-yorum { font-size: .8rem; color: var(--clr-muted); margin-top: .25rem; }
.puan-cubuklar { flex: 1; display: flex; flex-direction: column; gap: .35rem; }
.puan-cubuk-satir { display: flex; align-items: center; gap: .5rem; }
.puan-cubuk-etiket { font-size: .8rem; font-weight: 700; color: var(--clr-muted); width: 30px; flex-shrink: 0; }
.puan-cubuk-track { flex: 1; height: 8px; background: var(--clr-border); border-radius: var(--radius-pill); overflow: hidden; }
.puan-cubuk-dolu  { height: 100%; background: var(--clr-yellow); border-radius: var(--radius-pill); transition: width .6s ease; }
.puan-cubuk-adet  { font-size: .75rem; color: var(--clr-muted); width: 20px; text-align: right; }

/* ── Yorumlar ───────────────────────────────────────────────── */
.yorum-listesi { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.5rem; }
.yorum-kart {
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    padding: 1.1rem;
    border: 1px solid var(--clr-border);
}
.yorum-header {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .6rem;
}
.yorum-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--clr-border);
}
.yorum-kullanici { font-size: .9rem; font-weight: 800; color: var(--clr-dark); }
.yorum-tarih     { font-size: .75rem; color: var(--clr-muted); }
.yorum-baslik    { font-size: .9375rem; font-weight: 800; color: var(--clr-dark); margin-bottom: .35rem; }
.yorum-metin     { font-size: .9rem; color: var(--clr-dark); line-height: 1.65; }
.yorum-alt-puanlar {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .65rem;
    padding-top: .65rem;
    border-top: 1px solid var(--clr-border);
}
.yorum-alt-puan {
    font-size: .75rem;
    color: var(--clr-muted);
    background: var(--clr-white);
    padding: .2rem .6rem;
    border-radius: var(--radius-pill);
    border: 1px solid var(--clr-border);
}
.okul-yanit {
    background: var(--clr-orange-light);
    border-left: 3px solid var(--clr-orange);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: .75rem 1rem;
    margin-top: .75rem;
}
.okul-yanit-baslik { font-size: .75rem; font-weight: 800; color: var(--clr-orange); margin-bottom: .25rem; }
.okul-yanit-metin  { font-size: .875rem; color: var(--clr-dark); line-height: 1.6; }
.bos-yorum { text-align: center; padding: 2rem; color: var(--clr-muted); }

/* ── Yorum Formu ────────────────────────────────────────────── */
.yorum-form-wrap { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--clr-border); }
.yorum-form-baslik { font-size: 1rem; font-weight: 800; color: var(--clr-dark); margin-bottom: 1rem; }

.yildiz-secici { display: flex; gap: .25rem; margin-bottom: .25rem; }
.yildiz-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.6rem;
    padding: 0;
    line-height: 1;
    transition: transform .15s;
}
.yildiz-btn:hover { transform: scale(1.2); }

/* ── Sidebar ────────────────────────────────────────────────── */
.detay-sidebar { position: sticky; top: calc(var(--navbar-h) + 1rem); }
.sidebar-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}
.sidebar-kart-baslik {
    font-size: .875rem;
    font-weight: 800;
    color: var(--clr-dark);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--clr-border);
}
.sidebar-bilgi-listesi {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-bilgi-listesi li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem 0;
    border-bottom: 1px solid var(--clr-border);
    font-size: .8375rem;
    gap: .5rem;
}
.sidebar-bilgi-listesi li:last-child { border-bottom: none; }
.sidebar-bilgi-etiket { color: var(--clr-muted); font-weight: 600; }
.sidebar-bilgi-deger  { font-weight: 700; color: var(--clr-dark); text-align: right; }

.sidebar-whatsapp-divider {
    text-align: center;
    color: var(--clr-muted);
    font-size: .8rem;
    margin: .75rem 0;
    position: relative;
}
.sidebar-whatsapp-divider::before,
.sidebar-whatsapp-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 42%;
    height: 1px;
    background: var(--clr-border);
}
.sidebar-whatsapp-divider::before { left: 0; }
.sidebar-whatsapp-divider::after  { right: 0; }

.btn-whatsapp-sidebar {
    background: #25D366;
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .875rem;
    font-weight: 700;
    padding: .6rem;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background .2s;
}
.btn-whatsapp-sidebar:hover { background: #1aaa52; color: #fff; }

.harita-wrap   { border-radius: var(--radius-md); overflow: hidden; }
.harita-iframe { width: 100%; height: 200px; display: block; border: none; }
.sidebar-adres { font-size: .875rem; color: var(--clr-dark); line-height: 1.65; margin: 0; }

/* ── Kampanya Modal ─────────────────────────────────────────── */
.kampanya-modal-content    { border-radius: var(--radius-xl); border: none; overflow: hidden; }
.kampanya-modal-header     { background: var(--clr-orange-light); border-bottom: 1px solid var(--clr-orange-mid); }
.kampanya-modal-baslik     { font-family: var(--font-display); font-size: 1.15rem; color: var(--clr-dark); }
.kampanya-modal-yuzde      { font-family: var(--font-display); font-size: 2rem; color: var(--clr-orange); font-weight: 700; margin-right: .5rem; }
.kampanya-modal-aciklama   { font-size: .9375rem; color: var(--clr-dark); line-height: 1.7; }
.kampanya-modal-fiyat-wrap { display: flex; align-items: center; gap: .75rem; margin-bottom: .5rem; }
.kampanya-modal-eski       { font-size: 1rem; color: var(--clr-muted); text-decoration: line-through; }
.kampanya-modal-yeni       { font-size: 1.75rem; font-weight: 800; color: var(--clr-orange); font-family: var(--font-display); }
.kampanya-modal-bitis      { font-size: .8375rem; color: var(--clr-muted); }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .detay-layout { grid-template-columns: 1fr 280px; }
}
@media (max-width: 991.98px) {
    .detay-layout        { grid-template-columns: 1fr; }
    .detay-sidebar       { position: static; }
    .detay-hero-inner    { grid-template-columns: auto 1fr; }
    .detay-hero-aksiyonlar { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; }
    .one-cikan-grid      { grid-template-columns: 1fr 1fr; }
    .galeri-grid         { grid-template-columns: repeat(2, 1fr); }
    .kampanya-grid       { grid-template-columns: 1fr; }
    .duyuru-grid         { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .detay-hero-inner { grid-template-columns: 1fr; }
    .detay-logo-wrap  { margin: 0 auto; }
    .detay-okul-adi   { font-size: 1.4rem; }
    .one-cikan-grid   { grid-template-columns: 1fr; }
    .puan-ozeti       { flex-direction: column; gap: 1rem; }
    .galeri-grid      { grid-template-columns: repeat(2, 1fr); }
}


/* ════════════════════════════════════════════════════════════
   OKUL-DETAY.PHP — SAYFA ÖZELİ STİLLER
   ════════════════════════════════════════════════════════════ */

/* Breadcrumb */
.breadcrumb-bar{background:var(--clr-white);border-bottom:1px solid var(--clr-border);padding:.65rem 0;font-size:.8375rem;}
.breadcrumb{--bs-breadcrumb-divider-color:var(--clr-muted);margin:0;}
.breadcrumb-item a{color:var(--clr-orange);text-decoration:none;font-weight:600;}
.breadcrumb-item.active{color:var(--clr-muted);}

/* Hero */
.detay-hero{background:linear-gradient(135deg,#FFF5EE 0%,var(--clr-bg) 100%);padding:2rem 0;}
.detay-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;}

/* Galeri */
.galeri-ana{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--clr-border);}
.galeri-ana-img{width:100%;height:320px;object-fit:cover;display:block;}
.galeri-tumunu-btn{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.65);color:#fff;border:none;font-family:var(--font-body);font-size:.8rem;font-weight:700;padding:.4rem .9rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s;}
.galeri-tumunu-btn:hover{background:rgba(0,0,0,.85);}
.galeri-placeholder{height:320px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#FFE4CC,#FFD166);display:flex;align-items:center;justify-content:center;font-size:5rem;}
.galeri-thumb-row{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:none;}
.galeri-thumb-row::-webkit-scrollbar{display:none;}
.galeri-thumb{width:72px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);background-size:cover;background-position:center;cursor:pointer;border:2.5px solid transparent;transition:border-color .2s;}
.galeri-thumb.aktif{border-color:var(--clr-orange);}
.galeri-thumb:hover{border-color:var(--clr-orange-mid);}

/* Bilgi paneli */
.detay-kurum-link{font-size:.8375rem;font-weight:700;color:var(--clr-muted);margin-bottom:.5rem;}
.detay-kurum-link a{color:var(--clr-orange);text-decoration:none;}
.detay-okul-adi{font-family:var(--font-display);font-size:1.85rem;color:var(--clr-dark);margin-bottom:.6rem;line-height:1.2;}
.detay-puan-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem;}
.detay-yorum-link{font-size:.8375rem;font-weight:600;color:var(--clr-orange);text-decoration:none;}

.detay-meta-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.6rem;}
.detay-meta-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:var(--clr-dark);}
.detay-meta-list li i{color:var(--clr-orange);font-size:1rem;margin-top:.1rem;flex-shrink:0;}
.detay-meta-list li a{color:var(--clr-orange);text-decoration:none;font-weight:600;}

.detay-aksiyonlar{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem;}
.btn-wa{background:#25D366;border:none;color:#fff;font-family:var(--font-body);font-size:.875rem;font-weight:700;padding:.55rem 1.1rem;border-radius:var(--radius-pill);transition:background .2s;display:inline-flex;align-items:center;}
.btn-wa:hover{background:#1aaa52;color:#fff;}
.btn-paylasim{background:none;border:1.5px solid var(--clr-border);color:var(--clr-muted);font-size:1rem;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;}
.btn-paylasim:hover{border-color:var(--clr-orange);color:var(--clr-orange);}

.detay-sosyal{display:flex;gap:.45rem;}
.detay-sosyal-link{width:34px;height:34px;border-radius:50%;background:var(--clr-bg);border:1px solid var(--clr-border);color:var(--clr-muted);display:flex;align-items:center;justify-content:center;font-size:.95rem;text-decoration:none;transition:all .2s;}
.detay-sosyal-link:hover{background:var(--clr-orange);border-color:var(--clr-orange);color:#fff;}

/* Sekme nav */
.sekme-nav{background:var(--clr-white);border-bottom:1px solid var(--clr-border);position:sticky;top:var(--navbar-h);z-index:90;box-shadow:0 2px 8px rgba(45,36,22,.06);}
.sekme-listesi{display:flex;gap:.15rem;overflow-x:auto;padding:.35rem 0;scrollbar-width:none;}
.sekme-listesi::-webkit-scrollbar{display:none;}
.sekme-link{white-space:nowrap;font-size:.875rem;font-weight:700;color:var(--clr-muted);text-decoration:none;padding:.45rem .9rem;border-radius:var(--radius-pill);transition:all .2s;display:inline-flex;align-items:center;gap:.35rem;}
.sekme-link:hover{color:var(--clr-orange);background:var(--clr-orange-light);}
.sekme-link.aktif{color:var(--clr-orange);background:var(--clr-orange-light);}
.sekme-badge{background:var(--clr-orange);color:#fff;font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;padding:0 .3rem;}

/* Layout: main + sidebar */
.detay-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;padding:2rem 0 4rem;align-items:start;}
.detay-main{display:flex;flex-direction:column;gap:0;}
.detay-bolum{padding:2rem .5rem;border-bottom:1px solid var(--clr-border);}
.detay-bolum:last-child{border-bottom:none;}
.detay-bolum-baslik{font-family:var(--font-display);font-size:1.35rem;color:var(--clr-dark);margin-top:0;margin-bottom:1.25rem;padding-top:0;padding-left:10px;}

.detay-video-wrap{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;}
.detay-video{width:100%;height:100%;border:none;}
.detay-aciklama{font-size:.9375rem;line-height:1.85;color:var(--clr-dark);}

.detay-etiket-grup{display:flex;flex-wrap:wrap;gap:.4rem;}
.detay-etiket{display:inline-flex;align-items:center;background:var(--clr-orange-light);color:var(--clr-orange);font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:var(--radius-pill);}

/* Özellikler */
.ozellik-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;}
.ozellik-kart{display:flex;align-items:flex-start;gap:.85rem;background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:1rem;}
.ozellik-ikon{width:42px;height:42px;border-radius:var(--radius-sm);background:var(--clr-orange-light);color:var(--clr-orange);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;}
.ozellik-ad{font-size:.9375rem;font-weight:800;color:var(--clr-dark);}
.ozellik-aciklama{font-size:.8125rem;color:var(--clr-muted);margin-top:.2rem;line-height:1.55;}

/* Olanaklar */
.olanaklar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.olanak-grup{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:1rem;}
.olanak-grup-baslik{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--clr-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem;}
.olanak-liste{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.45rem;}
.olanak-liste li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--clr-dark);}
.olanak-liste li i{color:var(--clr-orange);font-size:.85rem;}

/* SSS */
.sss-item{border:1px solid var(--clr-border)!important;border-radius:var(--radius-md)!important;margin-bottom:.5rem!important;overflow:hidden;}
.sss-btn{font-family:var(--font-body)!important;font-size:.9375rem!important;font-weight:700!important;color:var(--clr-dark)!important;background:var(--clr-white)!important;padding:.9rem 1.1rem!important;}
.sss-btn:not(.collapsed){color:var(--clr-orange)!important;background:var(--clr-orange-light)!important;}
.sss-btn::after{filter:none!important;}
.sss-btn:not(.collapsed)::after{filter:invert(50%) sepia(80%) saturate(500%) hue-rotate(360deg)!important;}
.sss-cevap{font-size:.9rem;line-height:1.8;color:var(--clr-dark);background:var(--clr-white);}

/* Duyurular */
.duyuru-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;}
.duyuru-kart{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;}
.duyuru-gorsel{height:120px;background-size:cover;background-position:center;}
.duyuru-icerik{padding:.9rem;}
.duyuru-tur-badge{font-size:.72rem;font-weight:700;margin-bottom:.4rem;}
.duyuru-baslik{font-size:.9375rem;font-weight:800;color:var(--clr-dark);margin-bottom:.4rem;}
.duyuru-metin{font-size:.8125rem;color:var(--clr-muted);line-height:1.6;margin-bottom:.5rem;}
.duyuru-tarih{font-size:.75rem;color:var(--clr-muted);margin-bottom:.5rem;}
.btn-duyuru-detay{background:none;border:none;color:var(--clr-orange);font-family:var(--font-body);font-size:.8125rem;font-weight:700;padding:0;cursor:pointer;transition:color .2s;}
.btn-duyuru-detay:hover{color:var(--clr-orange-dark);}

/* Etkinlikler */
.etkinlik-scroll{display:flex;gap:.85rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;}
.etkinlik-kart{min-width:200px;max-width:200px;background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;position:relative;}
.etkinlik-gorsel{height:110px;background-size:cover;background-position:center;}
.etkinlik-gorsel-yer{background:linear-gradient(135deg,var(--clr-orange-light),var(--clr-yellow-light));display:flex;align-items:center;justify-content:center;font-size:2.5rem;}
.etkinlik-rozet{position:absolute;top:8px;left:8px;font-size:.68rem;font-weight:700;background:rgba(255,255,255,.92);padding:.2rem .6rem;border-radius:var(--radius-pill);}
.etkinlik-icerik{padding:.75rem;}
.etkinlik-tarih{font-size:.72rem;font-weight:700;color:var(--clr-orange);margin-bottom:.3rem;}
.etkinlik-baslik{font-size:.875rem;font-weight:800;color:var(--clr-dark);margin-bottom:.25rem;}
.etkinlik-aciklama{font-size:.75rem;color:var(--clr-muted);line-height:1.5;}

/* Kampanyalar */
.kampanya-giris-uyari{font-size:.8rem;font-weight:600;color:var(--clr-muted);margin-left:auto;}
.kampanya-giris-uyari a{color:var(--clr-orange);}
.kampanya-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;}
.kampanya-kart{background:var(--clr-dark);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:transform .2s;position:relative;overflow:hidden;}
.kampanya-kart:hover{transform:translateY(-2px);}
.kampanya-kart::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,43,.15),transparent);pointer-events:none;}
.kampanya-indirim-rozet{display:inline-block;background:var(--clr-yellow);color:var(--clr-dark);font-size:.72rem;font-weight:800;padding:.25rem .75rem;border-radius:var(--radius-pill);margin-bottom:.6rem;}
.kampanya-baslik{font-size:.9375rem;font-weight:800;color:#fff;margin-bottom:.5rem;}
.kampanya-fiyat{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.5rem;}
.fiyat-eski{font-size:.8rem;color:rgba(255,255,255,.5);text-decoration:line-through;}
.fiyat-yeni{font-size:1.25rem;font-weight:800;color:var(--clr-yellow);}
.fiyat-gizli{filter:blur(5px);user-select:none;}
.kampanya-son-gun{font-size:.75rem;color:rgba(255,255,255,.6);margin-bottom:.5rem;}
.kampanya-kontenjan{margin-bottom:.5rem;}
.kontenjan-bar{height:4px;background:rgba(255,255,255,.2);border-radius:2px;margin-bottom:.25rem;}
.kontenjan-dolu{height:100%;background:var(--clr-orange);border-radius:2px;transition:width .4s;}
.kampanya-kontenjan span{font-size:.72rem;color:rgba(255,255,255,.6);}
.kampanya-footer{font-size:.8125rem;font-weight:700;color:var(--clr-orange);margin-top:.5rem;}

/* Yorumlar */
.yorum-baslik-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;}
.btn-yorum-ekle{background:var(--clr-orange-light);color:var(--clr-orange);border:none;font-family:var(--font-body);font-size:.875rem;font-weight:700;padding:.45rem 1rem;border-radius:var(--radius-pill);cursor:pointer;transition:background .2s;text-decoration:none;}
.btn-yorum-ekle:hover{background:var(--clr-orange-mid);color:var(--clr-orange);}

.yorum-ozet-kart{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:1.25rem;display:flex;gap:2rem;margin-bottom:1.5rem;align-items:center;}
.yorum-ozet-sol{text-align:center;flex-shrink:0;}
.yorum-ozet-sayi{font-family:var(--font-display);font-size:3rem;color:var(--clr-orange);line-height:1;}
.yorum-ozet-toplam{font-size:.75rem;color:var(--clr-muted);margin-top:.25rem;}
.yorum-ozet-sag{flex:1;}
.yorum-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;}
.yorum-bar-etiket{font-size:.75rem;font-weight:700;color:var(--clr-muted);min-width:24px;}
.yorum-bar-track{flex:1;height:6px;background:var(--clr-border);border-radius:3px;}
.yorum-bar-dolu{height:100%;background:var(--clr-yellow);border-radius:3px;transition:width .4s;}
.yorum-bar-sayi{font-size:.75rem;color:var(--clr-muted);min-width:16px;text-align:right;}

.yorum-form-wrap{background:var(--clr-bg);border:1px solid var(--clr-border);border-radius:var(--radius-md);padding:1.5rem;}
.yorum-form-baslik{font-size:1rem;font-weight:800;color:var(--clr-dark);margin-bottom:1rem;}
.puan-secici{display:flex;gap:.25rem;margin-bottom:.25rem;}
.puan-yildiz{background:none;border:none;font-size:1.75rem;color:var(--clr-border);cursor:pointer;padding:0;line-height:1;transition:color .15s;}
.puan-yildiz.hover,.puan-yildiz.secili{color:var(--clr-yellow);}
.puan-kucuk .puan-yildiz{font-size:1.25rem;}
.yorum-alt-puanlar{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem;}
.alt-puan-item{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-sm);padding:.65rem;}

.yorum-item{padding:1.25rem 0;border-bottom:1px solid var(--clr-border);}
.yorum-item:last-child{border-bottom:none;}
.yorum-ust{display:flex;align-items:center;gap:.75rem;margin-bottom:.65rem;}
.yorum-avatar{width:38px;height:38px;border-radius:50%;background:var(--clr-orange-light);color:var(--clr-orange);font-size:1rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.yorum-isim{font-size:.9rem;font-weight:800;color:var(--clr-dark);}
.yorum-tarih{font-size:.75rem;color:var(--clr-muted);}
.yorum-baslik-metin{font-size:.9375rem;font-weight:800;color:var(--clr-dark);margin-bottom:.4rem;}
.yorum-metin{font-size:.9rem;line-height:1.75;color:var(--clr-dark);margin:0;}
.yorum-okul-yaniti{margin-top:.85rem;background:var(--clr-teal-light);border-left:3px solid var(--clr-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:.75rem 1rem;}
.yanit-baslik{font-size:.8rem;font-weight:800;color:var(--clr-teal);margin-bottom:.35rem;}
.yanit-metin{font-size:.875rem;line-height:1.7;margin:0;color:var(--clr-dark);}
.yorum-bos{text-align:center;padding:2.5rem 1rem;color:var(--clr-muted);}
.yorum-bos i{font-size:3rem;display:block;margin-bottom:.75rem;}
.yorum-bos a{color:var(--clr-orange);}

/* İletişim */
.iletisim-grid{display:block;}
.harita-iframe{width:100%;height:280px;border-radius:var(--radius-md);border:none;}

/* Sidebar */
.detay-sidebar{display:flex;flex-direction:column;gap:1rem;position:sticky;top:calc(var(--navbar-h) + var(--topbar-h, 0px) + 4rem);}
.sidebar-kart{background:var(--clr-white);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.25rem;}
.sidebar-iletisim-kart{border-top:3px solid var(--clr-orange);}
.sidebar-kart-baslik{font-size:.9rem;font-weight:800;color:var(--clr-dark);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.3px;}
.sidebar-link{display:flex;align-items:center;gap:.6rem;font-size:.875rem;font-weight:600;color:var(--clr-dark);text-decoration:none;padding:.5rem 0;border-bottom:1px solid var(--clr-border);transition:color .2s;}
.sidebar-link:last-of-type{border-bottom:none;}
.sidebar-link:hover{color:var(--clr-orange);}
.sidebar-tablo{width:100%;font-size:.8125rem;border-collapse:collapse;}
.sidebar-tablo td{padding:.4rem 0;vertical-align:top;}
.sidebar-tablo td:first-child{color:var(--clr-muted);font-weight:600;width:50%;padding-right:.5rem;}
.sidebar-tablo td:last-child{font-weight:700;color:var(--clr-dark);}

.yakin-okul-item{display:flex;gap:.75rem;align-items:center;padding:.65rem 0;border-bottom:1px solid var(--clr-border);text-decoration:none;transition:opacity .2s;}
.yakin-okul-item:last-child{border-bottom:none;}
.yakin-okul-item:hover{opacity:.8;}
.yakin-okul-gorsel{width:52px;height:44px;border-radius:var(--radius-sm);background-size:cover;background-position:center;background-color:var(--clr-border);flex-shrink:0;}
.yakin-okul-adi{font-size:.875rem;font-weight:800;color:var(--clr-dark);}
.yakin-okul-konum{font-size:.75rem;color:var(--clr-muted);}
.yakin-okul-puan{font-size:.75rem;color:var(--clr-muted);margin-top:.15rem;}

/* Modaller */
.detay-modal{border-radius:var(--radius-lg);border:none;}
.kampanya-modal-header{background:var(--clr-dark);color:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;}

/* Responsive */
@media(max-width:1199.98px){.detay-layout{grid-template-columns:1fr;}.detay-sidebar{position:static;}.ozellik-grid,.olanaklar-grid,.kampanya-grid{grid-template-columns:1fr;}}
@media(max-width:991.98px){.detay-hero-grid{grid-template-columns:1fr;}.iletisim-grid{grid-template-columns:1fr;}.duyuru-grid{grid-template-columns:1fr;}.yorum-alt-puanlar{grid-template-columns:1fr;}}
@media(max-width:575.98px){.galeri-ana-img{height:220px;}.detay-okul-adi{font-size:1.45rem;}.ozellik-grid{grid-template-columns:1fr;}}


/* ════════════════════════════════════════════════════════════
   AUTH SAYFALARI — giris.php / kayit.php
   ════════════════════════════════════════════════════════════ */

.page-auth main { padding: 0; }

.auth-wrap {
    min-height: calc(100vh - var(--navbar-h) - var(--topbar-h));
    display: grid;
    grid-template-columns: 1fr 1fr;
}

/* ── Sol: Form kartı ────────────────────────────────────────── */
.auth-kart {
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 480px;
    margin: 0 auto;
    width: 100%;
}

.auth-logo {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--clr-dark);
    text-decoration: none;
    margin-bottom: 2rem;
}
.auth-logo:hover { color: var(--clr-dark); }

/* Tip tabları */
.auth-tab-row {
    display: flex;
    gap: .35rem;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-pill);
    padding: .3rem;
    margin-bottom: 1.5rem;
}
.auth-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--clr-muted);
    text-decoration: none;
    padding: .5rem .75rem;
    border-radius: var(--radius-pill);
    transition: all .2s;
}
.auth-tab.aktif {
    background: var(--clr-white);
    color: var(--clr-orange);
    box-shadow: var(--shadow-sm);
}

.auth-baslik {
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: var(--clr-dark);
    margin-bottom: 1.5rem;
}

/* Input'lar */
.auth-label {
    font-size: .8125rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: .3rem;
    display: block;
}
.auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.auth-input-icon {
    position: absolute;
    left: .85rem;
    color: var(--clr-muted);
    font-size: .9rem;
    pointer-events: none;
    z-index: 1;
}
.auth-input {
    padding-left: 2.4rem !important;
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-body);
    font-size: .9375rem;
    transition: border-color .2s, box-shadow .2s;
}
.auth-input:focus {
    border-color: var(--clr-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,43,.1) !important;
}

.auth-sifre-goster {
    position: absolute;
    right: .75rem;
    background: none;
    border: none;
    color: var(--clr-muted);
    cursor: pointer;
    padding: .25rem;
    font-size: .9rem;
    transition: color .2s;
    z-index: 1;
}
.auth-sifre-goster:hover { color: var(--clr-orange); }

.auth-unutum-link {
    font-size: .8rem;
    color: var(--clr-muted);
    text-decoration: none;
    font-weight: 600;
}
.auth-unutum-link:hover { color: var(--clr-orange); }

/* Checkbox */
.auth-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: .875rem;
    color: var(--clr-dark);
    cursor: pointer;
    line-height: 1.5;
}
.auth-checkbox {
    width: 16px;
    height: 16px;
    accent-color: var(--clr-orange);
    flex-shrink: 0;
    margin-top: .15rem;
}

/* Submit butonu */
.auth-submit-btn {
    padding: .85rem !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
    border-radius: var(--radius-md) !important;
    letter-spacing: .3px;
}

/* Ayraç */
.auth-ayrac {
    text-align: center;
    position: relative;
    margin: 1.25rem 0;
    color: var(--clr-muted);
    font-size: .8rem;
}
.auth-ayrac::before,
.auth-ayrac::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 44%;
    height: 1px;
    background: var(--clr-border);
}
.auth-ayrac::before { left: 0; }
.auth-ayrac::after  { right: 0; }

.auth-alt-link {
    font-size: .9rem;
    color: var(--clr-muted);
    margin: 0;
}
.auth-alt-link a { font-weight: 700; color: var(--clr-orange); }

/* Şifre güç göstergesi */
.sifre-guc-track {
    height: 4px;
    background: var(--clr-border);
    border-radius: var(--radius-pill);
    overflow: hidden;
}
.sifre-guc-dolu {
    height: 100%;
    width: 0;
    border-radius: var(--radius-pill);
    transition: width .3s, background .3s;
}
.sifre-guc-metin {
    font-size: .75rem;
    font-weight: 700;
    margin-top: .2rem;
    min-height: 1rem;
}

/* ── Sağ: Tanıtım paneli ────────────────────────────────────── */
.auth-tanitim {
    background: linear-gradient(145deg, var(--clr-dark) 0%, #3D2E1A 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}
.auth-tanitim-ic { max-width: 380px; }
.auth-tanitim-ikon {
    font-size: 3.5rem;
    margin-bottom: 1.25rem;
}
.auth-tanitim h2 {
    font-family: var(--font-display);
    font-size: 1.85rem;
    color: #fff;
    margin-bottom: 1.5rem;
    line-height: 1.25;
}
.auth-tanitim-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}
.auth-tanitim-liste li {
    display: flex;
    align-items: center;
    gap: .65rem;
    color: rgba(255,255,255,.8);
    font-size: .9375rem;
    margin-bottom: .85rem;
    font-weight: 600;
}
.auth-tanitim-liste li .bi {
    color: var(--clr-teal);
    font-size: 1.1rem;
    flex-shrink: 0;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .auth-wrap       { grid-template-columns: 1fr; }
    .auth-tanitim    { display: none; }
    .auth-kart       { padding: 2.5rem 1.5rem; }
}
@media (max-width: 575.98px) {
    .auth-kart { padding: 2rem 1rem; }
}


/* ════════════════════════════════════════════════════════════
   ADMIN PANELİ — /admin/
   ════════════════════════════════════════════════════════════ */

.page-admin main {
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - var(--navbar-h) - var(--topbar-h, 0px));
}

.page-admin .admin-layout {
    flex: 1;
    display: flex;
    flex-direction: row;
    min-height: 0;
}

/* ── Admin layout ────────────────────────────────────────────── */
.admin-layout {
    display: flex;
    flex-direction: row;
    flex: 1;
    width: 100%;
    align-items: stretch;
}

/* ── Sidebar — masaüstü ─────────────────────────────────────── */
.admin-sidebar {
    background: var(--clr-dark);
    display: flex;
    flex-direction: column;
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    min-height: 100vh;
    overflow-y: auto;
    scrollbar-width: thin;
    position: sticky;
    top: 0;
    height: 100vh;
}

.admin-sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
.admin-logo-link {
    display: flex;
    align-items: center;
    gap: .45rem;
    font-family: var(--font-display);
    font-size: 1.1rem;
    color: #fff;
    text-decoration: none;
}
.admin-badge-panel {
    font-size: .65rem;
    font-weight: 800;
    background: var(--clr-orange);
    color: #fff;
    padding: .15rem .5rem;
    border-radius: var(--radius-pill);
}
.admin-nav {
    flex: 1;
    padding: .75rem 0;
}
.admin-nav-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem 1rem;
    color: rgba(255,255,255,.6);
    text-decoration: none;
    font-size: .875rem;
    font-weight: 600;
    transition: all .15s;
    border-left: 3px solid transparent;
    position: relative;
}
.admin-nav-item:hover {
    color: #fff;
    background: rgba(255,255,255,.05);
}
.admin-nav-item.aktif {
    color: #fff;
    background: rgba(255,107,43,.15);
    border-left-color: var(--clr-orange);
}
.admin-nav-ikon { font-size: 1rem; flex-shrink: 0; }
.admin-nav-badge {
    margin-left: auto;
    background: var(--clr-orange);
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: var(--radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .3rem;
}
.admin-sidebar-alt {
    border-top: 1px solid rgba(255,255,255,.08);
    padding: .5rem 0;
}

/* ── İçerik alanı ────────────────────────────────────────────── */
.admin-icerik { flex: 1; min-width: 0; width: 0; overflow-x: hidden; padding: 0; background: var(--clr-bg); }

.admin-topbar {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    position: sticky;
    top: var(--navbar-h);
    z-index: 100;
}
.admin-sayfa-baslik {
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--clr-dark);
    margin: 0;
}
.admin-topbar-sag { display: flex; align-items: center; gap: .75rem; }

/* ── Stat kartları ───────────────────────────────────────────── */
.admin-stat-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: .85rem;
    padding: 1.5rem;
}
.admin-stat-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.1rem;
    display: flex;
    align-items: center;
    gap: .85rem;
    position: relative;
}
.admin-stat-ikon {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
    flex-shrink: 0;
}
.admin-stat-sayi  { font-family: var(--font-display); font-size: 1.5rem; color: var(--clr-dark); line-height: 1; }
.admin-stat-etiket { font-size: .75rem; color: var(--clr-muted); font-weight: 600; margin-top: .15rem; }
.admin-stat-rozet {
    position: absolute;
    top: .5rem;
    right: .5rem;
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-size: .65rem;
    font-weight: 800;
    padding: .15rem .5rem;
    border-radius: var(--radius-pill);
}

/* ── Uyarı satırı ────────────────────────────────────────────── */
.admin-uyari-satir {
    display: flex;
    gap: .75rem;
    padding: 0 1.5rem;
    flex-wrap: wrap;
}
.admin-uyari-kart {
    display: flex;
    align-items: center;
    gap: .5rem;
    background: var(--clr-yellow-light);
    border: 1px solid var(--clr-yellow);
    border-radius: var(--radius-md);
    padding: .65rem 1rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--clr-dark);
    text-decoration: none;
    transition: background .2s;
    flex: 1;
    min-width: 200px;
}
.admin-uyari-kart:hover { background: var(--clr-yellow); color: var(--clr-dark); }

/* ── Panel kartı ─────────────────────────────────────────────── */
.admin-panel-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin: 0 1.5rem;
}
.admin-panel-kart.mt-4 { margin-top: 1.25rem; }
.admin-panel-kart-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
    font-size: .875rem;
    font-weight: 800;
    color: var(--clr-dark);
}
.admin-link-kucuk { font-size: .8rem; font-weight: 700; color: var(--clr-orange); text-decoration: none; }

/* ── Tablo ───────────────────────────────────────────────────── */
.admin-tablo { font-size: .875rem; }
.admin-tablo thead th {
    background: var(--clr-bg);
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .4px;
    color: var(--clr-muted);
    border-bottom: 1px solid var(--clr-border);
    padding: .65rem .85rem;
    white-space: nowrap;
}
.admin-tablo tbody td {
    padding: .75rem .85rem;
    border-bottom: 1px solid var(--clr-border);
    vertical-align: middle;
}
.admin-tablo tbody tr:last-child td { border-bottom: none; }
.admin-tablo tbody tr:hover { background: var(--clr-bg); }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }

/* ── Durum badge ─────────────────────────────────────────────── */
.admin-durum-badge {
    display: inline-flex;
    align-items: center;
    font-size: .72rem;
    font-weight: 800;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
}
.admin-durum-badge.onaylandi { background: var(--clr-green-light); color: #2E7D52; }
.admin-durum-badge.bekliyor  { background: var(--clr-yellow-light); color: #7A5A00; }
.admin-durum-badge.pasif     { background: var(--clr-border); color: var(--clr-muted); }

/* ── Aksiyon butonları ───────────────────────────────────────── */
.admin-btn-aksiyon {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    color: var(--clr-muted);
    padding: .3rem .55rem;
    border-radius: var(--radius-sm);
    transition: all .15s;
}
.admin-btn-aksiyon:hover { border-color: var(--clr-orange); color: var(--clr-orange); background: var(--clr-orange-light); }

.admin-btn-onayla {
    background: var(--clr-green-light);
    border: 1px solid #B2DFCB;
    color: #2E7D52;
    padding: .3rem .7rem;
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: .8rem;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
}
.admin-btn-onayla:hover { background: #B2DFCB; }

.admin-btn-sil {
    background: #FDECEA;
    border: 1px solid #F5C6C3;
    color: #C0392B;
    padding: .3rem .7rem;
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    font-weight: 700;
    font-size: .8rem;
    transition: all .15s;
    display: inline-flex;
    align-items: center;
}
.admin-btn-sil:hover { background: #F5C6C3; }

/* ── Yorum admin listesi ─────────────────────────────────────── */
.yorum-admin-liste { padding: .5rem 0; }
.yorum-admin-satir {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
}
.yorum-admin-satir:last-child { border-bottom: none; }
.yorum-admin-meta {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    font-size: .875rem;
}
.yorum-admin-metin {
    font-size: .875rem;
    color: var(--clr-dark);
    margin-bottom: .35rem;
    line-height: 1.6;
}

/* ── Filtre şeridi ───────────────────────────────────────────── */
.admin-filtre-serit {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-white);
    flex-wrap: wrap;
}
.admin-filtre-tab {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-size: .8375rem;
    font-weight: 700;
    color: var(--clr-muted);
    text-decoration: none;
    padding: .4rem .85rem;
    border-radius: var(--radius-pill);
    border: 1px solid transparent;
    transition: all .15s;
}
.admin-filtre-tab:hover { color: var(--clr-orange); background: var(--clr-orange-light); }
.admin-filtre-tab.aktif {
    color: var(--clr-orange);
    background: var(--clr-orange-light);
    border-color: var(--clr-orange-mid);
}

/* ── Toplu işlem barı ────────────────────────────────────────── */
.admin-toplu-islem {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1.1rem;
    background: var(--clr-yellow-light);
    border-top: 1px solid var(--clr-yellow);
    flex-wrap: wrap;
}

/* ── Checkbox ────────────────────────────────────────────────── */
.admin-checkbox { width: 15px; height: 15px; accent-color: var(--clr-orange); cursor: pointer; }

/* ── Menü sıralama ───────────────────────────────────────────── */
.menu-siralama-listesi { list-style: none; padding: 0; margin: 0; }
.menu-sirala-satir {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--clr-border);
    cursor: grab;
    transition: background .15s;
}
.menu-sirala-satir:last-child { border-bottom: none; }
.menu-sirala-satir:hover { background: var(--clr-bg); }
.menu-sirala-satir:active { cursor: grabbing; }
.menu-surukle-ikon { color: var(--clr-muted); font-size: 1.1rem; flex-shrink: 0; }
.menu-satir-bilgi  { flex: 1; display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.menu-satir-baslik { font-weight: 700; font-size: .9rem; color: var(--clr-dark); }
.menu-satir-url    { font-size: .75rem; }
.menu-satir-durum  { font-size: .72rem; font-weight: 800; padding: .2rem .55rem; border-radius: var(--radius-pill); }
.menu-satir-durum.aktif { background: var(--clr-green-light); color: #2E7D52; }
.menu-satir-durum.pasif { background: var(--clr-border); color: var(--clr-muted); }

/* ── Admin form label ────────────────────────────────────────── */
.admin-form-label {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: .25rem;
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
    .admin-stat-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 991.98px) {
    .admin-layout   { flex-direction: column; }
    .admin-sidebar  {
        width: 280px;
        min-width: 280px;
        position: fixed;
        top: 0; left: 0;
        height: 100vh;
        z-index: 1055;
        transform: translateX(-100%);
        transition: transform .25s ease;
        box-shadow: 4px 0 24px rgba(0,0,0,.35);
        min-height: unset;
    }
    .admin-sidebar.acik     { transform: translateX(0); }
    .admin-mobil-overlay    {
        display: none;
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.55);
        z-index: 1054;
    }
    .admin-mobil-overlay.acik   { display: block; }
    .admin-hamburger-btn        { display: flex !important; }
    .admin-stat-grid    { grid-template-columns: repeat(2, 1fr); padding: 1rem; }
    .admin-panel-kart   { margin: 0 1rem; }
    .admin-uyari-satir  { padding: 0 1rem; }
    .admin-filtre-serit { padding: .75rem 1rem; }
}


/* ════════════════════════════════════════════════════════════
   OKUL PANELİ — /okul-paneli/
   ════════════════════════════════════════════════════════════ */

.panel-okul-bilgi {
    padding: .85rem 1rem;
    border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
}
.panel-okul-adi { font-size: .875rem; font-weight: 800; color: #fff; line-height: 1.3; }

.panel-tamamlama-bar-wrap {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    padding: 1rem 1.5rem;
}
.panel-tamamlama-track {
    height: 8px;
    background: var(--clr-border);
    border-radius: var(--radius-pill);
    overflow: hidden;
}
.panel-tamamlama-dolu {
    height: 100%;
    background: var(--clr-orange);
    border-radius: var(--radius-pill);
    transition: width .5s ease;
}
.panel-eksik-badge {
    font-size: .75rem;
    font-weight: 700;
    padding: .25rem .7rem;
    border-radius: var(--radius-pill);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    text-decoration: none;
    border: 1px dashed var(--clr-orange-mid);
    transition: background .2s;
}
.panel-eksik-badge:hover { background: var(--clr-orange-mid); color: var(--clr-orange); }

/* Hızlı aksiyonlar */
.panel-hizli-aksiyonlar {
    display: flex;
    gap: .65rem;
    padding: 1rem 1.5rem;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--clr-border);
}
.panel-aksiyon-btn {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .6rem 1rem;
    font-size: .8375rem;
    font-weight: 700;
    color: var(--clr-dark);
    text-decoration: none;
    transition: all .2s;
}
.panel-aksiyon-btn:hover {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.panel-aksiyon-btn .bi { font-size: 1rem; }

/* Mesaj satırları */
.panel-mesaj-liste { }
.panel-mesaj-satir {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
    text-decoration: none;
    transition: background .15s;
}
.panel-mesaj-satir:last-child { border-bottom: none; }
.panel-mesaj-satir:hover { background: var(--clr-bg); }
.panel-mesaj-satir.okunmadi { background: #FFF8F5; }
.panel-mesaj-satir.okunmadi .panel-mesaj-ad { font-weight: 800; }
.panel-mesaj-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--clr-orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 800;
    flex-shrink: 0;
}
.panel-mesaj-bilgi { flex: 1; min-width: 0; }
.panel-mesaj-ad    { font-size: .875rem; font-weight: 600; color: var(--clr-dark); }
.panel-mesaj-metin { font-size: .775rem; color: var(--clr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.panel-mesaj-tarih { font-size: .72rem; color: var(--clr-muted); flex-shrink: 0; }

/* Mesaj layout (liste + detay) */
.mesaj-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    min-height: calc(100vh - var(--navbar-h) - 120px);
    border-top: 1px solid var(--clr-border);
}
.mesaj-liste-kolon {
    border-right: 1px solid var(--clr-border);
    overflow-y: auto;
}
.mesaj-satir {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--clr-border);
    text-decoration: none;
    transition: background .15s;
}
.mesaj-satir:hover { background: var(--clr-bg); }
.mesaj-satir.secili { background: var(--clr-orange-light); }
.mesaj-satir.okunmadi { background: #FFF8F5; }
.mesaj-satir-bilgi  { flex: 1; min-width: 0; }
.mesaj-satir-ad     { font-size: .875rem; font-weight: 700; color: var(--clr-dark); }
.mesaj-satir-konu   { font-size: .8rem; font-weight: 600; color: var(--clr-dark); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mesaj-satir-onizleme { font-size: .75rem; color: var(--clr-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mesaj-satir-tarih  { font-size: .72rem; color: var(--clr-muted); flex-shrink: 0; }
.mesaj-detay-kolon  { padding: 1.5rem; }
.mesaj-detay-ust    { margin-bottom: 1.25rem; padding-bottom: 1.25rem; border-bottom: 1px solid var(--clr-border); }
.mesaj-detay-baslik { font-family: var(--font-display); font-size: 1.3rem; color: var(--clr-dark); margin-bottom: .5rem; }
.mesaj-detay-meta   { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .875rem; color: var(--clr-dark); }
.mesaj-detay-meta a { color: var(--clr-orange); }
.mesaj-detay-metin  { font-size: .9375rem; line-height: 1.75; color: var(--clr-dark); white-space: pre-wrap; }
.mesaj-detay-aksiyonlar { margin-top: 1.5rem; display: flex; gap: .5rem; flex-wrap: wrap; }
.mesaj-bos-detay    { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 300px; }

/* Profil form */
.profil-form {}
.profil-bolum {
    background: var(--clr-white);
    border-bottom: 1px solid var(--clr-border);
    padding: 1.5rem;
}
.profil-bolum-baslik {
    font-family: var(--font-display);
    font-size: 1.05rem;
    color: var(--clr-dark);
    margin-bottom: 1.1rem;
    display: flex;
    align-items: center;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--clr-border);
}
.profil-olanak-grup {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: .75rem;
}
.profil-olanak-baslik {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    margin-bottom: .6rem;
}
.profil-olanak-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-height: 200px;
    overflow-y: auto;
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-md);
    background: var(--clr-white);
}
.profil-olanak-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .875rem;
    font-weight: 500;
    padding: .55rem .85rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-white);
    cursor: pointer;
    transition: background .12s;
    user-select: none;
    -webkit-user-select: none;
    min-height: 38px;
}
.profil-olanak-item:last-child { border-bottom: none; }
.profil-olanak-item:hover {
    background: var(--clr-orange-light);
}
.profil-olanak-item:has(input:checked) {
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-weight: 700;
}
.profil-olanak-item input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--clr-orange);
    flex-shrink: 0;
    cursor: pointer;
}

@media (max-width: 767.98px) {
    .profil-olanak-grid {
        max-height: 180px;
    }
    .profil-olanak-item {
        font-size: .825rem;
        touch-action: manipulation;
    }
    /* Olanaklar bölümü mobilde tam genişlik */
    .profil-bolum .profil-olanak-grup {
        margin-left: 0;
        margin-right: 0;
    }
}
.profil-form-footer { padding: 1.5rem; background: var(--clr-white); }

/* Premium uyarı */
.panel-premium-uyari {
    background: var(--clr-yellow-light);
    border: 1px solid var(--clr-yellow);
    border-radius: var(--radius-md);
    padding: .85rem 1.1rem;
    font-size: .9rem;
    color: var(--clr-dark);
}

/* ════════════════════════════════════════════════════════════
   İNDİRİMLER.PHP
   ════════════════════════════════════════════════════════════ */

.indirim-hero {
    background: linear-gradient(135deg, var(--clr-orange) 0%, #FF8C55 100%);
    padding: 3rem 0;
}
.indirim-hero-icerik { max-width: 600px; }
.indirim-hero .hero-label { background: rgba(255,255,255,.2); color: #fff; }
.indirim-hero .hero-title { color: #fff; }
.indirim-hero .hero-title-accent { color: var(--clr-yellow); }
.indirim-hero .hero-sub  { color: rgba(255,255,255,.85); }

.indirim-uye-uyari {
    background: var(--clr-orange-light);
    border: 1.5px solid var(--clr-orange-mid);
    border-radius: var(--radius-lg);
    padding: 1.1rem 1.25rem;
}

.indirim-sayac { font-size: .9rem; color: var(--clr-muted); font-weight: 600; }

.indirim-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem;
}

.indirim-kart {
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all .2s;
}
.indirim-kart:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }

.indirim-kart-ust {
    padding: 1rem;
    background: linear-gradient(135deg, #FFF5EE, var(--clr-white));
    border-bottom: 1px solid var(--clr-border);
    position: relative;
}
.indirim-rozet {
    position: absolute;
    top: -.5rem;
    right: .75rem;
    background: var(--clr-orange);
    color: #fff;
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(255,107,43,.4);
}
.indirim-acil-rozet {
    display: inline-flex;
    align-items: center;
    background: #FDECEA;
    color: #C0392B;
    font-size: .72rem;
    font-weight: 800;
    padding: .25rem .65rem;
    border-radius: var(--radius-pill);
    margin-bottom: .5rem;
}
.indirim-okul-bilgi {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-top: .5rem;
}
.indirim-okul-logo {
    width: 48px;
    height: 48px;
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}
.indirim-okul-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;  /* cover yerine contain — logoyu kesmez */
    padding: 4px;
}
.indirim-okul-adi {
    font-size: .9rem;
    font-weight: 800;
    color: var(--clr-dark);
    text-decoration: none;
    display: block;
}
.indirim-okul-adi:hover { color: var(--clr-orange); }
.indirim-okul-yer { font-size: .75rem; color: var(--clr-muted); margin-top: .1rem; display: flex; align-items: center; gap: .2rem; }

.indirim-kart-orta { padding: .9rem 1rem; flex: 1; }
.indirim-kart-baslik  { font-size: .9375rem; font-weight: 800; color: var(--clr-dark); margin-bottom: .35rem; line-height: 1.35; }
.indirim-kart-aciklama { font-size: .8rem; color: var(--clr-muted); line-height: 1.55; }

.indirim-kart-alt {
    padding: .85rem 1rem;
    border-top: 1px solid var(--clr-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    flex-wrap: wrap;
}
.indirim-fiyat-wrap {}
.indirim-eski-fiyat { font-size: .8rem; color: var(--clr-muted); text-decoration: line-through; }
.indirim-yeni-fiyat { font-size: 1.2rem; font-weight: 800; color: var(--clr-orange); font-family: var(--font-display); }
.indirim-yeni-fiyat-blur {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--clr-orange);
    font-family: var(--font-display);
    filter: blur(6px);
    user-select: none;
    cursor: pointer;
}
.indirim-bitis { font-size: .72rem; color: var(--clr-muted); margin-top: .2rem; }
.indirim-kart-aksiyonlar { display: flex; align-items: center; gap: .4rem; }

/* ════════════════════════════════════════════════════════════
   KURUM-DETAY.PHP
   ════════════════════════════════════════════════════════════ */

.kurum-hero { position: relative; background: var(--clr-white); border-bottom: 1px solid var(--clr-border); overflow: hidden; }
.kurum-hero-ic {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    padding: 2rem 0;
}
.kurum-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 2rem;
    align-items: start;
}

/* ── Genel Responsive ────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .mesaj-layout        { grid-template-columns: 1fr; }
    .mesaj-liste-kolon   { border-right: none; border-bottom: 1px solid var(--clr-border); max-height: 300px; }
    .indirim-grid        { grid-template-columns: repeat(2,1fr); }
    .kurum-layout        { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .indirim-grid { grid-template-columns: 1fr; }
    .panel-hizli-aksiyonlar { gap: .4rem; }
}


/* ════════════════════════════════════════════════════════════
   SSS PANELİ — /okul-paneli/sss.php
   ════════════════════════════════════════════════════════════ */
.sss-panel-satir {
    padding: 1rem 0;
    border-bottom: 1px solid var(--clr-border);
}
.sss-panel-satir:last-child { border-bottom: none; }
.sss-panel-soru {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .9375rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: .5rem;
    flex-wrap: wrap;
}
.sss-cevaplandi-rozet {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: .68rem;
    font-weight: 800;
    padding: .2rem .55rem;
    border-radius: var(--radius-pill);
    background: var(--clr-teal-light);
    color: var(--clr-teal-dark);
    font-family: var(--font-body);
}
.sss-panel-cevap {
    font-size: .9rem;
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    resize: vertical;
    transition: border-color .2s;
}
.sss-panel-cevap:focus {
    border-color: var(--clr-teal) !important;
    box-shadow: 0 0 0 3px rgba(0,168,150,.1) !important;
}


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — İYİLEŞTİRMELER
   Genel · Yorumlar · İletişim bölümlerindeki boşluk düzeltmeleri
   ════════════════════════════════════════════════════════════ */

/* ── Genel bölüm içi boşluklar ─────────────────────────────── */
.detay-bolum { padding: 2rem .5rem; }

.detay-bolum-baslik {
    font-family: var(--font-display);
    font-size: 1.35rem;
    color: var(--clr-dark);
    margin-top: 0;
    margin-bottom: 1.25rem;
    padding-top: 0;
    padding-left: 10px;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--clr-border);
}

/* Hakkında metni */
.detay-aciklama {
    font-size: .9375rem;
    line-height: 1.85;
    color: var(--clr-dark);
    padding: 0;
}

/* ── Yorum bölümü ───────────────────────────────────────────── */

/* Yorum özet kutusu */
.yorum-ozet-kart {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    gap: 2rem;
    margin-bottom: 1.5rem;
    align-items: center;
}

/* Her yorum kartı */
.yorum-item {
    padding: 1.25rem 0;
    border-bottom: 1px solid var(--clr-border);
}
.yorum-item:first-child { padding-top: 0; }
.yorum-item:last-child  { border-bottom: none; padding-bottom: 0; }

/* Yorum metni nefes alsın */
.yorum-metin {
    font-size: .9rem;
    line-height: 1.75;
    color: var(--clr-dark);
    margin: .5rem 0 0;
}

/* Yorum form alanı */
.yorum-form-wrap {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-top: 1.5rem;
}

/* Alt puan grid — form içi */
.yorum-alt-puanlar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    margin-bottom: 1rem;
}
.alt-puan-item {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .75rem;
}
.alt-puan-item label {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    color: var(--clr-muted);
    margin-bottom: .35rem;
}

/* Form input genel iyileştirme */
.yorum-form-wrap .form-control,
.yorum-form-wrap .form-select {
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-body);
    font-size: .9rem;
    padding: .6rem .85rem;
    background: var(--clr-white);
}
.yorum-form-wrap .form-control:focus,
.yorum-form-wrap .form-select:focus {
    border-color: var(--clr-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,43,.1) !important;
}
.yorum-form-wrap textarea.form-control {
    min-height: 110px;
    resize: vertical;
}

/* ── İletişim bölümü ────────────────────────────────────────── */

.iletisim-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

/* İletişim formu kutusu */
.iletisim-form-kart {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}
.iletisim-form-kart .form-label {
    font-size: .8rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: .3rem;
}
.iletisim-form-kart .form-control,
.iletisim-form-kart .form-select {
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-body);
    font-size: .9rem;
    padding: .6rem .85rem;
    background: var(--clr-white);
    margin-bottom: .75rem;
}
.iletisim-form-kart .form-control:focus,
.iletisim-form-kart .form-select:focus {
    border-color: var(--clr-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,43,.1) !important;
}
.iletisim-form-kart textarea.form-control {
    min-height: 120px;
    resize: vertical;
    margin-bottom: .75rem;
}

/* Hızlı iletişim kutusu */
.hizli-iletisim-kart {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: .85rem;
}
.hizli-iletisim-baslik {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    margin-bottom: .25rem;
}
.hizli-iletisim-btn {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    font-weight: 700;
    font-size: .9rem;
    transition: all .2s;
    border: 1.5px solid var(--clr-border);
    background: var(--clr-white);
    color: var(--clr-dark);
}
.hizli-iletisim-btn:hover {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.hizli-iletisim-btn .btn-ikon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}
.hizli-iletisim-btn.whatsapp-btn {
    border-color: #25D366;
    color: #1a7a3e;
    background: #f0fdf4;
}
.hizli-iletisim-btn.whatsapp-btn:hover {
    background: #25D366;
    color: #fff;
}
.hizli-iletisim-btn.whatsapp-btn .btn-ikon { background: #25D366; color: #fff; }
.hizli-iletisim-btn.telefon-btn .btn-ikon  { background: var(--clr-teal-light); color: var(--clr-teal); }
.hizli-iletisim-btn.email-btn .btn-ikon    { background: var(--clr-orange-light); color: var(--clr-orange); }

/* Gönder butonu */
.btn-iletisim-gonder {
    width: 100%;
    background: var(--clr-orange);
    border: none;
    color: #fff;
    font-family: var(--font-body);
    font-size: .9375rem;
    font-weight: 800;
    padding: .75rem;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}
.btn-iletisim-gonder:hover {
    background: var(--clr-orange-dark);
    transform: translateY(-1px);
    box-shadow: 0 4px 14px rgba(255,107,43,.3);
}

/* Sidebar iletişim formu */
.sidebar-kart .form-control,
.sidebar-kart .form-select {
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    font-family: var(--font-body);
    font-size: .875rem;
    padding: .55rem .8rem;
    margin-bottom: .6rem;
    background: var(--clr-bg);
}
.sidebar-kart .form-control:focus,
.sidebar-kart .form-select:focus {
    border-color: var(--clr-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,107,43,.1) !important;
}
.sidebar-kart textarea.form-control {
    min-height: 90px;
    resize: vertical;
}
.sidebar-kart .form-label {
    font-size: .75rem;
    font-weight: 700;
    color: var(--clr-muted);
    display: block;
    margin-bottom: .25rem;
}

/* Sidebar bilgi tablosu */
.sidebar-tablo { width: 100%; font-size: .8125rem; border-collapse: collapse; }
.sidebar-tablo tr { border-bottom: 1px solid var(--clr-border); }
.sidebar-tablo tr:last-child { border-bottom: none; }
.sidebar-tablo td { padding: .55rem 0; vertical-align: middle; }
.sidebar-tablo td:first-child {
    color: var(--clr-muted);
    font-weight: 600;
    width: 50%;
    padding-right: .5rem;
}
.sidebar-tablo td:last-child { font-weight: 700; color: var(--clr-dark); }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    .iletisim-grid { grid-template-columns: 1fr; }
    .yorum-alt-puanlar { grid-template-columns: 1fr; }
    .yorum-ozet-kart { flex-direction: column; gap: 1rem; }
}


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — H2 BAŞLIK ÇERÇEVE YAPIŞIK DÜZELTME
   ════════════════════════════════════════════════════════════ */

/* Tüm detay bölümü başlıkları — üst padding ekle */
/* detay-bolum-baslik padding/margin artık ana tanımda */

/* Yorum bölümü h2 — çerçeveye yapışık düzeltme */
#yorumlar.detay-bolum,
#iletisim.detay-bolum,
#genel.detay-bolum {
    padding-top: 2rem;
}

/* Okul detay — içerik alanları iç boşluk */
#genel.detay-bolum .ozellik-grid,
#genel.detay-bolum .olanaklar-grid,
#genel.detay-bolum .detay-aciklama,
.detay-bolum .yorum-liste,
.detay-bolum .kampanya-grid,
.detay-bolum .sss-liste,
.detay-bolum .duyuru-liste,
.detay-bolum .etkinlik-liste,
.detay-iletisim-form-kart,
.ozellik-grid,
.olanaklar-grid {
    padding: .5rem;
}

/* Sekme içerik bölümleri boşluk */
.detay-sekme-icerik {
    padding: 2rem 0 0;
}

/* ════════════════════════════════════════════════════════════
   ADMİN AYARLAR — GÖRSEL YÖNETİMİ STİLLERİ
   ════════════════════════════════════════════════════════════ */

.gorsel-onizleme {
    display: flex;
    align-items: center;
    gap: .65rem;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .6rem .85rem;
}
.gorsel-mevcut-badge {
    font-size: .72rem;
    font-weight: 800;
    background: var(--clr-green-light);
    color: #2E7D52;
    padding: .2rem .55rem;
    border-radius: var(--radius-pill);
}
.gorsel-yok-badge {
    display: inline-flex;
    align-items: center;
    font-size: .8rem;
    font-weight: 600;
    color: var(--clr-muted);
    background: var(--clr-bg);
    border: 1px dashed var(--clr-border);
    border-radius: var(--radius-md);
    padding: .5rem .85rem;
}


/* ════════════════════════════════════════════════════════════
   OKUL PANELİ — YENİ SAYFALAR
   yorumlar.php · gorseller.php · istatistikler.php
   ════════════════════════════════════════════════════════════ */

/* ── Panel Yorumlar ─────────────────────────────────────────── */
.panel-yorum-listesi { }
.panel-yorum-satir {
    padding: 1.25rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
    transition: background .15s;
}
.panel-yorum-satir:last-child { border-bottom: none; }
.panel-yorum-satir:hover      { background: var(--clr-bg); }
.panel-yorum-bekliyor         { background: #FFFBF0; }

.panel-yorum-header {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-bottom: .75rem;
    flex-wrap: wrap;
}
.panel-yorum-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--clr-orange);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 800;
    flex-shrink: 0;
}
.panel-yorum-kullanici { font-size: .9rem; font-weight: 800; color: var(--clr-dark); }
.panel-yorum-tarih     { font-size: .75rem; color: var(--clr-muted); }
.panel-yorum-baslik    { font-size: .9375rem; font-weight: 800; color: var(--clr-dark); margin-bottom: .35rem; }
.panel-yorum-metin     { font-size: .9rem; line-height: 1.7; color: var(--clr-dark); margin: 0 0 .65rem; }

.panel-yorum-alt-puanlar {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .65rem;
}
.panel-alt-puan-pill {
    font-size: .75rem;
    color: var(--clr-muted);
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-pill);
    padding: .2rem .6rem;
}

.panel-okul-yanit {
    background: var(--clr-teal-light);
    border-left: 3px solid var(--clr-teal);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: .75rem 1rem;
    margin-bottom: .65rem;
}
.panel-okul-yanit-baslik { font-size: .75rem; font-weight: 800; color: var(--clr-teal-dark); margin-bottom: .25rem; }
.panel-okul-yanit-metin  { font-size: .875rem; line-height: 1.65; color: var(--clr-dark); margin: 0; }

.panel-yanit-form-wrap {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: .9rem;
    margin-top: .5rem;
}
.btn-yanit-toggle {
    background: none;
    border: 1px solid var(--clr-border);
    color: var(--clr-muted);
    font-family: var(--font-body);
    font-size: .8rem;
    font-weight: 700;
    padding: .35rem .8rem;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: all .2s;
    display: inline-flex;
    align-items: center;
}
.btn-yanit-toggle:hover { border-color: var(--clr-orange); color: var(--clr-orange); }

.panel-yorum-bekliyor-uyari {
    font-size: .8125rem;
    color: var(--clr-muted);
    background: var(--clr-yellow-light);
    border: 1px solid var(--clr-yellow);
    border-radius: var(--radius-md);
    padding: .5rem .85rem;
    margin-top: .5rem;
    display: flex;
    align-items: center;
}

/* ── Panel Görseller ────────────────────────────────────────── */
.gorsel-yukle-alan {
    position: relative;
    border: 2px dashed var(--clr-border);
    border-radius: var(--radius-lg);
    transition: border-color .2s, background .2s;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.gorsel-yukle-alan.drag-ustu {
    border-color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.gorsel-yukle-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.gorsel-yukle-ic {
    text-align: center;
    padding: 2rem;
    pointer-events: none;
}
.gorsel-yukle-ikon   { font-size: 2.5rem; color: var(--clr-muted); display: block; margin-bottom: .75rem; }
.gorsel-yukle-metin  { font-size: .9375rem; font-weight: 700; color: var(--clr-dark); margin-bottom: .3rem; }
.gorsel-yukle-alt    { font-size: .8rem; color: var(--clr-muted); margin-bottom: .75rem; }

.gorsel-onizleme-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: .65rem;
    padding: 1rem;
    width: 100%;
}
.gorsel-onizleme-item { text-align: center; }

/* Galeri yönetim grid */
.galeri-yonetim-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
    padding: 1.1rem;
}
.galeri-yonetim-kart {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    cursor: grab;
    transition: box-shadow .2s;
}
.galeri-yonetim-kart:active { cursor: grabbing; }
.galeri-yonetim-kart:hover  { box-shadow: var(--shadow-md); }

.galeri-yonetim-gorsel-wrap {
    position: relative;
    height: 120px;
    overflow: hidden;
}
.galeri-yonetim-gorsel {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s;
}
.galeri-yonetim-kart:hover .galeri-yonetim-gorsel { transform: scale(1.05); }
.galeri-yonetim-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.35);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s;
}
.galeri-yonetim-kart:hover .galeri-yonetim-overlay { opacity: 1; }
.galeri-surukle-ikon { font-size: 1.5rem; color: #fff; }

.galeri-baslik-form {
    display: flex;
    align-items: center;
    gap: .3rem;
    padding: .5rem .6rem .3rem;
}
.galeri-baslik-input {
    flex: 1;
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-sm) !important;
    font-size: .75rem;
    padding: .3rem .5rem;
}
.btn-galeri-kaydet {
    background: var(--clr-teal-light);
    border: none;
    color: var(--clr-teal-dark);
    border-radius: var(--radius-sm);
    padding: .3rem .5rem;
    cursor: pointer;
    font-size: .8rem;
    flex-shrink: 0;
    transition: background .15s;
}
.btn-galeri-kaydet:hover { background: var(--clr-teal); color: #fff; }
.btn-galeri-sil {
    background: #FDECEA;
    border: 1px solid #F5C6C3;
    color: #C0392B;
    font-family: var(--font-body);
    font-size: .75rem;
    font-weight: 700;
    padding: .3rem .5rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background .15s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .6rem .6rem;
}
.btn-galeri-sil:hover { background: #F5C6C3; }

/* ── İstatistikler ──────────────────────────────────────────── */
.istatistik-checklist {
    list-style: none;
    padding: 0;
    margin: 0;
}
.istatistik-check-item {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .55rem 0;
    border-bottom: 1px solid var(--clr-border);
    font-size: .875rem;
    font-weight: 600;
}
.istatistik-check-item:last-child { border-bottom: none; }
.istatistik-check-item.tamam  { color: var(--clr-dark); }
.istatistik-check-item.tamam .bi  { color: var(--clr-green); font-size: 1rem; }
.istatistik-check-item.eksik  { color: var(--clr-muted); }
.istatistik-check-item.eksik .bi  { color: #E24B4A; font-size: 1rem; }


/* ════════════════════════════════════════════════════════════
   ADMİN MOBİL HAMBURGER MENÜ
   ════════════════════════════════════════════════════════════ */

/* Masaüstünde gizli, mobilede göster */
.admin-hamburger-btn {
    display: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--clr-dark);
    border: none;
    border-radius: var(--radius-sm);
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
    transition: background .2s;
    flex-shrink: 0;
}
.admin-hamburger-btn:hover { background: #3D2E1A; }

/* Admin topbar */
.admin-topbar {
    display: flex;
    align-items: center;
    gap: .75rem;
}
.admin-topbar .admin-hamburger-btn { order: -1; }

@media (max-width: 575.98px) {
    .admin-stat-grid    { grid-template-columns: 1fr 1fr; }
    .admin-topbar       { padding: .75rem 1rem; }
    .admin-sayfa-baslik { font-size: 1.1rem; }
}


/* ════════════════════════════════════════════════════════════
   ADMİN FİLTRELER — filtreler.php
   ════════════════════════════════════════════════════════════ */

.filtre-sirala-liste {
    list-style: none;
    padding: 0;
    margin: 0;
}

.filtre-sirala-satir {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--clr-border);
    cursor: grab;
    transition: background .15s;
    user-select: none;
}
.filtre-sirala-satir:last-child  { border-bottom: none; }
.filtre-sirala-satir:hover       { background: var(--clr-bg); }
.filtre-sirala-satir:active      { cursor: grabbing; }
.filtre-satir-pasif              { opacity: .5; }

.filtre-surukle-ikon {
    color: var(--clr-muted);
    font-size: 1.1rem;
    flex-shrink: 0;
    cursor: grab;
}

.filtre-satir-bilgi {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}
.filtre-satir-ad  { font-size: .9rem; font-weight: 700; color: var(--clr-dark); }
.filtre-satir-alt { font-size: .78rem; color: var(--clr-muted); }

.filtre-sira-no {
    font-size: .72rem;
    font-weight: 800;
    color: var(--clr-muted);
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-pill);
    padding: .15rem .5rem;
    flex-shrink: 0;
    min-width: 28px;
    text-align: center;
}

/* Drag üzerinde geçerken vurgu */
.filtre-sirala-satir.drag-ustu {
    background: var(--clr-orange-light);
    border-color: var(--clr-orange);
}


/* ════════════════════════════════════════════════════════════
   FİLTRELER SAYFASI LAYOUT
   ════════════════════════════════════════════════════════════ */

.filtre-icerik-wrap {
    display: flex;
    gap: 1.25rem;
    padding: 1.25rem;
    align-items: flex-start;
    padding-bottom: 4rem;
}

.filtre-liste-bolum {
    flex: 1;
    min-width: 0;
}

.filtre-form-bolum {
    width: 300px;
    flex-shrink: 0;
    position: sticky;
    top: calc(var(--navbar-h) + 1rem);
}

@media (max-width: 991.98px) {
    .filtre-icerik-wrap   { flex-direction: column; }
    .filtre-form-bolum    { width: 100%; position: static; }
}


/* ════════════════════════════════════════════════════════════
   FİLTRELER SEKME SATIRI — özel scrollable
   ════════════════════════════════════════════════════════════ */
.filtre-sekme-serit {
    display: flex;
    align-items: center;
    gap: .3rem;
    padding: .75rem 1.25rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-white);
    overflow-x: auto;
    flex-wrap: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.filtre-sekme-serit::-webkit-scrollbar { display: none; }
.filtre-sekme-serit .admin-filtre-tab  { flex-shrink: 0; white-space: nowrap; }


/* ════════════════════════════════════════════════════════════
   STATİK SAYFALAR — blog, iletisim, fiyatlandirma, vb.
   ════════════════════════════════════════════════════════════ */

.statik-sayfa-wrap { max-width: 100%; }

.statik-sayfa-baslik {
    font-family: var(--font-display);
    font-size: 2rem;
    color: var(--clr-dark);
    margin-bottom: 1.5rem;
}

.statik-sayfa-icerik {
    font-size: .9875rem;
    line-height: 1.85;
    color: var(--clr-dark);
}
.statik-sayfa-icerik h1,.statik-sayfa-icerik h2,.statik-sayfa-icerik h3 {
    font-family: var(--font-display);
    color: var(--clr-dark);
    margin: 1.5rem 0 .75rem;
}
.statik-sayfa-icerik h2 { font-size: 1.4rem; }
.statik-sayfa-icerik h3 { font-size: 1.15rem; }
.statik-sayfa-icerik p  { margin-bottom: 1rem; }
.statik-sayfa-icerik ul,.statik-sayfa-icerik ol { padding-left: 1.5rem; margin-bottom: 1rem; }
.statik-sayfa-icerik li { margin-bottom: .4rem; }
.statik-sayfa-icerik a  { color: var(--clr-orange); }
.statik-sayfa-icerik blockquote {
    border-left: 4px solid var(--clr-orange);
    padding: .75rem 1.25rem;
    background: var(--clr-orange-light);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    margin: 1rem 0;
}

/* Quill editör */
.quill-editor-wrap {
    min-height: 300px;
    border: 1.5px solid var(--clr-border) !important;
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    font-family: var(--font-body);
    font-size: .9375rem;
}
.ql-toolbar {
    border: 1.5px solid var(--clr-border) !important;
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    background: var(--clr-bg);
}

/* ── Blog ──────────────────────────────────────────────────── */
.blog-layout {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 2rem;
    align-items: start;
}
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.25rem;
}
.blog-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow .2s, transform .2s;
}
.blog-kart:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.blog-kart-gorsel-wrap { display: block; height: 180px; overflow: hidden; }
.blog-kart-gorsel { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.blog-kart:hover .blog-kart-gorsel { transform: scale(1.05); }
.blog-kart-icerik { padding: 1.1rem; }
.blog-kategori-rozet {
    display: inline-block;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: .2rem .65rem;
    border-radius: var(--radius-pill);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    text-decoration: none;
    margin-bottom: .5rem;
}
.blog-kart-baslik { font-size: 1rem; font-weight: 800; color: var(--clr-dark); margin-bottom: .5rem; line-height: 1.4; }
.blog-kart-baslik a { color: inherit; text-decoration: none; }
.blog-kart-baslik a:hover { color: var(--clr-orange); }
.blog-kart-ozet { font-size: .8375rem; color: var(--clr-muted); line-height: 1.6; margin-bottom: .65rem; }
.blog-kart-meta { display: flex; flex-wrap: wrap; gap: .5rem 1rem; font-size: .75rem; color: var(--clr-muted); }

.blog-kategori-listesi { list-style: none; padding: 0; margin: 0; }
.blog-kategori-listesi li { border-bottom: 1px solid var(--clr-border); }
.blog-kategori-listesi li:last-child { border-bottom: none; }
.blog-kategori-listesi a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .55rem 0;
    font-size: .875rem;
    font-weight: 600;
    color: var(--clr-dark);
    text-decoration: none;
    transition: color .15s;
}
.blog-kategori-listesi a:hover,.blog-kategori-listesi a.aktif { color: var(--clr-orange); }
.blog-kategori-listesi a span {
    font-size: .75rem;
    color: var(--clr-muted);
    background: var(--clr-bg);
    border-radius: var(--radius-pill);
    padding: .1rem .5rem;
}

/* Blog detay */
.blog-detay-layout { display: grid; grid-template-columns: 1fr 280px; gap: 2rem; align-items: start; }
.blog-detay-kapak  { border-radius: var(--radius-lg); overflow: hidden; margin-bottom: 1.5rem; }
.blog-detay-kapak-img { width: 100%; max-height: 420px; object-fit: cover; }
.blog-detay-baslik { font-family: var(--font-display); font-size: 2rem; color: var(--clr-dark); margin: .75rem 0 1rem; line-height: 1.25; }
.blog-detay-meta   { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; font-size: .8125rem; color: var(--clr-muted); margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--clr-border); }
.blog-detay-icerik { margin-bottom: 2rem; }
.blog-detay-sidebar { position: sticky; top: calc(var(--navbar-h) + 1rem); }

.blog-paylasim-bar { display: flex; align-items: center; gap: .5rem; padding-top: 1.5rem; border-top: 1px solid var(--clr-border); }
.btn-paylasim {
    width: 36px; height: 36px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: .9rem; color: #fff; text-decoration: none; transition: opacity .2s;
}
.btn-paylasim:hover { opacity: .85; color: #fff; }
.btn-paylasim.twitter  { background: #000; }
.btn-paylasim.facebook { background: #1877F2; }
.btn-paylasim.whatsapp { background: #25D366; }

.ilgili-yazi-item { display: flex; gap: .75rem; align-items: center; padding: .65rem 0; border-bottom: 1px solid var(--clr-border); text-decoration: none; transition: opacity .2s; }
.ilgili-yazi-item:last-child { border-bottom: none; }
.ilgili-yazi-item:hover { opacity: .8; }
.ilgili-yazi-gorsel { width: 60px; height: 48px; object-fit: cover; border-radius: var(--radius-sm); flex-shrink: 0; }
.ilgili-yazi-baslik { font-size: .8375rem; font-weight: 700; color: var(--clr-dark); line-height: 1.35; }
.ilgili-yazi-tarih  { font-size: .72rem; color: var(--clr-muted); margin-top: .2rem; }

/* ── Fiyatlandırma ─────────────────────────────────────────── */
.fiyat-hero { background: linear-gradient(135deg, var(--clr-dark), #3D2E1A); padding: 3.5rem 0; text-align: center; }
.fiyat-hero-baslik { font-family: var(--font-display); font-size: 2.5rem; color: #fff; margin-bottom: .75rem; }
.fiyat-hero-alt    { font-size: 1.1rem; color: rgba(255,255,255,.7); }
.fiyat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}
.fiyat-kart {
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: box-shadow .2s, transform .2s;
}
.fiyat-kart:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }
.fiyat-kart-one-cikan {
    border-color: var(--clr-orange);
    box-shadow: 0 8px 32px rgba(255,107,43,.15);
}
.fiyat-populer-rozet {
    position: absolute;
    top: 1rem; right: 1rem;
    background: var(--clr-orange);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    padding: .25rem .7rem;
    border-radius: var(--radius-pill);
}
.fiyat-kart-ust  { padding: 1.75rem 1.5rem 1.25rem; border-bottom: 1px solid var(--clr-border); }
.fiyat-paket-adi { font-size: .875rem; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--clr-muted); margin-bottom: .5rem; }
.fiyat-fiyat     { font-family: var(--font-display); font-size: 2.75rem; color: var(--clr-dark); line-height: 1; margin-bottom: .35rem; }
.fiyat-fiyat span { font-size: 1rem; color: var(--clr-muted); font-family: var(--font-body); }
.fiyat-aciklama  { font-size: .8375rem; color: var(--clr-muted); }
.fiyat-ozellik-listesi { list-style: none; padding: 1.25rem 1.5rem; margin: 0; flex: 1; }
.fiyat-ozellik-listesi li { display: flex; align-items: flex-start; gap: .6rem; font-size: .875rem; color: var(--clr-dark); margin-bottom: .65rem; }
.fiyat-ozellik-listesi li .bi { margin-top: .1rem; flex-shrink: 0; }
.fiyat-kart-alt  { padding: 1.25rem 1.5rem; border-top: 1px solid var(--clr-border); }

/* ── İletişim ─────────────────────────────────────────────── */
.iletisim-sayfa-grid { display: grid; grid-template-columns: 1fr 380px; gap: 2rem; align-items: start; }
.iletisim-bilgi-satir { display: flex; align-items: flex-start; gap: .75rem; padding: .65rem 0; border-bottom: 1px solid var(--clr-border); font-size: .9rem; }
.iletisim-bilgi-satir:last-child { border-bottom: none; }
.iletisim-bilgi-satir a { color: var(--clr-dark); text-decoration: none; }
.iletisim-bilgi-satir a:hover { color: var(--clr-orange); }

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 991.98px) {
    .blog-layout          { grid-template-columns: 1fr; }
    .blog-detay-layout    { grid-template-columns: 1fr; }
    .blog-detay-sidebar   { position: static; }
    .fiyat-grid           { grid-template-columns: 1fr; }
    .iletisim-sayfa-grid  { grid-template-columns: 1fr; }
}
@media (max-width: 767.98px) {
    .blog-grid            { grid-template-columns: 1fr; }
    .blog-detay-baslik    { font-size: 1.5rem; }
    .statik-sayfa-baslik  { font-size: 1.5rem; }
}


/* ════════════════════════════════════════════════════════════
   FİYATLANDIRMA — Modern Tasarım v2
   ════════════════════════════════════════════════════════════ */

/* Hero */
.fiyat-hero-v2 {
    background: linear-gradient(160deg, var(--clr-dark) 0%, #2D1F0E 100%);
    padding: 5rem 0 4rem;
    text-align: center;
}
.fiyat-hero-etiket {
    display: inline-block;
    font-size: .75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--clr-orange);
    background: rgba(255,107,43,.12);
    border: 1px solid rgba(255,107,43,.3);
    border-radius: var(--radius-pill);
    padding: .35rem 1rem;
    margin-bottom: 1.25rem;
}
.fiyat-hero-baslik-v2 {
    font-family: var(--font-display);
    font-size: 3rem;
    color: #fff;
    line-height: 1.15;
    margin-bottom: 1rem;
}
.fiyat-hero-alt-v2 {
    font-size: 1.0625rem;
    color: rgba(255,255,255,.65);
    max-width: 480px;
    margin: 0 auto;
}

/* Paketler */
.fiyat-paketler-wrap {
    padding: 3rem 0 2rem;
}
.fiyat-grid-v2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    align-items: start;
}

.fiyat-kart-v2 {
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, transform .2s;
    position: relative;
}
.fiyat-kart-v2:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,.1);
    transform: translateY(-4px);
}
.fiyat-kart-v2.one-cikan {
    border-color: var(--clr-orange);
    box-shadow: 0 8px 40px rgba(255,107,43,.18);
    transform: scale(1.03);
}
.fiyat-kart-v2.one-cikan:hover {
    transform: scale(1.03) translateY(-4px);
}

.fiyat-en-populer {
    background: var(--clr-orange);
    color: #fff;
    font-size: .72rem;
    font-weight: 800;
    text-align: center;
    padding: .45rem;
    letter-spacing: .5px;
    text-transform: uppercase;
}

.fiyat-kart-ust-v2 {
    padding: 1.75rem 1.5rem 1.25rem;
}
.fiyat-paket-adi-v2 {
    font-size: .8125rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: var(--clr-muted);
    margin-bottom: .35rem;
}
.one-cikan .fiyat-paket-adi-v2 { color: var(--clr-orange); }
.fiyat-aciklama-v2 {
    font-size: .8375rem;
    color: var(--clr-muted);
    margin-bottom: 1rem;
}
.fiyat-fiyat-v2 {
    display: flex;
    align-items: baseline;
    gap: .25rem;
}
.fiyat-rakam {
    font-family: var(--font-display);
    font-size: 2.5rem;
    color: var(--clr-dark);
    line-height: 1;
}
.one-cikan .fiyat-rakam { color: var(--clr-orange); }
.fiyat-donem {
    font-size: .9rem;
    color: var(--clr-muted);
}

.fiyat-kart-orta-v2 { padding: 0 1.5rem 1.25rem; }
.fiyat-cta-btn {
    font-weight: 800 !important;
    padding: .7rem !important;
    border-radius: var(--radius-md) !important;
}

.fiyat-ayrac {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 0 1.5rem .75rem;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
}
.fiyat-ayrac::before, .fiyat-ayrac::after {
    content: '';
    flex: 1;
    height: 1px;
    background: var(--clr-border);
}

.fiyat-ozellik-listesi-v2 {
    list-style: none;
    padding: 0 1.5rem 1.75rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}
.fiyat-ozellik-listesi-v2 li {
    display: flex;
    align-items: center;
    gap: .6rem;
    font-size: .875rem;
    color: var(--clr-dark);
}
.fiyat-ozellik-listesi-v2 li.pasif { color: var(--clr-muted); }
.fiyat-ozellik-listesi-v2 li .bi { font-size: 1rem; flex-shrink: 0; }

/* Karşılaştırma tablosu */
.fiyat-tablo-baslik {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-dark);
    margin-bottom: 2rem;
}
.fiyat-karsilastirma-wrap { overflow-x: auto; }
.fiyat-karsilastirma-tablo {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
}
.fiyat-karsilastirma-tablo thead th {
    padding: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
    border-bottom: 2px solid var(--clr-border);
    text-align: left;
}
.fiyat-karsilastirma-tablo thead th:first-child { width: 40%; }
.fiyat-karsilastirma-tablo tbody td {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--clr-border);
    color: var(--clr-dark);
}
.fiyat-karsilastirma-tablo tbody tr:hover td { background: var(--clr-bg); }
.fiyat-tablo-grup-satir td {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--clr-muted);
    background: var(--clr-bg) !important;
    padding: .5rem 1rem;
}
.fiyat-tablo-one-cikan {
    background: rgba(255,107,43,.04);
    border-left: 2px solid var(--clr-orange-mid);
    border-right: 2px solid var(--clr-orange-mid);
}
.fiyat-karsilastirma-tablo thead .fiyat-tablo-one-cikan {
    color: var(--clr-orange) !important;
    border-top: 2px solid var(--clr-orange-mid);
}

/* SSS */
.fiyat-sss-item {
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    margin-bottom: .65rem !important;
    overflow: hidden;
}
.fiyat-sss-btn {
    font-family: var(--font-body) !important;
    font-size: .9375rem !important;
    font-weight: 700 !important;
    color: var(--clr-dark) !important;
    background: var(--clr-white) !important;
    padding: 1rem 1.25rem !important;
    box-shadow: none !important;
}
.fiyat-sss-btn:not(.collapsed) {
    color: var(--clr-orange) !important;
    background: var(--clr-orange-light) !important;
}
.fiyat-sss-cevap {
    font-size: .9rem;
    line-height: 1.75;
    color: var(--clr-dark);
    padding: 1rem 1.25rem;
    background: var(--clr-white);
}

/* CTA Banner */
.fiyat-cta-banner {
    background: linear-gradient(135deg, var(--clr-orange) 0%, #FF8C55 100%);
    padding: 4rem 0;
}
.fiyat-cta-baslik {
    font-family: var(--font-display);
    font-size: 2rem;
    color: #fff;
    margin-bottom: .5rem;
}
.fiyat-cta-alt {
    color: rgba(255,255,255,.85);
    font-size: 1rem;
    margin-bottom: 1.75rem;
}
.btn-outline-light {
    border-color: rgba(255,255,255,.5) !important;
    color: #fff !important;
}
.btn-outline-light:hover {
    background: rgba(255,255,255,.15) !important;
    border-color: #fff !important;
}

/* Responsive */
@media (max-width: 991.98px) {
    .fiyat-grid-v2        { grid-template-columns: 1fr; }
    .fiyat-kart-v2.one-cikan { transform: none; }
    .fiyat-hero-baslik-v2 { font-size: 2rem; }
}
@media (max-width: 575.98px) {
    .fiyat-hero-baslik-v2 { font-size: 1.65rem; }
    .fiyat-tablo-baslik   { font-size: 1.35rem; }
}


/* ════════════════════════════════════════════════════════════
   FİYATLANDIRMA v3 — Sticky Tablo Tasarımı
   ════════════════════════════════════════════════════════════ */

/* Hero */
.fiyat-hero-v3 {
    background: #1C1309;
    padding: 3rem 0 2rem;
}
.fiyat-hero-etiket-v3 {
    display: inline-block;
    background: rgba(255,107,43,.12);
    border: 1px solid rgba(255,107,43,.3);
    color: var(--clr-orange);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--radius-pill);
    padding: .3rem .9rem;
    margin-bottom: 1rem;
}
.fiyat-hero-baslik-v3 {
    font-family: var(--font-display);
    font-size: 2.75rem;
    color: #fff;
    line-height: 1.2;
    margin-bottom: .75rem;
}
.fiyat-hero-baslik-v3 span { color: var(--clr-orange); }
.fiyat-hero-alt-v3 {
    font-size: 1rem;
    color: rgba(255,255,255,.6);
    line-height: 1.65;
}

/* Tablo container */
.fiyat-tablo-container {
    padding: 2rem 0 4rem;
}
@media (max-width: 639.98px) {
    .fiyat-tablo-container { display: none; }
    .fiyat-hero-v3 { padding: 2rem 0 1.5rem; }
}

/* Tablo grid — 4 kolon: etiket + 3 paket */
.fiyat-sticky-baslik,
.fiyat-grup-satir,
.fiyat-ozellik-satir {
    display: grid;
    grid-template-columns: 240px repeat(3, 1fr);
}

/* Sticky paket başlıkları */
.fiyat-sticky-baslik {
    position: sticky;
    top: var(--navbar-h);
    z-index: 50;
    background: var(--clr-white);
    border-bottom: 2px solid var(--clr-border);
    box-shadow: 0 2px 12px rgba(0,0,0,.06);
}

.fiyat-col-etiket {
    padding: 1.25rem;
    border-right: 1px solid var(--clr-border);
}

.fiyat-col-paket {
    padding: 1.25rem 1rem;
    border-right: 1px solid var(--clr-border);
    position: relative;
}
.fiyat-col-paket:last-child { border-right: none; }

.fiyat-col-paket--one-cikan {
    background: #FFF8F5;
    border-top: 3px solid var(--clr-orange);
}

.fiyat-populer-bant {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--clr-orange);
    color: #fff;
    font-size: .68rem;
    font-weight: 800;
    padding: .2rem .65rem;
    border-radius: var(--radius-pill);
    margin-bottom: .4rem;
    white-space: nowrap;
}

.fiyat-col-adi {
    font-size: .8125rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--clr-muted);
    margin-bottom: .2rem;
}
.fiyat-col-paket--one-cikan .fiyat-col-adi { color: var(--clr-orange); }

.fiyat-col-aciklama {
    font-size: .78rem;
    color: var(--clr-muted);
    margin-bottom: .65rem;
}

.fiyat-col-fiyat {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-dark);
    line-height: 1;
    margin-bottom: .75rem;
}
.fiyat-col-fiyat span {
    font-size: .8rem;
    color: var(--clr-muted);
    font-family: var(--font-body);
    font-weight: 400;
}
.fiyat-col-fiyat--free { color: var(--clr-orange); }

.fiyat-col-btn {
    display: block;
    text-align: center;
    padding: .5rem .75rem;
    border-radius: var(--radius-md);
    font-size: .8125rem;
    font-weight: 700;
    text-decoration: none;
    border: 1.5px solid var(--clr-border);
    color: var(--clr-dark);
    background: transparent;
    transition: all .15s;
}
.fiyat-col-btn:hover {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.fiyat-col-btn--brand {
    background: var(--clr-orange);
    border-color: var(--clr-orange);
    color: #fff;
}
.fiyat-col-btn--brand:hover {
    background: var(--clr-orange-dark);
    border-color: var(--clr-orange-dark);
    color: #fff;
}

/* Özellik tablosu */
.fiyat-ozellik-tablo {
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: .5rem;
}

/* Grup başlık satırı */
.fiyat-grup-satir {
    background: var(--clr-bg);
    border-bottom: 1px solid var(--clr-border);
}
.fiyat-grup-adi {
    padding: .55rem 1rem;
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: var(--clr-muted);
    border-right: 1px solid var(--clr-border);
}
.fiyat-grup-bos {
    border-right: 1px solid var(--clr-border);
}
.fiyat-grup-bos:last-child { border-right: none; }

/* Özellik satırı */
.fiyat-ozellik-satir {
    border-bottom: 1px solid var(--clr-border);
    transition: background .12s;
}
.fiyat-ozellik-satir:last-child { border-bottom: none; }
.fiyat-ozellik-satir:hover { background: var(--clr-bg); }
.fiyat-ozellik-satir:hover .fiyat-one-cikan-bg { background: #FFF2EA; }

.fiyat-ozellik-adi {
    padding: .8rem 1rem;
    font-size: .875rem;
    color: var(--clr-dark);
    border-right: 1px solid var(--clr-border);
}
.fiyat-ozellik-deger {
    padding: .8rem 1rem;
    text-align: center;
    border-right: 1px solid var(--clr-border);
    display: flex;
    align-items: center;
    justify-content: center;
}
.fiyat-ozellik-deger:last-child { border-right: none; }

.fiyat-one-cikan-bg { background: #FFF8F5; }

.fiyat-check { color: var(--clr-teal); font-size: 1.1rem; font-weight: 700; }
.fiyat-cross { color: var(--clr-border); font-size: 1.1rem; }
.fiyat-deger-text { font-size: .875rem; font-weight: 800; color: var(--clr-dark); }

/* SSS bölümü */
.fiyat-sss-bolum {
    background: var(--clr-bg);
    padding: 4rem 0;
}
.fiyat-sss-baslik {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: var(--clr-dark);
    text-align: center;
    margin-bottom: 2rem;
}
.fiyat-sss-item {
    border: 1px solid var(--clr-border) !important;
    border-radius: var(--radius-md) !important;
    margin-bottom: .5rem !important;
    overflow: hidden;
    background: var(--clr-white);
}
.fiyat-sss-h { margin: 0; }
.fiyat-sss-btn {
    width: 100%;
    background: var(--clr-white) !important;
    border: none;
    padding: 1rem 1.25rem;
    text-align: left;
    font-family: var(--font-body) !important;
    font-size: .9375rem !important;
    font-weight: 700 !important;
    color: var(--clr-dark) !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none !important;
}
.fiyat-sss-btn::after {
    content: '▾';
    font-size: .85rem;
    color: var(--clr-muted);
    transition: transform .2s;
    flex-shrink: 0;
}
.fiyat-sss-btn:not(.collapsed)::after { transform: rotate(180deg); }
.fiyat-sss-btn:not(.collapsed) {
    color: var(--clr-orange) !important;
    background: var(--clr-orange-light) !important;
}
.fiyat-sss-cevap {
    padding: 1rem 1.25rem;
    font-size: .9rem;
    line-height: 1.75;
    color: var(--clr-dark);
    border-top: 1px solid var(--clr-border);
}

/* CTA bölümü */
.fiyat-cta-bolum {
    background: linear-gradient(135deg, var(--clr-orange) 0%, #FF8C55 100%);
    padding: 4rem 0;
}
.fiyat-cta-baslik-v3 {
    font-family: var(--font-display);
    font-size: 2rem;
    color: #fff;
    margin-bottom: .5rem;
}
.fiyat-cta-alt-v3 {
    color: rgba(255,255,255,.85);
    font-size: 1rem;
    margin-bottom: 1.75rem;
}
.fiyat-cta-ghost-btn {
    display: inline-flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border: 1.5px solid rgba(255,255,255,.5);
    color: #fff;
    border-radius: var(--radius-md);
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .2s;
}
.fiyat-cta-ghost-btn:hover {
    background: rgba(255,255,255,.15);
    border-color: #fff;
    color: #fff;
}

/* Responsive */
@media (max-width: 991.98px) {
    .fiyat-sticky-baslik,
    .fiyat-grup-satir,
    .fiyat-ozellik-satir {
        grid-template-columns: 150px repeat(3, 1fr);
    }
    .fiyat-hero-baslik-v3 { font-size: 2rem; }
    .fiyat-col-fiyat      { font-size: 1.35rem; }
}
@media (max-width: 767.98px) {
    .fiyat-sticky-baslik,
    .fiyat-grup-satir,
    .fiyat-ozellik-satir {
        grid-template-columns: 120px repeat(3, 1fr);
    }
    .fiyat-col-paket        { padding: .85rem .5rem; }
    .fiyat-ozellik-adi      { padding: .65rem .5rem; font-size: .8rem; }
    .fiyat-ozellik-deger    { padding: .65rem .35rem; }
    .fiyat-hero-baslik-v3   { font-size: 1.6rem; }
    .fiyat-col-aciklama     { display: none; }
}


/* ════════════════════════════════════════════════════════════
   OKUL EKLE SAYFASI
   ════════════════════════════════════════════════════════════ */

.okul-ekle-hero {
    background: linear-gradient(160deg, var(--clr-dark) 0%, #2D1F0E 100%);
    padding: 3.5rem 0 3rem;
    text-align: center;
}
.okul-ekle-logo-wrap {
    width: 64px; height: 64px;
    background: var(--clr-orange);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.75rem; color: #fff;
    margin: 0 auto 1rem;
}
.okul-ekle-baslik {
    font-family: var(--font-display);
    font-size: 2rem; color: #fff; margin-bottom: .35rem;
}
.okul-ekle-alt { color: rgba(255,255,255,.6); font-size: 1rem; }

.okul-ekle-wrap { max-width: 100%; }

/* Adım göstergesi */
.okul-ekle-adimlar {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
}
.okul-ekle-adim {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
    flex-shrink: 0;
    min-width: 80px;
}
.okul-ekle-adim-no {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 2.5px solid #DEE2E6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 800;
    color: #6C757D;
    background: #fff;
    transition: all .25s;
    box-shadow: 0 2px 6px rgba(0,0,0,.06);
}
.okul-ekle-adim.aktif .okul-ekle-adim-no {
    border-color: #FF6B2B;
    color: #FF6B2B;
    box-shadow: 0 0 0 4px rgba(255,107,43,.12);
}
.okul-ekle-adim.tamam .okul-ekle-adim-no {
    background: #FF6B2B;
    border-color: #FF6B2B;
    color: #fff;
    box-shadow: 0 2px 8px rgba(255,107,43,.35);
}
.okul-ekle-adim-label {
    font-size: .72rem;
    font-weight: 700;
    color: #6C757D;
    white-space: nowrap;
    text-align: center;
}
.okul-ekle-adim.aktif .okul-ekle-adim-label { color: #FF6B2B; font-weight: 800; }
.okul-ekle-adim.tamam .okul-ekle-adim-label { color: #FF6B2B; }
.okul-ekle-adim-cizgi {
    flex: 1;
    height: 3px;
    background: #DEE2E6;
    margin: 0 .5rem;
    margin-bottom: 1.4rem;
    border-radius: 2px;
    transition: background .3s;
}
.okul-ekle-adim-cizgi.tamam { background: #FF6B2B; }

/* Kart */
.okul-ekle-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 2rem;
    margin-bottom: 1.5rem;
}
.okul-ekle-kart-baslik {
    font-family: var(--font-display);
    font-size: 1.2rem; color: var(--clr-dark);
    margin-bottom: 1.5rem;
    display: flex; align-items: center;
}

/* Tamamlandı */
.okul-ekle-tamamlandi-ikon {
    font-size: 4rem; color: var(--clr-teal);
    margin-bottom: 1rem;
}
.okul-ekle-tamamlandi-adimlar {
    display: flex; justify-content: center;
    gap: 1.5rem; flex-wrap: wrap;
}
.okul-ekle-siradaki-adim {
    display: flex; flex-direction: column;
    align-items: center; gap: .4rem;
    font-size: .8125rem; color: var(--clr-dark); font-weight: 700;
}
.okul-ekle-siradaki-adim .bi { font-size: 1.5rem; }

/* Özellikler */
.okul-ekle-ozellikler {
    display: flex; flex-direction: column; gap: .75rem;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
}
.okul-ekle-ozellik {
    display: flex; align-items: flex-start; gap: .75rem;
}
.okul-ekle-ozellik .bi { font-size: 1.1rem; margin-top: .1rem; flex-shrink: 0; }


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — HARİTA & YOL TARİFİ
   ════════════════════════════════════════════════════════════ */

.okul-harita-wrap {
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: 1.25rem;
    border: 1px solid var(--clr-border);
}
.okul-harita-iframe {
    width: 100%;
    height: 260px;
    border: none;
    display: block;
}
.okul-harita-yol-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    width: 100%;
    padding: .85rem;
    background: var(--clr-dark);
    color: #fff;
    font-size: .875rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    border-top: none;
}
.okul-harita-yol-btn:hover {
    background: var(--clr-orange);
    color: #fff;
}
.okul-harita-yol-btn .bi-signpost-split-fill {
    font-size: 1rem;
}


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — İLETİŞİM FORMU YENİ YAPISI
   ════════════════════════════════════════════════════════════ */

/* Form kartı */
.detay-iletisim-form-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.75rem;
}

/* Form grup — label + input arası boşluk */
.detay-form-grup {
    margin-bottom: 1.1rem;
}
.detay-form-grup:last-of-type { margin-bottom: 0; }

/* Label */
.detay-form-label {
    display: block;
    font-size: .8375rem;
    font-weight: 700;
    color: var(--clr-dark);
    margin-bottom: .4rem;
}

/* Ad + E-posta yan yana */
.detay-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.1rem;
}
@media (max-width: 575.98px) {
    .detay-form-row { grid-template-columns: 1fr; }
}

/* Harita tam genişlik */
.okul-harita-wrap {
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--clr-border);
}
.okul-harita-iframe {
    width: 100%;
    height: 300px;
    border: none;
    display: block;
}

/* Yol tarifi butonu — harita altında */
.okul-harita-yol-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: .6rem;
    width: 50%;
    margin: 0 auto;
    padding: .9rem 1rem;
    background: #25D366;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    transition: background .2s;
    letter-spacing: .2px;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}
.okul-harita-yol-btn:hover {
    background: #1ebe5d;
    color: #fff;
}

/* Sadece buton (harita yok) — ortada */
.okul-harita-yol-btn-tek {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    width: 50%;
    margin: 0 auto;
    padding: .9rem 1rem;
    background: #25D366;
    color: #fff;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: var(--radius-md);
    transition: background .2s;
    text-align: center;
}
.okul-harita-yol-btn-tek:hover {
    background: #1ebe5d;
    color: #fff;
}

@media (max-width: 575.98px) {
    .okul-harita-yol-btn,
    .okul-harita-yol-btn-tek { width: 100%; }
}


/* ════════════════════════════════════════════════════════════
   ABONELİK & ÖDEME ADMIN
   ════════════════════════════════════════════════════════════ */

.abone-odeme-satir {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
}
.abone-odeme-satir:last-child { border-bottom: none; }
.abone-odeme-satir:hover      { background: var(--clr-bg); }
.abone-odeme-sol { flex: 1; min-width: 0; }
.abone-odeme-sag { flex-shrink: 0; display: flex; flex-direction: column; gap: .5rem; min-width: 160px; }



/* ════════════════════════════════════════════════════════════
   REKLAM SİSTEMİ
   ════════════════════════════════════════════════════════════ */

.reklam-wrap {
    display: block;
    position: relative;
    border-radius: var(--radius-lg);
    overflow: hidden;
    line-height: 0;
}
.reklam-gorsel {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity .2s;
}
.reklam-wrap:hover .reklam-gorsel { opacity: .92; }
.reklam-etiketi {
    position: absolute;
    bottom: .4rem; right: .4rem;
    font-size: .6rem; font-weight: 800;
    color: rgba(255,255,255,.8);
    background: rgba(0,0,0,.45);
    border-radius: 4px;
    padding: .1rem .35rem;
    letter-spacing: .4px;
    text-transform: uppercase;
}
.reklam-anasayfa-hero  { margin: 1rem 0; }
.reklam-arama-ust      { margin-bottom: 1rem; }
.reklam-arama-yan      { margin-bottom: 1rem; }
.reklam-detay-ust      { margin-bottom: 1.5rem; }
.reklam-blog-ici       { margin: 1.5rem 0; }


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — ADMIN BAR, PAYLAŞ, SAHİPLENME
   ════════════════════════════════════════════════════════════ */

/* Admin hızlı erişim çubuğu */
.detay-admin-bar {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    padding: .75rem 1rem;
    background: #1C1309;
    border-radius: var(--radius-md);
    border: 1.5px solid #3D2E1A;
}
.detay-admin-bar-etiket {
    font-size: .72rem;
    font-weight: 800;
    color: var(--clr-orange);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-right: .25rem;
    display: flex;
    align-items: center;
    gap: .3rem;
}
.detay-admin-btn {
    display: inline-flex;
    align-items: center;
    padding: .35rem .85rem;
    font-size: .8rem;
    font-weight: 700;
    color: rgba(255,255,255,.8);
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: var(--radius-sm);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
}
.detay-admin-btn:hover {
    background: var(--clr-orange);
    border-color: var(--clr-orange);
    color: #fff;
}
.detay-admin-btn--paket {
    background: rgba(255,107,43,.15);
    border-color: rgba(255,107,43,.3);
    color: var(--clr-orange);
}

/* Paylaş butonu — belirgin */
.btn-detay-paylasim {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .55rem 1.1rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--clr-dark);
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: all .2s;
    font-family: var(--font-body);
}
.btn-detay-paylasim:hover {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.btn-detay-paylasim .bi {
    font-size: .85rem;
    color: var(--clr-orange);
}

/* Sahiplenme CTA banner */
.sahiplenme-cta {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #FFF8F5 0%, var(--clr-white) 100%);
    border: 1.5px solid var(--clr-orange-mid, rgba(255,107,43,.3));
    border-radius: var(--radius-lg);
    flex-wrap: wrap;
}
.sahiplenme-cta-ikon {
    width: 52px;
    height: 52px;
    background: var(--clr-orange-light);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--clr-orange);
    flex-shrink: 0;
}
.sahiplenme-cta-icerik { flex: 1; min-width: 200px; }
.sahiplenme-cta-baslik {
    font-size: 1rem;
    font-weight: 800;
    color: var(--clr-dark);
    margin-bottom: .2rem;
}
.sahiplenme-cta-alt {
    font-size: .85rem;
    color: var(--clr-muted);
}
.btn-sahiplenme {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem 1.5rem;
    font-size: .9rem;
    font-weight: 800;
    color: #fff;
    background: var(--clr-orange);
    border: none;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: all .2s;
    font-family: var(--font-body);
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(255,107,43,.3);
}
.btn-sahiplenme:hover {
    background: #e55a1f;
    transform: translateY(-1px);
}

@media (max-width: 767.98px) {
    .detay-admin-bar { flex-direction: column; align-items: flex-start; }
    .sahiplenme-cta  { flex-direction: column; text-align: center; }
    .sahiplenme-cta-icerik { text-align: center; }
}

/* Sahiplenme admin listesi */
.sahiplenme-satir {
    display: flex;
    gap: 1rem;
    padding: 1.25rem 1.1rem;
    border-bottom: 1px solid var(--clr-border);
    align-items: flex-start;
}
.sahiplenme-satir:last-child { border-bottom: none; }
.sahiplenme-yeni { background: #FFFBF0; }
.sahiplenme-sol  { flex: 1; min-width: 0; }
.sahiplenme-sag  { flex-shrink: 0; width: 140px; }
.sahiplenme-yeni-rozet {
    display: inline-block;
    font-size: .65rem;
    font-weight: 800;
    background: var(--clr-orange);
    color: #fff;
    border-radius: var(--radius-pill);
    padding: .1rem .5rem;
    margin-bottom: .4rem;
    text-transform: uppercase;
}
.sahiplenme-mesaj {
    font-size: .8125rem;
    color: var(--clr-dark);
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    padding: .65rem .85rem;
    line-height: 1.65;
    max-height: 120px;
    overflow-y: auto;
    white-space: pre-wrap;
}


/* ════════════════════════════════════════════════════════════
   ADMİN OKUL DÜZENLE — Filtre Checkbox Grubu
   ════════════════════════════════════════════════════════════ */

.admin-filtre-checkbox-grup {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    max-height: 200px;
    overflow-y: auto;
    padding: .65rem;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    scrollbar-width: thin;
}
.admin-filtre-checkbox {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: .8375rem;
    color: var(--clr-dark);
    cursor: pointer;
    padding: .2rem 0;
}
.admin-filtre-checkbox input {
    width: 16px;
    height: 16px;
    accent-color: var(--clr-orange);
    flex-shrink: 0;
    cursor: pointer;
}
.admin-filtre-checkbox:hover { color: var(--clr-orange); }


/* ════════════════════════════════════════════════════════════
   FİLTRE KAPAT BUTONU (MOBİL)
   ════════════════════════════════════════════════════════════ */
.filtre-kapat-btn {
    display: none;
    position: absolute;
    top: .75rem;
    right: .75rem;
    width: 34px;
    height: 34px;
    border: none;
    background: var(--clr-bg);
    border-radius: 50%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    color: var(--clr-dark);
    transition: background .15s;
    z-index: 2;
}
.filtre-kapat-btn:hover { background: var(--clr-orange-light); color: var(--clr-orange); }

@media (max-width: 991.98px) {
    .filtre-kapat-btn { display: flex; }
    .filtre-panel-header { position: relative; padding-right: 2.5rem; }
}

/* Auth checkbox — metin wrap sorunu */
.auth-checkbox-label {
    align-items: flex-start !important;
    gap: .6rem !important;
}
.auth-checkbox-label input[type="checkbox"] {
    margin-top: .25rem;
    flex-shrink: 0;
}
.auth-checkbox-label span,
.auth-checkbox-label > a {
    line-height: 1.5;
}


/* ════════════════════════════════════════════════════════════
   OKUL DETAY — İLETİŞİM MODAL + YORUM MODAL + ERKEn KAYIT
   ════════════════════════════════════════════════════════════ */

/* İletişim modal okul kartı */
.iletisim-modal-okul-kart {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .75rem 1rem;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
}
.iletisim-modal-okul-img {
    width: 72px;
    height: 52px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
}
.iletisim-modal-okul-bilgi { flex: 1; min-width: 0; }

/* Seçim etiket (radio buton benzeri) */
.secim-etiket {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .9rem;
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-pill);
    cursor: pointer;
    font-size: .875rem;
    font-weight: 600;
    transition: all .15s;
}
.secim-etiket:has(input:checked) {
    border-color: var(--clr-orange);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
}
.secim-etiket input { display: none; }

/* Yorum modal yıldızları */
.yorum-modal-yildizlar { display: flex; gap: .25rem; }
.ymyildiz {
    font-size: 2rem;
    color: #ddd;
    border: none;
    background: none;
    cursor: pointer;
    line-height: 1;
    transition: color .1s, transform .1s;
    padding: 0;
}
.ymyildiz:hover { transform: scale(1.15); }

/* Yorum adım göstergesi */
.yorum-adim-gosterge {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-top: .75rem;
}
.yorum-adim-item {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    font-weight: 700;
    color: var(--clr-muted);
    white-space: nowrap;
}
.yorum-adim-item.aktif { color: var(--clr-orange); }
.yorum-adim-item.tamam { color: var(--clr-teal, #1D9E75); }
.yorum-adim-no {
    width: 24px; height: 24px;
    border-radius: 50%;
    border: 2px solid currentColor;
    display: flex; align-items: center; justify-content: center;
    font-size: .7rem; font-weight: 800;
    flex-shrink: 0;
}
.yorum-adim-item.aktif .yorum-adim-no { background: var(--clr-orange); border-color: var(--clr-orange); color: #fff; }
.yorum-adim-item.tamam .yorum-adim-no  { background: #1D9E75; border-color: #1D9E75; color: #fff; }
.yorum-adim-cizgi {
    flex: 1;
    height: 2px;
    background: var(--clr-border);
    border-radius: 1px;
}


/* ════════════════════════════════════════════════════════════
   FAVORİ BUTONU & MÜDÜR CTA
   ════════════════════════════════════════════════════════════ */

.btn-detay-favori {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1.5px solid var(--clr-border);
    border-radius: 50%;
    background: var(--clr-white);
    cursor: pointer;
    font-size: 1.1rem;
    color: var(--clr-muted);
    transition: all .2s;
    flex-shrink: 0;
}
.btn-detay-favori:hover,
.btn-detay-favori.aktif {
    border-color: #e53e3e;
    color: #e53e3e;
    background: #fff5f5;
}
.btn-detay-favori.aktif .bi { color: #e53e3e; }

/* Müdür CTA */
.mudur-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: var(--clr-dark);
    border-radius: var(--radius-lg);
    flex-wrap: wrap;
}
.mudur-cta-baslik {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: .25rem;
}
.mudur-cta-alt {
    font-size: .85rem;
    color: rgba(255,255,255,.65);
}
.btn-mudur-cta {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .65rem 1.5rem;
    background: var(--clr-orange);
    color: #fff;
    border-radius: var(--radius-pill);
    font-size: .9rem;
    font-weight: 800;
    text-decoration: none;
    transition: all .2s;
    white-space: nowrap;
    flex-shrink: 0;
}
.btn-mudur-cta:hover { background: #e55a1f; color: #fff; }

@media (max-width: 575.98px) {
    .mudur-cta { flex-direction: column; text-align: center; }
    .btn-mudur-cta { width: 100%; justify-content: center; }
}


/* ════════════════════════════════════════════════════════════
   OKUL EKLE — AVANTAJ KARTLARI
   ════════════════════════════════════════════════════════════ */

.okul-ekle-avantajlar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 700px;
    margin: 0 auto;
}
.okul-ekle-avantaj {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    text-align: center;
    backdrop-filter: blur(8px);
}
.okul-ekle-avantaj-ikon {
    font-size: 1.75rem;
    color: var(--clr-orange);
    margin-bottom: .6rem;
}
.okul-ekle-avantaj-baslik {
    font-size: 1rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: .3rem;
}
.okul-ekle-avantaj-alt {
    font-size: .8rem;
    color: rgba(255,255,255,.65);
    line-height: 1.5;
}

@media (max-width: 575.98px) {
    .okul-ekle-avantajlar { grid-template-columns: 1fr; max-width: 280px; }
}


/* ════════════════════════════════════════════════════════════
   KAMPANYA MODAL — MODERN FİYAT KUTUSU
   ════════════════════════════════════════════════════════════ */

.kampanya-fiyat-kutu {
    background: linear-gradient(135deg, #FFF8F5, #fff);
    border: 2px solid var(--clr-orange);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    text-align: center;
    margin: 1rem 0;
}
.kampanya-eski-fiyat {
    font-size: 1.1rem;
    color: var(--clr-muted);
    margin-bottom: .25rem;
}
.kampanya-eski-fiyat s { text-decoration-color: #e53e3e; }
.kampanya-yeni-fiyat {
    font-size: 2rem;
    font-weight: 900;
    color: var(--clr-orange);
    line-height: 1.1;
}

/* Admin action dosyaları — kırık link düzeltme */


/* ════════════════════════════════════════════════════════════
   DUYURULAR SAYFASI
   ════════════════════════════════════════════════════════════ */

.duyuru-hero {
    background: linear-gradient(135deg, var(--clr-dark) 0%, #2d1f0e 100%);
    padding: 2.5rem 0 2rem;
    color: #fff;
}
.duyuru-hero-baslik {
    font-size: 1.75rem;
    font-weight: 900;
    margin-bottom: .5rem;
}
.duyuru-hero-alt {
    color: rgba(255,255,255,.65);
    font-size: .95rem;
    margin: 0;
}

/* Filtre şeridi */
.duyuru-filtre-serit { }
.duyuru-filtre-btn {
    display: inline-flex;
    align-items: center;
    padding: .4rem 1rem;
    border-radius: var(--radius-pill);
    border: 1.5px solid var(--clr-border);
    background: var(--clr-white);
    font-size: .85rem;
    font-weight: 700;
    color: var(--clr-dark);
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
}
.duyuru-filtre-btn:hover,
.duyuru-filtre-btn.aktif {
    border-color: var(--clr-orange);
    background: var(--clr-orange-light);
    color: var(--clr-orange);
}

/* Kart grid */
.duyuru-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

@media (max-width: 991.98px) { .duyuru-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 575.98px) { .duyuru-grid { grid-template-columns: 1fr; } }

/* Duyuru kartı */
.duyuru-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s, transform .2s;
}
.duyuru-kart:hover {
    box-shadow: var(--shadow-md);
    transform: translateY(-2px);
}
.duyuru-kart-gorsel {
    height: 160px;
    position: relative;
    overflow: hidden;
    background: var(--clr-bg);
}
.duyuru-kart-gorsel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.duyuru-kart-gorsel--bos {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--clr-muted);
    background: linear-gradient(135deg, var(--clr-bg), #f0ebe4);
}
.duyuru-kart-tur {
    position: absolute;
    top: .75rem;
    left: .75rem;
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: .3rem .65rem;
    border-radius: var(--radius-pill);
}
.duyuru-kart-icerik {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: .5rem;
}
.duyuru-okul-link {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .78rem;
    font-weight: 700;
    color: var(--clr-muted);
    text-decoration: none;
}
.duyuru-okul-link:hover { color: var(--clr-orange); }
.duyuru-kart-baslik {
    font-size: .9375rem;
    font-weight: 800;
    color: var(--clr-dark);
    line-height: 1.35;
    margin: 0;
}
.duyuru-kart-ozet {
    font-size: .8125rem;
    color: var(--clr-muted);
    line-height: 1.55;
    flex: 1;
}
.duyuru-kart-alt {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: auto;
    padding-top: .5rem;
    border-top: 1px solid var(--clr-border);
}
.btn-outline-orange {
    border-color: var(--clr-orange);
    color: var(--clr-orange);
    font-size: .8rem;
    font-weight: 700;
}
.btn-outline-orange:hover {
    background: var(--clr-orange);
    color: #fff;
}
.bg-teal   { background: #1D9E75 !important; }
.bg-purple { background: #7C3AED !important; }


/* ════════════════════════════════════════════════════════════
   REKLAM ALANLARI
   ════════════════════════════════════════════════════════════ */

.reklam-alan {
    position: relative;
    text-align: center;
    border-radius: var(--radius-md);
    overflow: hidden;
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
}
.reklam-alan::after {
    content: 'Reklam';
    position: absolute;
    bottom: 4px;
    right: 6px;
    font-size: .65rem;
    color: rgba(0,0,0,.35);
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
    pointer-events: none;
}
.reklam-alan--hero {
    max-height: 120px;
}
.reklam-alan--ust {
    max-height: 100px;
}
.reklam-alan .reklam-wrap {
    display: block;
    width: 100%;
}
.reklam-alan .reklam-gorsel {
    width: 100%;
    max-height: 120px;
    object-fit: cover;
    display: block;
}
.reklam-alan--ust .reklam-gorsel {
    max-height: 100px;
}
/* Reklam etiketi (sağ üst köşe) */
.reklam-etiketi {
    display: none; /* .reklam-alan::after ile gösteriyoruz */
}


/* ════════════════════════════════════════════════════════════
   VELİ HESABIM SAYFALARI
   ════════════════════════════════════════════════════════════ */

.veli-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 1.5rem;
    align-items: start;
}

/* Sidebar */
.veli-sidebar {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    position: sticky;
    top: calc(var(--navbar-h) + 1rem);
}
.veli-sidebar-profil {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1.25rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-bg);
}
.veli-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--clr-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.1rem;
    font-weight: 800;
    flex-shrink: 0;
    overflow: hidden;
}
.veli-avatar img { width: 100%; height: 100%; object-fit: cover; }
.veli-avatar-buyuk {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--clr-orange);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.75rem;
    font-weight: 800;
    flex-shrink: 0;
    overflow: hidden;
    border: 3px solid var(--clr-white);
    box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.veli-avatar-buyuk img { width:100%;height:100%;object-fit:cover; }
.veli-sidebar-ad    { font-size: .875rem; font-weight: 800; color: var(--clr-dark); }
.veli-sidebar-email { font-size: .72rem; color: var(--clr-muted); }
.veli-sidebar-nav   { padding: .5rem 0; }
.veli-sidebar-link {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .65rem 1.25rem;
    font-size: .875rem;
    font-weight: 600;
    color: var(--clr-dark);
    text-decoration: none;
    transition: background .15s, color .15s;
}
.veli-sidebar-link:hover { background: var(--clr-bg); color: var(--clr-orange); }
.veli-sidebar-link.aktif {
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    font-weight: 800;
}
.veli-sidebar-badge {
    margin-left: auto;
    background: var(--clr-orange);
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    padding: .15rem .4rem;
    border-radius: 20px;
    min-width: 18px;
    text-align: center;
}

/* İçerik */
.veli-icerik { min-width: 0; }
.veli-sayfa-baslik {
    font-size: 1.35rem;
    font-weight: 900;
    color: var(--clr-dark);
    margin-bottom: 1.25rem;
}

/* Stat kartları */
.veli-stat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}
.veli-stat-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    text-align: center;
    text-decoration: none;
    color: inherit;
    transition: box-shadow .2s, transform .2s, border-color .2s;
    display: block;
}
.veli-stat-kart:hover {
    border-color: var(--clr-orange);
    box-shadow: 0 4px 16px rgba(255,107,43,.12);
    transform: translateY(-2px);
    color: inherit;
}
.veli-stat-ikon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    margin: 0 auto .75rem;
}
.veli-stat-sayi { font-size: 1.75rem; font-weight: 900; color: var(--clr-dark); }
.veli-stat-label { font-size: .8rem; color: var(--clr-muted); font-weight: 600; }

/* Bölüm */
.veli-bolum {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.veli-bolum-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .85rem 1.25rem;
    font-weight: 800;
    font-size: .9rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-bg);
}
.veli-bolum-link { font-size: .8rem; color: var(--clr-orange); text-decoration: none; font-weight: 700; }

/* Okul liste */
.veli-okul-liste { }
.veli-okul-kart {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1.25rem;
    border-bottom: 1px solid var(--clr-border);
    text-decoration: none;
    color: inherit;
    transition: background .15s;
}
.veli-okul-kart:last-child { border-bottom: none; }
.veli-okul-kart:hover { background: var(--clr-bg); }
.veli-okul-logo {
    width: 36px; height: 36px;
    border-radius: 6px;
    border: 1px solid var(--clr-border);
    background: var(--clr-bg);
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; overflow: hidden; font-size: 1.1rem;
}
.veli-okul-logo img { width:100%;height:100%;object-fit:contain; }
.veli-okul-ad  { font-size: .875rem; font-weight: 700; color: var(--clr-dark); }
.veli-okul-puan { font-size: .825rem; font-weight: 700; color: var(--clr-dark); }

/* Form kart */
.veli-form-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

/* Favori grid */
.veli-okul-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.veli-okul-grid-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: box-shadow .2s;
}
.veli-okul-grid-kart:hover { box-shadow: var(--shadow-md); }
.veli-okul-grid-gorsel {
    display: block;
    height: 120px;
    overflow: hidden;
    position: relative;
    background: var(--clr-bg);
}
.veli-okul-grid-gorsel img { width:100%;height:100%;object-fit:cover; }
.veli-okul-grid-placeholder {
    display: flex; align-items: center; justify-content: center;
    height: 100%; font-size: 2.5rem;
}

/* Mesaj satırı */
.veli-mesaj-satir {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: .85rem 1.25rem;
    flex-wrap: wrap;
}
.veli-mesaj-okul  { display: flex; align-items: center; gap: .6rem; min-width: 140px; flex-shrink: 0; }
.veli-mesaj-konu  { flex: 1; font-size: .85rem; color: var(--clr-dark); min-width: 0; }
.veli-mesaj-durum { display: flex; align-items: center; flex-shrink: 0; }

/* Boş durum */
.veli-bos-durum {
    text-align: center;
    padding: 3rem 1rem;
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
}
.veli-bos-durum h3 { font-size: 1.1rem; margin: .75rem 0 .5rem; }

/* Responsive */
@media (max-width: 991.98px) {
    .veli-layout { grid-template-columns: 1fr; }
    .veli-sidebar { position: static; }
    .veli-stat-grid { grid-template-columns: repeat(3,1fr); }
    .veli-okul-grid { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
    .veli-stat-grid { grid-template-columns: 1fr 1fr; }
}


/* ════════════════════════════════════════════════════════════
   BLOG DETAY SİDEBAR
   ════════════════════════════════════════════════════════════ */

.sidebar-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    margin-bottom: 1.25rem;
    overflow: hidden;
}
.sidebar-kart-baslik {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--clr-border);
    background: var(--clr-bg);
}

/* Kategoriler */
.sidebar-kategori-liste { padding: .4rem 0; }
.sidebar-kategori-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem 1rem;
    font-size: .875rem;
    color: var(--clr-dark);
    text-decoration: none;
    transition: background .15s, color .15s;
    border-left: 3px solid transparent;
}
.sidebar-kategori-item:hover,
.sidebar-kategori-item.aktif {
    background: var(--clr-orange-light);
    color: var(--clr-orange);
    border-left-color: var(--clr-orange);
}
.sidebar-kategori-sayi {
    background: var(--clr-bg);
    border: 1px solid var(--clr-border);
    border-radius: 20px;
    padding: .1rem .5rem;
    font-size: .72rem;
    font-weight: 700;
    color: var(--clr-muted);
}
.sidebar-kategori-item.aktif .sidebar-kategori-sayi {
    background: var(--clr-orange);
    border-color: var(--clr-orange);
    color: #fff;
}

/* Sıra numarası (popüler) */
.sidebar-sira-no {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--clr-orange);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ilgili-yazi-item:nth-child(2) .sidebar-sira-no { background: var(--clr-muted); }
.ilgili-yazi-item:nth-child(3) .sidebar-sira-no { background: #CD7F32; }

/* İlgili yazi item */
.ilgili-yazi-item {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--clr-border);
    text-decoration: none;
    color: inherit;
    transition: background .15s;
}
.ilgili-yazi-item:last-child { border-bottom: none; }
.ilgili-yazi-item:hover { background: var(--clr-bg); }
.ilgili-yazi-gorsel {
    width: 52px;
    height: 40px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    border: 1px solid var(--clr-border);
}
.ilgili-yazi-baslik {
    font-size: .8125rem;
    font-weight: 700;
    color: var(--clr-dark);
    line-height: 1.35;
    margin-bottom: .2rem;
}
.ilgili-yazi-tarih {
    font-size: .72rem;
    color: var(--clr-muted);
}


/* ════════════════════════════════════════════════════════════
   EĞİTİM SİSTEMLERİ SAYFASI
   ════════════════════════════════════════════════════════════ */

.statik-hero {
    background: linear-gradient(135deg, #FFF5EE 0%, var(--clr-bg) 100%);
    padding: 3rem 0 2.5rem;
    text-align: center;
    border-bottom: 1px solid var(--clr-border);
}
.statik-hero-ikon  { font-size: 3rem; margin-bottom: .75rem; }
.statik-hero-baslik { font-family: var(--font-display); font-size: 2rem; font-weight: 900; color: var(--clr-dark); margin-bottom: .5rem; }
.statik-hero-alt   { font-size: 1rem; color: var(--clr-muted); max-width: 560px; margin: 0 auto; }

.egitim-sistemi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 1.25rem;
}
.egitim-sistemi-kart {
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-lg);
    padding: 1.25rem;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    transition: box-shadow .2s, border-color .2s;
}
.egitim-sistemi-kart:hover {
    border-color: var(--clr-orange);
    box-shadow: 0 4px 16px rgba(255,107,43,.1);
}
.egitim-sistemi-ikon {
    font-size: 2rem;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--clr-bg);
    border-radius: var(--radius-md);
    flex-shrink: 0;
}
.egitim-sistemi-bilgi   { flex: 1; min-width: 0; }
.egitim-sistemi-ad      { font-weight: 800; font-size: .95rem; color: var(--clr-dark); margin-bottom: .25rem; }
.egitim-sistemi-tam-ad  { font-size: .75rem; font-weight: 400; display: block; }
.egitim-sistemi-aciklama { font-size: .825rem; color: var(--clr-muted); line-height: 1.5; margin-bottom: .75rem; }
.egitim-sistemi-ara-btn {
    font-size: .775rem;
    font-weight: 700;
    color: var(--clr-orange);
    text-decoration: none;
    transition: color .15s;
}
.egitim-sistemi-ara-btn:hover { color: var(--clr-orange-dark); }

@media (max-width: 575.98px) {
    .egitim-sistemi-grid { grid-template-columns: 1fr; }
    .statik-hero-baslik  { font-size: 1.5rem; }
}

/* Filtre — Daha Fazla butonu */
.filtre-daha-fazla {
    background: none;
    border: 1px solid var(--clr-border);
    border-radius: var(--radius-sm);
    color: var(--clr-orange);
    font-size: .8rem;
    font-weight: 700;
    padding: .3rem .75rem;
    margin-top: .25rem;
    cursor: pointer;
    width: 100%;
    text-align: left;
    transition: background .15s;
}
.filtre-daha-fazla:hover { background: var(--clr-orange-light); }

/* Filtre Temizle Pill */
.filtre-temizle-pill {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: var(--clr-white);
    border: 1.5px solid var(--clr-orange);
    color: var(--clr-orange);
    font-size: .8rem;
    font-weight: 700;
    padding: .3rem .75rem;
    border-radius: 20px;
    text-decoration: none;
    margin-top: .5rem;
    transition: background .15s, color .15s;
}
.filtre-temizle-pill:hover {
    background: var(--clr-orange);
    color: #fff;
}
.filtre-temizle-sayi {
    background: var(--clr-orange);
    color: #fff;
    font-size: .65rem;
    font-weight: 800;
    padding: .1rem .4rem;
    border-radius: 20px;
    min-width: 18px;
    text-align: center;
    transition: background .15s;
}
.filtre-temizle-pill:hover .filtre-temizle-sayi {
    background: rgba(255,255,255,.3);
}

/* Sahiplenme inline band — bilgi kartı altı */
.sahiplenme-inline-band {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem 1.25rem;
    background: var(--clr-orange-light);
    border: 1px solid rgba(255,107,43,.2);
    border-radius: var(--radius-md);
    margin: .75rem 0;
    font-size: .875rem;
    font-weight: 600;
    color: var(--clr-dark);
    flex-wrap: wrap;
}
.btn-sahiplenme-inline {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    background: var(--clr-orange);
    color: #fff;
    border: none;
    border-radius: var(--radius-pill);
    padding: .4rem 1rem;
    font-size: .8rem;
    font-weight: 700;
    font-family: var(--font-body);
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s, transform .15s;
    box-shadow: 0 2px 8px rgba(255,107,43,.25);
}
.btn-sahiplenme-inline:hover {
    background: #e55a1f;
    transform: translateY(-1px);
}

/* ════════════════════════════════════════
   SAHİPLENME MODAL
   ════════════════════════════════════════ */
.sahiplenme-modal-content {
    border: none;
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.sahiplenme-modal-header {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 1.5rem 1rem;
    background: linear-gradient(135deg, #FFF5EE 0%, var(--clr-white) 100%);
    border-bottom: 1px solid var(--clr-border);
}
.sahiplenme-modal-logo {
    font-size: 2.5rem;
    width: 60px;
    height: 60px;
    background: var(--clr-orange-light);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.sahiplenme-modal-baslik {
    font-weight: 900;
    font-size: 1.2rem;
    color: var(--clr-dark);
    margin-bottom: .2rem;
}
.sahiplenme-modal-alt {
    font-size: .875rem;
    color: var(--clr-muted);
    margin: 0;
}
.sahiplenme-avantajlar {
    display: flex;
    gap: .5rem;
    padding: .875rem 1.5rem;
    background: var(--clr-bg);
    border-bottom: 1px solid var(--clr-border);
    flex-wrap: wrap;
}
.sahiplenme-avantaj {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: .8rem;
    font-weight: 600;
    color: var(--clr-dark);
    background: var(--clr-white);
    border: 1px solid var(--clr-border);
    border-radius: 20px;
    padding: .25rem .75rem;
}
.sahiplenme-bolum-baslik {
    font-size: .8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-muted);
    padding-bottom: .5rem;
    border-bottom: 1px solid var(--clr-border);
}

/* ════════════════════════════════════════════════════════════
   FİYATLANDIRMA MOBİL — KART GÖRÜNÜMÜ (< 640px)
   ════════════════════════════════════════════════════════════ */
@media (max-width: 639.98px) {

    /* Grid'i gizle */
    .fiyat-sticky-baslik,
    .fiyat-ozellik-tablo { display: none !important; }

    /* Mobil kartlar göster */
    .fiyat-mobil-kartlar { display: flex !important; }
}

.fiyat-mobil-kartlar {
    display: none;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1rem 1rem 2rem;
}

.fiyat-mobil-kart {
    background: var(--clr-white);
    border: 1.5px solid var(--clr-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
}
.fiyat-mobil-kart--one-cikan {
    border-color: var(--clr-orange);
    box-shadow: 0 4px 24px rgba(255,107,43,.15);
}
.fiyat-mobil-kart-header {
    padding: 1.25rem 1.25rem .75rem;
    background: var(--clr-bg);
    border-bottom: 1px solid var(--clr-border);
}
.fiyat-mobil-kart--one-cikan .fiyat-mobil-kart-header {
    background: linear-gradient(135deg, #FFF0E8 0%, #FFF5EE 100%);
}
.fiyat-mobil-populer {
    display: inline-block;
    background: var(--clr-orange);
    color: #fff;
    font-size: .7rem;
    font-weight: 800;
    padding: .2rem .6rem;
    border-radius: 20px;
    margin-bottom: .5rem;
}
.fiyat-mobil-adi {
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--clr-dark);
}
.fiyat-mobil-aciklama {
    font-size: .8rem;
    color: var(--clr-muted);
    margin: .2rem 0 .5rem;
}
.fiyat-mobil-fiyat {
    font-size: 2rem;
    font-weight: 900;
    color: var(--clr-orange);
    line-height: 1;
}
.fiyat-mobil-fiyat span { font-size: .9rem; color: var(--clr-muted); font-weight: 400; }
.fiyat-mobil-btn {
    display: block;
    text-align: center;
    margin: .75rem 0 0;
    padding: .75rem;
    border-radius: var(--radius-md);
    font-weight: 800;
    font-size: .9rem;
    text-decoration: none;
    background: var(--clr-dark);
    color: #fff;
    border: 1.5px solid var(--clr-dark);
    transition: all .2s;
}
.fiyat-mobil-btn:hover {
    background: #2d2d2d;
    color: #fff;
}
.fiyat-mobil-btn--brand {
    background: var(--clr-orange);
    color: #fff;
    border-color: var(--clr-orange);
}
.fiyat-mobil-ozellikler {
    padding: 1rem 1.25rem;
}
.fiyat-mobil-ozellik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem 0;
    border-bottom: 1px solid var(--clr-border);
    font-size: .85rem;
    gap: .5rem;
}
.fiyat-mobil-ozellik:last-child { border-bottom: none; }
.fiyat-mobil-ozellik-adi { color: var(--clr-muted); flex: 1; }
.fiyat-mobil-ozellik-deger { font-weight: 700; color: var(--clr-dark); flex-shrink: 0; }
.fiyat-mobil-grup-baslik {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: var(--clr-orange);
    padding: .75rem 0 .25rem;
}

/* ════════════════════════════════════════════
   KAYIT — PLAN SEÇİMİ
   ════════════════════════════════════════════ */
.kayit-paket-secim {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.kayit-paket-kart {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border: 2px solid var(--clr-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: border-color .2s, background .2s;
    background: var(--clr-white);
}
.kayit-paket-kart:hover   { border-color: var(--clr-orange); background: var(--clr-orange-light); }
.kayit-paket-kart.aktif   { border-color: var(--clr-orange); background: var(--clr-orange-light); }
.kayit-paket-ikon         { font-size: 1.75rem; flex-shrink: 0; }
.kayit-paket-bilgi        { flex: 1; min-width: 0; }
.kayit-paket-adi          { font-weight: 800; font-size: .95rem; color: var(--clr-dark); }
.kayit-paket-desc         { font-size: .8rem; color: var(--clr-muted); margin-top: .1rem; }
.kayit-paket-fiyat        { font-size: 1.2rem; font-weight: 900; color: var(--clr-orange); flex-shrink: 0; }
.kayit-paket-fiyat span   { font-size: .75rem; color: var(--clr-muted); font-weight: 400; }

/* ════════════════════════════════════════════════════════════
   OKUL DETAY — SWIPER GALERİ & LİGHTBOX
   ════════════════════════════════════════════════════════════ */
.detay-swiper {
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: #f0ebe4;
    box-shadow: 0 4px 20px rgba(0,0,0,.1);
}
.galeri-slide-wrap {
    position: relative;
    cursor: zoom-in;
    overflow: hidden;
}
.galeri-slide-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
    transition: transform .3s;
}
.galeri-slide-wrap:hover .galeri-slide-img { transform: scale(1.03); }

/* Zoom ikonu — görsel üzerinde sağ üst */
.galeri-zoom-hint {
    position: absolute;
    top: .6rem;
    right: .6rem;
    background: rgba(255,255,255,.88);
    color: var(--clr-dark);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    opacity: 0;
    transition: opacity .2s;
    pointer-events: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.galeri-slide-wrap:hover .galeri-zoom-hint { opacity: 1; }

/* Swiper butonları */
.detay-swiper .swiper-button-prev,
.detay-swiper .swiper-button-next {
    color: #fff;
    background: rgba(0,0,0,.35);
    border-radius: 50%;
    width: 36px;
    height: 36px;
}
.detay-swiper .swiper-button-prev::after,
.detay-swiper .swiper-button-next::after { font-size: .85rem; font-weight: 900; }
.detay-swiper .swiper-pagination-bullet-active { background: var(--clr-orange); }

@media (max-width: 575.98px) {
    .galeri-slide-img { height: 220px; }
}

/* Thumbnail'lar */
.galeri-thumb-row {
    display: flex;
    gap: .4rem;
    margin-top: .5rem;
}
.galeri-thumb {
    flex: 1;
    aspect-ratio: 1;
    border-radius: var(--radius-sm);
    background-size: cover;
    background-position: center;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color .15s, opacity .15s;
    opacity: .7;
}
.galeri-thumb.aktif { border-color: var(--clr-orange); opacity: 1; }
.galeri-thumb:hover { opacity: 1; }
.galeri-thumb-daha {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-weight: 800;
    font-size: .875rem;
}

/* Filtre — sticky uygula butonu */
.filtre-uygula-sticky {
    position: sticky;
    bottom: 0;
    z-index: 10;
    box-shadow: 0 -4px 16px rgba(0,0,0,.08);
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
}

/* Filtre sıralama → admin.css */

/* ════════════════════════════════
   DETAY SLIDER (Swiper'siz)
   ════════════════════════════════ */
.detay-slider {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    background: #f0ebe4;
    width: 100%;
}
.detay-slider-item {
    display: none;
    cursor: zoom-in;
    position: relative;
}
.detay-slider-item.aktif { display: block; }
.detay-slider-item .galeri-slide-img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,.35);
    border: none;
    color: #fff;
    font-size: 2rem;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    line-height: 1;
}
.slider-prev { left: .5rem; }
.slider-next { right: .5rem; }
.slider-btn:hover { background: rgba(0,0,0,.6); }
.slider-dots {
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: .35rem;
    z-index: 2;
}
.slider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,.5);
    cursor: pointer;
    transition: background .2s;
}
.slider-dot.aktif { background: #fff; }
@media (max-width: 575.98px) {
    .detay-slider-item .galeri-slide-img { height: 220px; }
}


/* ════════════════════════════════════════
   ÖDEME SAYFASI
   ════════════════════════════════════════ */


/* ════════════════════════════════════════
   ÖDEME SAYFASI
   ════════════════════════════════════════ */
.odeme-paket-label, .odeme-sure-label {
    border: 2px solid #eee;
    padding: 1.25rem;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    background: #fff;
}
.odeme-paket-label:hover, .odeme-sure-label:hover { border-color: var(--clr-orange); }
.odeme-paket-label.aktif, .odeme-sure-label.aktif {
    border-color: var(--clr-orange);
    background: var(--clr-orange-light);
}
.odeme-paket-label input, .odeme-sure-label input { display: none; }
.yontem-tab { border-bottom: 3px solid #eee !important; transition: all 0.3s; }
.yontem-tab.aktif { border-bottom-color: var(--clr-orange) !important; color: var(--clr-orange) !important; }
.btn-orange { background-color: var(--clr-orange); color: #fff; }
.btn-orange:hover { background-color: #e55a1f; color: #fff; }
.text-orange { color: var(--clr-orange) !important; }
.card-brand { border-radius: 14px; overflow: hidden; }
.bg-orange { background-color: var(--clr-orange) !important; }