:root{
    --emerald:#11604c;
    --emerald-deep:#0a3a2d;
    --emerald-soft:#1c7860;
    --gold:#c9a14a;
    --gold-light:#e8cf8e;
    --cream:#f6f1e4;
    --ivory:#fbf8f0;
    /* ikon kutusu arka planı (header ile uyumlu emerald + altın ışıltı) */
    --icon-bg:radial-gradient(circle at 15% 50%, rgba(201,161,74,.10), transparent 40%), radial-gradient(circle at 85% 50%, rgba(201,161,74,.10), transparent 40%), linear-gradient(135deg, var(--emerald-soft) 0%, var(--emerald) 50%, var(--emerald-deep) 100%);

    /* ===== TEK LAYOUT SİSTEMİ — tüm bölümler aynı container ===== */
    --shell:1180px;        /* içerik genişliği (header, footer, her bölüm) */
    --gutter:24px;         /* yatay iç boşluk */
    --section-gap:40px;    /* bölümler arası dikey ritim */
  }

  *{margin:0;padding:0;box-sizing:border-box;}

  /* Görsel-gizli (visually-hidden): ekran okuyucu + arama motoru görür, gözle
     görünmez. SEO başlık hiyerarşisini bozmadan başlıksız bölümlere h2 vermek için. */
  .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

  /* Scrollbar yerini her sayfada rezerve et → kısa/uzun sayfalarda
     ortalanan container (header, footer, içerik) aynı hizada kalır. */
  html{scrollbar-gutter:stable;}

  body{
    font-family:'Marcellus',serif;
    background:var(--ivory);
    color:var(--emerald-deep);
    min-height:100vh;
  }

  /* ===== TEK CONTAINER ============================================
     Tüm bölüm sarmalayıcıları TEK kaynaktan aynı genişlik + gutter alır.
     Bölümler artık kendi içinde max-width/margin/padding TEKRAR ETMEZ;
     yalnızca kendi dikey aralığını (.section-y) ve iç düzenini tanımlar. */
  .container,
  .header-inner, .footer-inner, .footer-bottom{
    width:100%;
    max-width:var(--shell);
    margin-inline:auto;
    padding-inline:var(--gutter);
  }
  /* sayfa bölümleri arası tutarlı dikey ritim (yatay zaten container'dan) */
  .container{ margin-block:var(--section-gap); }
  @media (max-width:600px){ :root{ --gutter:16px; --section-gap:28px; } }

  /* ===== HEADER ===== */
  .site-header{
    position:relative;
    background:
      radial-gradient(circle at 15% 50%, rgba(201,161,74,.10), transparent 40%),
      radial-gradient(circle at 85% 50%, rgba(201,161,74,.10), transparent 40%),
      linear-gradient(135deg, var(--emerald-soft) 0%, var(--emerald) 50%, var(--emerald-deep) 100%);
    color:var(--cream);
    box-shadow:0 8px 30px rgba(7,32,25,.35);
  }
  .site-header::before,
  .site-header::after{
    content:"";
    position:absolute;left:0;right:0;height:5px;
    background-image:repeating-linear-gradient(45deg,
        var(--gold) 0, var(--gold) 6px, transparent 6px, transparent 12px);
    opacity:.55;
  }
  .site-header::before{top:0;}
  .site-header::after{bottom:0;}

  .header-inner{
    max-width:100%;
    margin:0 auto;
    padding:0 32px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:78px;
  }

  /* ===== LOGO ===== */
  .brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--cream);flex-shrink:0;}
  .brand-mark{
    width:46px;height:46px;flex-shrink:0;display:grid;place-items:center;
    border:1.5px solid var(--gold);border-radius:50%;
    background:radial-gradient(circle at 30% 30%, var(--emerald-soft), transparent);
  }
  .brand-mark svg{width:26px;height:26px;}
  .brand-text{display:flex;flex-direction:column;line-height:1.05;}
  .brand-text .wm{font-size:1.45rem;color:var(--cream);letter-spacing:.3px;}
  .brand-text .wm b{color:var(--gold-light);font-weight:700;}
  .brand-text .lt{font-size:.66rem;letter-spacing:2.5px;text-transform:uppercase;color:rgba(246,241,228,.6);margin-top:2px;}
  /* yeni logo (koyu zemin lockup) — header markası */
  .brand-logo{height:46px;width:auto;display:block;}

  /* ===== NAV ===== */
  .nav-wrap{display:flex;align-items:center;gap:6px;}
  .nav-list{
    list-style:none;
    display:flex;
    align-items:center;
    gap:4px;
  }
  .nav-list a{
    display:flex;
    align-items:center;
    gap:8px;
    white-space:nowrap;              /* ASLA alt satıra inmez */
    text-decoration:none;
    color:var(--cream);
    font-size:1.02rem;
    letter-spacing:.5px;
    padding:10px 14px;
    border-radius:6px;
    position:relative;
    transition:color .25s ease, background .25s ease;
  }
  .nav-list a svg{
    width:17px;height:17px;
    stroke:var(--gold);
    flex-shrink:0;
    transition:stroke .25s ease;     /* yalnızca renk, BÜYÜME YOK */
  }
  .nav-list a::after{
    content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1.5px;
    background:var(--gold);transform:scaleX(0);transform-origin:right;
    transition:transform .3s ease;
  }
  .nav-list a:hover{color:var(--gold-light);}
  .nav-list a:hover svg{stroke:var(--gold-light);}
  .nav-list a:hover::after{transform:scaleX(1);transform-origin:left;}

  /* ===== SEÇİLİ (AKTİF) MADDE ===== */
  .nav-list a.active{
    color:var(--gold-light);
    background:rgba(201,161,74,.14);
  }
  .nav-list a.active svg{stroke:var(--gold-light);}
  .nav-list a.active::after{transform:scaleX(1);height:2px;}

  /* ===== ALT MENÜ (dropdown — parent_id'li öğeler) ===== */
  .nav-list li{position:relative;}
  .nav-list a .caret{width:12px;height:12px;margin-left:2px;stroke:var(--gold);transition:transform .3s ease;}
  .nav-sub{
    list-style:none;position:absolute;top:100%;left:0;min-width:215px;
    background:linear-gradient(180deg, var(--emerald-deep), var(--emerald));
    border:1px solid rgba(201,161,74,.35);border-radius:12px;padding:8px;
    box-shadow:0 16px 36px rgba(7,32,25,.4);z-index:70;
    opacity:0;visibility:hidden;transform:translateY(8px);
    transition:opacity .28s ease, transform .28s ease, visibility .28s;
  }
  .nav-list li:hover > .nav-sub,
  .nav-list li.open > .nav-sub,
  .nav-list li:focus-within > .nav-sub{opacity:1;visibility:visible;transform:none;}
  .nav-list li:hover > a .caret,
  .nav-list li.open > a .caret{transform:rotate(180deg);}
  .nav-sub li{width:100%;}
  .nav-sub a{padding:10px 12px;border-radius:8px;font-size:.97rem;}
  .nav-sub a::after{display:none;}
  /* mega paneldeki alt menü: ok ile aç/kapa, girintili liste */
  .nav-mega .nav-sub{
    position:static;opacity:1;visibility:visible;transform:none;
    background:none;border:0;box-shadow:none;padding:0 0 0 26px;min-width:0;list-style:none;
    max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .nav-mega li.open > .nav-sub{max-height:420px;padding-top:2px;}
  .nav-mega a .caret{width:26px;height:26px;flex:none;padding:7px;margin:-4px -4px -4px auto;border-radius:7px;stroke:var(--gold);transition:transform .3s ease;}
  .nav-mega li.open > a .caret{transform:rotate(180deg);}

  /* ===== GİRİŞ / ÜYE OL (ikon yok, hover'da çizgi/kalkma yok) ===== */
  .nav-auth{display:flex;align-items:center;gap:10px;margin-left:8px;}
  .nav-auth a{padding:10px 20px;border-radius:30px;white-space:nowrap;text-decoration:none;}
  .nav-auth a::after{display:none;}          /* alt çizgi yok */
  .btn-login{
    color:var(--gold-light);border:1.5px solid rgba(201,161,74,.6);
    transition:background .25s ease;
  }
  .btn-login:hover{background:rgba(201,161,74,.15);color:var(--gold-light);}
  .btn-signup{
    background:linear-gradient(135deg, var(--gold), #b58a36);
    color:var(--emerald-deep);font-weight:bold;
    box-shadow:0 4px 14px rgba(201,161,74,.3);
    transition:filter .2s ease;
  }
  .btn-signup:hover{filter:brightness(1.06);}   /* yukarı kalkma yok */
  /* giriş sonrası: Panel menü-link gibi, Çıkış ikon */
  .nav-auth .nav-account{padding:8px 12px;border:0;border-radius:9px;display:inline-flex;align-items:center;gap:7px;color:var(--cream);font-size:.96rem;}
  .nav-auth .nav-account svg{width:18px;height:18px;stroke:var(--gold-light);}
  .nav-auth .nav-account:hover{color:var(--gold-light);background:rgba(201,161,74,.12);}
  .nav-auth .nav-logout-form{display:inline-flex;}
  .nav-auth .nav-logout{padding:0;width:40px;height:40px;border:1px solid rgba(201,161,74,.5);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--gold-light);transition:background .25s ease;background:none;cursor:pointer;font:inherit;}
  .nav-auth .nav-logout svg{width:18px;height:18px;stroke:var(--gold-light);}
  .nav-auth .nav-logout:hover{background:rgba(201,161,74,.15);}

  /* Priority+ ölçümü sırasında absolute popup'lar devre dışı (thema.js fit()). */
  .nav-measuring .nav-sub,
  .nav-measuring .dbell-pop,
  .nav-measuring .dbell-dot{display:none !important;}

  /* ===== ÜYE DUYURU ZİLİ (header) — minimal: tıklayınca /duyurular ===== */
  .dbell-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:9px;border:none;
    text-decoration:none;transition:background .25s ease, color .25s ease;padding:0 !important;}
  .dbell-btn::after{display:none;}
  .dbell-btn svg{width:17px;height:17px;stroke:var(--cream);opacity:.85;transition:stroke .25s ease, opacity .25s ease;}
  .dbell-btn:hover{background:rgba(201,161,74,.12);}
  .dbell-btn:hover svg{stroke:var(--gold-light);opacity:1;}
  .dbell-dot{position:absolute;top:3px;right:3px;min-width:14px;height:14px;padding:0 3px;
    border-radius:14px;background:var(--gold);color:var(--emerald-deep);font-size:.6rem;font-weight:700;
    display:inline-flex;align-items:center;justify-content:center;line-height:1;}
  @media (max-width:1080px){
    .dbell-btn{order:-1;width:44px;height:44px;}
  }

  /* ===== HEADER ARAMA (bildirim ikonunun solunda) ===== */
  .nav-search{display:flex;align-items:center;gap:4px;
    background:rgba(246,241,228,.08);border:1px solid rgba(201,161,74,.35);
    border-radius:30px;padding:3px 4px 3px 14px;
    transition:border-color .25s ease, background .25s ease;}
  .nav-search:focus-within{border-color:var(--gold);background:rgba(246,241,228,.12);}
  .nav-search input[type="search"]{width:128px;background:none;border:0;outline:0;
    color:var(--cream);font:inherit;font-size:.95rem;padding:5px 0;
    transition:width .25s ease;-webkit-appearance:none;appearance:none;}
  .nav-search input::placeholder{color:rgba(246,241,228,.55);}
  .nav-search input::-webkit-search-cancel-button{-webkit-appearance:none;}
  .nav-search:focus-within input[type="search"]{width:172px;}
  .nav-search button{width:32px;height:32px;flex:0 0 auto;display:inline-flex;
    align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;
    background:rgba(201,161,74,.18);color:var(--gold-light);cursor:pointer;
    transition:background .25s ease, color .25s ease;}
  .nav-search button:hover{background:var(--gold);color:var(--emerald-deep);}
  .nav-search button svg{width:16px;height:16px;stroke:currentColor;}
  /* mobil üst araç barı — masaüstünde gizli (≤1080'de açılır) */
  .header-mtools{display:none;}

  /* ===== "DAHA FAZLA" İKONU + DROPDOWN ===== */
  .more-toggle{display:none;}
  .more-btn{
    display:none;                    /* masaüstünde gizli */
    align-items:center;justify-content:center;
    width:44px;height:44px;cursor:pointer;border-radius:50%;
    border:1.5px solid rgba(201,161,74,.5);
    transition:background .25s ease;
    flex-shrink:0;
  }
  .more-btn:hover{background:rgba(201,161,74,.15);}
  .more-btn .dots{display:flex;gap:4px;}
  .more-btn .dots i{width:4px;height:4px;border-radius:50%;background:var(--gold-light);display:block;}
  .more-overlay{display:none;}
  .drawer-top{display:none;}

  /* ===== PRIORITY+ NAV — taşan menüler chevron + mega panel ===== */
  .nav-more-btn{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;border-radius:8px;cursor:pointer;
    border:none;background:none;
    transition:background .25s ease;}
  .nav-more-btn:hover{background:rgba(201,161,74,.12);}
  .nav-more-btn svg{width:18px;height:18px;stroke:var(--gold-light);transition:transform .25s ease;}
  .nav-more.open .nav-more-btn svg{transform:rotate(180deg);}
  .nav-mega{
    position:absolute;top:calc(100% - 8px);z-index:80;
    left:auto;right:max(24px, calc((100% - 1180px) / 2));
    min-width:230px;
    background:linear-gradient(180deg, var(--emerald-deep), var(--emerald));
    border:1px solid rgba(201,161,74,.4);border-radius:14px;
    box-shadow:0 18px 40px rgba(7,32,25,.45);
    animation:zmega .22s ease;}
  @keyframes zmega{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
  .nav-mega-inner{padding:8px;}
  .nav-mega-inner ul{list-style:none;display:flex;flex-direction:column;gap:2px;margin:0;padding:0;}
  .nav-mega a{
    display:flex;align-items:center;gap:10px;white-space:nowrap;
    text-decoration:none;color:var(--cream);font-size:.98rem;letter-spacing:.4px;
    padding:10px 14px;border-radius:9px;
    transition:color .2s ease, background .2s ease;}
  .nav-mega a svg{width:17px;height:17px;stroke:var(--gold);flex-shrink:0;transition:stroke .2s ease;}
  .nav-mega a:hover{color:var(--gold-light);background:rgba(201,161,74,.12);}
  .nav-mega a:hover svg{stroke:var(--gold-light);}
  .nav-mega a.active{color:var(--gold-light);background:rgba(201,161,74,.16);}
  .nav-mega a.active svg{stroke:var(--gold-light);}
  @media (max-width:1080px){
    .nav-more, .nav-mega{display:none !important;}
  }

  /* ===== KÜÇÜK CİHAZLAR — sağdan açılan off-canvas drawer ===== */
  @media (max-width:1080px){
    .more-btn{display:flex;}

    /* menü, sağdan kayan tam boy panele (drawer) dönüşür */
    .nav-list{
      position:fixed;
      top:0;right:0;
      height:100dvh;
      width:min(78vw,288px);
      flex-direction:column;
      align-items:stretch;
      gap:2px;
      padding:14px 14px 22px;
      background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23c9a14a' stroke-opacity='.07'%3E%3Cpath d='M28 0l28 28-28 28L0 28z'/%3E%3Ccircle cx='28' cy='28' r='9'/%3E%3C/g%3E%3C/svg%3E"),
        linear-gradient(170deg, var(--emerald) 0%, var(--emerald-deep) 75%);
      border-left:1px solid rgba(201,161,74,.25);
      border-radius:18px 0 0 18px;
      box-shadow:-18px 0 50px rgba(0,0,0,.4);
      transform:translateX(105%);
      transition:transform .42s cubic-bezier(.25,.6,.3,1);
      z-index:60;
      overflow-y:auto;
      -webkit-overflow-scrolling:touch;
    }
    .nav-list li{width:100%;}
    .nav-list a{
      display:flex;align-items:center;gap:12px;
      font-size:.97rem;padding:11px 12px;border-radius:10px;
      color:var(--cream);letter-spacing:.3px;
      transition:background .35s ease, color .35s ease;
    }
    .nav-list a svg{
      width:18px;height:18px;flex:none;
      stroke:var(--gold-light);opacity:.85;
      transition:opacity .35s ease;
    }
    .nav-list a::after{display:none;}
    .nav-list a:hover{background:rgba(201,161,74,.08);color:var(--gold-light);}
    .nav-list a:hover svg{opacity:1;}
    .nav-list a.active{
      background:rgba(201,161,74,.13);
      color:var(--gold-light);
    }
    .nav-list a.active svg{opacity:1;}

    /* drawer'da alt menü: ok ile aç/kapa, girintili, sol gold çizgili */
    .nav-sub{
      position:static;opacity:1;visibility:visible;transform:none;
      background:none;border:0;box-shadow:none;min-width:0;
      padding:0 0 0 16px;margin-left:21px;
      border-left:1px solid rgba(201,161,74,.25);border-radius:0;
      max-height:0;overflow:hidden;
      transition:max-height .35s ease;
    }
    .nav-list li.open > .nav-sub{max-height:420px;}
    .nav-list a .caret{
      display:block;width:34px;height:34px;flex:none;
      padding:11px;margin:-7px -7px -7px auto;border-radius:8px;
      opacity:1;transition:transform .3s ease;
    }
    .nav-list li.open > a .caret{transform:rotate(180deg);}

    /* maddeler yumuşakça süzülür */
    .nav-list li{opacity:0;transform:translateX(14px);transition:opacity .45s ease, transform .45s cubic-bezier(.25,.6,.3,1);}
    .more-toggle:checked ~ .nav-wrap .nav-list li{opacity:1;transform:none;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(2){transition-delay:.03s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(3){transition-delay:.06s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(4){transition-delay:.09s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(5){transition-delay:.12s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(6){transition-delay:.15s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(7){transition-delay:.18s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(8){transition-delay:.21s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(9){transition-delay:.24s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(10){transition-delay:.27s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(11){transition-delay:.3s;}
    .more-toggle:checked ~ .nav-wrap .nav-list li:nth-child(n+12){transition-delay:.33s;}

    /* drawer üst kısmı: marka + kapat */
    .drawer-top{
      display:flex;align-items:center;justify-content:space-between;
      padding:4px 4px 13px;margin-bottom:8px;
      border-bottom:1px solid rgba(201,161,74,.18);
    }
    .drawer-top .dt-brand{font-family:'Marcellus',serif;font-size:1.18rem;color:var(--cream);letter-spacing:.5px;}
    .drawer-top .dt-brand b{color:var(--gold-light);}
    .drawer-close{
      width:34px;height:34px;flex:none;display:grid;place-items:center;cursor:pointer;
      border-radius:50%;border:1px solid rgba(201,161,74,.3);color:var(--cream);
      transition:background .35s ease;
    }
    .drawer-close:hover{background:rgba(201,161,74,.14);}
    .drawer-close svg{width:18px;height:18px;}

    /* auth: yan yana, simetrik iki buton */
    .nav-auth{
      flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:10px;
      margin-top:auto;padding-top:16px;
      border-top:1px solid rgba(201,161,74,.18);
    }
    /* arama + bildirim mobilde drawer'dan çıkıp logo altındaki üst bara taşınır */
    .nav-auth .nav-search,
    .nav-auth .dbell-btn{display:none;}
    .header-mtools{
      display:flex;align-items:center;gap:10px;
      padding:10px 16px 12px;
      border-top:1px solid rgba(201,161,74,.12);
    }
    .header-mtools .nav-search{flex:1 1 auto;border-radius:12px;padding:5px 6px 5px 16px;}
    .header-mtools .nav-search input[type="search"]{width:100%;flex:1;padding:9px 0;}
    .header-mtools .nav-search:focus-within input[type="search"]{width:100%;}
    .header-mtools .dbell-btn{flex:0 0 auto;order:2;width:46px;height:46px;border:1px solid rgba(201,161,74,.4);}
    .nav-auth > a{flex:1;text-align:center;}
    .nav-auth .nav-account{
      flex:1;justify-content:center;padding:10px 12px;
      border:1px solid rgba(201,161,74,.4);border-radius:10px;
    }
    .nav-auth .nav-logout-form{flex:1;display:flex;}
    .nav-auth .nav-logout{
      flex:1;width:auto;height:auto;padding:10px 12px;
      border:1px solid rgba(201,161,74,.4);border-radius:10px;
    }

    /* drawer açık */
    .more-toggle:checked ~ .nav-wrap .nav-list{transform:translateX(0);}

    /* arka plan blur katmanı */
    .more-overlay{
      display:block;position:fixed;inset:0;
      background:rgba(7,32,25,.45);
      -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
      opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s;z-index:55;
    }
    .more-toggle:checked ~ .more-overlay{opacity:1;visibility:visible;}
  }

  /* drawer açıkken arka plan kaymasın */
  html:has(.more-toggle:checked){overflow:hidden;}

  @media (max-width:420px){
    .header-inner{padding:0 16px;min-height:68px;}
    .brand-text .ar{font-size:1.35rem;}
    .brand-mark{width:40px;height:40px;}
    .brand-logo{height:42px;}
  }

  /* ===== HERO (menü ile aynı palet) ===== */
  .hero{
    position:relative;overflow:hidden;
    border-radius:26px;
    padding:54px 52px 56px;
    color:var(--cream);
    background:
      radial-gradient(circle at 78% 18%, rgba(255,255,255,.06), transparent 45%),
      linear-gradient(135deg, var(--emerald-soft) 0%, var(--emerald) 45%, var(--emerald-deep) 100%);
    box-shadow:0 20px 50px rgba(7,32,25,.30);
  }
  /* hero arka planı: düz gradyan (desen yok) */
  .hero > *{position:relative;z-index:1;}

  .hero .bism{font-family:'Amiri',serif;font-size:1.55rem;color:var(--gold-light);margin-bottom:14px;direction:rtl;}
  .hero .hero-eyebrow{font-family:'Marcellus',serif;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light);margin-bottom:10px;}
  .hero h1{
    font-family:'Marcellus',serif;
    font-size:clamp(2.1rem,5.2vw,3.3rem);
    font-weight:400;line-height:1.1;margin-bottom:18px;color:#fff;
  }
  .hero .lead{
    font-size:clamp(1rem,2vw,1.15rem);
    line-height:1.6;color:rgba(246,241,228,.85);
    max-width:620px;margin-bottom:30px;
  }

  /* arama çubuğu */
  .search{
    display:flex;align-items:center;gap:8px;
    background:#fff;border-radius:40px;
    padding:7px 7px 7px 22px;
    max-width:560px;box-shadow:0 10px 30px rgba(7,32,25,.25);
  }
  .search input{
    flex:1;min-width:0;border:none;outline:none;background:transparent;
    font-family:'Marcellus',serif;font-size:1.02rem;color:var(--emerald-deep);
    padding:12px 0;
  }
  .search input::placeholder{color:#7c8a84;}
  .search button{
    display:flex;align-items:center;gap:8px;flex-shrink:0;
    border:none;cursor:pointer;white-space:nowrap;
    background:linear-gradient(135deg, var(--emerald-soft), var(--emerald));
    color:var(--cream);font-family:'Marcellus',serif;font-size:1rem;
    padding:13px 26px;border-radius:30px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .search button:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(7,32,25,.4);}
  .search button svg{width:17px;height:17px;stroke:var(--cream);}

  /* hızlı butonlar */
  .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px;}
  .hero-actions a{
    display:flex;align-items:center;gap:9px;text-decoration:none;
    padding:12px 22px;border-radius:30px;font-size:1rem;white-space:nowrap;
    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  }
  .hero-actions a svg{width:18px;height:18px;}
  .btn-imsak{
    background:linear-gradient(135deg, var(--gold), #b58a36);
    color:var(--emerald-deep);font-weight:bold;box-shadow:0 4px 14px rgba(201,161,74,.35);
  }
  .btn-imsak svg{stroke:var(--emerald-deep);}
  .btn-imsak:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,161,74,.5);}
  .btn-ask{color:var(--cream);border:1.5px solid rgba(246,241,228,.5);}
  .btn-ask svg{stroke:var(--cream);}
  .btn-ask:hover{background:rgba(246,241,228,.12);}
  /* mobil: iki buton yan yana, tam genişlik */
  @media (max-width:600px){
    .hero-actions{flex-wrap:nowrap;gap:10px;}
    .hero-actions a{flex:1 1 0;justify-content:center;padding-left:8px;padding-right:8px;font-size:.95rem;}
  }

  @media (max-width:600px){
    .hero{padding:38px 24px 42px;border-radius:20px;}
    .search button span{display:none;}    /* dar ekranda sadece arama ikonu */
    .search button{padding:13px 16px;}
  }

  /* ===== ARAÇLAR & BÖLÜMLER ===== */
  .tools{margin-block:var(--section-gap) calc(var(--section-gap) * 2);}
  .tools-head{text-align:center;margin-bottom:42px;}
  .tools-head .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:.74rem;letter-spacing:3px;text-transform:uppercase;
    color:var(--gold);margin-bottom:14px;
  }
  .tools-head .eyebrow::before,
  .tools-head .eyebrow::after{content:"";width:26px;height:1px;background:var(--gold);opacity:.6;}
  .tools-head h2{
    font-family:'Marcellus',serif;font-weight:400;
    font-size:clamp(1.8rem,4vw,2.5rem);color:var(--emerald);margin-bottom:12px;
  }
  .tools-head p{color:#6a7a73;font-size:clamp(.98rem,2vw,1.08rem);max-width:520px;margin:0 auto;}

  /* araç kartları — yatay liste-kart (ikon | başlık+açıklama | ok), 3 kolon */
  .tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .tool-card{
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;
    align-items:center;column-gap:15px;
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;
    padding:16px 18px;text-decoration:none;color:inherit;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  /* solda beliren altın şerit */
  .tool-card::before{
    content:"";position:absolute;top:0;bottom:0;left:0;width:3px;
    background:linear-gradient(180deg, var(--gold), var(--gold-light));
    transform:scaleY(0);transform-origin:top;transition:transform .3s ease;
  }
  .tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,58,45,.14);border-color:rgba(201,161,74,.45);}
  .tool-card:hover::before{transform:scaleY(1);}

  .tool-icon{grid-column:1;grid-row:1 / 3;width:50px;height:50px;border-radius:14px;display:grid;place-items:center;margin:0;transition:background .25s ease;}
  .tool-icon svg{width:24px;height:24px;}
  .ic-emerald{background:rgba(28,120,96,.12);}
  .ic-emerald svg{stroke:var(--emerald-soft);}
  .ic-gold{background:rgba(201,161,74,.16);}
  .ic-gold svg{stroke:#b58a36;}
  .tool-card:hover .ic-emerald{background:rgba(28,120,96,.2);}
  .tool-card:hover .ic-gold{background:rgba(201,161,74,.26);}

  .tool-card h3{grid-column:2;grid-row:1;align-self:end;font-family:'Marcellus',serif;font-weight:400;font-size:1.08rem;color:var(--emerald-deep);margin:0;}
  .tool-card p{grid-column:2;grid-row:2;align-self:start;font-size:.84rem;line-height:1.45;color:#5d6d66;margin:2px 0 0;}

  /* sağda ok dairesi (hover'da dolup beyaza döner) */
  .tool-go{grid-column:3;grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(201,161,74,.1);color:transparent;font-size:0;transition:background .25s ease;}
  .tool-go svg{width:16px;height:16px;stroke:var(--gold);transition:transform .25s ease, stroke .25s ease;}
  .tool-card:hover .tool-go{background:var(--gold);}
  .tool-card:hover .tool-go svg{stroke:#fff;transform:translateX(2px);}
  @media (max-width:880px){ .tools-grid{grid-template-columns:repeat(2,1fr);} }

  @media (max-width:600px){
    .tools-grid{grid-template-columns:1fr;gap:16px;}
  }

  /* ===== SON MAKALELER ===== */
  .articles{margin-block:var(--section-gap) calc(var(--section-gap) * 2);}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
  .sec-head h2{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.7rem,3.5vw,2.2rem);color:var(--emerald);}
  .sec-head .sub{color:#6a7a73;font-size:1rem;margin-top:4px;}
  .sec-head .all{
    display:inline-flex;align-items:center;gap:7px;text-decoration:none;
    color:var(--gold);font-size:.96rem;white-space:nowrap;
  }
  .sec-head .all svg{width:16px;height:16px;stroke:var(--gold);transition:transform .25s ease;}
  .sec-head .all:hover svg{transform:translateX(4px);}

  /* breadcrumb (emerald — varsayılan mavi link yerine tema rengi) */
  .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:.85rem;line-height:1.4;margin:0 0 18px;color:#7a8a83;}
  .breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:var(--emerald-soft);text-decoration:none;transition:color .15s ease;}
  .breadcrumb a:hover{color:var(--gold);}
  .breadcrumb a svg{width:15px;height:15px;stroke:currentColor;flex-shrink:0;}
  .breadcrumb-sep{color:#bcc7c1;font-size:.95rem;user-select:none;}
  .breadcrumb-current{color:var(--emerald-deep);font-weight:600;}

  /* üye profil/hesap sayfası */
  .profile{display:flex;flex-direction:column;gap:20px;}
  .pf-alert{padding:12px 16px;border-radius:12px;font-size:.92rem;}
  .pf-ok{background:#e7f6ec;color:#15803d;border:1px solid #b7e4c7;}
  .pf-err{background:#fde8e8;color:#b91c1c;border:1px solid #f5c2c2;}
  .pf-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;padding:20px 24px;}
  .pf-head-info{flex:1;min-width:0;}
  .pf-head-info h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.5rem;color:var(--emerald-deep);margin:0;}
  .pf-mail{color:#6a7a73;font-size:.92rem;margin:3px 0 0;}
  .pf-since{color:#9bb0a8;font-size:.8rem;margin:3px 0 0;}
  .pf-admin-btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none;border:1px solid rgba(201,161,74,.5);color:#b58a36;border-radius:11px;padding:9px 14px;font-size:.9rem;font-weight:600;}
  .pf-admin-btn:hover{background:rgba(201,161,74,.1);}
  .pf-admin-btn svg{width:16px;height:16px;stroke:#b58a36;}
  .pf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .pf-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px 22px;}
  .pf-card-wide{grid-column:1 / -1;}
  .pf-card h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.12rem;color:var(--emerald-deep);margin:0 0 16px;display:flex;align-items:center;gap:8px;}
  .pf-card h2 svg{width:18px;height:18px;stroke:var(--emerald-soft);}
  .pf-count{font-size:.85rem;color:#9bb0a8;font-family:inherit;}
  .pf-label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:#5d6d66;font-weight:500;margin-bottom:14px;}
  .pf-input{border:1px solid rgba(17,96,76,.18);border-radius:10px;padding:10px 12px;font:inherit;font-size:.95rem;color:var(--emerald-deep);background:#fff;}
  .pf-input:focus{outline:none;border-color:var(--emerald-soft);box-shadow:0 0 0 3px rgba(28,120,96,.12);}
  .pf-btn{border:0;border-radius:11px;padding:11px 20px;font:inherit;font-weight:600;cursor:pointer;font-size:.95rem;}
  .pf-btn-primary{background:var(--emerald);color:#fff;}
  .pf-btn-primary:hover{background:var(--emerald-soft);}
  .pf-muted{color:#6a7a73;font-size:.88rem;margin:0 0 14px;}
  .avatar-pack{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;}
  .avatar-opt{border:2px solid rgba(17,96,76,.12);background:#fff;border-radius:14px;padding:6px;cursor:pointer;transition:.15s;display:grid;place-items:center;}
  .avatar-opt img{display:block;border-radius:10px;width:100%;height:auto;}
  .avatar-opt:hover{border-color:var(--emerald-soft);transform:translateY(-2px);}
  .avatar-opt.sel{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,161,74,.25);}
  .uavatar{width:84px;height:84px;border-radius:18px;object-fit:cover;flex:0 0 auto;border:1px solid rgba(201,161,74,.45);background:#f3f7f5;}
  .uavatar-init{display:grid;place-items:center;font-family:'Marcellus',serif;font-size:1.8rem;color:#fff;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));}
  .pf-comments{display:flex;flex-direction:column;gap:12px;}
  .pf-comment{border:1px solid rgba(17,96,76,.1);border-radius:12px;padding:12px 14px;}
  .pf-comment-body{color:var(--emerald-deep);font-size:.92rem;line-height:1.55;}
  .pf-comment-meta{margin-top:7px;font-size:.8rem;color:#9bb0a8;display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
  .pf-comment-meta a{color:var(--emerald-soft);text-decoration:none;font-weight:600;}
  .pf-comment-meta a:hover{color:var(--gold);}
  .pf-cstat{padding:1px 8px;border-radius:20px;font-weight:600;}
  .pf-cstat-approved{background:#e7f6ec;color:#15803d;}
  .pf-cstat-pending{background:#fbf6ea;color:#8a6a1f;}
  .pf-cstat-spam{background:#fde8e8;color:#b91c1c;}
  @media (max-width:680px){ .pf-grid{grid-template-columns:1fr;} }

  /* ===== Soru-Cevap (İlim Kapısı) ===== */
  .qa-actions{display:flex;justify-content:flex-end;margin-bottom:18px;}
  .qa-filter{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px;}
  .qa-cat{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:30px;border:1px solid rgba(17,96,76,.18);background:#fff;color:var(--emerald);text-decoration:none;font-size:.9rem;transition:.2s ease;}
  .qa-cat:hover{border-color:var(--emerald-soft);color:var(--emerald-soft);}
  .qa-cat.on{background:var(--emerald);color:#fff;border-color:var(--emerald);}
  .qa-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;color:#8a9a93;font-size:.82rem;}
  .qa-dot{width:3px;height:3px;border-radius:50%;background:#c2cfc9;display:inline-block;}
  .qa-link{color:var(--emerald-soft);text-decoration:none;}
  .qa-link:hover{color:var(--gold);}
  .qa-question{margin-bottom:26px;}
  .qa-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
  .qa-tag{display:inline-block;padding:4px 12px;border-radius:20px;background:rgba(17,96,76,.07);color:var(--emerald);text-decoration:none;font-size:.82rem;}
  .qa-tag:hover{background:rgba(201,161,74,.15);color:var(--gold);}
  .qa-answer .av{background:linear-gradient(135deg,var(--gold),#b58a36);color:#fff;}
  .qa-scholar-title{font-size:.8rem;color:#8a9a93;font-weight:400;margin-left:6px;}
  .qa-accepted{display:inline-flex;align-items:center;gap:6px;margin:10px 0;padding:5px 12px;border-radius:20px;background:#e7f6ec;color:#15803d;font-size:.82rem;font-weight:600;}
  .qa-sources{margin-top:14px;padding:12px 14px;border-left:3px solid var(--gold);background:var(--ivory);border-radius:0 8px 8px 0;font-size:.88rem;color:#5d6d66;}
  .qa-sources b{color:var(--emerald-deep);}
  .qa-related{list-style:none;display:flex;flex-direction:column;gap:10px;padding:0;margin:0;}
  .qa-related li{padding-left:18px;position:relative;}
  .qa-related li::before{content:"\203A";position:absolute;left:0;color:var(--gold);}
  .qa-sec-title{font-family:'Marcellus',serif;font-weight:400;font-size:1.25rem;color:var(--emerald-deep);margin:28px 0 16px;}
  .uzman-card{margin-bottom:24px;}
  .uzman-head{display:flex;align-items:center;gap:18px;margin-bottom:16px;flex-wrap:wrap;}
  .uzman-head-info h2{margin:0;font-family:'Marcellus',serif;font-weight:400;color:var(--emerald-deep);font-size:1.4rem;}
  .uzman-title{color:var(--emerald-soft);font-size:.95rem;margin:2px 0 0;}
  .uzman-spec{margin:0 0 12px;}
  .uzman-social{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;}
  .uzman-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
  .uzman-mini{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:14px;text-decoration:none;transition:.2s ease;}
  .uzman-mini:hover{border-color:var(--emerald-soft);transform:translateY(-2px);}
  .uzman-mini .uavatar{width:56px;height:56px;}
  .uzman-mini-info{display:flex;flex-direction:column;gap:2px;min-width:0;}
  .uzman-mini-info b{color:var(--emerald-deep);}
  .uzman-mini-count{font-size:.78rem;color:var(--gold);font-weight:600;}
  .uzman-badge{display:inline-block;font-size:.7rem;font-weight:700;background:var(--gold);color:#fff;padding:2px 9px;border-radius:20px;vertical-align:middle;margin-left:6px;}
  .uzman-stats{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px;font-size:.85rem;color:#8a9a93;}
  .uzman-sub{font-family:'Marcellus',serif;font-weight:400;font-size:1.1rem;color:var(--emerald-deep);margin:20px 0 10px;}
  .uzman-cv{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
  .uzman-cv li{padding-left:18px;position:relative;color:#4a5a53;font-size:.92rem;}
  .uzman-cv li::before{content:"\2022";position:absolute;left:0;color:var(--gold);}
  .uzman-cv b{color:var(--emerald-deep);}
  .uzman-cv-year{color:#9bb0a8;font-size:.85rem;}
  .uzman-cv-note{font-size:.85rem;color:#8a9a93;margin-top:2px;font-style:italic;}

  /* ===== Âlimler (liste + detay) ===== */
  .alim-hero{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));color:var(--cream);border-radius:18px;padding:34px 30px;margin-bottom:26px;}
  .alim-hero h1{font-family:'Marcellus',serif;font-weight:400;font-size:2rem;margin:0 0 8px;color:#fff;}
  .alim-hero p{color:rgba(246,241,228,.82);max-width:640px;margin:0;line-height:1.6;}
  .alim-sec{display:flex;align-items:center;gap:8px;font-family:'Marcellus',serif;font-weight:400;font-size:1.3rem;color:var(--emerald-deep);margin:24px 0 16px;}
  .alim-sec svg{width:20px;height:20px;stroke:var(--gold);}
  .alim-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px;}
  .alim-feat-card{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:18px;text-decoration:none;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;transition:.2s ease;}
  .alim-feat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,58,45,.25);}
  .alim-feat-top{display:flex;align-items:center;gap:14px;}
  .alim-feat-top .uavatar{width:60px;height:60px;border:2px solid rgba(255,255,255,.3);}
  .alim-feat-top h3{margin:0;font-size:1.15rem;color:#fff;font-family:'Marcellus',serif;font-weight:400;}
  .alim-feat-top p{margin:2px 0 0;font-size:.85rem;color:rgba(255,255,255,.82);}
  .alim-feat-foot{font-size:.82rem;color:rgba(255,255,255,.85);border-top:1px solid rgba(255,255,255,.15);padding-top:10px;}
  .alim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}
  .alim-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:22px 16px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;text-decoration:none;transition:.2s ease;}
  .alim-card:hover{border-color:var(--emerald-soft);transform:translateY(-3px);box-shadow:0 10px 24px rgba(17,96,76,.1);}
  .alim-card .uavatar{width:64px;height:64px;}
  .alim-card h3{margin:4px 0 0;font-size:1.02rem;color:var(--emerald-deep);}
  .alim-card-title{font-size:.8rem;color:#8a9a93;margin:0;}
  .alim-card-foot{margin-top:auto;padding-top:6px;font-size:.8rem;color:var(--emerald-soft);display:inline-flex;align-items:center;gap:5px;}
  .alim-card-foot svg{width:14px;height:14px;stroke:var(--gold);}
  .alim-exp{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;}
  .alim-feat-card .alim-exp{justify-content:flex-start;}
  .alim-exp span{font-size:.72rem;padding:3px 9px;border-radius:20px;background:rgba(17,96,76,.08);color:var(--emerald);}
  .alim-feat-card .alim-exp span{background:rgba(255,255,255,.18);color:#fff;}
  .alim-exp-lg{justify-content:flex-start;margin:-8px 0 22px;}
  .alim-exp-lg span{font-size:.82rem;padding:5px 13px;}
  .alim-badge{display:inline-block;font-size:.65rem;font-weight:700;background:var(--gold);color:#fff;padding:2px 8px;border-radius:20px;vertical-align:middle;}
  .alim-badge-lg{font-size:.75rem;padding:3px 11px;}
  .alim-detail-hero{display:flex;align-items:center;gap:24px;background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));border-radius:20px;padding:30px;color:#fff;margin-bottom:24px;flex-wrap:wrap;}
  .alim-detail-hero .uavatar{width:120px;height:120px;border:3px solid rgba(255,255,255,.25);flex:0 0 auto;}
  .alim-detail-info{flex:1;min-width:240px;}
  .alim-detail-info h1{font-family:'Marcellus',serif;font-weight:400;font-size:2rem;color:#fff;margin:0 0 6px;}
  .alim-detail-title{color:rgba(246,241,228,.9);margin:0 0 4px;font-size:1.05rem;}
  .alim-detail-inst{color:rgba(246,241,228,.72);margin:0;font-size:.9rem;display:inline-flex;align-items:center;gap:6px;}
  .alim-detail-inst svg{width:15px;height:15px;stroke:var(--gold-light);}
  .alim-hero-stats{display:flex;gap:28px;margin-top:16px;}
  .alim-hero-stats div{display:flex;flex-direction:column;}
  .alim-hero-stats b{font-size:1.7rem;font-family:'Marcellus',serif;font-weight:400;color:var(--gold-light);line-height:1;}
  .alim-hero-stats span{font-size:.78rem;color:rgba(246,241,228,.72);margin-top:3px;}
  .alim-block-title{display:flex;align-items:center;gap:8px;font-family:'Marcellus',serif;font-weight:400;font-size:1.15rem;color:var(--emerald-deep);margin:0 0 14px;}
  .alim-block-title svg{width:18px;height:18px;stroke:var(--emerald-soft);}
  .alim-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ivory);border:1px solid rgba(201,161,74,.3);border-radius:16px;padding:22px 24px;margin-top:24px;}
  .alim-cta b{display:block;color:var(--emerald-deep);font-size:1.1rem;font-family:'Marcellus',serif;font-weight:400;}
  .alim-cta span{color:#6a7a73;font-size:.9rem;}
  @media (max-width:680px){ .alim-feat-grid{grid-template-columns:1fr;} .alim-hero h1{font-size:1.6rem;} .alim-detail-info h1{font-size:1.55rem;} .alim-hero-stats{gap:20px;} }

  /* ===== Âlimler sayfası (İlim Kapısı birebir) ===== */
  .as-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,var(--emerald-soft),var(--emerald));color:#fff;border-radius:18px;padding:30px 32px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
  .as-hero::before{content:"";position:absolute;top:-80px;right:-40px;width:230px;height:230px;background:rgba(255,255,255,.08);border-radius:50%;}
  .as-hero::after{content:"";position:absolute;bottom:-90px;left:-50px;width:180px;height:180px;background:rgba(255,255,255,.06);border-radius:50%;}
  .as-hero-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1;}
  .as-hero-icon{width:50px;height:50px;background:rgba(255,255,255,.2);border-radius:14px;display:grid;place-items:center;flex:0 0 auto;}
  .as-hero-icon svg{width:26px;height:26px;stroke:#fff;}
  .as-hero-left h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.9rem;margin:0;color:#fff;}
  .as-hero-left p{margin:4px 0 0;color:rgba(255,255,255,.82);font-size:.92rem;max-width:460px;line-height:1.5;}
  .as-hero-stats{display:flex;position:relative;z-index:1;}
  .as-hero-stats div{display:flex;flex-direction:column;align-items:center;padding:0 22px;border-left:1px solid rgba(255,255,255,.2);}
  .as-hero-stats div:first-child{border-left:0;}
  .as-hero-stats b{font-size:1.8rem;font-weight:700;line-height:1;color:#fff;}
  .as-hero-stats span{font-size:.75rem;color:rgba(255,255,255,.7);margin-top:4px;}
  .as-search{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:14px;display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap;}
  .as-search-input{flex:1;position:relative;min-width:200px;}
  .as-search-input svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;stroke:#9bb0a8;}
  .as-search-input input{width:100%;padding:11px 14px 11px 42px;border:1px solid rgba(17,96,76,.15);border-radius:12px;background:var(--ivory);font:inherit;font-size:.95rem;color:var(--emerald-deep);}
  .as-search-input input:focus{outline:none;border-color:var(--emerald-soft);}
  .as-search select{padding:11px 14px;border:1px solid rgba(17,96,76,.15);border-radius:12px;background:var(--ivory);font:inherit;font-size:.92rem;color:var(--emerald-deep);cursor:pointer;}
  .as-sec{display:flex;align-items:center;gap:8px;font-family:'Marcellus',serif;font-weight:400;font-size:1.25rem;color:var(--emerald-deep);margin:22px 0 16px;}
  .as-sec svg{width:18px;height:18px;stroke:var(--gold);}
  .as-count{font-size:.72rem;background:rgba(17,96,76,.1);color:var(--emerald);padding:2px 9px;border-radius:20px;font-family:system-ui,sans-serif;}
  .as-av{position:relative;width:54px;height:54px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;flex:0 0 auto;}
  .as-av img{width:100%;height:100%;object-fit:cover;border-radius:14px;}
  .as-av svg{width:26px;height:26px;stroke:currentColor;opacity:.6;}
  .as-dot{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid #fff;}
  .as-feat{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:8px;}
  .as-feat-card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;text-decoration:none;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;}
  .as-feat-card.amber{background:linear-gradient(135deg,#f59e0b,#d97706);}
  .as-feat-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(10,58,45,.25);}
  .afc-head{display:flex;align-items:flex-start;gap:14px;}
  .afc-head .as-av{color:#fff;}
  .afc-id{flex:1;min-width:0;}
  .afc-id h3{margin:0;font-size:1.15rem;font-family:'Marcellus',serif;font-weight:400;color:#fff;}
  .afc-id p{margin:3px 0 0;font-size:.82rem;color:rgba(255,255,255,.82);}
  .afc-badge{flex:0 0 auto;background:rgba(255,255,255,.22);color:#fff;font-size:.7rem;font-weight:600;padding:4px 11px;border-radius:20px;white-space:nowrap;}
  .afc-tags{display:flex;flex-wrap:wrap;gap:6px;}
  .afc-tags span{font-size:.72rem;background:rgba(255,255,255,.2);color:#fff;padding:3px 10px;border-radius:20px;}
  .afc-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-top:12px;font-size:.82rem;gap:10px;flex-wrap:wrap;}
  .afc-stats{display:inline-flex;align-items:center;gap:4px;color:rgba(255,255,255,.92);}
  .afc-stats svg{width:14px;height:14px;}
  .afc-star{width:13px;height:13px;color:#fde68a;}
  .afc-go{font-weight:600;color:#fff;}
  .as-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
  .as-card{display:flex;flex-direction:column;gap:14px;padding:18px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
  .as-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(17,96,76,.1);border-color:var(--emerald-soft);}
  .ac-head{display:flex;gap:13px;}
  .as-card .as-av{background:var(--ivory);color:var(--emerald-soft);}
  .ac-id{flex:1;min-width:0;}
  .ac-id h3{margin:0;font-size:1rem;color:var(--emerald-deep);display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
  .ac-badge{font-size:.65rem;font-weight:600;background:var(--emerald);color:#fff;padding:2px 8px;border-radius:20px;}
  .ac-id p{margin:2px 0 0;font-size:.8rem;color:#8a9a93;}
  .ac-stats{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.78rem;color:#6a7a73;}
  .ac-stats svg{width:13px;height:13px;stroke:var(--emerald-soft);}
  .ac-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
  .ac-tags span{font-size:.71rem;background:rgba(17,96,76,.07);color:var(--emerald);padding:3px 9px;border-radius:20px;}
  .as-empty{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:46px 20px;text-align:center;color:#8a9a93;}
  .as-empty svg{width:48px;height:48px;stroke:#bcc7c1;margin:0 auto 12px;display:block;}
  .as-empty h3{color:var(--emerald-deep);margin:0 0 4px;font-family:'Marcellus',serif;font-weight:400;}
  @media (max-width:760px){ .as-feat{grid-template-columns:1fr;} .as-hero{flex-direction:column;align-items:flex-start;} .as-hero-stats{align-self:stretch;justify-content:space-around;} }

  /* ===== Q&A faz 3: arama, favori, yorum tepkileri ===== */
  .qa-search{flex:1;position:relative;min-width:200px;}
  .qa-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#9bb0a8;}
  .qa-search input{width:100%;padding:10px 14px 10px 40px;border:1px solid rgba(17,96,76,.15);border-radius:30px;background:#fff;font:inherit;}
  .qa-search input:focus{outline:none;border-color:var(--emerald-soft);}
  .qa-search-info{font-size:.85rem;color:#6a7a73;margin:-8px 0 16px;}
  .qa-actbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:-8px 0 22px;}
  .qa-fav{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(201,161,74,.5);background:#fff;color:#b58a36;border-radius:30px;padding:8px 16px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:.2s ease;}
  .qa-fav svg{width:16px;height:16px;}
  .qa-fav:hover{background:rgba(201,161,74,.1);}
  .qa-fav.on{background:var(--gold);color:#fff;border-color:var(--gold);}
  .qa-actbar-meta{font-size:.82rem;color:#9bb0a8;}
  .qa-react{display:flex;gap:8px;margin-top:10px;}
  .qa-react form{margin:0;}
  .qa-react-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(17,96,76,.15);background:#fff;color:#6a7a73;border-radius:20px;padding:4px 12px;font:inherit;font-size:.8rem;cursor:pointer;transition:.15s ease;}
  .qa-react-btn svg{width:14px;height:14px;}
  .qa-react-btn:hover{border-color:var(--emerald-soft);}
  .qa-react-btn.on{background:var(--emerald);color:#fff;border-color:var(--emerald);}
  .pf-qlist{display:flex;flex-direction:column;gap:8px;}
  .pf-qitem{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid rgba(17,96,76,.1);border-radius:10px;}
  .pf-qitem a{color:var(--emerald-deep);text-decoration:none;font-size:.92rem;font-weight:500;}
  .pf-qitem a:hover{color:var(--gold);}
  .pf-qcat{font-size:.75rem;color:#9bb0a8;flex:0 0 auto;}

  /* ===== Âlim detay (İlim Kapısı birebir) ===== */
  .alim-d-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,var(--emerald),var(--emerald-deep));border-radius:18px;padding:22px 28px 26px;color:#fff;margin-bottom:20px;}
  .alim-d-hero::before{content:"";position:absolute;top:-100px;right:-60px;width:260px;height:260px;background:rgba(255,255,255,.06);border-radius:50%;}
  .alim-d-hero .breadcrumb{margin-bottom:16px;position:relative;z-index:1;}
  .alim-d-hero .breadcrumb a,.alim-d-hero .breadcrumb-current,.alim-d-hero .breadcrumb-sep{color:rgba(255,255,255,.75);}
  .alim-d-hero .breadcrumb a:hover{color:#fff;}
  .adh-top{display:flex;align-items:center;gap:20px;position:relative;z-index:1;flex-wrap:wrap;}
  .adh-avwrap{position:relative;flex:0 0 auto;}
  .adh-av{width:96px;height:96px;aspect-ratio:1;flex:0 0 96px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;overflow:hidden;}
  .adh-avwrap{align-self:center;}
  .adh-av img{width:100%;height:100%;object-fit:cover;}
  .adh-av svg{width:44px;height:44px;stroke:#fff;opacity:.7;}
  .adh-check{position:absolute;left:-6px;bottom:-6px;width:26px;height:26px;border-radius:50%;background:#22c55e;border:3px solid var(--emerald-deep);display:grid;place-items:center;color:#fff;}
  .adh-check svg{width:13px;height:13px;}
  .adh-main{flex:1;min-width:240px;}
  .adh-main h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.8rem;color:#fff;margin:0 0 4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .adh-badge{background:var(--gold);color:#fff;font-size:.72rem;font-weight:700;padding:3px 12px;border-radius:20px;}
  .adh-title{color:rgba(255,255,255,.85);margin:0 0 10px;font-size:.95rem;}
  .adh-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;}
  .adh-tags span{font-size:.74rem;background:rgba(255,255,255,.18);color:#fff;padding:3px 11px;border-radius:20px;}
  .adh-stats{display:flex;gap:26px;}
  .adh-stats b{display:flex;align-items:center;gap:4px;font-size:1.5rem;font-family:'Marcellus',serif;font-weight:400;color:#fff;line-height:1;}
  .adh-stats .afc-star{color:#fde68a;}
  .adh-stats span{font-size:.72rem;color:rgba(255,255,255,.7);}
  .adh-actions{display:flex;flex-direction:column;gap:8px;}
  .adh-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 18px;border-radius:30px;text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;}
  .adh-btn svg{width:16px;height:16px;}
  .adh-btn-gold{background:var(--gold);color:#fff;}
  .adh-btn-gold:hover{filter:brightness(1.06);}
  .adh-btn-out{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45);cursor:pointer;font:inherit;}
  .adh-btn-out:hover{background:rgba(255,255,255,.24);}
  .adh-btn-out.on{background:#fff;color:var(--emerald-deep);border-color:#fff;}
  .alim-d-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;}
  .alim-d-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 8px;}
  .alim-d-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:16px;background:none;border:0;border-bottom:2px solid transparent;color:#8a9a93;font:inherit;font-weight:600;font-size:.92rem;cursor:pointer;}
  .alim-d-tab svg{width:16px;height:16px;}
  .alim-d-tab.active{color:var(--emerald);border-bottom-color:var(--emerald);}
  .adt-count{background:rgba(17,96,76,.1);color:var(--emerald);font-size:.72rem;padding:1px 8px;border-radius:20px;}
  .adt{padding:20px;}
  .adt-empty{padding:30px;text-align:center;color:#8a9a93;}
  .ad-ans{display:block;padding:16px 18px;border:1px solid rgba(17,96,76,.16);border-radius:12px;text-decoration:none;margin-bottom:14px;background:#fff;box-shadow:0 1px 3px rgba(17,96,76,.05);transition:.2s ease;}
  .ad-ans:last-child{margin-bottom:0;}
  .ad-ans:hover{border-color:var(--emerald-soft);box-shadow:0 6px 16px rgba(17,96,76,.1);transform:translateY(-2px);}
  .ad-ans-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
  .ad-ans-head h3{margin:0;font-size:1.02rem;color:var(--emerald-deep);}
  .ad-ans-ok{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:#16a34a;}
  .ad-ans-ok svg{width:13px;height:13px;}
  .ad-ans p{margin:6px 0 10px;color:#6a7a73;font-size:.88rem;line-height:1.5;}
  .ad-ans-meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:#9bb0a8;flex-wrap:wrap;}
  .ad-ans-meta svg{width:13px;height:13px;stroke:#9bb0a8;}
  .ad-ans-cat{background:rgba(17,96,76,.08);color:var(--emerald);padding:2px 9px;border-radius:20px;}
  .alim-d-side{display:flex;flex-direction:column;gap:16px;}
  .p-side{padding:18px;}
  .side-title{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600;color:var(--emerald-deep);margin:0 0 14px;}
  .side-title svg{width:17px;height:17px;stroke:var(--emerald-soft);}
  .side-stat{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:.85rem;border-bottom:1px solid var(--border);color:#6a7a73;}
  .side-stat:last-child{border-bottom:0;}
  .side-stat b{color:var(--emerald-deep);}
  .side-gold{color:var(--gold) !important;}
  .side-bar{margin-bottom:12px;}
  .side-bar-top{display:flex;justify-content:space-between;font-size:.82rem;color:#5d6d66;margin-bottom:5px;}
  .side-bar-top small{color:#9bb0a8;}
  .side-bar-track{height:7px;background:rgba(17,96,76,.08);border-radius:10px;overflow:hidden;}
  .side-bar-track span{display:block;height:100%;border-radius:10px;}
  .side-cta{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));border:0;}
  .side-cta .side-title-w{color:#fff;}
  .side-cta .side-title-w svg{stroke:var(--gold-light);}
  .side-cta p{color:rgba(255,255,255,.82);font-size:.85rem;line-height:1.5;margin:0 0 14px;}
  .side-cta-btn{display:flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:var(--emerald-deep);text-decoration:none;font-weight:600;padding:11px;border-radius:12px;font-size:.9rem;}
  .side-cta-btn svg{width:16px;height:16px;}
  .side-cta-btn:hover{background:var(--ivory);}
  .side-sim{display:flex;align-items:center;gap:11px;padding:9px 0;text-decoration:none;border-bottom:1px solid var(--border);}
  .side-sim:last-child{border-bottom:0;}
  .side-sim-av{width:40px;height:40px;border-radius:10px;background:var(--ivory);display:grid;place-items:center;flex:0 0 auto;overflow:hidden;color:var(--emerald-soft);}
  .side-sim-av img{width:100%;height:100%;object-fit:cover;}
  .side-sim-av svg{width:20px;height:20px;}
  .side-sim b{display:block;font-size:.88rem;color:var(--emerald-deep);}
  .side-sim small{font-size:.76rem;color:#9bb0a8;}
  @media (max-width:920px){ .alim-d-layout{grid-template-columns:1fr;} .adh-actions{flex-direction:row;} }

  /* önyüzde .card (admin'e ait sınıf) için temel kart görünümü */
  .container .card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;overflow:hidden;}
  /* renkli kartların arka planı .container .card kuralı tarafından ezilmesin */
  .container .card.side-cta{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));border:0;}

  /* ===== Soru detay (İlim Kapısı birebir) ===== */
  .qd-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;}
  .qd-main{display:flex;flex-direction:column;gap:18px;min-width:0;}
  .qd-side{display:flex;flex-direction:column;gap:16px;}
  .qd-card,.qd-scard,.qd-qcard,.qd-answer,.qd-actbar,.qd-noanswer,.qd-scholar-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;}
  .qd-actbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;}
  .qd-actbar-l{display:flex;align-items:center;gap:16px;font-size:.84rem;color:#8a9a93;flex-wrap:wrap;}
  .qd-actbar-l span{display:inline-flex;align-items:center;gap:5px;}
  .qd-actbar-l svg{width:14px;height:14px;stroke:#9bb0a8;}
  .qd-ok{color:#16a34a !important;}
  .qd-ok svg{stroke:#16a34a !important;}
  .qd-actbar-r{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
  .qd-act{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:#fff;color:#6a7a73;border-radius:9px;padding:7px 12px;font:inherit;font-size:.82rem;cursor:pointer;transition:.15s ease;}
  .qd-act svg{width:14px;height:14px;}
  .qd-act:hover{border-color:var(--emerald-soft);color:var(--emerald);}
  .qd-act.on{background:var(--gold);color:#fff;border-color:var(--gold);}
  .qd-qcard{padding:24px;}
  .qd-cat{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;background:rgba(17,96,76,.08);color:var(--emerald);padding:4px 12px;border-radius:20px;margin-bottom:14px;}
  .qd-cat svg{width:14px;height:14px;}
  .qd-qcard h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.55rem;color:var(--emerald-deep);margin:0 0 16px;line-height:1.3;}
  .qd-qbox{display:flex;gap:12px;background:var(--ivory);border-left:3px solid var(--emerald-soft);border-radius:0 10px 10px 0;padding:16px;color:#4a5a53;line-height:1.7;}
  .qd-qbox-ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:rgba(17,96,76,.1);display:grid;place-items:center;}
  .qd-qbox-ic svg{width:16px;height:16px;stroke:var(--emerald-soft);}
  .qd-asker{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:18px;padding-top:16px;}
  .qd-asker-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;}
  .qd-asker b{display:block;color:var(--emerald-deep);font-size:.92rem;}
  .qd-asker small{color:#9bb0a8;font-size:.8rem;}
  .qd-noanswer{padding:30px;text-align:center;color:#8a9a93;}
  .qd-noanswer svg{width:34px;height:34px;stroke:#bcc7c1;margin:0 auto 8px;display:block;}
  .qd-noanswer p{margin:0;}
  .qd-answer{padding:24px;}
  .qd-answer-head{display:flex;align-items:center;gap:9px;font-family:'Marcellus',serif;font-size:1.2rem;color:var(--emerald-deep);margin-bottom:14px;}
  .qd-answer-ic{width:30px;height:30px;border-radius:50%;background:#22c55e;display:grid;place-items:center;}
  .qd-answer-ic svg{width:16px;height:16px;stroke:#fff;}
  .qd-accepted{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:.74rem;background:#e7f6ec;color:#15803d;padding:3px 10px;border-radius:20px;font-family:system-ui,sans-serif;}
  .qd-accepted svg{width:13px;height:13px;}
  .qd-answer-body{color:#3a4a43;line-height:1.8;white-space:pre-wrap;}
  .qd-scholar-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:18px;padding-top:16px;flex-wrap:wrap;}
  .qd-scholar-av{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;display:grid;place-items:center;font-weight:600;overflow:hidden;flex:0 0 auto;}
  .qd-scholar-av img{width:100%;height:100%;object-fit:cover;}
  .qd-scholar-id{flex:1;min-width:0;}
  .qd-scholar-id b{display:block;color:var(--emerald-deep);}
  .qd-scholar-id small{color:#8a9a93;font-size:.82rem;}
  .qd-scholar-meta{font-size:.76rem;color:#9bb0a8;margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;}
  .qd-scholar-meta svg{width:12px;height:12px;stroke:#9bb0a8;}
  .qd-profile-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--emerald-soft);color:var(--emerald);border-radius:9px;padding:8px 14px;text-decoration:none;font-size:.82rem;font-weight:600;}
  .qd-profile-btn svg{width:14px;height:14px;}
  .qd-profile-btn:hover{background:rgba(17,96,76,.07);}
  .qd-card{padding:22px;}
  .qd-card-title{display:flex;align-items:center;gap:8px;font-family:'Marcellus',serif;font-weight:400;font-size:1.2rem;color:var(--emerald-deep);margin:0 0 16px;}
  .qd-card-title svg{width:18px;height:18px;stroke:var(--gold);}
  .qd-badge{background:rgba(17,96,76,.1);color:var(--emerald);font-size:.72rem;padding:1px 9px;border-radius:20px;font-family:system-ui,sans-serif;}
  .qd-related-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;background:var(--ivory);border-radius:10px;margin-bottom:8px;text-decoration:none;color:var(--emerald-deep);font-size:.9rem;}
  .qd-related-item:hover{background:rgba(17,96,76,.06);}
  .qd-related-item em{flex:0 0 auto;font-style:normal;font-size:.72rem;display:inline-flex;align-items:center;gap:4px;}
  .qd-related-item em svg{width:13px;height:13px;}
  .qd-comment-form{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
  .qd-comment-form textarea{border:1px solid rgba(17,96,76,.18);border-radius:10px;padding:12px;font:inherit;resize:vertical;}
  .qd-comment-form textarea:focus{outline:none;border-color:var(--emerald-soft);}
  .qd-comment-form .send{align-self:flex-start;}
  .qd-cform{display:flex;gap:12px;background:var(--ivory);border:1px solid rgba(17,96,76,.12);border-radius:14px;padding:14px;margin-bottom:16px;}
  .qd-cform-av{flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem;}
  .qd-cform-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;}
  .qd-cform-main textarea{width:100%;border:1px solid rgba(17,96,76,.18);border-radius:12px;padding:11px 14px;font:inherit;resize:vertical;background:#fff;}
  .qd-cform-main textarea:focus{outline:none;border-color:var(--emerald-soft);}
  .qd-cform-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
  .qd-cform-foot>span{font-size:.8rem;color:#9bb0a8;}
  .qd-cform-btn{display:inline-flex;align-items:center;gap:7px;background:var(--emerald);color:#fff;border:0;border-radius:10px;padding:9px 18px;font:inherit;font-weight:600;font-size:.88rem;cursor:pointer;}
  .qd-cform-btn svg{width:15px;height:15px;}
  .qd-cform-btn:hover{background:var(--emerald-soft);}

  /* ===== Sorular listesi (İlim Kapısı düzeni) ===== */
  .ql-filter{display:flex;gap:10px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:14px;margin-bottom:20px;flex-wrap:wrap;}
  .ql-search{flex:1;position:relative;min-width:180px;}
  .ql-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;stroke:#9bb0a8;}
  .ql-search input{width:100%;padding:10px 14px 10px 40px;border:1px solid rgba(17,96,76,.15);border-radius:12px;background:var(--ivory);font:inherit;}
  .ql-search input:focus{outline:none;border-color:var(--emerald-soft);}
  .ql-select{padding:10px 14px;border:1px solid rgba(17,96,76,.15);border-radius:12px;background:var(--ivory);font:inherit;color:var(--emerald-deep);cursor:pointer;}
  .ql-filter-btn{display:inline-flex;align-items:center;gap:7px;background:var(--emerald);color:#fff;border:0;border-radius:12px;padding:10px 20px;font:inherit;font-weight:600;cursor:pointer;}
  .ql-filter-btn svg{width:16px;height:16px;}
  .ql-filter-btn:hover{background:var(--emerald-soft);}
  .ql-zsel{flex:0 0 190px;}
  .ql-zsel .zsel-trigger{min-height:44px;border-radius:12px;}
  .ql-zsel .zsel-pop{display:none;}
  .ql-zsel.open .zsel-pop{display:block;}
  .ql-zsel .zsel-list{max-height:280px;overflow-y:auto;padding:6px;}
  /* zsel açılır liste — ince/oksuz özel scrollbar */
  .zsel-list{scrollbar-width:thin;scrollbar-color:rgba(17,96,76,.3) transparent;}
  .zsel-list::-webkit-scrollbar{width:8px;}
  .zsel-list::-webkit-scrollbar-track{background:transparent;}
  .zsel-list::-webkit-scrollbar-thumb{background:rgba(17,96,76,.28);border-radius:8px;}
  .zsel-list::-webkit-scrollbar-thumb:hover{background:rgba(17,96,76,.45);}
  .zsel-list::-webkit-scrollbar-button,
  .zsel-list::-webkit-scrollbar-button:vertical:start,
  .zsel-list::-webkit-scrollbar-button:vertical:end,
  .zsel-list::-webkit-scrollbar-button:vertical:start:decrement,
  .zsel-list::-webkit-scrollbar-button:vertical:end:increment{display:none !important;width:0 !important;height:0 !important;}

  /* ===== Testler (quiz) ===== */
  .test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
  .test-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;transition:.2s ease;text-decoration:none;color:inherit;}
  .test-card,.test-card:hover,.test-card *{text-decoration:none;}
  .test-card:hover{border-color:var(--emerald-soft);box-shadow:0 8px 22px rgba(17,96,76,.1);transform:translateY(-2px);}
  .test-card-ic{width:50px;height:50px;border-radius:14px;background:var(--icon-bg);display:grid;place-items:center;color:#fff;}
  .test-card-ic svg{width:24px;height:24px;stroke:#fff;}
  .test-card-title{font-family:'Marcellus',serif;font-weight:400;font-size:1.15rem;color:var(--emerald-deep);margin:0;}
  .test-card-desc{color:#8a9a93;font-size:.86rem;line-height:1.5;margin:0;flex:1;}
  .test-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:.78rem;color:#9bb0a8;}
  .test-meta-i{display:inline-flex;align-items:center;gap:5px;}
  .test-meta-i svg{width:14px;height:14px;stroke:#9bb0a8;}
  .test-badge{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:20px;font-weight:600;}
  .test-badge.is-easy{background:#e7f6ec;color:#16a34a;}
  .test-badge.is-medium{background:#fdf3e2;color:#c2851b;}
  .test-badge.is-hard{background:#fdeaea;color:#dc2626;}
  .test-card-go{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--emerald);color:#fff;border-radius:11px;padding:10px;text-decoration:none;font-weight:600;font-size:.9rem;}
  .test-card-go svg{width:16px;height:16px;stroke:#fff;}
  .test-card-go:hover{background:var(--emerald-soft);}
  .test-empty{text-align:center;padding:50px 20px;color:#9bb0a8;}
  .test-empty-ic svg{width:42px;height:42px;stroke:#cbd5d0;}
  .test-info{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;}
  .test-info-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center;}
  .test-info-desc{color:#5d6d66;line-height:1.7;margin:0 0 18px;}
  .test-sec-title{font-size:1.05rem;color:var(--emerald-deep);font-weight:600;margin:18px 0 12px;}
  .test-attempt-list,.test-attempts{display:flex;flex-direction:column;gap:10px;}
  .test-attempt{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--ivory);border-radius:12px;}
  .test-attempt-score{font-weight:700;color:var(--emerald);}
  .test-attempt-meta{font-size:.8rem;color:#9bb0a8;}
  .test-start{margin-top:18px;}
  .test-start-btn{display:inline-flex;align-items:center;gap:8px;background:var(--emerald);color:#fff;border:0;border-radius:12px;padding:14px 28px;font:inherit;font-weight:700;cursor:pointer;font-size:1rem;text-decoration:none;}
  .test-start-btn:hover{background:var(--emerald-soft);}
  .test-note{color:#8a9a93;font-size:.88rem;}
  .test-timer{position:sticky;top:12px;z-index:5;display:inline-flex;align-items:center;gap:8px;background:var(--emerald-deep);color:#fff;padding:10px 18px;border-radius:30px;font-weight:700;margin-bottom:18px;}
  .test-timer.is-low{background:#dc2626;animation:tpulse 1s infinite;}
  @keyframes tpulse{50%{opacity:.55;}}
  .test-q{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px;margin-bottom:16px;}
  .test-q-head{display:flex;gap:10px;margin-bottom:14px;}
  .test-q-num{flex:0 0 auto;width:28px;height:28px;border-radius:8px;background:var(--emerald);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;}
  .test-q-text{font-size:1.02rem;color:var(--emerald-deep);line-height:1.5;font-weight:500;}
  .test-opts{display:flex;flex-direction:column;gap:10px;}
  .test-opt{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1.5px solid rgba(17,96,76,.15);border-radius:12px;cursor:pointer;transition:.15s ease;}
  .test-opt:hover{border-color:var(--emerald-soft);background:var(--ivory);}
  .test-opt input{position:absolute;opacity:0;width:0;height:0;}
  .test-opt.on,.test-opt:has(input:checked){border-color:var(--emerald);background:rgba(17,96,76,.07);}
  .test-opt-key{flex:0 0 auto;width:30px;height:30px;border-radius:8px;background:rgba(17,96,76,.08);color:var(--emerald);display:grid;place-items:center;font-weight:700;}
  .test-opt.on .test-opt-key,.test-opt:has(input:checked) .test-opt-key{background:var(--emerald);color:#fff;}
  .test-opt-text{color:var(--emerald-deep);}
  .test-submit{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--emerald-deep);border:0;border-radius:12px;padding:14px 30px;font:inherit;font-weight:700;cursor:pointer;font-size:1rem;margin-top:8px;}
  .test-submit:hover{background:var(--gold-light);}
  .test-result-card{text-align:center;padding:32px;border-radius:18px;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));}
  .test-result-card.is-great{background:linear-gradient(135deg,#16a34a,#0a3a2d);}
  .test-result-card.is-low{background:linear-gradient(135deg,#b45309,#7c2d12);}
  .test-result-score,.test-result-pct{font-size:3rem;font-weight:800;line-height:1;}
  .test-result-msg{font-size:1.05rem;margin-top:8px;opacity:.95;}
  .test-result-stats{display:flex;justify-content:center;gap:26px;margin-top:18px;}
  .test-stat{text-align:center;}
  .test-stat b{display:block;font-size:1.5rem;}
  .test-stat span{font-size:.78rem;opacity:.85;}
  .test-review{display:flex;flex-direction:column;gap:14px;}
  .test-rq{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:14px;padding:18px;}
  .test-rq-text,.test-rq-note{font-weight:600;color:var(--emerald-deep);margin:0 0 12px;}
  .test-ropt{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;margin-bottom:6px;font-size:.9rem;background:var(--ivory);color:#5d6d66;}
  .test-ropt.is-correct{background:#e7f6ec;color:#15803d;font-weight:600;}
  .test-ropt.is-wrong{background:#fdeaea;color:#b91c1c;}
  .test-ropt-tag{margin-left:auto;font-size:.72rem;}
  .test-explain,.test-rq-note{margin-top:10px;}
  .test-explain{padding:12px 14px;background:var(--ivory);border-radius:10px;font-size:.85rem;color:#5d6d66;line-height:1.6;display:flex;gap:8px;}
  .test-explain-ic svg{width:16px;height:16px;stroke:var(--gold);flex:0 0 auto;}
  .test-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
  @media (max-width:600px){ .test-result-stats{gap:16px;} }
  /* testler — düzen + günün testi + sağ sidebar */
  .test-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;}
  .test-main{min-width:0;}
  .test-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
  .test-head-ic{width:48px;height:48px;border-radius:14px;background:var(--icon-bg);color:#fff;display:grid;place-items:center;flex:0 0 auto;}
  .test-head-ic svg{width:24px;height:24px;stroke:#fff;}
  .test-head h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.7rem;color:var(--emerald-deep);margin:0;}
  .test-head p{margin:2px 0 0;color:#8a9a93;font-size:.9rem;}
  .test-daily{
    position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;
    border-radius:18px;padding:24px 28px;margin-bottom:22px;flex-wrap:wrap;
    background:
      radial-gradient(circle at 88% -20%, rgba(255,255,255,.30), transparent 40%),
      radial-gradient(circle at 4% 130%, rgba(255,255,255,.20), transparent 42%),
      radial-gradient(circle at 75% 140%, rgba(10,58,45,.12), transparent 46%),
      linear-gradient(120deg,#d6ab43 0%, var(--gold) 46%, var(--gold-light) 100%);
    box-shadow:0 14px 34px rgba(201,161,74,.32);
  }
  .test-daily::before{content:"";position:absolute;top:-45px;right:-35px;width:170px;height:170px;border-radius:50%;background:rgba(255,255,255,.14);z-index:0;}
  .test-daily::after{content:"";position:absolute;bottom:-55px;left:-25px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.10);z-index:0;}
  .test-daily-info,.test-daily-xp{position:relative;z-index:1;}
  .test-daily h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.4rem;color:var(--emerald-deep);margin:8px 0 4px;}
  .test-daily p{color:rgba(10,58,45,.72);font-size:.86rem;margin:0 0 14px;}
  .test-daily-badge{display:inline-block;background:rgba(10,58,45,.16);color:var(--emerald-deep);font-size:.7rem;font-weight:700;letter-spacing:1px;padding:3px 10px;border-radius:20px;}
  .test-daily-btn{display:inline-flex;align-items:center;gap:7px;background:var(--emerald-deep);color:#fff;text-decoration:none;border-radius:11px;padding:11px 22px;font-weight:600;font-size:.9rem;}
  .test-daily-btn svg{width:16px;height:16px;stroke:#fff;}
  .test-daily-btn:hover{background:var(--emerald);}
  .test-daily-tags{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
  .test-daily-count{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;color:rgba(10,58,45,.75);}
  .test-daily-count svg{width:13px;height:13px;stroke:rgba(10,58,45,.7);}
  .test-daily-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
  .test-daily-solved{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:rgba(10,58,45,.72);}
  .test-daily-solved svg{width:15px;height:15px;stroke:rgba(10,58,45,.7);}
  .test-daily-xp{flex:0 0 auto;text-align:center;background:rgba(255,255,255,.42);border-radius:16px;padding:16px 22px;}
  .test-daily-trophy svg{width:36px;height:36px;stroke:var(--emerald-deep);margin:0 auto 6px;display:block;}
  .test-daily-xp b{display:block;font-size:1.05rem;color:var(--emerald-deep);}
  .test-prog{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
  .test-prog-top{display:flex;justify-content:space-between;font-size:.76rem;color:#8a9a93;margin-bottom:5px;}
  .test-prog-top b{color:#16a34a;}
  .test-prog-bar{height:6px;background:rgba(17,96,76,.1);border-radius:6px;overflow:hidden;}
  .test-prog-bar span{display:block;height:100%;background:#16a34a;border-radius:6px;}
  .test-prog-none{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:6px;font-size:.78rem;color:#9bb0a8;}
  .test-prog-none svg{width:14px;height:14px;stroke:#9bb0a8;}
  .test-side{display:flex;flex-direction:column;gap:16px;}
  .test-swid,.test-weekly{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:18px;}
  .test-swid h3,.test-weekly h3{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--emerald-deep);margin:0 0 14px;}
  .test-swid h3 svg,.test-weekly h3 svg{width:17px;height:17px;stroke:var(--gold);}
  .test-swid-empty{color:#9bb0a8;font-size:.82rem;text-align:center;padding:8px 0;}
  .test-lb{display:flex;align-items:center;gap:10px;padding:7px 0;}
  .test-lb-rank{flex:0 0 auto;width:24px;height:24px;border-radius:7px;background:var(--ivory);color:#8a9a93;display:grid;place-items:center;font-weight:700;font-size:.78rem;}
  .test-lb-rank.top{background:var(--gold);color:#fff;}
  .test-lb-name{flex:1;min-width:0;color:var(--emerald-deep);font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .test-lb-xp{font-size:.78rem;color:var(--emerald);font-weight:600;}
  .test-ach{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
  .test-ach-av{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--icon-bg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem;}
  .test-ach-body{min-width:0;}
  .test-ach-body p{margin:0;font-size:.82rem;color:#5d6d66;}
  .test-ach-body em{font-style:normal;color:#16a34a;font-weight:600;}
  .test-ach-body small{color:#9bb0a8;font-size:.72rem;}
  .test-weekly{background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;border:0;}
  .test-weekly h3{color:#fff;}
  .test-weekly h3 svg{stroke:var(--gold-light);}
  .test-weekly-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
  .test-weekly-grid div{background:rgba(255,255,255,.12);border-radius:12px;padding:12px;text-align:center;}
  .test-weekly-grid b{display:block;font-size:1.4rem;}
  .test-weekly-grid span{font-size:.72rem;opacity:.82;}
  @media (max-width:920px){ .test-layout{grid-template-columns:1fr;} }
  /* test detay SPA */
  .test-detail-hero{position:relative;overflow:hidden;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));color:#fff;border-radius:18px 18px 0 0;padding:28px;}
  .test-detail-deco{position:absolute;top:-70px;right:-50px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.10);}
  .test-detail-ic{position:relative;z-index:1;width:58px;height:58px;border-radius:16px;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:0 0 auto;}
  .test-detail-ic svg{width:28px;height:28px;stroke:#fff;}
  .test-detail-hbody{position:relative;z-index:1;flex:1;min-width:0;}
  .test-detail-hbody h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.55rem;margin:0 0 6px;color:#fff;}
  .test-detail-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .test-detail-cat{font-size:.82rem;color:rgba(255,255,255,.85);}
  .test-detail-desc{position:relative;z-index:1;width:100%;color:rgba(255,255,255,.9);font-size:.9rem;margin:10px 0 0;line-height:1.6;}
  .test-stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .test-stat-box{background:var(--ivory);border-radius:14px;padding:14px;text-align:center;}
  .test-stat-ic{width:38px;height:38px;border-radius:10px;background:rgba(17,96,76,.08);display:grid;place-items:center;margin:0 auto 8px;}
  .test-stat-ic svg{width:18px;height:18px;stroke:var(--emerald-soft);}
  .test-stat-box b{display:block;font-size:1.3rem;color:var(--emerald-deep);}
  .test-stat-box span,.test-stat-box small{display:block;font-size:.74rem;color:#9bb0a8;margin-top:2px;}
  .test-stat-box{transition:transform .18s ease,box-shadow .18s ease;}
  .test-stat-box:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(10,58,45,.07);}
  .test-attempt-score.is-pass{color:#16a34a;}
  .test-attempt-score.is-low{color:#d97706;}
  .test-attempt-go{display:inline-flex;align-items:center;gap:5px;color:var(--emerald);font-size:.84rem;font-weight:600;text-decoration:none;}
  .test-attempt-go svg{width:15px;height:15px;}
  .test-solve-top{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:18px;margin-bottom:16px;}
  .test-solve-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
  .test-solve-prog{font-size:.84rem;color:#9bb0a8;}
  .test-solve-bar{height:8px;background:rgba(17,96,76,.1);border-radius:8px;overflow:hidden;}
  .test-solve-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold));border-radius:8px;transition:width .3s ease;}
  .test-dots{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:14px;}
  .test-dot{width:30px;height:30px;border-radius:9px;border:1.5px solid rgba(17,96,76,.18);background:#fff;color:#8a9a93;font-size:.8rem;font-weight:600;cursor:pointer;display:grid;place-items:center;}
  .test-dot.is-done{background:rgba(22,163,74,.12);border-color:#16a34a;color:#16a34a;}
  .test-dot.is-cur{background:var(--emerald);border-color:var(--emerald);color:#fff;}
  .test-q-xp{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;color:var(--gold-light);}
  .test-q-xp svg{width:14px;height:14px;stroke:var(--gold-light);}
  .test-opt.is-sel{border-color:var(--emerald);background:rgba(17,96,76,.07);}
  .test-opt.is-sel .test-opt-key{background:var(--emerald);color:#fff;}
  .test-opt-txt{color:var(--emerald-deep);}
  .test-q-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;background:var(--ivory);border-top:1px solid var(--border);}
  .test-nav-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:#6a7a73;font:inherit;font-weight:600;cursor:pointer;padding:9px 14px;border-radius:10px;}
  .test-nav-btn:disabled{opacity:.4;cursor:default;}
  .test-nav-btn svg{width:18px;height:18px;}
  .test-nav-btn.is-next{background:var(--emerald);color:#fff;}
  .test-nav-btn.is-next:hover{background:var(--emerald-soft);}
  .test-finish-btn{display:inline-flex;align-items:center;gap:7px;background:var(--gold);color:var(--emerald-deep);border:0;border-radius:10px;padding:10px 20px;font:inherit;font-weight:700;cursor:pointer;}
  .test-finish-btn svg{width:17px;height:17px;}
  .test-finish-btn:hover{background:var(--gold-light);}
  .test-swid-rows{display:flex;flex-direction:column;gap:8px;}
  .test-swid-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--ivory);border-radius:10px;font-size:.85rem;color:#5d6d66;}
  .test-swid-row b{color:var(--emerald-deep);}
  .test-swid-stat{margin-bottom:10px;}
  .test-keys{display:flex;flex-direction:column;gap:8px;font-size:.84rem;color:#6a7a73;}
  .test-keys>div{display:flex;align-items:center;justify-content:space-between;}
  .test-keys kbd{background:var(--ivory);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:.74rem;font-family:monospace;}
  /* test çöz — TÜM SORULAR TEK SAYFA */
  .test-runbar{position:sticky;top:10px;z-index:20;background:#fff;border:1px solid rgba(17,96,76,.14);border-radius:16px;padding:16px 20px;margin-bottom:18px;box-shadow:0 8px 24px rgba(10,58,45,.08);}
  .test-runbar-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
  .test-runbar-info{min-width:0;}
  .test-runbar-title{font-family:'Marcellus',serif;font-weight:400;font-size:1.2rem;color:var(--emerald-deep);margin:0;line-height:1.2;}
  .test-runbar-sub{font-size:.82rem;color:#9bb0a8;}
  .test-runbar-sub b{color:var(--emerald);font-size:.95rem;}
  .test-runbar-actions{display:flex;align-items:center;gap:10px;}
  .test-runbar-bar{height:7px;background:rgba(17,96,76,.1);border-radius:7px;overflow:hidden;margin-top:14px;}
  .test-runbar-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--emerald),var(--gold));border-radius:7px;transition:width .35s ease;}
  .test-chip-timer{display:inline-flex;align-items:center;gap:7px;background:var(--emerald-deep);color:#fff;padding:9px 15px;border-radius:30px;font-weight:700;font-size:.9rem;}
  .test-chip-timer svg{width:16px;height:16px;stroke:#fff;}
  .test-chip-timer.is-low{background:#dc2626;animation:tpulse 1s infinite;}
  .test-qlist{display:flex;flex-direction:column;gap:16px;}
  .test-qcard{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:22px 24px;scroll-margin-top:96px;transition:border-color .2s ease,box-shadow .2s ease;}
  .test-qcard.is-answered{border-color:rgba(22,163,74,.45);box-shadow:0 4px 14px rgba(22,163,74,.07);}
  .test-qcard-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:16px;}
  .test-qcard-num{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--emerald);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem;transition:background .2s ease;}
  .test-qcard.is-answered .test-qcard-num{background:#16a34a;}
  .test-qcard-text{font-size:1.04rem;color:var(--emerald-deep);line-height:1.55;font-weight:500;margin:4px 0 0;}
  .test-runfoot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px;padding:22px 26px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));}
  .test-runfoot-txt b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:1.15rem;}
  .test-runfoot-txt span{font-size:.85rem;opacity:.85;}
  .test-finish-btn.is-lg{padding:13px 26px;font-size:1rem;}
  .test-mapwid .test-map-head{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#8a9a93;margin-bottom:12px;}
  .test-mapwid .test-map-head b{color:var(--emerald-deep);}
  .test-map{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;}
  .test-map-cell{aspect-ratio:1;border-radius:9px;border:1.5px solid rgba(17,96,76,.18);background:#fff;color:#8a9a93;font-size:.82rem;font-weight:600;cursor:pointer;display:grid;place-items:center;transition:.15s ease;}
  .test-map-cell:hover{border-color:var(--emerald-soft);}
  .test-map-cell.is-done{background:var(--emerald);border-color:var(--emerald);color:#fff;}
  .test-map-hint{display:flex;align-items:flex-start;gap:6px;margin:12px 0 0;font-size:.74rem;color:#9bb0a8;line-height:1.4;}
  .test-map-hint svg{width:13px;height:13px;stroke:#9bb0a8;flex:0 0 auto;margin-top:1px;}
  @media (max-width:600px){
    .test-runbar-actions{width:100%;justify-content:space-between;}
    .test-runfoot{flex-direction:column;align-items:stretch;text-align:center;}
    .test-runfoot .test-finish-btn{justify-content:center;}
  }
  /* test sonuç */
  .test-res-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(10,58,45,.10);margin-bottom:20px;}
  .test-res-head{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:22px 26px;color:#fff;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));}
  .test-res-head.is-great{background:linear-gradient(135deg,#16a34a,#0a3a2d);}
  .test-res-head.is-good{background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));}
  .test-res-head.is-low{background:linear-gradient(135deg,#e0892a,#b4480f);}
  .test-res-head-ic{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:0 0 auto;}
  .test-res-head-ic svg{width:28px;height:28px;stroke:#fff;}
  .test-res-head h2{font-size:1.25rem;margin:0;}
  .test-res-head p{margin:2px 0 0;opacity:.9;font-size:.9rem;}
  .test-res-body{display:grid;grid-template-columns:200px 1fr;gap:24px;padding:26px;align-items:center;}
  .test-res-circle{position:relative;width:160px;height:160px;margin:0 auto;}
  .test-res-circle svg{width:100%;height:100%;transform:rotate(-90deg);}
  .test-res-circle-bg{fill:none;stroke:rgba(17,96,76,.12);}
  .test-res-circle-fg{fill:none;stroke:var(--emerald);stroke-linecap:round;transition:stroke-dashoffset 1.2s ease;}
  .test-res-circle-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
  .test-res-circle-c b{font-size:2.2rem;color:var(--emerald-deep);line-height:1;}
  .test-res-circle-c span{font-size:.74rem;color:#9bb0a8;margin-top:4px;}
  .test-res-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
  .test-res-stat{border-radius:14px;padding:16px;text-align:center;border:1px solid var(--border);}
  .test-res-stat.is-ok{background:#e7f6ec;border-color:#bbe6c8;}
  .test-res-stat.is-no{background:#fdeaea;border-color:#f6c9c9;}
  .test-res-stat.is-time{background:rgba(17,96,76,.06);}
  .test-res-stat b{display:block;font-size:1.6rem;}
  .test-res-stat.is-ok b{color:#16a34a;}
  .test-res-stat.is-no b{color:#dc2626;}
  .test-res-stat.is-time b{color:var(--emerald);}
  .test-res-stat span{font-size:.78rem;color:#6a7a73;}
  .test-res-stat-ic svg{width:18px;height:18px;}
  .test-res-xp,.test-res-rank{display:flex;align-items:center;gap:14px;margin:0 26px 16px;padding:14px 18px;border-radius:14px;}
  .test-res-xp{background:linear-gradient(90deg,rgba(201,161,74,.18),rgba(232,207,142,.12));border:1px solid rgba(201,161,74,.3);}
  .test-res-xp-ic{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:grid;place-items:center;flex:0 0 auto;}
  .test-res-xp-ic svg{width:22px;height:22px;stroke:var(--emerald-deep);}
  .test-res-xp b{display:block;font-size:1.4rem;color:#b4801f;}
  .test-res-xp span{font-size:.8rem;color:#8a7a4a;}
  .test-res-rank{background:var(--ivory);}
  .test-res-rank-ic,.test-res-rank-no{width:46px;height:46px;border-radius:50%;background:var(--emerald);color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.2rem;flex:0 0 auto;}
  .test-res-rank-label{font-weight:600;color:var(--emerald-deep);}
  .test-res-rank-total{font-size:.8rem;color:#9bb0a8;}
  .test-res-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;}
  .test-res-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 18px;border-radius:14px;background:#fff;border:1px solid rgba(17,96,76,.15);color:var(--emerald-deep);text-decoration:none;font-weight:600;font-size:.9rem;cursor:pointer;font-family:inherit;}
  .test-res-btn:hover{background:var(--ivory);}
  .test-res-btn svg{width:17px;height:17px;}
  .test-res-btn.is-primary{background:var(--emerald);color:#fff;border-color:var(--emerald);}
  .test-res-btn.is-primary svg{stroke:#fff;}
  .test-res-btn.is-primary:hover{background:var(--emerald-soft);}
  .test-res-review{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px;}
  .test-res-review-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;}
  .test-res-review-title h3{font-size:1.05rem;color:var(--emerald-deep);margin:0;}
  .test-res-review-all{color:var(--emerald);font-size:.85rem;font-weight:600;text-decoration:none;}
  .test-rv-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--ivory);border-radius:12px;margin-bottom:8px;border:1px solid transparent;}
  .test-rv-item.is-ok{border-color:#bbe6c8;}
  .test-rv-item.is-no{border-color:#f6c9c9;}
  .test-rv-ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto;}
  .test-rv-item.is-ok .test-rv-ic{background:#16a34a;}
  .test-rv-item.is-no .test-rv-ic{background:#dc2626;}
  .test-rv-ic svg{width:18px;height:18px;stroke:#fff;}
  .test-rv-top{display:flex;align-items:center;gap:8px;margin-bottom:3px;}
  .test-rv-badge{font-size:.7rem;padding:2px 8px;border-radius:20px;font-weight:600;}
  .test-rv-badge.is-ok{background:#e7f6ec;color:#16a34a;}
  .test-rv-badge.is-no{background:#fdeaea;color:#dc2626;}
  .test-rv-q{font-size:.86rem;color:#5d6d66;}
  /* test cevap detayları */
  .test-ans-header{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;}
  .test-ans-header-info h1{font-size:1.4rem;color:var(--emerald-deep);margin:0;display:flex;align-items:center;gap:10px;}
  .test-ans-header-info h1 svg{width:24px;height:24px;stroke:var(--emerald-soft);}
  .test-ans-header-info p{margin:4px 0 0;color:#9bb0a8;font-size:.88rem;}
  .test-ans-chips{display:flex;gap:8px;flex-wrap:wrap;}
  .test-ans-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:10px;font-size:.85rem;font-weight:600;}
  .test-ans-chip svg{width:15px;height:15px;}
  .test-ans-chip.is-ok{background:#e7f6ec;color:#16a34a;}
  .test-ans-chip.is-no{background:#fdeaea;color:#dc2626;}
  .test-ans-chip.is-score{background:rgba(17,96,76,.08);color:var(--emerald);}
  .test-ans-list{display:flex;flex-direction:column;gap:16px;}
  .test-ans-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;overflow:hidden;}
  .test-ans-card.is-ok{border-color:#bbe6c8;}
  .test-ans-card.is-no{border-color:#f6c9c9;}
  .test-ans-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);}
  .test-ans-num{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;}
  .test-ans-num.is-ok{background:#16a34a;}
  .test-ans-num.is-no{background:#dc2626;}
  .test-ans-num svg{width:18px;height:18px;stroke:#fff;}
  .test-ans-q-no{font-weight:700;color:var(--emerald-deep);}
  .test-ans-badge{font-size:.72rem;padding:2px 9px;border-radius:20px;font-weight:600;}
  .test-ans-badge.is-ok{background:#e7f6ec;color:#16a34a;}
  .test-ans-badge.is-no{background:#fdeaea;color:#dc2626;}
  .test-ans-q-text{font-weight:500;color:var(--emerald-deep);padding:18px 18px 4px;line-height:1.5;}
  .test-ans-opts{display:flex;flex-direction:column;gap:9px;padding:14px 18px;}
  .test-ans-opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;border:1px solid var(--border);background:var(--ivory);font-size:.9rem;color:#5d6d66;}
  .test-ans-opt.is-correct{background:#e7f6ec;border-color:#bbe6c8;color:#15803d;}
  .test-ans-opt.is-wrong{background:#fdeaea;border-color:#f6c9c9;color:#b91c1c;}
  .test-ans-opt-key{width:30px;height:30px;border-radius:8px;background:rgba(17,96,76,.08);display:grid;place-items:center;font-weight:700;flex:0 0 auto;}
  .test-ans-opt.is-correct .test-ans-opt-key{background:#16a34a;color:#fff;}
  .test-ans-opt.is-wrong .test-ans-opt-key{background:#dc2626;color:#fff;}
  .test-ans-opt-text{flex:1;}
  .test-ans-opt-ic{flex:0 0 auto;}
  .test-ans-opt-ic svg{width:18px;height:18px;}
  .test-ans-opt.is-correct .test-ans-opt-ic svg{stroke:#16a34a;}
  .test-ans-opt.is-wrong .test-ans-opt-ic svg{stroke:#dc2626;}
  .test-ans-exp{display:flex;gap:10px;margin:4px 18px 18px;padding:14px;background:#fbf6ea;border:1px solid rgba(201,161,74,.3);border-radius:12px;}
  .test-ans-exp-ic svg{width:18px;height:18px;stroke:#b58a36;flex:0 0 auto;}
  .test-ans-exp b{display:block;color:#8a6a1f;font-size:.85rem;margin-bottom:3px;}
  .test-ans-exp p{margin:0;color:#6a7a73;font-size:.85rem;line-height:1.6;}
  .test-ans-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px;}
  @media (max-width:600px){ .test-res-body{grid-template-columns:1fr;} .test-res-stats{grid-template-columns:repeat(3,1fr);} }
  /* ===== Testler — premium cila & efektler ===== */
  /* detay: "nasıl çözülür" şeridi */
  .test-howto{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;}
  .test-howto-item{display:inline-flex;align-items:center;gap:7px;background:var(--ivory);border:1px solid rgba(17,96,76,.1);color:#5d6d66;border-radius:11px;padding:9px 13px;font-size:.82rem;font-weight:500;}
  .test-howto-item svg{width:15px;height:15px;stroke:var(--emerald-soft);flex:0 0 auto;}
  /* detay: en iyi skor rozeti */
  .test-detail-best{display:inline-flex;align-items:center;gap:6px;background:rgba(201,161,74,.22);color:#fff;border:1px solid rgba(232,207,142,.5);font-size:.78rem;font-weight:600;padding:4px 11px;border-radius:20px;}
  .test-detail-best svg{width:14px;height:14px;stroke:var(--gold-light);}
  /* detay: başla bloğu + premium CTA */
  .test-start{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px;}
  .test-start-btn{position:relative;overflow:hidden;box-shadow:0 12px 26px -8px rgba(17,96,76,.5);transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
  .test-start-btn::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);}
  .test-start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 32px -8px rgba(17,96,76,.55);}
  .test-start-btn:hover::after{animation:tshine .85s ease;}
  @keyframes tshine{to{left:130%;}}
  .test-start-note{display:inline-flex;align-items:center;gap:7px;color:#8a9a93;font-size:.85rem;}
  .test-start-note svg{width:15px;height:15px;stroke:var(--emerald-soft);}
  /* çözme: TEK SORU sahnesi + animasyonlu oto-geçiş */
  .test-stage{position:relative;}
  .test-qcard-solo{padding:30px 30px 18px;}
  .test-qcard-solo .test-qcard-num{width:36px;height:36px;font-size:1rem;}
  .test-qcard-solo .test-qcard-text{font-size:1.18rem;line-height:1.5;}
  .test-qcard-solo .test-opts{margin-top:4px;gap:12px;}
  .test-qcard-solo .test-opt{padding:15px 18px;}
  .test-card-anim{transition:opacity .22s ease,transform .22s ease;}
  .test-card-anim.is-leave{opacity:0;transform:translateX(-26px);}
  .test-card-anim.is-enter{animation:tslidein .26s ease;}
  @keyframes tslidein{from{opacity:0;transform:translateX(28px);}to{opacity:1;transform:translateX(0);}}
  .test-qcard-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);}
  .test-back-btn,.test-skip-btn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#8a9a93;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer;padding:7px 10px;border-radius:9px;transition:.15s ease;}
  .test-back-btn:hover,.test-skip-btn:hover{background:var(--ivory);color:var(--emerald);}
  .test-back-btn:disabled{opacity:0;pointer-events:none;}
  .test-skip-hint{font-size:.78rem;color:#bcc7c1;}
  .test-opt{transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease;}
  .test-opt:active{transform:scale(.99);}
  .test-opt.is-sel{box-shadow:0 6px 16px rgba(17,96,76,.14);transform:translateX(2px);}
  /* çözme: özet / bitir ekranı */
  .test-summary-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;box-shadow:0 16px 40px rgba(10,58,45,.08);padding:34px 28px;text-align:center;animation:tslidein .3s ease;}
  .test-summary-ic{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--emerald-soft),var(--emerald-deep));display:grid;place-items:center;margin:0 auto 14px;}
  .test-summary-card.is-warn .test-summary-ic{background:linear-gradient(135deg,#e0892a,#b4480f);}
  .test-summary-ic svg{width:30px;height:30px;stroke:#fff;}
  .test-summary-card h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.5rem;color:var(--emerald-deep);margin:0 0 6px;}
  .test-summary-card>p{color:#8a9a93;font-size:.92rem;margin:0 auto 22px;max-width:440px;line-height:1.6;}
  .test-summary-stat{display:flex;justify-content:center;gap:14px;margin-bottom:24px;flex-wrap:wrap;}
  .test-summary-stat>div{min-width:96px;background:var(--ivory);border-radius:14px;padding:14px 18px;}
  .test-summary-stat b{display:block;font-size:1.8rem;color:var(--emerald-deep);line-height:1;}
  .test-summary-stat>div:nth-child(2) b{color:#d97706;}
  .test-summary-stat span{font-size:.76rem;color:#9bb0a8;}
  .test-summary-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
  .test-summary-actions .test-back-btn{border:1px solid var(--border);padding:12px 18px;}
  /* çözme: harita sidebar'da sabit kalsın (uzun, 20-30 soruluk testler) */
  .test-mapwid{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;}
  .test-map-cell.is-current{outline:2px solid var(--gold);outline-offset:1px;color:var(--emerald-deep);}
  .test-map-cell.is-current.is-done{color:#fff;}
  .test-runbar-step{font-size:.9rem;color:var(--emerald-deep);font-weight:600;}
  .test-runbar-step b{color:var(--emerald);font-size:1.05rem;}
  .test-exit{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#9bb0a8;transition:.15s ease;flex:0 0 auto;}
  .test-exit:hover{background:#fdeaea;color:#dc2626;}
  .test-exit svg{width:18px;height:18px;}
  /* liste: kart belirme (kademeli) */
  .test-grid .test-card{animation:tfade .5s ease backwards;}
  .test-grid .test-card:nth-child(1){animation-delay:.02s;}
  .test-grid .test-card:nth-child(2){animation-delay:.07s;}
  .test-grid .test-card:nth-child(3){animation-delay:.12s;}
  .test-grid .test-card:nth-child(4){animation-delay:.17s;}
  .test-grid .test-card:nth-child(5){animation-delay:.22s;}
  .test-grid .test-card:nth-child(n+6){animation-delay:.27s;}
  .test-card-ic{transition:transform .2s ease;}
  .test-card:hover .test-card-ic{transform:scale(1.06) rotate(-3deg);}
  @keyframes tfade{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
  /* sonuç & XP delight */
  .test-res-card{animation:tfade .5s ease;}
  .test-res-xp-ic svg,.test-res-head-ic svg{will-change:transform;}
  @media (prefers-reduced-motion: reduce){
    .test-qcard,.test-grid .test-card,.test-res-card{opacity:1!important;transform:none!important;animation:none!important;}
    .test-start-btn:hover::after{animation:none;}
    .test-chip-timer.is-low,.test-qcard.is-missing{animation:none;}
  }
  @media (max-width:600px){ .ql-zsel{flex:1 1 auto;} }
  .ql-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;}
  .ql-main{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;overflow:hidden;}
  .ql-card{display:flex;gap:16px;padding:20px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border);transition:background .15s ease;}
  .ql-card:last-of-type{border-bottom:0;}
  .ql-card:hover{background:var(--ivory);}
  /* sprite ikonlar currentColor kullanır → renk 'color' ile verilir (a mavisi sızmasın) */
  .ql-card-ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:rgba(17,96,76,.08);display:grid;place-items:center;color:var(--emerald-soft);}
  .ql-card-ic svg{width:22px;height:22px;stroke:currentColor;}
  .ql-card-body{flex:1;min-width:0;}
  .ql-card-body h3{margin:0 0 5px;color:var(--emerald-deep);font-size:1.05rem;}
  .ql-card-body p{margin:0 0 10px;color:#8a9a93;font-size:.88rem;line-height:1.5;overflow:hidden;}
  .ql-card-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:.78rem;color:#9bb0a8;}
  .ql-card-meta svg{width:13px;height:13px;stroke:#9bb0a8;vertical-align:-2px;}
  .ql-card-cat{background:rgba(17,96,76,.08);color:var(--emerald);padding:2px 9px;border-radius:20px;}
  .ql-card-ok{color:#16a34a;}
  .ql-card-ok svg{stroke:#16a34a;}
  /* öne çıkan soru — gold vurgulu kart */
  .ql-card--featured{
    background:linear-gradient(135deg, rgba(201,161,74,.08), rgba(201,161,74,.02));
    border-left:3px solid var(--gold);}
  .ql-card--featured:hover{background:linear-gradient(135deg, rgba(201,161,74,.13), rgba(201,161,74,.04));}
  .ql-card--featured .ql-card-ic{background:linear-gradient(135deg, var(--gold-light), var(--gold));color:var(--emerald-deep);}
  .ql-card--featured .ql-card-ic svg{fill:var(--emerald-deep);}
  .ql-card-feat{
    display:inline-flex;align-items:center;gap:4px;margin-bottom:5px;
    font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#a8842f;}
  .ql-card-feat svg{width:12px;height:12px;stroke:#a8842f;fill:#a8842f;}
  .ql-pager{display:flex;justify-content:center;gap:6px;padding:18px;}
  .ql-pg{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:9px;text-decoration:none;color:var(--emerald-deep);font-size:.9rem;}
  .ql-pg:hover{border-color:var(--emerald-soft);}
  .ql-pg.on{background:var(--emerald);color:#fff;border-color:var(--emerald);}
  .ql-pg.off{opacity:.4;pointer-events:none;}
  .ql-side{display:flex;flex-direction:column;gap:16px;}
  .ql-scard{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:18px;}
  .ql-scard-title{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600;color:var(--emerald-deep);margin:0 0 14px;}
  .ql-scard-title svg{width:17px;height:17px;stroke:var(--gold);}
  .ql-cat{display:flex;align-items:center;gap:11px;padding:10px;border-radius:11px;text-decoration:none;margin-bottom:6px;transition:background .15s ease;}
  .ql-cat:hover,.ql-cat.on{background:var(--ivory);}
  .ql-cat-ic{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:var(--icon-bg);display:grid;place-items:center;}
  .ql-cat-ic svg{width:18px;height:18px;stroke:#fff;}
  .ql-cat-info{flex:1;min-width:0;}
  .ql-cat-info b{display:block;color:var(--emerald-deep);font-size:.9rem;}
  .ql-cat-info small{color:#9bb0a8;font-size:.76rem;}
  .ql-cat-arr{width:16px;height:16px;stroke:#bcc7c1;flex:0 0 auto;}
  .ql-allcats{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:11px;border:1px dashed rgba(17,96,76,.25);border-radius:11px;text-decoration:none;color:var(--emerald);font-size:.85rem;font-weight:600;}
  .ql-allcats svg{width:15px;height:15px;stroke:var(--emerald-soft);}
  .ql-allcats:hover{background:var(--ivory);}
  @media (max-width:920px){ .ql-layout{grid-template-columns:1fr;} }

  /* ===== TESTLER v2 — yeni editorial tasarım (Newsreader+Inter, scoped .tq) ===== */
  .tq{
    /* SİTE TEMASINA SENKRON: emerald + gold + cream (default site renkleri) */
    --ink:#11604c;--ink-2:#1c7860;--ink-3:#0a3a2d;          /* --emerald / --emerald-soft / --emerald-deep */
    --paper:#f6f1e4;--card:#fbf8f0;                          /* --cream / --ivory */
    --gold:#c9a14a;--gold-2:#d8b35a;--gold-soft:#e8cf8e;     /* --gold / (lift) / --gold-light */
    --text:#1f2a25;--muted:#6c7972;
    --line:#e6dcc6;--line-2:#efe7d6;
    --correct:#1c7860;--correct-bg:#e6f1ea;--wrong:#b0473a;--wrong-bg:#f6e7e3;
    --shadow:0 1px 2px rgba(10,58,45,.04),0 8px 24px rgba(10,58,45,.06);--radius:14px;
    font-family:"Inter",system-ui,sans-serif;color:var(--text);position:relative;
    background-image:radial-gradient(circle at 1px 1px, rgba(201,161,74,.05) 1px, transparent 0);background-size:26px 26px;
  }
  .tq h1,.tq h2,.tq h3,.tq h4{font-family:"Newsreader",Georgia,serif;font-weight:500;margin:0;line-height:1.15;letter-spacing:-.01em;color:var(--text);}
  .tq button{font-family:inherit;cursor:pointer;border:none;background:none;}
  .tq a{color:inherit;text-decoration:none;}
  .tq .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--ink);color:var(--gold-soft);padding:13px 22px;border-radius:10px;font-weight:600;font-size:14.5px;transition:transform .15s ease,background .2s ease,box-shadow .2s ease;}
  .tq .btn:hover{background:var(--ink-2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(14,59,50,.22);}
  .tq .btn:active{transform:translateY(0);}
  .tq .btn-gold{background:var(--gold);color:#fff;}
  .tq .btn-gold:hover{background:var(--gold-2);}
  .tq .btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line);}
  .tq .btn-ghost:hover{background:#fff;border-color:var(--gold);transform:none;box-shadow:none;}
  .tq .btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;}
  .tq :focus-visible{outline:3px solid var(--gold-2);outline-offset:2px;border-radius:6px;}
  .tq .view{display:none;animation:txfade .35s ease;}
  .tq .view.active{display:block;}
  @keyframes txfade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
  .tq .star{display:inline-block;color:var(--gold);flex:none;}
  .tq .eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:7px;}
  /* home top */
  .tq .home-top{padding-top:8px;}
  .tq .masthead{padding:0 0 14px;text-align:center;}
  .tq .masthead .kicker{justify-content:center;margin-bottom:14px;}
  .tq .masthead h1{font-size:clamp(32px,5.5vw,54px);font-weight:500;}
  .tq .masthead h1 em{font-style:italic;color:var(--gold);}
  .tq .masthead p{max-width:540px;margin:14px auto 0;color:var(--muted);font-size:16px;}
  .tq .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--card);overflow:hidden;box-shadow:var(--shadow);}
  .tq .stat{padding:20px 18px;text-align:center;border-right:1px solid var(--line-2);}
  .tq .stat:last-child{border-right:none;}
  .tq .stat .num{font-family:"Newsreader",serif;font-size:30px;color:var(--ink);font-weight:600;letter-spacing:-.02em;}
  .tq .stat .lbl{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
  /* layout */
  .tq .layout{display:grid;grid-template-columns:1fr 340px;gap:30px;margin:28px 0 20px;align-items:start;}
  .tq .col-main{min-width:0;}
  .tq .col-side{display:flex;flex-direction:column;gap:20px;position:sticky;top:18px;}
  .tq .section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 16px;}
  .tq .section-head h2{font-size:23px;}
  .tq .section-head .meta{font-size:13px;color:var(--muted);}
  /* kategori bölümleri: ardışık bölümler arası boşluk + kategori açıklaması */
  .tq .cards + .section-head{margin-top:36px;}
  .tq .cat-desc{margin:-8px 0 16px;color:var(--muted);font-size:14.5px;max-width:70ch;}
  .tq .section-head .head-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;}
  .tq .see-all{font-size:13px;font-weight:600;color:var(--gold);text-decoration:none;}
  .tq .see-all:hover{text-decoration:underline;}
  /* kategori kartları (/testler ana sayfa) — tıklayınca kategori sayfası açılır */
  .tq .catcard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px 20px;box-shadow:var(--shadow);text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;}
  .tq .catcard::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--cc,#11604c);}
  .tq .catcard:hover{box-shadow:0 14px 30px rgba(30,42,36,.12);border-color:var(--gold-soft);}
  .tq .catcard .cc-icon{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:13px;background:var(--cc,#11604c);color:#fff;margin-bottom:14px;}
  .tq .catcard .cc-icon svg{width:24px;height:24px;stroke:#fff;}
  .tq .catcard h3{margin:0 0 6px;font-size:19px;}
  .tq .catcard .desc{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.55;}
  .tq .catcard .meta{display:flex;gap:18px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);}
  .tq .catcard .meta .m{display:flex;flex-direction:column;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
  .tq .catcard .meta .m b{font-size:16px;color:var(--ink,#1e2a24);letter-spacing:0;}
  .tq .catcard .cc-go{margin-top:14px;font-size:13.5px;font-weight:600;color:var(--cc,#11604c);}
  .tq .catcard:hover .cc-go{text-decoration:underline;}
  /* daily */
  .tq .daily{position:relative;border-radius:18px;overflow:hidden;color:var(--gold-soft);background:linear-gradient(150deg,var(--ink-2),var(--ink-3));padding:30px 32px;margin-bottom:30px;box-shadow:0 12px 34px rgba(10,44,37,.28);}
  .tq .daily::after{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g fill='none' stroke='%23C99B4A' stroke-width='1'><path d='M40 8 L52 28 L72 28 L56 44 L62 64 L40 52 L18 64 L24 44 L8 28 L28 28 Z'/><rect x='28' y='28' width='24' height='24' transform='rotate(45 40 40)'/></g></svg>");background-size:130px 130px;}
  .tq .daily-inner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;align-items:flex-end;}
  .tq .daily .badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,155,74,.18);border:1px solid rgba(201,155,74,.45);color:var(--gold-2);padding:6px 13px;border-radius:30px;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
  .tq .daily h3{font-size:32px;color:#fff;margin:16px 0 8px;font-weight:500;}
  .tq .daily .desc{max-width:430px;color:rgba(232,216,174,.82);font-size:15px;}
  .tq .daily-meta{display:flex;gap:22px;margin-top:20px;flex-wrap:wrap;}
  .tq .daily-meta div{font-size:13px;color:rgba(232,216,174,.7);}
  .tq .daily-meta b{display:block;font-family:"Newsreader",serif;font-size:21px;color:#fff;font-weight:600;}
  .tq .daily .btn{background:var(--gold);color:#15201b;}
  .tq .daily .btn:hover{background:var(--gold-2);}
  /* test cards */
  .tq .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
  .tq .tcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 22px 20px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease;}
  .tq .tcard:hover{box-shadow:0 14px 30px rgba(30,42,36,.1);border-color:var(--gold-soft);}
  .tq .tcard .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;}
  .tq .tcard .cat{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);}
  .tq .tcard .diff{font-size:11px;font-weight:600;padding:3px 9px;border-radius:20px;text-transform:capitalize;}
  .tq .diff.kolay{background:var(--correct-bg);color:var(--correct);}
  .tq .diff.orta{background:#F4ECD9;color:#9a7320;}
  .tq .diff.zor{background:var(--wrong-bg);color:var(--wrong);}
  .tq .tcard h3{font-size:21px;margin-bottom:7px;}
  .tq .tcard .desc{font-size:13.5px;color:var(--muted);flex:1;margin-bottom:16px;}
  .tq .tcard .meta{display:flex;gap:16px;padding-top:14px;border-top:1px dashed var(--line);margin-bottom:16px;}
  .tq .tcard .meta .m{font-size:12px;color:var(--muted);}
  .tq .tcard .meta .m b{display:block;color:var(--text);font-size:14px;font-weight:600;font-family:"Newsreader",serif;}
  .tq .tcard .xp{color:var(--gold);font-weight:700;}
  .tq .tcard .prog{margin-top:auto;padding-top:4px;}
  .tq .tcard .prog-bar{height:6px;background:var(--line-2);border-radius:6px;overflow:hidden;margin-top:6px;}
  .tq .tcard .prog-bar span{display:block;height:100%;background:var(--correct);border-radius:6px;}
  .tq .tcard .prog small{font-size:11.5px;color:var(--muted);}
  /* sidebar panels */
  .tq .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
  .tq .panel-head{display:flex;align-items:center;gap:9px;padding:15px 18px;border-bottom:1px solid var(--line-2);}
  .tq .panel-head h3{font-size:17px;}
  .tq .panel-body{padding:6px 18px 14px;}
  .tq .lb-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-2);}
  .tq .lb-row:last-child{border-bottom:none;}
  .tq .rank{width:26px;height:26px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--line-2);color:var(--muted);}
  .tq .rank.g1{background:linear-gradient(135deg,#E9C667,#B0863A);color:#fff;}
  .tq .rank.g2{background:linear-gradient(135deg,#D7D2C4,#A9A292);color:#fff;}
  .tq .rank.g3{background:linear-gradient(135deg,#E0B084,#B0743A);color:#fff;}
  .tq .lb-name{flex:1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .tq .lb-xp{font-size:13px;font-weight:700;color:var(--gold);}
  .tq .act-row{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--line-2);}
  .tq .act-row:last-child{border-bottom:none;}
  .tq .ava{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--ink);color:var(--gold-soft);}
  .tq .act-row .t{font-size:13.5px;line-height:1.35;min-width:0;}
  .tq .act-row .t b{font-weight:600;}
  .tq .act-row .t .sub{color:var(--muted);font-size:12px;}
  .tq .act-row .when{margin-left:auto;font-size:11px;color:var(--muted);white-space:nowrap;align-self:center;}
  .tq .panel-empty{color:var(--muted);font-size:13px;padding:10px 0;}
  /* intro */
  .tq .backlink{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:14px;margin:0 0 12px;}
  .tq .backlink:hover{color:var(--ink);}
  .tq .intro-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:36px 34px 32px;box-shadow:var(--shadow);text-align:center;}
  .tq .intro-card .cat{margin-bottom:14px;}
  .tq .intro-card h2{font-size:32px;margin-bottom:10px;}
  .tq .intro-card .desc{color:var(--muted);max-width:480px;margin:0 auto 26px;}
  .tq .facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px;}
  .tq .fact{background:var(--paper);border:1px solid var(--line-2);border-radius:12px;padding:16px 10px;}
  .tq .fact .ic{color:var(--gold);margin-bottom:6px;display:flex;justify-content:center;}
  .tq .fact .ic svg{width:22px;height:22px;stroke:currentColor;}
  .tq .intro-note svg{width:15px;height:15px;vertical-align:-2px;}
  .tq .fact b{display:block;font-family:"Newsreader",serif;font-size:22px;color:var(--ink);}
  .tq .fact span{font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}
  .tq .rules{text-align:left;background:var(--paper);border-radius:12px;padding:18px 20px;margin-bottom:26px;border:1px solid var(--line-2);}
  .tq .rules h4{font-size:15px;margin-bottom:9px;font-family:"Inter";font-weight:700;}
  .tq .rules ul{margin:0;padding-left:20px;color:var(--muted);font-size:13.5px;}
  .tq .rules li{margin:4px 0;}
  .tq .intro-note{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--muted);font-size:13px;margin-top:14px;}
  /* quiz */
  .tq .quiz-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
  .tq .quiz-bar .qtitle{font-family:"Newsreader",serif;font-size:18px;color:var(--ink);}
  .tq .timer{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;background:var(--card);border:1px solid var(--line);padding:8px 15px;border-radius:30px;font-variant-numeric:tabular-nums;color:var(--ink);}
  .tq .timer.low{color:var(--wrong);border-color:var(--wrong);animation:txpulse 1s infinite;}
  @keyframes txpulse{50%{background:var(--wrong-bg);}}
  .tq .progress{height:7px;background:var(--line-2);border-radius:10px;overflow:hidden;margin-bottom:8px;}
  .tq .progress span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .3s ease;}
  .tq .qcount{font-size:13px;color:var(--muted);margin-bottom:20px;}
  .tq .palette{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
  .tq .pdot{width:34px;height:34px;border-radius:9px;border:1.5px solid var(--line);background:var(--card);font-size:13px;font-weight:600;color:var(--muted);transition:.15s;}
  .tq .pdot:hover{border-color:var(--gold);}
  .tq .pdot.answered{background:var(--ink);color:var(--gold-soft);border-color:var(--ink);}
  .tq .pdot.skipped{border-color:var(--gold);color:var(--gold);}
  .tq .pdot.current{outline:3px solid var(--gold-2);outline-offset:1px;}
  .tq .qcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 30px 26px;box-shadow:var(--shadow);}
  .tq .qtext{font-family:"Newsreader",serif;font-size:25px;line-height:1.35;margin-bottom:24px;color:var(--text);}
  .tq .opts{display:flex;flex-direction:column;gap:12px;}
  .tq .opt{display:flex;align-items:center;gap:14px;text-align:left;width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:15px 16px;font-size:15.5px;color:var(--text);transition:.15s;}
  .tq .opt:hover{border-color:var(--gold);background:#fff;}
  .tq .opt .key{width:30px;height:30px;flex:none;border-radius:8px;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:14px;color:var(--muted);transition:.15s;}
  .tq .opt.sel{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink);}
  .tq .opt.sel .key{background:var(--ink);color:var(--gold-soft);border-color:var(--ink);}
  .tq .quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;}
  .tq .quiz-nav .right-grp{display:flex;gap:12px;}
  /* result */
  .tq .res-hero{position:relative;overflow:hidden;border-radius:20px;text-align:center;background:linear-gradient(150deg,var(--ink-2),var(--ink-3));color:var(--gold-soft);padding:42px 30px 36px;box-shadow:0 12px 34px rgba(10,44,37,.28);}
  .tq .res-hero::after{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><g fill='none' stroke='%23C99B4A' stroke-width='1'><path d='M40 8 L52 28 L72 28 L56 44 L62 64 L40 52 L18 64 L24 44 L8 28 L28 28 Z'/></g></svg>");background-size:120px 120px;}
  .tq .res-hero-in{position:relative;z-index:1;}
  .tq .res-hero .star-big{color:var(--gold-2);margin-bottom:6px;}
  .tq .res-hero .verdict{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-weight:600;}
  .tq .res-hero h2{font-size:32px;color:#fff;margin:8px 0 18px;}
  .tq .res-xp{font-family:"Newsreader",serif;font-size:56px;color:var(--gold-2);font-weight:600;line-height:1;}
  .tq .res-xp small{font-size:20px;color:rgba(232,216,174,.7);}
  .tq .res-stats{display:flex;justify-content:center;gap:30px;margin-top:22px;flex-wrap:wrap;}
  .tq .res-stats div{font-size:13px;color:rgba(232,216,174,.7);}
  .tq .res-stats b{display:block;font-family:"Newsreader",serif;font-size:24px;color:#fff;font-weight:600;}
  .tq .review-head{margin:34px 0 16px;display:flex;align-items:baseline;justify-content:space-between;}
  .tq .review-head h3{font-size:22px;}
  .tq .legend{display:flex;gap:16px;font-size:12.5px;color:var(--muted);}
  .tq .legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle;}
  .tq .legend .c{background:var(--correct);}
  .tq .legend .w{background:var(--wrong);}
  .tq .rev{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-bottom:14px;box-shadow:var(--shadow);border-left:4px solid var(--line);}
  .tq .rev.ok{border-left-color:var(--correct);}
  .tq .rev.no{border-left-color:var(--wrong);}
  .tq .rev .rq{display:flex;gap:11px;margin-bottom:14px;}
  .tq .rev .rq .qn{font-weight:700;color:var(--gold);font-family:"Newsreader",serif;font-size:18px;flex:none;}
  .tq .rev .rq .qt{font-family:"Newsreader",serif;font-size:18.5px;line-height:1.35;}
  .tq .rev .ro{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-size:14.5px;margin:6px 0;border:1px solid transparent;}
  .tq .ro.correct{background:var(--correct-bg);color:#1f5a40;border-color:#cfe6da;}
  .tq .ro.wrong{background:var(--wrong-bg);color:#7d2f25;border-color:#ecd2cc;}
  .tq .ro.neutral{color:var(--muted);}
  .tq .ro .tag{margin-left:auto;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
  .tq .ro .ic{flex:none;display:inline-flex;}
  .tq .exp{margin-top:14px;background:var(--paper);border:1px solid var(--line-2);border-radius:10px;padding:13px 15px;font-size:13.5px;color:var(--text);}
  .tq .exp b{color:var(--gold);font-family:"Inter";display:flex;align-items:center;gap:7px;margin-bottom:5px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
  .tq .res-actions{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap;}
  /* responsive */
  @media(max-width:980px){ .tq .layout{grid-template-columns:1fr;gap:24px;} .tq .col-side{order:2;position:static;} }
  @media(max-width:680px){
    .tq .cards{grid-template-columns:1fr;}
    .tq .daily-inner{flex-direction:column;align-items:stretch;gap:18px;}
    .tq .daily .btn{width:100%;} .tq .daily h3{font-size:27px;} .tq .daily{padding:24px 20px;}
    .tq .intro-card,.tq .qcard{padding:24px 18px;}
    .tq .qtext{font-size:21px;}
    .tq .quiz-bar{flex-wrap:wrap;gap:10px;}
    .tq .quiz-nav{gap:10px;} .tq .quiz-nav .btn{padding:12px 15px;font-size:14px;} .tq .quiz-nav .right-grp{gap:10px;}
    .tq .pdot{width:38px;height:38px;} .tq .opt{padding:14px 14px;font-size:15px;}
    .tq .res-hero{padding:34px 20px 30px;} .tq .res-xp{font-size:46px;} .tq .res-stats{gap:22px;}
    .tq .review-head{flex-wrap:wrap;gap:8px;} .tq .review-head h3{font-size:20px;}
  }
  @media(max-width:560px){
    .tq .stats{grid-template-columns:repeat(2,1fr);}
    .tq .stat:nth-child(2){border-right:none;}
    .tq .stat:nth-child(1),.tq .stat:nth-child(2){border-bottom:1px solid var(--line-2);}
    .tq .facts{grid-template-columns:repeat(2,1fr);}
  }
  @media(max-width:400px){
    .tq .intro-card h2{font-size:27px;} .tq .qtext{font-size:19px;} .tq .res-stats{gap:16px;}
    .tq .quiz-nav{flex-direction:column;align-items:stretch;} .tq .quiz-nav .right-grp{justify-content:space-between;}
    .tq .quiz-nav .right-grp .btn{flex:1;} .tq .quiz-nav>.btn{width:100%;}
  }
  @media(prefers-reduced-motion:reduce){ .tq *{animation:none!important;transition:none!important;} }

  /* ===== PROFİL v2 — yeni tasarım (Fraunces+Hanken, SİTE renklerine uyarlı, scoped .pf2) ===== */
  .pf2{
    /* site teması: emerald + gold + cream */
    --bg:#f6f1e4;--paper:#fbf8f0;
    --ink:#1f2a25;--muted:#6c7972;--faint:#9bb0a8;
    --line:#e6dcc6;--line-2:#ddd2bb;
    --brand:#11604c;--brand-700:#0a3a2d;--brand-tint:#e8f1ec;
    --gold:#b58a36;--gold-tint:#f4ecd6;
    --danger:#b0473a;
    --radius:16px;--radius-sm:11px;
    --shadow:0 1px 2px rgba(10,58,45,.04),0 6px 22px rgba(10,58,45,.05);
    --font-display:"Fraunces",Georgia,serif;--font-ui:"Hanken Grotesk",system-ui,sans-serif;
    font-family:var(--font-ui);color:var(--ink);display:flex;flex-direction:column;gap:18px;
  }
  .pf2 a{color:inherit;text-decoration:none;}
  .pf2 .pf2-eyebrow{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;}
  .pf2 .pf2-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,3vw,28px);}
  /* identity */
  .pf2 .identity{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(22px,3.5vw,34px);display:flex;align-items:center;gap:clamp(16px,3vw,26px);}
  .pf2 .identity__motif{position:absolute;top:-46px;inset-inline-end:-46px;width:200px;height:200px;color:var(--brand);opacity:.06;pointer-events:none;}
  .pf2 .identity__avatar{flex:0 0 auto;width:clamp(64px,12vw,92px);height:clamp(64px,12vw,92px);border-radius:50%;background:var(--brand-tint);display:grid;place-items:center;border:1px solid var(--line-2);overflow:hidden;}
  .pf2 .identity__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .pf2 .identity__avatar svg{width:52%;height:52%;color:var(--brand);}
  .pf2 .identity__avatar .uavatar-init{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,4vw,32px);color:var(--brand);}
  .pf2 .identity__body{min-width:0;flex:1;}
  .pf2 .identity__name{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,4.4vw,40px);line-height:1.05;margin:0;letter-spacing:-.01em;color:var(--brand-700);}
  .pf2 .identity__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:10px;color:var(--muted);font-size:14.5px;}
  .pf2 .identity__meta .dot{width:3px;height:3px;border-radius:50%;background:var(--line-2);}
  .pf2 .identity__email{word-break:break-all;}
  .pf2 .admin-link{align-self:flex-start;flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--brand-700);background:var(--brand-tint);border:1px solid #cfe2d8;padding:9px 14px;border-radius:999px;transition:background .18s ease,transform .18s ease;}
  .pf2 .admin-link:hover{background:#dbeae2;transform:translateY(-1px);}
  .pf2 .admin-link svg{width:14px;height:14px;}
  /* sekmeler */
  .pf2 .pf2-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:8px;}
  .pf2 .pf2-tabs button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:10px;background:none;cursor:pointer;font:inherit;font-size:14px;font-weight:600;color:#5d6d66;transition:background .2s ease,color .2s ease;}
  .pf2 .pf2-tabs button svg{width:16px;height:16px;flex:none;}
  .pf2 .pf2-tabs button:hover{background:rgba(17,96,76,.06);color:var(--emerald-deep);}
  .pf2 .pf2-tabs button.on{background:linear-gradient(135deg, var(--emerald-soft), var(--emerald));color:#fff;}
  .pf2 .pf2-tabs button.on svg{stroke:var(--gold-light);}
  .pf2 .pf2-tab-n{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:20px;font-size:11.5px;background:rgba(17,96,76,.1);color:var(--emerald-deep);}
  .pf2 .pf2-tabs button.on .pf2-tab-n{background:rgba(255,255,255,.2);color:#fff;}
  .pf2 .pf2-pane{display:none;}
  .pf2 .pf2-pane.on{display:block;animation:pf2pane .25s ease;}
  @keyframes pf2pane{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
  /* grid */
  .pf2 .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:start;}
  .pf2 .grid--full{grid-template-columns:1fr;}
  .pf2 .col{display:flex;flex-direction:column;gap:18px;}
  /* forms */
  .pf2 .field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
  .pf2 .field:last-of-type{margin-bottom:0;}
  .pf2 .field label{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--muted);}
  .pf2 .input{font-family:var(--font-ui);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:11px 13px;width:100%;transition:border-color .15s ease,box-shadow .15s ease;}
  .pf2 .input::placeholder{color:#a9b4ad;}
  .pf2 .input:hover{border-color:#c2cabf;}
  .pf2 .input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(17,96,76,.14);}
  .pf2 .btn{font-family:var(--font-ui);font-size:14.5px;font-weight:600;letter-spacing:.01em;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 20px;transition:background .18s ease,transform .12s ease,box-shadow .18s ease;}
  .pf2 .btn--primary{background:var(--brand);color:#fff;box-shadow:0 1px 2px rgba(10,58,45,.25);}
  .pf2 .btn--primary:hover{background:var(--brand-700);transform:translateY(-1px);}
  .pf2 .btn--primary:active{transform:translateY(0);}
  .pf2 .card__actions{margin-top:18px;display:flex;justify-content:flex-end;}
  /* avatar picker (gerçek DiceBear görselleri) */
  .pf2 .avatars{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:14px;}
  .pf2 .avatar-pick{cursor:pointer;display:block;border:0;background:none;padding:0;}
  .pf2 .avatar-disc{aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;border:2px solid transparent;box-shadow:0 0 0 1px var(--line-2) inset;transition:transform .15s ease,box-shadow .15s ease;overflow:hidden;background:var(--brand-tint);}
  .pf2 .avatar-disc img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .pf2 .avatar-pick:hover .avatar-disc{transform:translateY(-2px);}
  .pf2 .avatar-pick.sel .avatar-disc{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-tint);}
  .pf2 .avatars-note{font-size:13px;color:var(--faint);margin:0;}
  /* activity stats */
  .pf2 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
  .pf2 .stat{text-align:center;padding:16px 8px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;}
  .pf2 .stat__num{font-family:var(--font-display);font-weight:500;font-size:30px;line-height:1;display:block;color:var(--brand-700);}
  .pf2 .stat__label{font-size:12.5px;color:var(--muted);margin-top:6px;display:block;}
  .pf2 .empty{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--muted);background:var(--brand-tint);border:1px dashed #c8ddd2;border-radius:var(--radius-sm);padding:12px 14px;}
  .pf2 .link-cta{font-weight:600;color:var(--brand-700);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
  .pf2 .link-cta:hover{text-decoration:underline;}
  .pf2 .link-cta svg{width:14px;height:14px;}
  /* tests */
  .pf2 .tests{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
  .pf2 .test__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px;}
  .pf2 .test__name{font-weight:600;font-size:15px;}
  .pf2 .test__name:hover{color:var(--brand-700);}
  .pf2 .test__score{font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums;}
  .pf2 .bar{height:7px;border-radius:99px;background:#e8ece6;overflow:hidden;}
  .pf2 .bar__fill{display:block;height:100%;border-radius:99px;background:var(--brand);transition:width .4s ease;}
  .pf2 .test__foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;}
  .pf2 .test__pct{font-family:var(--font-display);font-size:14px;font-weight:500;color:var(--muted);}
  .pf2 .badge-done{font-size:12px;font-weight:600;color:var(--brand-700);display:inline-flex;align-items:center;gap:5px;}
  .pf2 .badge-done svg{width:13px;height:13px;}
  .pf2 .test--empty .test__pct{color:var(--faint);}
  .pf2 .retry{font-size:13px;font-weight:600;color:var(--gold);}
  .pf2 .retry:hover{text-decoration:underline;}
  /* liste satırları (sorular/favoriler) */
  .pf2 .rowlist{display:flex;flex-direction:column;}
  .pf2 .rowitem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);}
  .pf2 .rowitem:last-child{border-bottom:0;}
  .pf2 .rowitem a{font-weight:500;font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;}
  .pf2 .rowitem a:hover{color:var(--brand-700);}
  .pf2 .tag{flex:0 0 auto;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--gold-tint);color:var(--gold);}
  .pf2 .tag--emerald{background:var(--brand-tint);color:var(--brand);}
  .pf2 .tag--pending{background:#f4ecd9;color:#9a7320;}
  .pf2 .tag--ok{background:var(--brand-tint);color:var(--brand);}
  .pf2 .tag--no{background:#f6e7e3;color:var(--danger);}
  /* scholars */
  .pf2 .scholar{display:flex;align-items:center;gap:14px;padding:6px 0;}
  .pf2 .scholar__ava{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--gold-tint);color:var(--gold);display:grid;place-items:center;font-family:var(--font-display);font-weight:600;font-size:18px;border:1px solid #e7dbc0;overflow:hidden;}
  .pf2 .scholar__ava img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
  .pf2 .scholar__name{font-weight:600;font-size:15px;}
  .pf2 .scholar__name:hover{color:var(--brand-700);}
  .pf2 .scholar__role{font-size:13px;color:var(--muted);}
  .pf2 .scholar__go{margin-inline-start:auto;}
  /* comments */
  .pf2 .cmt{padding:12px 0;border-bottom:1px solid var(--line);}
  .pf2 .cmt:last-child{border-bottom:0;}
  .pf2 .cmt__body{font-size:14px;color:var(--ink);line-height:1.5;}
  .pf2 .cmt__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin-top:6px;font-size:12.5px;color:var(--muted);}
  .pf2 .cmt__meta a{font-weight:600;color:var(--brand-700);}
  /* flash */
  .pf2 .pf2-alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;font-weight:500;}
  .pf2 .pf2-alert.ok{background:var(--brand-tint);border:1px solid #c8ddd2;color:var(--brand-700);}
  .pf2 .pf2-alert.err{background:#f6e7e3;border:1px solid #ecd2cc;color:var(--danger);}
  @media (max-width:760px){
    .pf2 .grid{grid-template-columns:1fr;}
    .pf2 .identity{flex-wrap:wrap;}
    .pf2 .admin-link{order:3;width:100%;justify-content:center;margin-top:4px;}
    /* sekmeler: sarma yerine yatay kaydırma */
    .pf2 .pf2-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;}
    .pf2 .pf2-tabs::-webkit-scrollbar{display:none;}
    .pf2 .pf2-tabs button{flex:none;white-space:nowrap;scroll-snap-align:start;}
  }
  @media (max-width:420px){ .pf2 .avatars{grid-template-columns:repeat(3,1fr);} }
  @media (prefers-reduced-motion:reduce){ .pf2 *{transition:none!important;} }

  /* ===== Makale içi küçük zikir sayacı — [zikir] / [zikir Başlık] ===== */
  .zkr-mini{max-width:340px;margin:28px auto;background:linear-gradient(165deg,var(--ivory),#fff);border:1px solid rgba(17,96,76,.14);border-radius:20px;padding:18px 18px 16px;box-shadow:0 10px 30px rgba(10,58,45,.07);text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none;}
  .zkr-mini__head{display:flex;align-items:center;gap:9px;margin-bottom:14px;}
  .zkr-mini__ic{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:var(--icon-bg);display:grid;place-items:center;}
  .zkr-mini__ic svg{width:18px;height:18px;stroke:#fff;}
  .zkr-mini__title{flex:1;min-width:0;text-align:left;font-family:'Marcellus',serif;font-size:1.02rem;color:var(--emerald-deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .zkr-mini__set{flex:0 0 auto;font-size:.74rem;color:#8a9a93;background:rgba(17,96,76,.07);padding:4px 10px;border-radius:20px;}
  .zkr-mini__set b{color:var(--emerald);}
  .zkr-mini__face{position:relative;display:block;width:170px;height:170px;margin:4px auto 14px;border:0;background:none;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .08s ease;}
  .zkr-mini__btn{touch-action:manipulation;}
  .zkr-mini__face:active{transform:scale(.96);}
  .zkr-mini__face:focus-visible{outline:3px solid var(--gold);outline-offset:3px;}
  .zkr-mini__ring{position:absolute;inset:0;width:100%;height:100%;}
  .zkr-mini__ring-bg{fill:#fff;stroke:rgba(17,96,76,.12);stroke-width:8;}
  .zkr-mini__ring-fg{fill:none;stroke:var(--emerald);stroke-width:8;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .25s ease;}
  .zkr-mini__count{position:absolute;inset:0;display:grid;place-items:center;font-family:'Marcellus',serif;font-size:2.9rem;color:var(--emerald-deep);line-height:1;pointer-events:none;}
  .zkr-mini__hint{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#b3c0b9;pointer-events:none;}
  .zkr-mini__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;}
  .zkr-mini__btn{flex:0 0 auto;border:1px solid rgba(17,96,76,.16);background:#fff;color:#6a7a73;font:inherit;font-size:.8rem;font-weight:600;padding:8px 13px;border-radius:10px;cursor:pointer;transition:.15s ease;}
  .zkr-mini__btn:hover{border-color:var(--emerald-soft);color:var(--emerald);background:var(--ivory);}
  .zkr-mini__total{font-size:.78rem;color:#8a9a93;}
  .zkr-mini__total b{color:var(--emerald-deep);font-size:.95rem;}
  .zkr-mini.is-done .zkr-mini__count{color:var(--gold);animation:zkrPop .35s ease;}
  @keyframes zkrPop{0%,100%{transform:scale(1);}45%{transform:scale(1.16);}}
  @media (max-width:600px){
    .zkr-mini{max-width:100%;}
    .zkr-mini__face{width:150px;height:150px;}
    .zkr-mini__count{font-size:2.5rem;}
  }
  @media (prefers-reduced-motion:reduce){ .zkr-mini__ring-fg{transition:none;} .zkr-mini.is-done .zkr-mini__count{animation:none;} }

  /* ===== Kategoriler sayfası ===== */
  .kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:start;}
  .kat-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;overflow:hidden;}
  .kat-card-pad{padding:20px;}
  .kat-head{display:flex;align-items:flex-start;gap:14px;}
  .kat-ic{flex:0 0 auto;width:56px;height:56px;border-radius:16px;background:var(--icon-bg);display:grid;place-items:center;box-shadow:0 10px 15px -3px rgba(17,96,76,.25);}
  .kat-ic svg{width:28px;height:28px;stroke:#fff;}
  /* emerald ikon kutularında lucide stroke="currentColor" → color:#fff ile beyaz */
  .kat-ic, .qa-ask-head-ic, .qa-ask-crow-ic, .ql-cat-ic{color:#fff;}
  .dialog-err{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:10px;font-size:.85rem;margin-bottom:14px;}
  .dialog-ok{background:#eef7f1;border:1px solid #bfe0cd;color:#0a3a2d;padding:10px 14px;border-radius:10px;font-size:.85rem;margin-bottom:14px;}
  .kat-head-info{flex:1;min-width:0;}
  .kat-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;}
  .kat-head-top a{text-decoration:none;}
  .kat-head-top h3{margin:0;color:var(--emerald-deep);font-size:1.15rem;font-family:'Marcellus',serif;font-weight:400;}
  .kat-head-top a:hover h3{color:var(--gold);}
  .kat-altbadge{flex:0 0 auto;font-size:.68rem;background:rgba(17,96,76,.08);color:var(--emerald);padding:3px 9px;border-radius:20px;white-space:nowrap;}
  .kat-desc{color:#8a9a93;font-size:.85rem;margin:6px 0 0;line-height:1.5;}
  .kat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;}
  .kat-stat{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#6a7a73;}
  .kat-stat svg{width:15px;height:15px;stroke:var(--emerald-soft);}
  .kat-toggle{width:34px;height:34px;border:0;background:var(--ivory);border-radius:9px;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .15s ease;}
  .kat-toggle svg{width:18px;height:18px;stroke:#8a9a93;}
  .kat-toggle:hover{background:rgba(17,96,76,.08);}
  .kat-subs{display:none;border-top:1px solid var(--border);background:var(--ivory);padding:8px;}
  .kat-subs.open{display:block;}
  .kat-sub{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border-radius:9px;text-decoration:none;}
  .kat-sub span{color:var(--emerald-deep);font-size:.86rem;}
  .kat-sub small{color:#9bb0a8;font-size:.76rem;}
  .kat-sub:hover{background:#fff;}
  .kat-sub-l{display:inline-flex;align-items:center;gap:9px;color:var(--emerald-deep);font-size:.86rem;}
  .kat-sub-ic{width:26px;height:26px;border-radius:7px;background:rgba(17,96,76,.1);display:grid;place-items:center;flex:0 0 auto;}
  .kat-sub-ic svg{width:14px;height:14px;stroke:var(--emerald-soft);}
  .qa-ask-crow-subic{width:24px;height:24px;border-radius:6px;background:rgba(17,96,76,.1);display:grid;place-items:center;flex:0 0 auto;}
  .qa-ask-crow-subic svg{width:13px;height:13px;stroke:var(--emerald-soft);}

  /* ===== Soru Sor formu ===== */
  .qa-ask-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start;}
  .qa-ask-side{display:flex;flex-direction:column;gap:16px;}
  .qa-ask-main{min-width:0;}
  .qa-ask-pad{padding:24px;}
  .qa-ask-field{margin-bottom:18px;}
  .qa-ask-field>label{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--emerald-deep);font-size:.9rem;margin-bottom:8px;}
  .qa-ask-field>label small{font-weight:400;color:#9bb0a8;}
  .qa-ask-field>label svg{width:16px;height:16px;stroke:var(--emerald-soft);}
  .qa-ask-field input[type=text],.qa-ask-field input[type=email],.qa-ask-field textarea{width:100%;border:1px solid rgba(17,96,76,.18);border-radius:12px;padding:12px 14px;font:inherit;background:#fff;}
  .qa-ask-field input[type=text]:focus,.qa-ask-field input[type=email]:focus,.qa-ask-field textarea:focus{outline:none;border-color:var(--emerald-soft);}
  .qa-ask-field textarea{resize:vertical;}
  .qa-ask-cats{display:flex;flex-wrap:wrap;gap:8px;}
  .qa-ask-cat{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(17,96,76,.18);border-radius:30px;padding:7px 14px;font-size:.85rem;color:var(--emerald);cursor:pointer;background:#fff;transition:.15s ease;}
  .qa-ask-cat svg{width:15px;height:15px;}
  .qa-ask-cat input{display:none;}
  .qa-ask-cat:hover{border-color:var(--emerald-soft);}
  .qa-ask-cat.on{background:var(--emerald);color:#fff;border-color:var(--emerald);}
  .qa-ask-cat.on svg{stroke:#fff;}
  .qa-ask-cat-child{font-size:.8rem;padding:5px 12px;opacity:.92;}
  .qa-ask-anon{display:flex;align-items:flex-start;gap:10px;padding:14px;background:var(--ivory);border-radius:12px;cursor:pointer;margin-bottom:18px;}
  .qa-ask-anon input{margin-top:3px;}
  .qa-ask-anon b{display:block;color:var(--emerald-deep);font-size:.9rem;}
  .qa-ask-anon small{color:#8a9a93;font-size:.8rem;}
  .qa-ask-rules{background:#fbf6ea;border:1px solid rgba(201,161,74,.3);border-radius:12px;padding:16px;margin-bottom:18px;}
  .qa-ask-rules b{display:flex;align-items:center;gap:7px;color:#8a6a1f;font-size:.9rem;margin-bottom:8px;}
  .qa-ask-rules b svg{width:16px;height:16px;stroke:#b58a36;}
  .qa-ask-rules ul{margin:0;padding-left:20px;color:#6a7a73;font-size:.84rem;line-height:1.7;}
  .qa-ask-submit{display:inline-flex;align-items:center;gap:8px;background:var(--emerald);color:#fff;border:0;border-radius:12px;padding:13px 26px;font:inherit;font-weight:600;cursor:pointer;}
  .qa-ask-submit svg{width:17px;height:17px;}
  .qa-ask-submit:hover{background:var(--emerald-soft);}
  .qa-tips{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
  .qa-tips li{font-size:.85rem;color:#6a7a73;line-height:1.5;padding-left:16px;position:relative;}
  .qa-tips li::before{content:"\2713";position:absolute;left:0;color:var(--emerald-soft);font-weight:700;}
  .qa-tips b{color:var(--emerald-deep);}
  @media (max-width:880px){ .qa-ask-layout{grid-template-columns:1fr;} }
  .qa-ask-head{display:flex;align-items:center;gap:14px;margin:8px 0 18px;}
  .qa-ask-head-ic{width:48px;height:48px;border-radius:14px;background:var(--icon-bg);display:grid;place-items:center;flex:0 0 auto;}
  .qa-ask-head-ic svg{width:24px;height:24px;stroke:#fff;}
  .qa-ask-head h1{font-family:'Marcellus',serif;font-weight:400;font-size:1.6rem;color:var(--emerald-deep);margin:0;}
  .qa-ask-head p{margin:2px 0 0;color:#8a9a93;font-size:.88rem;}
  .qa-ask-hint{display:flex;align-items:center;gap:5px;margin:7px 0 0;font-size:.76rem;color:#9bb0a8;}
  .qa-ask-hint svg{width:13px;height:13px;stroke:#9bb0a8;}
  .qa-ask-counter{display:flex;align-items:center;justify-content:space-between;margin-top:7px;font-size:.76rem;color:#9bb0a8;}
  .qa-ask-counter svg{width:13px;height:13px;stroke:#9bb0a8;vertical-align:-2px;}
  .qa-ask-catbox{background:var(--ivory);border:1px solid rgba(17,96,76,.15);border-radius:12px;padding:8px;max-height:300px;overflow-y:auto;}
  .qa-ask-cgroup{margin-bottom:4px;}
  .qa-ask-crow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;border:2px solid transparent;}
  .qa-ask-crow:hover{background:#fff;}
  .qa-ask-crow.on{background:#fff;border-color:rgba(17,96,76,.2);}
  .qa-ask-crow input{width:16px;height:16px;accent-color:var(--emerald);flex:0 0 auto;}
  .qa-ask-crow-ic{width:30px;height:30px;border-radius:8px;background:var(--icon-bg);display:grid;place-items:center;flex:0 0 auto;}
  .qa-ask-crow-ic svg{width:16px;height:16px;stroke:#fff;}
  .qa-ask-crow-name{font-size:.88rem;color:var(--emerald-deep);font-weight:500;}
  .qa-ask-crow-name small{color:#9bb0a8;font-weight:400;font-size:.76rem;}
  .qa-ask-csub{margin:2px 0 6px 22px;padding-left:12px;border-left:2px solid rgba(17,96,76,.1);}
  .qa-ask-crow.child{padding:6px 10px;}
  .qa-ask-crow.child .qa-ask-crow-name{font-weight:400;color:#5d6d66;}
  .qa-ask-crow-dot{width:22px;height:22px;border-radius:6px;background:rgba(17,96,76,.1);display:grid;place-items:center;flex:0 0 auto;}
  .qa-ask-crow-dot::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--emerald-soft);}
  .qa-ask-actions{display:flex;gap:10px;flex-wrap:wrap;}
  .qa-ask-draft{padding:13px 22px;background:var(--ivory);color:#6a7a73;border:0;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;}
  .qa-ask-draft:hover{background:rgba(17,96,76,.08);}
  .qa-tip{display:flex;gap:11px;margin-bottom:14px;}
  .qa-tip-n{width:30px;height:30px;border-radius:9px;background:rgba(17,96,76,.1);color:var(--emerald);display:grid;place-items:center;font-weight:700;font-size:.85rem;flex:0 0 auto;}
  .qa-tip b{display:block;color:var(--emerald-deep);font-size:.86rem;}
  .qa-tip small{color:#8a9a93;font-size:.8rem;}
  .qa-ask-drop{display:flex;flex-direction:column;align-items:center;gap:3px;border:2px dashed rgba(17,96,76,.25);border-radius:12px;padding:22px;cursor:pointer;text-align:center;transition:.15s ease;}
  .qa-ask-drop:hover{border-color:var(--emerald-soft);background:var(--ivory);}
  .qa-ask-drop-ic{width:44px;height:44px;border-radius:50%;background:var(--ivory);display:grid;place-items:center;margin-bottom:4px;}
  .qa-ask-drop-ic svg{width:20px;height:20px;stroke:var(--emerald-soft);}
  .qa-ask-drop b{color:var(--emerald-deep);font-size:.9rem;font-weight:600;}
  .qa-ask-drop small{color:#9bb0a8;font-size:.78rem;}
  .benzer-item{display:block;padding:10px 12px;background:var(--ivory);border-radius:10px;margin-bottom:8px;text-decoration:none;}
  .benzer-item span{display:block;color:var(--emerald-deep);font-size:.85rem;line-height:1.4;margin-bottom:3px;}
  .benzer-item em{font-style:normal;font-size:.72rem;color:#9bb0a8;}
  .benzer-item em.ok{color:#16a34a;}
  .benzer-item:hover{background:rgba(17,96,76,.06);}
  .benzer-ph{text-align:center;color:#9bb0a8;font-size:.8rem;padding:10px 0;margin:0;}
  .qd-attach{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 14px;background:var(--ivory);border:1px solid rgba(17,96,76,.15);border-radius:10px;text-decoration:none;color:var(--emerald);font-size:.85rem;}
  .qd-attach svg{width:15px;height:15px;stroke:var(--emerald-soft);}
  .qd-attach:hover{background:rgba(17,96,76,.07);}
  .qd-attach-img{display:block;margin-top:14px;max-width:340px;border-radius:12px;overflow:hidden;border:1px solid var(--border);}
  .qd-attach-img img{width:100%;display:block;}
  .qd-loginbox{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#eafaf0,#f0f7f2);border:1px solid #cdead8;border-radius:12px;padding:16px;margin-bottom:16px;flex-wrap:wrap;}
  .qd-loginbox-ic{width:44px;height:44px;border-radius:50%;background:#d6f0e0;display:grid;place-items:center;flex:0 0 auto;}
  .qd-loginbox-ic svg{width:20px;height:20px;stroke:var(--emerald-soft);}
  .qd-loginbox-txt{flex:1;min-width:160px;}
  .qd-loginbox-txt b{display:block;color:var(--emerald-deep);}
  .qd-loginbox-txt small{color:#6a7a73;}
  .qd-loginbox-btns{display:flex;gap:8px;}
  .qd-lg-in,.qd-lg-up{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.85rem;}
  .qd-lg-in{background:var(--emerald);color:#fff;}
  .qd-lg-in svg,.qd-lg-up svg{width:15px;height:15px;}
  .qd-lg-up{border:1px solid var(--emerald-soft);color:var(--emerald);}
  .qd-comments-empty{text-align:center;color:#9bb0a8;padding:24px;}
  .qd-comments-empty svg{width:36px;height:36px;stroke:#cdd8d3;margin:0 auto 8px;display:block;}
  .qd-comments-empty p{margin:0;}
  .qd-comment{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border);}
  .qd-comment:last-child{border-bottom:0;}
  .qd-comment-av{width:40px;height:40px;border-radius:50%;background:var(--ivory);color:var(--emerald-soft);display:grid;place-items:center;font-weight:600;font-size:.8rem;flex:0 0 auto;}
  .qd-comment-body{flex:1;min-width:0;}
  .qd-comment-head{display:flex;align-items:center;gap:8px;}
  .qd-comment-head b{color:var(--emerald-deep);font-size:.9rem;}
  .qd-comment-head time{color:#9bb0a8;font-size:.78rem;}
  .qd-comment-body p{margin:5px 0 8px;color:#4a5a53;font-size:.92rem;line-height:1.6;}
  /* sidebar */
  .qd-scard{padding:18px;}
  .qd-scard-title{display:flex;align-items:center;gap:7px;font-size:.95rem;font-weight:600;color:var(--emerald-deep);margin:0 0 14px;}
  .qd-scard-title svg{width:17px;height:17px;stroke:var(--gold);}
  .qd-pop{display:flex;align-items:center;gap:11px;padding:9px 0;text-decoration:none;color:#4a5a53;font-size:.88rem;border-bottom:1px solid var(--border);}
  .qd-pop:last-child{border-bottom:0;}
  .qd-pop:hover{color:var(--emerald);}
  .qd-pop-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--emerald-deep);color:#fff;display:grid;place-items:center;font-size:.78rem;font-weight:700;}
  .qd-link{display:flex;align-items:center;gap:10px;padding:9px 0;text-decoration:none;color:#5d6d66;font-size:.9rem;border-bottom:1px solid var(--border);}
  .qd-link:last-child{border-bottom:0;}
  .qd-link svg{width:16px;height:16px;stroke:#9bb0a8;}
  .qd-link:hover{color:var(--emerald);}
  .qd-link:hover svg{stroke:var(--emerald-soft);}
  .qd-catbox{display:flex;align-items:center;gap:8px;padding:12px;background:var(--emerald-deep);color:#fff;border-radius:10px;text-decoration:none;font-size:.9rem;position:relative;overflow:hidden;}
  .qd-catbox svg{width:16px;height:16px;stroke:var(--gold-light);}
  .qd-catbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--gold);}
  .qd-scholar-card{background:linear-gradient(135deg,var(--emerald),var(--emerald-deep));color:#fff;padding:18px;border:0;}
  .qd-sc-head{display:flex;align-items:center;gap:7px;font-size:.9rem;font-weight:600;color:rgba(255,255,255,.85);margin:0 0 14px;}
  .qd-sc-head svg{width:16px;height:16px;stroke:var(--gold-light);}
  .qd-sc-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
  .qd-sc-av{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--emerald-deep);display:grid;place-items:center;font-weight:700;overflow:hidden;flex:0 0 auto;}
  .qd-sc-av img{width:100%;height:100%;object-fit:cover;}
  .qd-sc-top b{display:block;color:#fff;font-size:.98rem;}
  .qd-sc-top small{color:rgba(255,255,255,.75);font-size:.8rem;}
  .qd-sc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
  .qd-sc-stats div{background:rgba(255,255,255,.12);border-radius:10px;padding:10px;text-align:center;}
  .qd-sc-stats b{display:block;font-size:1.2rem;color:#fff;}
  .qd-sc-stats span{font-size:.72rem;color:rgba(255,255,255,.7);}
  .qd-sc-btn{display:block;text-align:center;background:rgba(255,255,255,.16);color:#fff;text-decoration:none;padding:10px;border-radius:10px;font-size:.85rem;font-weight:600;}
  .qd-sc-btn:hover{background:rgba(255,255,255,.24);}
  @media (max-width:920px){ .qd-layout{grid-template-columns:1fr;} }

  /* ortak "Devamını oku" */
  .read-more{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
    color:var(--emerald-soft);font-size:.95rem;}
  .read-more svg{width:16px;height:16px;stroke:var(--emerald-soft);transition:transform .25s ease, stroke .25s ease;}
  .read-more:hover{color:var(--gold);}
  .read-more:hover svg{stroke:var(--gold);transform:translateX(4px);}

  /* öne çıkan kart */
  .feat{
    display:grid;grid-template-columns:1fr 1fr;
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:24px;
    overflow:hidden;box-shadow:0 12px 34px rgba(10,58,45,.10);margin-bottom:36px;
    text-decoration:none;color:inherit;
  }
  .feat-media{
    position:relative;display:grid;place-items:center;min-height:320px;
    background:
      radial-gradient(circle at 70% 30%, rgba(201,161,74,.14), transparent 55%),
      linear-gradient(135deg, rgba(28,120,96,.16), rgba(17,96,76,.07));
  }
  .feat-media svg{width:78px;height:78px;stroke:var(--emerald-soft);}
  .feat-body{padding:46px 48px;display:flex;flex-direction:column;justify-content:center;}
  .feat-meta{font-size:.86rem;color:#94a39c;letter-spacing:.4px;margin-bottom:14px;}
  .feat-body h3{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.6rem,3vw,2.15rem);
    color:var(--emerald-deep);line-height:1.15;margin-bottom:14px;}
  .feat-body p{color:#5d6d66;line-height:1.65;margin-bottom:28px;max-width:440px;}

  /* 3'lü makale ızgarası */
  .posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
  .post-card{
    display:flex;flex-direction:column;text-decoration:none;color:inherit;
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .post-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(10,58,45,.16);}
  .post-cover{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;}
  .post-cover::after{content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 25% 20%, rgba(255,255,255,.18), transparent 50%);}
  .post-cover svg{width:54px;height:54px;stroke:#fff;opacity:.92;position:relative;z-index:1;}
  .cv-1{background:linear-gradient(135deg, var(--emerald-soft), var(--emerald-deep));}
  .cv-2{background:linear-gradient(135deg, #163a52, #0a3a2d);}
  .cv-3{background:linear-gradient(135deg, #b58a36, var(--emerald));}
  .post-body{padding:22px;display:flex;flex-direction:column;flex:1;}
  .post-date{font-size:.82rem;color:#9aa8a2;margin-bottom:10px;}
  .post-card h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.18rem;line-height:1.28;
    color:var(--emerald-deep);margin-bottom:12px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .post-card p{font-size:.92rem;line-height:1.55;color:#5d6d66;margin-bottom:18px;flex:1;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

  @media (max-width:760px){
    .feat{grid-template-columns:1fr;}
    .feat-media{min-height:210px;}
    .feat-body{padding:32px 26px;}
  }
  @media (max-width:600px){
    .posts-grid{grid-template-columns:1fr;}
  }

  /* ===== FOOTER ===== */
  .site-footer{
    position:relative;color:var(--cream);
    background:
      radial-gradient(circle at 12% 0%, rgba(201,161,74,.10), transparent 45%),
      linear-gradient(160deg, var(--emerald) 0%, var(--emerald-deep) 100%);
  }
  .site-footer::before{               /* üst altın şerit (header ile uyumlu) */
    content:"";position:absolute;top:0;left:0;right:0;height:5px;
    background-image:repeating-linear-gradient(45deg,
      var(--gold) 0, var(--gold) 6px, transparent 6px, transparent 12px);
    opacity:.55;
  }
  .footer-inner{
    padding-block:56px 0;
    display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;
  }
  .f-brand .logo{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
  .f-brand .logo .footer-logo{height:46px;width:auto;display:block;}
  .f-brand .logo .mark{
    width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;
    border:1.5px solid var(--gold);border-radius:50%;
  }
  .f-brand .logo .mark svg{width:21px;height:21px;}
  .f-brand .logo .name{font-size:1.3rem;color:var(--cream);}
  .f-brand .logo .name b{color:var(--gold-light);}
  .f-brand p{color:rgba(246,241,228,.72);line-height:1.7;font-size:.95rem;max-width:380px;margin-bottom:22px;}
  .f-social{display:flex;gap:10px;}
  .f-social a{
    width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
    color:var(--gold-light); /* currentColor'lu fill parçaları (YouTube üçgeni vb.) link mavisi almasın */
    border:1px solid rgba(201,161,74,.4);transition:background .25s ease, transform .25s ease;
  }
  .f-social a svg{width:17px;height:17px;stroke:var(--gold-light);}
  .f-social a:hover{background:rgba(201,161,74,.18);transform:translateY(-3px);}

  .f-col h4{
    font-size:.82rem;letter-spacing:2px;text-transform:uppercase;
    color:var(--gold-light);margin-bottom:18px;position:relative;padding-bottom:10px;
  }
  .f-col h4::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:2px;background:var(--gold);}
  .f-col ul{list-style:none;display:flex;flex-direction:column;gap:13px;}
  .f-col a{
    color:rgba(246,241,228,.78);text-decoration:none;font-size:.96rem;
    display:inline-flex;align-items:center;gap:7px;transition:color .25s ease, gap .25s ease;
  }
  .f-col a::before{content:"›";color:var(--gold);opacity:0;transform:translateX(-6px);transition:.25s ease;}
  .f-col a:hover{color:var(--gold-light);gap:9px;}
  .f-col a:hover::before{opacity:1;transform:translateX(0);}

  .footer-bottom{
    margin-block-start:48px;padding-block:22px;
    border-top:1px solid rgba(201,161,74,.22);
    display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
    color:rgba(246,241,228,.6);font-size:.88rem;
  }
  .footer-bottom .tag{color:var(--gold);}

  @media (max-width:860px){
    .footer-inner{grid-template-columns:1fr 1fr;gap:34px 24px;padding:44px 24px 0;}
    .f-brand{grid-column:1 / -1;}
  }
  @media (max-width:520px){
    /* mobil: marka tam genişlik ortalı; 2 menü yan yana, 3.'sü altta ortalı */
    .footer-inner{grid-template-columns:1fr 1fr;gap:30px 18px;text-align:center;}
    .f-brand{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;}
    .f-brand .logo{justify-content:center;}
    .f-brand p{max-width:none;}
    .f-brand .f-social{justify-content:center;}
    .f-col:last-child{grid-column:1 / -1;}
    .f-col h4{display:inline-block;}
    .f-col h4::after{left:50%;transform:translateX(-50%);}
    .f-col ul{align-items:center;}
    .f-col a::before{display:none;}
    .footer-bottom{flex-direction:column;text-align:center;}
  }

  /* ===== GÜNÜN AYETİ + NAMAZ VAKİTLERİ ===== */
  .panels{
    display:grid;grid-template-columns:1fr 1.18fr;gap:24px;align-items:stretch;
  }
  /* tek kart açıkken (ayet veya namaz) tam genişlik */
  .panels-single{grid-template-columns:1fr;}

  /* sol: günün ayeti/hadisi/duası — sekmeli widget */
  .daily-widget{
    position:relative;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:24px;
    padding:22px;box-shadow:0 12px 30px rgba(10,58,45,.08);
    display:flex;flex-direction:column;gap:16px;min-height:330px;
  }
  /* sekme şeridi (segmented) */
  .dw-tabs{display:flex;gap:6px;background:var(--ivory);border:1px solid rgba(17,96,76,.10);border-radius:14px;padding:5px;}
  .dw-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 6px;border:0;background:transparent;border-radius:10px;font-family:'Marcellus',serif;font-size:1rem;color:var(--emerald-deep);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;}
  .dw-tab svg{width:18px;height:18px;stroke:currentColor;flex:0 0 auto;}
  .dw-tab:hover{color:var(--emerald-soft);}
  .dw-tab.is-active{background:linear-gradient(135deg,var(--emerald-soft),var(--emerald));color:#fff;box-shadow:0 6px 16px rgba(17,96,76,.22);}
  /* esmâ link bandı */
  .dw-esma{display:flex;align-items:center;gap:12px;text-decoration:none;padding:11px 16px;border-radius:14px;background:rgba(201,161,74,.08);border:1px solid rgba(201,161,74,.22);transition:background .2s ease,border-color .2s ease;}
  .dw-esma:hover{background:rgba(201,161,74,.14);border-color:var(--gold);}
  .dw-esma-ar{font-family:'Amiri',serif;font-size:1.55rem;line-height:1;color:var(--gold);}
  .dw-esma-txt{display:flex;flex-direction:column;line-height:1.25;min-width:0;}
  .dw-esma-eyebrow{font-size:.68rem;letter-spacing:1.6px;text-transform:uppercase;color:#9a8246;}
  .dw-esma-txt b{font-family:'Marcellus',serif;font-size:1.05rem;color:var(--emerald-deep);}
  .dw-esma-go{width:18px;height:18px;stroke:var(--gold);margin-left:auto;flex:0 0 auto;transition:transform .25s ease;}
  .dw-esma:hover .dw-esma-go{transform:translateX(4px);}
  /* paneller */
  .dw-panel{display:none;flex-direction:column;gap:13px;flex:1;}
  .dw-panel.is-active{display:flex;}
  .dw-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}
  .dw-kicker{position:relative;display:inline-flex;align-items:center;font-family:'Marcellus',serif;font-size:1.2rem;color:var(--emerald-deep);padding-bottom:6px;}
  .dw-kicker::after{content:'';position:absolute;left:0;bottom:0;width:34px;height:2px;background:var(--gold);border-radius:2px;}
  .dw-share{width:38px;height:38px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,96,76,.14);background:#fff;border-radius:50%;color:var(--emerald-soft);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease;}
  .dw-share svg{width:17px;height:17px;stroke:currentColor;}
  .dw-share:hover{background:var(--emerald);border-color:var(--emerald);color:#fff;}
  .dw-body{background:var(--ivory);border:1px solid rgba(17,96,76,.10);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:14px;flex:1;}
  .dw-ar{font-family:'Amiri',serif;font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.95;text-align:right;direction:rtl;color:var(--emerald-deep);}
  .dw-tr{font-size:1.02rem;line-height:1.7;color:#33433d;}
  .dw-ref{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;color:#9a8246;font-size:.92rem;}
  .dw-ref svg{width:15px;height:15px;stroke:var(--gold);}
  /* "kopyalandı" bildirimi */
  .dw-copied{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);background:var(--emerald-deep);color:#fff;font-size:.85rem;padding:7px 15px;border-radius:30px;box-shadow:0 6px 18px rgba(10,58,45,.28);z-index:3;}
  .dw-copied[hidden]{display:none;}

  /* sağ: namaz vakitleri */
  .prayer-card{
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:24px;
    padding:30px;box-shadow:0 12px 30px rgba(10,58,45,.08);
    display:flex;flex-direction:column;
  }
  .prayer-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
  .prayer-head .ttl{display:flex;align-items:center;gap:10px;font-family:'Marcellus',serif;font-size:1.4rem;color:var(--emerald-deep);}
  .prayer-head .ttl svg{width:22px;height:22px;stroke:var(--emerald-soft);}
  .prayer-head .all{display:inline-flex;align-items:center;gap:6px;color:var(--gold);text-decoration:none;font-size:.94rem;}
  .prayer-head .all svg{width:15px;height:15px;stroke:var(--gold);transition:transform .25s ease;}
  .prayer-head .all:hover svg{transform:translateX(4px);}

  /* sıradaki vakit bandı (ekstra geliştirme) */
  .next-bar{
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    background:rgba(28,120,96,.08);border:1px solid rgba(28,120,96,.18);
    border-radius:14px;padding:10px 16px;margin-bottom:18px;font-size:.92rem;color:var(--emerald-deep);
  }
  .next-bar .dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(201,161,74,.6);animation:pulse 2s infinite;}
  .next-bar b{color:var(--emerald-soft);}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,161,74,.5);}70%{box-shadow:0 0 0 8px rgba(201,161,74,0);}100%{box-shadow:0 0 0 0 rgba(201,161,74,0);}}

  .pt-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
  .pt-chip{
    display:flex;flex-direction:column;align-items:center;gap:3px;
    padding:9px 16px;border-radius:14px;min-width:66px;
    border:1px solid rgba(17,96,76,.16);background:rgba(28,120,96,.05);
  }
  .pt-chip .n{font-size:.78rem;color:#6a7a73;letter-spacing:.3px;}
  .pt-chip .t{font-size:1.02rem;color:var(--emerald-deep);}
  .pt-chip.active{
    background:linear-gradient(135deg, var(--emerald-soft), var(--emerald));
    border-color:var(--gold);box-shadow:0 6px 16px rgba(17,96,76,.25);
  }
  .pt-chip.active .n,.pt-chip.active .t{color:#fff;}

  .prayer-note{color:#6a7a73;font-size:.95rem;margin-bottom:14px;}
  .city-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;}
  .city-chip{
    display:inline-flex;align-items:center;gap:7px;text-decoration:none;
    padding:9px 16px;border-radius:30px;font-size:.92rem;color:var(--emerald-deep);
    border:1px solid rgba(17,96,76,.15);background:#f6faf8;
    transition:border-color .25s ease, background .25s ease, transform .25s ease;
  }
  .city-chip svg{width:14px;height:14px;stroke:var(--emerald-soft);transition:stroke .25s ease;}
  .city-chip:hover{border-color:var(--gold);background:rgba(201,161,74,.10);transform:translateY(-2px);}
  .city-chip:hover svg{stroke:var(--gold);}

  @media (max-width:860px){
    .panels{grid-template-columns:1fr;}
    .daily-widget{min-height:auto;}
  }
  @media (max-width:600px){
    .panels{gap:16px;}
    .daily-widget{padding:18px;}
    .prayer-card{padding:24px 20px;}
    .dw-tab{font-size:.9rem;gap:5px;padding:9px 4px;}
    .dw-tab svg{width:16px;height:16px;}
    .dw-body{padding:16px;}
  }
  @media (max-width:380px){
    .dw-tab span,.dw-tab{font-size:.86rem;}
  }

  /* ===== İSTATİSTİK ŞERİDİ ===== */
  .stats{max-width:1180px;margin:34px auto;padding:0 24px;}
  .stats-inner{
    display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:20px;
    padding:26px 20px;box-shadow:0 10px 26px rgba(10,58,45,.06);
  }
  .stat{text-align:center;padding:6px 8px;border-left:1px solid rgba(17,96,76,.1);}
  .stat:first-child{border-left:none;}
  .stat .num{font-family:'Marcellus',serif;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--emerald);}
  .stat .num b{color:var(--gold);font-weight:400;}
  .stat .lbl{font-size:.88rem;color:#6a7a73;margin-top:4px;}

  /* ===== KUR'AN CÜZ SEÇ ===== */
  .juz{max-width:1180px;margin:34px auto;padding:0 24px;}
  .juz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px;}
  .juz-chip{
    display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--emerald-deep);
    background:#fff;border:1px solid rgba(17,96,76,.14);border-radius:14px;padding:11px 13px;
    transition:border-color .25s ease, background .25s ease, transform .25s ease;
  }
  .juz-chip .no{
    width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;
    background:rgba(28,120,96,.1);color:var(--emerald-soft);font-size:.9rem;transition:.25s ease;
  }
  .juz-chip .lbl{font-size:.9rem;}
  .juz-chip:hover{border-color:var(--gold);background:rgba(201,161,74,.07);transform:translateY(-2px);}
  .juz-chip:hover .no{background:var(--gold);color:#fff;}
  /* anasayfa Kur'an sekmeleri (Cüz / Sûre / Sayfa) */
  .kuran-tabs .ktab-nav{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap;}
  .kuran-tabs .ktab-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(17,96,76,.16);background:#fff;color:var(--emerald-deep);border-radius:11px;padding:9px 16px;font:inherit;font-weight:600;cursor:pointer;transition:.15s;}
  .kuran-tabs .ktab-btn span{font-size:.72rem;background:rgba(28,120,96,.1);color:var(--emerald-soft);border-radius:20px;padding:1px 8px;}
  .kuran-tabs .ktab-btn:hover{border-color:var(--emerald-soft);}
  .kuran-tabs .ktab-btn.active{background:var(--emerald);border-color:var(--emerald);color:#fff;}
  .kuran-tabs .ktab-btn.active span{background:rgba(255,255,255,.22);color:#fff;}
  .kuran-tabs .ktab-panel[hidden]{display:none;}
  .kuran-tabs .kpage-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));}
  .kuran-tabs .kpage-grid .juz-chip{justify-content:center;padding:12px 4px;font-weight:600;}
  .kuran-tabs .kpage-group + .kpage-group{margin-top:20px;}
  .kuran-tabs .kpage-cuz{font-size:.86rem;font-weight:700;color:var(--emerald);margin:0 0 10px;display:flex;align-items:center;gap:8px;}
  .kuran-tabs .kpage-cuz a{color:inherit;text-decoration:none;}
  .kuran-tabs .kpage-cuz a:hover{color:var(--gold);}
  .kuran-tabs .kpage-cuz span{font-size:.7rem;font-weight:500;color:#8a9892;}
  .kuran-tabs .ktab-mobile{display:none;flex-direction:column;gap:12px;}
  @media (max-width:600px){
    .kuran-tabs .ktab-nav,.kuran-tabs .ktab-panel{display:none !important;}
    .kuran-tabs .ktab-mobile{display:flex;}
  }

  /* ===== ÖNE ÇIKAN HAFIZLAR ===== */
  .reciters{max-width:1180px;margin:34px auto 80px;padding:0 24px;}
  /* kâri kartı — yatay liste-kart (avatar | isim+altyazı | ok) */
  .reciter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;}
  .reciter-card{
    display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;
    align-items:center;column-gap:14px;text-decoration:none;color:inherit;
    background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:14px 16px;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  }
  .reciter-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(10,58,45,.14);border-color:rgba(201,161,74,.45);}
  .reciter-av{
    grid-column:1;grid-row:1 / 3;width:60px;height:60px;flex:none;border-radius:14px;
    display:grid;place-items:center;margin:0;font-family:'Marcellus',serif;font-size:1.25rem;color:#fff;
    border:1px solid rgba(201,161,74,.5);background:linear-gradient(135deg, var(--emerald-soft), var(--emerald-deep));
  }
  .reciter-card h3{grid-column:2;grid-row:1;align-self:end;font-family:'Marcellus',serif;font-weight:400;font-size:1.05rem;color:var(--emerald-deep);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .reciter-card p{grid-column:2;grid-row:2;align-self:start;font-size:.83rem;color:#6a7a73;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .reciter-card .listen{grid-column:3;grid-row:1 / 3;justify-self:end;display:inline-flex;align-items:center;gap:6px;font-size:.86rem;color:var(--gold);white-space:nowrap;}
  .reciter-card .listen svg{width:15px;height:15px;stroke:var(--gold);transition:transform .25s ease;}
  .reciter-card:hover .listen svg{transform:translateX(3px);}

  @media (max-width:600px){
    .stats-inner{grid-template-columns:1fr 1fr;gap:18px 6px;}
    .stat:nth-child(3){border-left:none;}
    .juz-grid{grid-template-columns:repeat(auto-fill,minmax(98px,1fr));}
    .juz,.reciters,.stats{padding:0 16px;}
  }

/* =========================================================
   AUTH SAYFALARI (giriş / üyelik / şifre sıfırlama)
   ========================================================= */
.auth{max-width:1180px;margin:46px auto;padding:0 24px;}
.auth-card{
  display:grid;grid-template-columns:1fr 1fr;
  background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:24px;overflow:hidden;
  box-shadow:0 18px 50px rgba(10,58,45,.12);
}
/* sol bilgi paneli */
.auth-aside{
  position:relative;overflow:hidden;color:var(--cream);padding:48px 44px;
  display:flex;flex-direction:column;justify-content:center;min-height:480px;
  background:
    radial-gradient(circle at 85% 10%, rgba(201,161,74,.16), transparent 50%),
    linear-gradient(150deg, var(--emerald-soft) 0%, var(--emerald) 55%, var(--emerald-deep) 100%);
}
.auth-aside .qm{position:absolute;right:20px;bottom:-10px;font-family:'Amiri',serif;font-size:12rem;line-height:1;color:rgba(201,161,74,.10);pointer-events:none;}
.auth-aside .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-light);margin-bottom:18px;}
.auth-aside .eyebrow svg{width:16px;height:16px;stroke:var(--gold);}
.auth-aside h2{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.2;margin-bottom:14px;color:#fff;position:relative;z-index:1;}
.auth-aside p{color:rgba(246,241,228,.85);line-height:1.65;max-width:360px;position:relative;z-index:1;}
.auth-aside .ar{font-family:'Amiri',serif;font-size:1.7rem;color:var(--gold-light);direction:rtl;margin-top:26px;position:relative;z-index:1;}

/* sağ form paneli */
.auth-form{padding:48px 46px;display:flex;flex-direction:column;justify-content:center;}
/* giriş dialog'u sekmeleri (Giriş Yap / Şifremi Sıfırla) */
.auth-tabs{display:flex;gap:4px;background:var(--ivory);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:24px;}
.auth-tab{flex:1;border:0;background:transparent;font:inherit;font-size:.92rem;font-weight:600;color:#6a7a73;padding:10px 12px;border-radius:9px;cursor:pointer;transition:.15s ease;}
.auth-tab:hover{color:var(--emerald-deep);}
.auth-tab.is-active{background:#fff;color:var(--emerald-deep);box-shadow:0 1px 3px rgba(10,58,45,.1);}
.auth-panel[hidden]{display:none;}
.auth-form .head{margin-bottom:26px;}
.auth-form .head h1,.auth-form .head h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.7rem;color:var(--emerald-deep);margin-bottom:6px;}
.auth-form .head p{color:#6a7a73;font-size:.96rem;}

.field{margin-bottom:18px;}
.field label{display:block;font-size:.88rem;color:var(--emerald-deep);margin-bottom:7px;}
.input-wrap{position:relative;display:flex;align-items:center;}
.input-wrap > svg{position:absolute;left:14px;width:18px;height:18px;stroke:#9aa8a2;pointer-events:none;}
.field input{
  width:100%;font-family:'Marcellus',serif;font-size:1rem;color:var(--emerald-deep);
  padding:13px 14px 13px 42px;border:1px solid rgba(17,96,76,.20);border-radius:12px;background:#f9fcfb;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.field input::placeholder{color:#9aa8a2;}
.field input:focus{outline:none;border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(201,161,74,.18);}
.toggle-pass{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:6px;display:grid;place-items:center;}
.toggle-pass svg{width:18px;height:18px;stroke:#8a9892;}
.input-wrap.is-invalid input{border-color:#dc2626;background:#fff5f5;}
.input-wrap.is-invalid input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15);}
.field-hint{display:block;margin-top:6px;font-size:.78rem;color:#dc2626;}
.field-hint[hidden]{display:none;} /* .field-hint{display:block} UA [hidden]'ı eziyordu → hint hep görünüyordu */

.field-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px;}
.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:#5d6d66;cursor:pointer;}
.checkbox input{width:17px;height:17px;accent-color:var(--emerald-soft);}
.checkbox a{color:var(--gold);text-decoration:none;}
.checkbox a:hover{text-decoration:underline;}
.link-gold{color:var(--gold);text-decoration:none;font-size:.9rem;}
.link-gold:hover{text-decoration:underline;}

/* birincil buton (ortak) */
.btn-primary{
  width:100%;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:9px;
  background:linear-gradient(135deg, var(--emerald-soft), var(--emerald));
  color:var(--cream);font-family:'Marcellus',serif;font-size:1.05rem;
  padding:14px;border-radius:30px;box-shadow:0 8px 20px rgba(17,96,76,.25);
  transition:filter .2s ease;
}
.btn-primary:hover{filter:brightness(1.07);}
.btn-primary svg{width:18px;height:18px;stroke:var(--cream);}

.divider{display:flex;align-items:center;gap:14px;color:#9aa8a2;font-size:.85rem;margin:22px 0;}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:rgba(17,96,76,.14);}

.social-row{display:flex;gap:12px;}
.social-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
  border:1px solid rgba(17,96,76,.18);border-radius:12px;padding:11px;background:#fff;
  color:var(--emerald-deep);text-decoration:none;font-size:.92rem;cursor:pointer;
  transition:border-color .2s ease, background .2s ease;
}
.social-btn:hover{border-color:var(--gold);background:rgba(201,161,74,.07);}
.social-btn svg{width:18px;height:18px;}

.auth-alt{text-align:center;margin-top:24px;color:#6a7a73;font-size:.95rem;}
.auth-alt a{color:var(--gold);text-decoration:none;font-weight:bold;}
.auth-alt a:hover{text-decoration:underline;}

.auth-note{
  display:flex;gap:10px;align-items:flex-start;
  background:rgba(28,120,96,.07);border:1px solid rgba(28,120,96,.16);
  border-radius:12px;padding:12px 14px;color:#5d6d66;font-size:.9rem;line-height:1.5;margin-bottom:22px;
}
.auth-note svg{width:18px;height:18px;stroke:var(--emerald-soft);flex-shrink:0;margin-top:1px;}

@media (max-width:820px){
  .auth-card{grid-template-columns:1fr;}
  .auth-aside{min-height:auto;padding:38px 30px;order:-1;}
  .auth-aside .ar{margin-top:18px;}
}
@media (max-width:520px){
  .auth{padding:0 14px;margin:24px auto;}
  .auth-form{padding:32px 24px;}
  .social-row{flex-direction:column;}
}

/* =========================================================
   DIALOG — yeniden kullanılabilir modal (Radix tarzı)
   Kullanım: <a data-dialog-open="auth-login">...  +  <dialog id="auth-login" class="dialog">
   ========================================================= */
.dialog{
  border:none;padding:0;margin:0;background:transparent;
  width:100%;height:100%;max-width:100vw;max-height:100dvh;inset:0;
}
.dialog[open]{display:grid;place-items:center;}
.dialog::backdrop{background:rgba(7,32,25,.55);backdrop-filter:blur(3px);}
.dialog[open]::backdrop{animation:dlgBdIn .25s ease;}
.dialog.is-closing::backdrop{animation:dlgBdOut .2s ease forwards;}

.dialog__panel{
  position:relative;width:min(540px, calc(100vw - 32px));max-height:calc(100dvh - 48px);
  overflow:auto;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:22px;
  box-shadow:0 30px 70px rgba(7,32,25,.35);
}
.dialog[open] .dialog__panel{animation:dlgIn .26s cubic-bezier(.2,.8,.2,1);}
.dialog.is-closing .dialog__panel{animation:dlgOut .2s ease forwards;}

.dialog__grabber{display:none;width:42px;height:4px;border-radius:3px;background:rgba(17,96,76,.2);margin:9px auto 0;}

.dialog__close{
  position:absolute;top:14px;right:14px;width:36px;height:36px;display:grid;place-items:center;
  border:none;border-radius:50%;background:rgba(17,96,76,.07);cursor:pointer;z-index:3;
  transition:background .2s ease;
}
.dialog__close:hover{background:rgba(201,161,74,.18);}
.dialog__close svg{width:18px;height:18px;stroke:var(--emerald-deep);}

/* dialog içindeki auth formu tek kolon, kompakt */
.dialog .auth-form{padding:36px 34px 30px;}
.dialog .auth-form .head{padding-right:30px;}

@keyframes dlgIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dlgOut{to{opacity:0;transform:translateY(14px) scale(.97)}}
@keyframes dlgBdIn{from{opacity:0}to{opacity:1}}
@keyframes dlgBdOut{to{opacity:0}}

/* mobilde: TAM EKRAN (mobil uygulama gibi) */
@media (max-width:560px){
  .dialog[open]{place-items:stretch;}
  .dialog::backdrop{backdrop-filter:none;background:transparent;}
  .dialog__panel{
    width:100%;height:100dvh;max-height:100dvh;border:none;border-radius:0;
    box-shadow:none;overflow-y:auto;display:flex;flex-direction:column;
  }
  .dialog__grabber{display:none;}
  .dialog__close{top:16px;right:16px;width:40px;height:40px;background:rgba(17,96,76,.08);}
  /* form üstten hizalı, dikeyde rahat; logo benzeri boşluk */
  .dialog .auth-form{flex:1;justify-content:safe center;padding:40px 24px 32px;}
  .dialog .auth-form .head h1,.dialog .auth-form .head h2{font-size:1.9rem;}
  .dialog[open] .dialog__panel{animation:appIn .3s cubic-bezier(.2,.8,.2,1);}
  .dialog.is-closing .dialog__panel{animation:appOut .24s ease forwards;}
}
@keyframes appIn{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes appOut{to{opacity:0;transform:translateY(100%)}}

/* =========================================================
   İMSAKİYE sayfaları (şehir seçimi + şehir detayı)
   ========================================================= */
.imsak{display:flex;flex-direction:column;gap:22px;}
.crumbs{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#8a9892;}
.crumbs a{color:#8a9892;text-decoration:none;}
.crumbs a:hover{color:var(--gold);}
.crumbs svg{width:13px;height:13px;stroke:#b9c4bf;}

/* üst band (emerald) */
.imsak-band{
  position:relative;overflow:hidden;border-radius:22px;padding:32px 34px;color:var(--cream);margin-bottom:20px;
  background:
    radial-gradient(circle at 88% 12%, rgba(201,161,74,.16), transparent 50%),
    linear-gradient(150deg, var(--emerald-soft) 0%, var(--emerald) 55%, var(--emerald-deep) 100%);
}
.imsak-band .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-light);margin-bottom:12px;}
.imsak-band .eyebrow svg{width:15px;height:15px;stroke:var(--gold);}
.imsak-band h1{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1;margin-bottom:8px;color:#fff;}
.imsak-band .city-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.imsak-band .hicri{color:rgba(246,241,228,.8);font-size:.96rem;}
.change-city{
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  background:rgba(255,255,255,.12);border:1px solid rgba(201,161,74,.45);color:var(--cream);
  padding:8px 16px;border-radius:30px;font-family:'Marcellus',serif;font-size:.92rem;text-decoration:none;
  transition:background .2s ease;
}
.change-city:hover{background:rgba(201,161,74,.22);}
.change-city svg{width:15px;height:15px;stroke:var(--gold-light);}

/* şehir arama + grid (şehir seçimi sayfası) */
.city-search{display:flex;align-items:center;gap:10px;background:#fff;border-radius:30px;padding:11px 18px;max-width:440px;margin-top:18px;box-shadow:0 8px 22px rgba(7,32,25,.18);}
.city-search svg{width:18px;height:18px;stroke:#7c8a84;flex-shrink:0;}
.city-search input{flex:1;border:none;outline:none;background:transparent;font-family:'Marcellus',serif;font-size:1rem;color:var(--emerald-deep);}
.city-search input::placeholder{color:#9aa8a2;}
.city-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.city-grid .no-result{grid-column:1/-1;color:#8a9892;padding:20px 4px;}

/* sıradaki vakit kartı */
.next-prayer{
  position:relative;overflow:hidden;border-radius:22px;padding:30px 34px;color:var(--cream);
  display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;
  background:linear-gradient(135deg, var(--emerald) 0%, var(--emerald-deep) 100%);
  border:1px solid rgba(201,161,74,.25);
}
.next-prayer .np-left .np-label{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;letter-spacing:2px;text-transform:uppercase;color:var(--gold-light);margin-bottom:8px;}
.next-prayer .np-left .np-label .dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite;}
.next-prayer .np-name{font-family:'Marcellus',serif;font-size:clamp(1.8rem,4vw,2.4rem);color:#fff;line-height:1;}
.next-prayer .np-name span{color:var(--gold-light);font-size:1.3rem;margin-left:8px;}
.next-prayer .np-right{text-align:right;}
.next-prayer .countdown{font-family:'Marcellus',serif;font-size:clamp(2.2rem,7vw,3.2rem);letter-spacing:2px;color:#fff;line-height:1;font-variant-numeric:tabular-nums;}
.next-prayer .cd-label{font-size:.8rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(246,241,228,.7);margin-top:6px;}

/* günün vakitleri kartı */
.times-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(10,58,45,.06);}
.times-card .pt-row{margin:0;justify-content:space-between;}
.times-card .pt-chip{flex:1;min-width:84px;}

/* sahur / iftar vurgu kartları */
.imsak-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.meta-card{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;padding:20px 22px;}
.meta-card .ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;}
.meta-card.sahur .ic{background:rgba(28,120,96,.12);}
.meta-card.sahur .ic svg{stroke:var(--emerald-soft);}
.meta-card.iftar .ic{background:rgba(201,161,74,.16);}
.meta-card.iftar .ic svg{stroke:#b58a36;}
.meta-card .ic svg{width:26px;height:26px;}
.meta-card .lbl{font-size:.85rem;color:#6a7a73;}
.meta-card .val{font-family:'Marcellus',serif;font-size:1.7rem;color:var(--emerald-deep);}

/* aylık tablo */
.imsak-table-wrap{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;overflow:hidden;}
.table-scroll{overflow-x:auto;}
.imsak-table{width:100%;border-collapse:collapse;min-width:560px;}
.imsak-table th{background:rgba(28,120,96,.07);color:var(--emerald-deep);font-weight:400;text-align:center;padding:13px 10px;font-size:.85rem;letter-spacing:.3px;white-space:nowrap;}
.imsak-table th:first-child{text-align:left;padding-left:20px;}
.imsak-table td{text-align:center;padding:12px 10px;font-size:.92rem;color:#41504a;border-top:1px solid rgba(17,96,76,.07);white-space:nowrap;}
.imsak-table td:first-child{text-align:left;padding-left:20px;color:var(--emerald-deep);}
.imsak-table tr:nth-child(even) td{background:rgba(28,120,96,.025);}
.imsak-table tr.today td{background:rgba(201,161,74,.12);color:var(--emerald-deep);}
.imsak-table tr.today td:first-child{font-weight:bold;box-shadow:inset 3px 0 0 var(--gold);}

@media (max-width:680px){
  .imsak-meta{grid-template-columns:1fr;}
  .next-prayer{padding:24px;}
  .next-prayer .np-right{text-align:left;}
}
@media (max-width:520px){
  .imsak{padding:0 16px;}
  .imsak-band{padding:26px 22px;}
  .times-card{padding:16px;}
}

/* =========================================================
   SEO MAKALE bloğu (sayfa altı bilgilendirme metni)
   ========================================================= */
.seo-article{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;padding:36px 40px;}
.seo-article > h2:first-child{margin-top:0;}
.seo-article h2{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.4rem,3vw,1.85rem);color:var(--emerald);margin:30px 0 14px;position:relative;padding-left:16px;}
.seo-article h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:3px;background:var(--gold);}
.seo-article h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.18rem;color:var(--emerald-deep);margin:22px 0 10px;}
.seo-article p{color:#4b5a54;line-height:1.85;margin-bottom:14px;}
.seo-article .lead-p{font-size:1.06rem;color:#3c4b45;}
.seo-article ul{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px;}
.seo-article li{position:relative;padding-left:26px;color:#4b5a54;line-height:1.7;}
.seo-article li::before{content:"";position:absolute;left:4px;top:.6em;width:7px;height:7px;border-radius:2px;background:var(--gold);transform:rotate(45deg);}
.seo-article a{color:var(--gold);text-decoration:none;overflow-wrap:anywhere;}
.seo-article a:hover{text-decoration:underline;}
.seo-article .faq{border-top:1px solid rgba(17,96,76,.1);margin-top:8px;padding-top:18px;}
.seo-article .faq h3{margin-top:16px;}
@media (max-width:520px){.seo-article{padding:24px 20px;}}

/* =========================================================
   HAFIZLAR (liste + profil)
   ========================================================= */
.hafiz{display:flex;flex-direction:column;gap:22px;}

/* profil üst kartı */
.hafiz-hero{
  display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;
  background:radial-gradient(circle at 90% 10%, rgba(201,161,74,.10), transparent 55%), #fff;
  border:1px solid rgba(17,96,76,.12);border-radius:22px;padding:30px 34px;
}
.hafiz-hero .avatar{
  width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;
  font-family:'Marcellus',serif;font-size:2.3rem;color:#fff;border:3px solid rgba(201,161,74,.55);
  background:linear-gradient(135deg, var(--emerald-soft), var(--emerald-deep));
}
.hafiz-hero h1{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.5rem,3vw,2rem);color:var(--emerald);line-height:1.15;margin-bottom:10px;}
.hafiz-hero .bio{color:#4b5a54;line-height:1.7;margin-bottom:18px;max-width:680px;}
.hafiz-meta{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;}
.hafiz-meta .k{font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;color:#94a39c;}
.hafiz-meta .v{color:var(--emerald-deep);font-size:.95rem;margin-top:3px;}
.btn-gold{display:inline-flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer;
  background:linear-gradient(135deg, var(--gold), #b58a36);color:var(--emerald-deep);font-weight:bold;
  padding:12px 22px;border-radius:30px;box-shadow:0 4px 14px rgba(201,161,74,.3);transition:filter .2s ease;border:none;}
.btn-gold:hover{filter:brightness(1.06);}
.btn-gold svg{width:18px;height:18px;stroke:var(--emerald-deep);}

/* =========================================================
   YORUMLAR — editoryal tek kart (.cmx): Marcellus + emerald/gold
   ========================================================= */
/* makale ile aynı sütun genişliği (max-width yok); kart görünümü .article ile uyumlu */
.cmx{margin:26px 0 0;background:#fff;border:1px solid rgba(17,96,76,.12);
  border-radius:20px;padding:38px 42px 36px;
  box-shadow:0 1px 2px rgba(10,58,45,.03), 0 16px 40px -24px rgba(10,58,45,.12);}
.cmx-head{display:flex;align-items:flex-end;justify-content:space-between;
  padding-bottom:18px;border-bottom:1px solid var(--emerald-deep);}
.cmx-head h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.75rem;letter-spacing:-.01em;color:var(--emerald-deep);margin:0;}
.cmx-count{font-size:.8rem;color:#9aa89f;letter-spacing:.02em;}
.cmx-ok{margin-top:18px;padding:10px 14px;border-radius:10px;background:#e7f6ec;border:1px solid #b7e4c7;color:#15803d;font-size:.9rem;}

/* form */
.cmx-composer{padding:34px 0 40px;border-bottom:1px solid rgba(17,96,76,.1);}
.cmx-field{position:relative;}
.cmx-field + .cmx-field{margin-top:28px;}
.cmx-field input,.cmx-field textarea{display:block;width:100%;border:none;border-bottom:1px solid rgba(17,96,76,.16);
  background:transparent;font:inherit;font-size:1rem;line-height:1.65;color:#2b3a33;padding:0 0 12px;transition:border-color .25s;}
.cmx-field textarea{min-height:84px;resize:none;padding-bottom:16px;}
.cmx-field input:focus,.cmx-field textarea:focus{outline:none;border-color:var(--emerald);}
.cmx-field label{position:absolute;left:0;top:2px;font-size:1rem;color:#9aa89f;pointer-events:none;
  transition:transform .2s ease,font-size .2s ease,color .2s ease;transform-origin:left top;}
.cmx-field input:focus + label,.cmx-field input:not(:placeholder-shown) + label,
.cmx-field textarea:focus + label,.cmx-field textarea:not(:placeholder-shown) + label{
  transform:translateY(-20px);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--emerald-soft);}
.cmx-field input::placeholder,.cmx-field textarea::placeholder{color:transparent;}
.cmx-field-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px;}
.cmx-err{color:#b3261e;font-size:.82rem;margin-top:6px;}
.cmx-composer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;}
.cmx-note{font-size:.75rem;color:#9aa89f;}
.cmx-send{font-family:inherit;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:linear-gradient(135deg, var(--emerald-soft), var(--emerald) 60%, var(--emerald-deep));
  border:none;cursor:pointer;padding:11px 26px;border-radius:30px;white-space:nowrap;
  box-shadow:0 4px 14px rgba(10,58,45,.28);transition:filter .2s ease, transform .15s ease;}
.cmx-send:hover{filter:brightness(1.06);}
.cmx-send:active{transform:scale(.97);}

/* yanıt bildirimi */
.cmx-replying{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:8px 12px;
  border:1px solid rgba(201,161,74,.4);border-radius:10px;background:rgba(201,161,74,.08);font-size:.85rem;color:#7a6a3a;}
.cmx-replying span{flex:1;}
.cmx-replying button{border:none;background:none;cursor:pointer;color:#a8842f;padding:2px 6px;border-radius:6px;}
.cmx-replying button:hover{background:rgba(201,161,74,.18);}

/* yorumlar */
.cmx-comment{padding:30px 0;border-top:1px solid rgba(17,96,76,.1);}
.cmx-comment:first-of-type{border-top:none;}
.cmx-comment-inner{display:grid;grid-template-columns:44px 1fr;gap:18px;}
.cmx-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  font-family:'Marcellus',serif;font-size:1.05rem;color:var(--emerald);
  background:rgba(17,96,76,.07);border:1px solid rgba(17,96,76,.14);user-select:none;}
.cmx-meta{display:flex;align-items:baseline;gap:11px;margin-bottom:7px;flex-wrap:wrap;}
.cmx-name{font-family:'Marcellus',serif;font-size:1.06rem;color:var(--emerald-deep);}
.cmx-date{font-size:.74rem;color:#9aa89f;letter-spacing:.03em;margin-left:auto;}
.cmx-role{font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--bdg, var(--emerald));background:color-mix(in srgb, var(--bdg, var(--emerald)) 11%, #fff);
  border-radius:999px;padding:2px 10px;}
.cmx-text{color:#5d6d66;max-width:56ch;margin:0;line-height:1.65;}
.cmx-replyto{display:block;font-size:.74rem;color:#a8842f;margin-bottom:5px;}

/* beğen / beğenme / yanıtla */
.cmx-actions{display:flex;align-items:center;gap:18px;margin-top:13px;}
.cmx-actions form{margin:0;display:inline-flex;}
.cmx-act{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;letter-spacing:.04em;
  color:#9aa89f;background:none;border:none;cursor:pointer;padding:0;transition:color .2s;font-family:inherit;}
.cmx-act svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
.cmx-act:hover{color:var(--emerald-deep);}
.cmx-act.is-active{color:var(--emerald);}
.cmx-act.is-active svg{fill:rgba(17,96,76,.15);stroke:var(--emerald);}
.cmx-sep{width:1px;height:12px;background:rgba(17,96,76,.14);}

/* yanıt (tek seviye iç içe) */
.cmx-reply{display:grid;grid-template-columns:36px 1fr;gap:14px;margin-top:26px;margin-left:62px;
  padding-top:22px;position:relative;}
.cmx-reply::before{content:"";position:absolute;left:17px;top:-14px;height:34px;width:1px;background:rgba(201,161,74,.45);}
.cmx-reply .cmx-avatar{width:36px;height:36px;font-size:.9rem;color:#fff;background:var(--emerald);border-color:var(--emerald);}
.cmx-reply .cmx-name{font-size:.98rem;}
.cmx-reply .cmx-text{font-size:.94rem;}

/* boş durum */
.cmx-empty{padding:56px 0 22px;text-align:center;}
.cmx-empty-glyph{font-family:'Marcellus',serif;font-style:italic;font-size:2.4rem;line-height:1;color:rgba(201,161,74,.5);display:block;margin-bottom:16px;user-select:none;}
.cmx-empty-title{font-family:'Marcellus',serif;font-size:1.25rem;color:var(--emerald-deep);margin:0 0 6px;}
.cmx-empty-text{font-size:.87rem;color:#9aa89f;margin:0;}

/* devamı */
.cmx-hidden{display:none;}
.cmx-more{border-top:1px solid rgba(17,96,76,.1);padding-top:26px;text-align:center;}
.cmx-more button{font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:#7c8c85;background:none;border:none;cursor:pointer;transition:color .2s;}
.cmx-more button:hover{color:var(--emerald-deep);}

@media (max-width:560px){
  .cmx{padding:28px 20px;border-radius:16px;}
  .cmx-head h2{font-size:1.45rem;}
  .cmx-comment-inner{grid-template-columns:38px 1fr;gap:14px;}
  .cmx-avatar{width:38px;height:38px;font-size:.95rem;}
  .cmx-reply{grid-template-columns:32px 1fr;gap:12px;margin-left:20px;}
  .cmx-reply::before{left:15px;}
  .cmx-field-row{grid-template-columns:1fr;gap:0;}
  .cmx-field-row .cmx-field + .cmx-field{margin-top:28px;}
  .cmx-composer-row{flex-direction:column;align-items:flex-start;}
}

/* ===== [embed] — duyarlı video (YouTube/Vimeo) ===== */
.zembed{position:relative;width:100%;max-width:760px;margin:22px auto;aspect-ratio:16/9;
  border-radius:16px;overflow:hidden;background:var(--emerald-deep);
  box-shadow:0 12px 30px rgba(10,58,45,.18);}
.zembed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}

/* ===== [box] — vurgulu not kutusu ===== */
.zbox{margin:18px 0;padding:16px 20px;border-radius:14px;line-height:1.7;}
.zbox--info{background:rgba(28,120,96,.07);border:1px solid rgba(17,96,76,.2);border-left:4px solid var(--emerald-soft);}
.zbox--shadow{background:#fff;border:1px solid rgba(17,96,76,.12);box-shadow:0 8px 22px rgba(10,58,45,.08);}
.zbox--note{background:rgba(201,161,74,.08);border:1px solid rgba(201,161,74,.35);border-left:4px solid var(--gold);}
.zbox--warning{background:#fdf3e7;border:1px solid #ecd2b0;border-left:4px solid #c97e2b;}
.zbox > :first-child{margin-top:0;}
.zbox > :last-child{margin-bottom:0;}

/* ===== KİTAP BÖLÜM KARTLARI (Peygamberimizin Hayatı vb. seri sayfalar) ===== */
.kitap-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0;}
.kitap-card{display:flex;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;
  background:#fff;border:1px solid rgba(17,96,76,.14);border-radius:14px;
  transition:border-color .2s ease, background .2s ease;}
.kitap-card:hover{border-color:var(--gold);background:rgba(201,161,74,.05);}
.kitap-no{flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  font-family:'Marcellus',serif;font-size:1.15rem;color:#fff;
  background:linear-gradient(135deg, var(--emerald-soft), var(--emerald));}
.kitap-card:hover .kitap-no{background:linear-gradient(135deg, var(--gold-light), var(--gold));color:var(--emerald-deep);}
.kitap-name{flex:1;color:var(--emerald-deep);font-size:.97rem;line-height:1.45;}
.kitap-card svg{flex:none;width:16px;height:16px;stroke:var(--gold);transition:transform .2s ease;}
.kitap-card:hover svg{transform:translateX(3px);}
@media (max-width:640px){.kitap-grid{grid-template-columns:1fr;}}

/* ===== DUYURULAR SAYFASI (/duyurular) ===== */
.dn-list{display:flex;flex-direction:column;gap:14px;margin-top:8px;}
.dn-item{display:flex;gap:16px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:20px 22px;}
.dn-item.dn-unread{border-color:rgba(201,161,74,.5);background:linear-gradient(135deg, rgba(201,161,74,.06), #fff);}
.dn-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--icon-bg);display:grid;place-items:center;}
.dn-ic svg{width:20px;height:20px;stroke:#fff;}
.dn-body{flex:1;min-width:0;}
.dn-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.dn-head h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.15rem;color:var(--emerald-deep);margin:0;}
.dn-new{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a8842f;
  background:rgba(201,161,74,.14);border:1px solid rgba(201,161,74,.4);border-radius:20px;padding:2px 10px;}
.dn-head time{font-size:.78rem;color:#9aa89f;margin-left:auto;}
.dn-body p{margin:0;color:#5d6d66;line-height:1.65;}
@media (max-width:560px){.dn-item{padding:16px;gap:12px;}.dn-ic{width:38px;height:38px;}}

/* ===== MİSAFİR SORU FORMU ===== */
.qa-ask-guest{margin-bottom:18px;padding:14px 16px;border:1px solid rgba(201,161,74,.35);border-radius:12px;background:rgba(201,161,74,.06);}
/* NOT: burada flex KULLANMA — <p> içindeki metin/<b>/<a> parçaları ayrı flex
   öğesi olup yan yana dizilir (metin iç içe görünür). İkon satır-içi kalmalı. */
.qa-ask-guest-note{margin:0 0 12px;font-size:.88rem;color:#6a6a52;line-height:1.55;}
.qa-ask-guest-note svg{width:15px;height:15px;margin-right:6px;vertical-align:-2px;stroke:var(--gold);}
.qa-ask-guest-note a{color:var(--emerald);font-weight:600;}
.qa-ask-guest-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.qa-ask-guest-grid .qa-ask-field{margin:0;}
@media (max-width:600px){.qa-ask-guest-grid{grid-template-columns:1fr;}}

/* ===== ROZET SİSTEMİ ===== */
/* kademe renkleri */
.bdg--bronze{--bdg:#b08d57;}
.bdg--silver{--bdg:#9aa5b1;}
.bdg--gold{--bdg:var(--gold);}

/* profil rozet ızgarası */
.bdg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.bdg{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(17,96,76,.12);border-radius:12px;background:#fff;opacity:.55;filter:grayscale(.6);}
.bdg.is-earned{opacity:1;filter:none;border-color:color-mix(in srgb, var(--bdg) 45%, transparent);background:color-mix(in srgb, var(--bdg) 7%, #fff);}
.bdg-ic{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb, var(--bdg, #9aa89f) 16%, #fff);border:1.5px solid color-mix(in srgb, var(--bdg, #9aa89f) 50%, transparent);}
.bdg-ic svg{width:19px;height:19px;stroke:var(--bdg, #9aa89f);}
.bdg.is-earned .bdg-ic{background:linear-gradient(135deg, color-mix(in srgb, var(--bdg) 85%, #fff), var(--bdg));}
.bdg.is-earned .bdg-ic svg{stroke:#fff;}
.bdg-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.bdg-info b{font-size:.88rem;color:var(--emerald-deep);}
.bdg-info small{font-size:.72rem;color:#8a9a93;}
.bdg-info .bdg-ok{color:var(--bdg);font-weight:600;}
.bdg-bar{height:5px;border-radius:5px;background:rgba(17,96,76,.1);overflow:hidden;}
.bdg-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg, var(--gold-light), var(--gold));}

/* mini vitrin rozeti (yorum kartları) */
.bdg-mini{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;
  font-size:.7rem;font-weight:600;color:var(--bdg);
  background:color-mix(in srgb, var(--bdg) 11%, #fff);
  border:1px solid color-mix(in srgb, var(--bdg) 38%, transparent);
  white-space:nowrap;}
.bdg-mini svg{width:11px;height:11px;stroke:var(--bdg);flex:none;}

/* kutlama modalı */
.bdg-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:rgba(7,32,25,.55);
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:bdgfade .3s ease;}
.bdg-modal-card{position:relative;width:min(92vw,420px);text-align:center;padding:38px 28px 28px;border-radius:22px;
  background:
    radial-gradient(circle at 50% 0%, rgba(201,161,74,.22), transparent 55%),
    linear-gradient(170deg, var(--emerald-deep), var(--emerald));
  border:1px solid rgba(201,161,74,.5);box-shadow:0 30px 70px rgba(0,0,0,.45);
  animation:bdgpop .45s cubic-bezier(.34,1.4,.45,1);}
.bdg-modal-glow{position:absolute;top:-40px;left:50%;transform:translateX(-50%);width:200px;height:200px;border-radius:50%;
  background:radial-gradient(circle, rgba(232,207,142,.35), transparent 70%);pointer-events:none;}
.bdg-modal-icons{display:flex;justify-content:center;gap:12px;margin-bottom:16px;}
.bdg-modal-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(135deg, color-mix(in srgb, var(--bdg) 80%, #fff), var(--bdg));
  border:2.5px solid rgba(255,255,255,.35);box-shadow:0 10px 26px rgba(0,0,0,.35);
  animation:bdgspin .8s cubic-bezier(.34,1.3,.5,1);}
.bdg-modal-ic svg{width:32px;height:32px;stroke:#fff;}
.bdg-modal-card h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.5rem;color:var(--gold-light);margin:0 0 8px;}
.bdg-modal-names{color:var(--cream);font-size:.95rem;margin:0 0 22px;}
.bdg-modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.bdg-modal-link{padding:11px 20px;border-radius:30px;border:1.5px solid rgba(201,161,74,.6);color:var(--gold-light);text-decoration:none;font-size:.92rem;transition:background .2s ease;}
.bdg-modal-link:hover{background:rgba(201,161,74,.15);}
.bdg-modal-ok{padding:11px 26px;border-radius:30px;border:none;cursor:pointer;font-weight:700;font-size:.92rem;
  background:linear-gradient(135deg, var(--gold), #b58a36);color:var(--emerald-deep);box-shadow:0 4px 14px rgba(201,161,74,.35);transition:filter .2s ease;}
.bdg-modal-ok:hover{filter:brightness(1.07);}
@keyframes bdgfade{from{opacity:0;}to{opacity:1;}}
@keyframes bdgpop{from{transform:translateY(26px) scale(.92);opacity:0;}to{transform:none;opacity:1;}}
@keyframes bdgspin{from{transform:scale(.3) rotate(-25deg);opacity:0;}to{transform:none;opacity:1;}}

/* ===== REKLAM SLOTLARI (/admin/ads) ===== */
.ad-slot{
  max-width:var(--shell);margin:18px auto;padding:0 var(--gutter);
  text-align:center;overflow:hidden;}
.ad-slot::before{
  content:"Reklam";display:block;font-size:.66rem;letter-spacing:2px;
  text-transform:uppercase;color:#9aa89f;margin-bottom:6px;}
.ad-slot ins.adsbygoogle{display:block;}
.ad-slot img{max-width:100%;height:auto;}
/* makale içi slotlar konteynerin içinde — yatay padding gereksiz */
.ad-slot--content_top,.ad-slot--in_article,.ad-slot--content_bottom,.ad-slot--sidebar{
  padding:0;margin:18px 0;}
.ad-slot--sidebar{margin:0;}

/* player — premium emerald kart */
.player{
  background:
    radial-gradient(circle at 12% 0%, rgba(201,161,74,.16), transparent 45%),
    radial-gradient(circle at 95% 100%, rgba(201,161,74,.12), transparent 40%),
    linear-gradient(135deg, var(--emerald-deep) 0%, var(--emerald) 55%, var(--emerald-soft) 100%);
  border:1px solid rgba(201,161,74,.35);border-radius:18px;padding:18px 20px;
  box-shadow:0 14px 34px rgba(7,32,25,.32);}
.player .now{display:flex;align-items:center;gap:14px;}
.player .play-btn{width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg, var(--gold-light), var(--gold));box-shadow:0 4px 14px rgba(0,0,0,.25);transition:filter .2s ease, transform .15s ease;}
.player .play-btn:hover{filter:brightness(1.06);}
.player .play-btn:active{transform:scale(.94);}
.player .play-btn svg{width:20px;height:20px;fill:var(--emerald-deep);stroke:var(--emerald-deep);}
.player .now-info{flex:1;min-width:0;}
.player .now-info .lbl{font-size:.72rem;letter-spacing:1.5px;text-transform:uppercase;color:rgba(246,241,228,.55);}
.player .now-info .title{font-family:'Marcellus',serif;font-size:1.12rem;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.player .ctrl{display:flex;gap:6px;flex-shrink:0;}
.player .ctrl button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(246,241,228,.25);background:rgba(255,255,255,.08);cursor:pointer;display:grid;place-items:center;transition:background .2s ease;}
.player .ctrl button:hover{background:rgba(201,161,74,.3);}
.player .ctrl svg{width:16px;height:16px;stroke:var(--cream);fill:var(--cream);}
.player .bar{display:flex;align-items:center;gap:12px;margin-top:14px;}
.player .bar .time{font-size:.8rem;color:rgba(246,241,228,.65);font-variant-numeric:tabular-nums;min-width:42px;}
.player .bar .time.end{text-align:right;}
.player .track{flex:1;height:6px;border-radius:6px;background:rgba(255,255,255,.18);position:relative;cursor:pointer;touch-action:none;}
.player .track::before{content:"";position:absolute;inset:-8px 0;}
.player .track .fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:6px;background:linear-gradient(90deg, var(--gold-light), var(--gold));}
.player .track .knob{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--gold);box-shadow:0 1px 4px rgba(0,0,0,.3);}
.player .ctrl button[disabled]{opacity:.35;cursor:default;}
.player .ctrl button[disabled]:hover{background:rgba(255,255,255,.08);}
.player .ctrl svg.ln{fill:none;}
.player .ic-pause{display:none;}
.player.is-playing .play-btn .ic-play{display:none;}
.player.is-playing .play-btn .ic-pause{display:block;}
.player .ic-voff{display:none;}
.player.muted .ic-von{display:none;}
.player.muted .ic-voff{display:block;}
.player .vol{width:90px;flex-shrink:0;accent-color:var(--gold);cursor:pointer;}

/* mini player — scroll'da sol alt köşeye sabitlenir */
.player.is-mini{
  position:fixed;left:18px;bottom:18px;z-index:90;
  width:min(360px, calc(100vw - 36px));
  padding:12px 14px;border-radius:16px;
  box-shadow:0 18px 44px rgba(7,32,25,.5);
  animation:zpop .25s ease;}
.player.is-mini .now{gap:10px;}
.player.is-mini .lbl{display:none;}
.player.is-mini .vol{display:none;}
.player.is-mini .play-btn{width:42px;height:42px;}
.player.is-mini .play-btn svg{width:16px;height:16px;}
.player.is-mini .now-info .title{font-size:.95rem;}
.player.is-mini .ctrl button{width:32px;height:32px;}
.player.is-mini .ctrl svg{width:14px;height:14px;}
.player.is-mini .bar{margin-top:9px;gap:8px;}
.player.is-mini .bar .time{font-size:.72rem;min-width:34px;}
@keyframes zpop{from{transform:translateY(14px);opacity:0;}to{transform:none;opacity:1;}}
.player .mini-close{display:none;}
.player.is-mini .mini-close{
  display:grid;place-items:center;position:absolute;top:-10px;right:-10px;
  width:28px;height:28px;border-radius:50%;cursor:pointer;
  background:var(--emerald-deep);border:1px solid rgba(201,161,74,.55);
  box-shadow:0 4px 12px rgba(0,0,0,.35);transition:background .2s ease;}
.player.is-mini .mini-close:hover{background:#a33;}
.player.is-mini .mini-close svg{width:13px;height:13px;stroke:var(--cream);}

/* sure listesi */
.surah-head{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.surah-head svg{width:20px;height:20px;stroke:var(--emerald-soft);}
.surah-head h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.4rem;color:var(--emerald);}
.surah-head .count{color:#9aa8a2;font-size:.95rem;}
.surah-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.surah-item{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:12px;padding:10px 14px;cursor:pointer;transition:border-color .2s ease, background .2s ease;}
.surah-item:hover{border-color:rgba(201,161,74,.4);background:rgba(201,161,74,.05);}
.surah-item.active{border-color:var(--gold);background:rgba(201,161,74,.1);}
.surah-item .no{width:24px;text-align:center;color:#9aa8a2;font-size:.84rem;flex-shrink:0;}
.surah-item .play{width:30px;height:30px;border-radius:50%;border:none;cursor:pointer;flex-shrink:0;display:grid;place-items:center;background:rgba(28,120,96,.1);transition:background .2s ease;}
.surah-item.active .play{background:var(--gold);}
.surah-item .play svg{width:12px;height:12px;fill:var(--emerald-soft);stroke:var(--emerald-soft);}
.surah-item.active .play svg{fill:#fff;stroke:#fff;}
.surah-item .nm{flex:1;color:var(--emerald-deep);font-size:.94rem;}
.surah-item .dur{color:#9aa8a2;font-size:.8rem;font-variant-numeric:tabular-nums;}
.surah-item .play .ic-pause{display:none;}
.surah-item.playing .play .ic-play{display:none;}
.surah-item.playing .play .ic-pause{display:block;}
.surah-item .eq{display:none;align-items:flex-end;gap:2px;height:14px;flex-shrink:0;}
.surah-item.playing .eq{display:flex;}
.surah-item .eq i{width:3px;border-radius:2px;background:var(--gold);animation:zpeq .9s ease-in-out infinite;}
.surah-item .eq i:nth-child(1){height:60%;animation-delay:0s;}
.surah-item .eq i:nth-child(2){height:100%;animation-delay:.25s;}
.surah-item .eq i:nth-child(3){height:75%;animation-delay:.5s;}
@keyframes zpeq{0%,100%{transform:scaleY(.4);}50%{transform:scaleY(1);}}
.surah-item .dl{display:grid;place-items:center;flex-shrink:0;text-decoration:none;}
.surah-item .dl svg{width:21px;height:21px;stroke:#9aa8a2;transition:stroke .2s ease;}
.surah-item .dl:hover svg{stroke:var(--gold);}

@media (max-width:860px){.surah-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:680px){
  .hafiz-hero{grid-template-columns:1fr;text-align:center;justify-items:center;padding:28px 22px;}
  .hafiz-meta{justify-content:center;}
}

/* =========================================================
   BLOG — liste, makale detay, yorumlar, sidebar
   ========================================================= */
.blog{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start;}
.blog .crumbs{grid-column:1/-1;}
.blog-head{margin-bottom:6px;}
.blog-head h1{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.8rem,4vw,2.4rem);color:var(--emerald-deep);}
.blog-head p{color:#6a7a73;margin-top:6px;}

/* makale kartları */
.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;}
.post-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;transition:.18s;}
.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(10,58,45,.10);border-color:rgba(201,161,74,.4);}
.post-card .cover{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#eef6f2,#f6fbf9);
  display:grid;place-items:center;overflow:hidden;}
.post-card .cover img{width:100%;height:100%;object-fit:cover;}
.post-card .cover .ph{width:46px;height:46px;stroke:var(--emerald-soft);fill:none;stroke-width:1.5;}
.post-card .pc-body{padding:18px;display:flex;flex-direction:column;flex:1;}
.post-card .meta{color:#8a9892;font-size:.82rem;margin-bottom:8px;}
.post-card h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.18rem;color:var(--emerald-deep);line-height:1.3;}
.post-card p{color:#5d6d66;font-size:.92rem;line-height:1.6;margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-card .more{margin-top:auto;padding-top:14px;color:var(--emerald);font-weight:600;font-size:.9rem;text-decoration:none;}
.post-card .more:hover{color:var(--gold);}

/* sidebar */
.blog-aside{display:flex;flex-direction:column;gap:18px;}
.s-box{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;padding:20px;}
.s-box h4{font-family:'Marcellus',serif;font-weight:400;font-size:1.15rem;color:var(--emerald-deep);
  margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(17,96,76,.1);}
.s-box ul{list-style:none;}
.s-box li + li{margin-top:12px;padding-top:12px;border-top:1px solid rgba(17,96,76,.07);}
.s-box a{color:#3f5249;text-decoration:none;font-size:.94rem;line-height:1.45;display:block;transition:.15s;}
.s-box a:hover{color:var(--gold);}
.s-box.about p{color:#6a7a73;font-size:.92rem;line-height:1.65;}

/* makale detay */
.article{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:20px;padding:34px 36px;}
.article h1{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.7rem,3.6vw,2.3rem);
  color:var(--emerald-deep);line-height:1.2;}
.article .a-meta{color:#8a9892;font-size:.9rem;margin:10px 0 18px;padding-bottom:18px;border-bottom:1px solid rgba(17,96,76,.1);}
.article .a-cats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
.article .a-cats a{background:rgba(28,120,96,.09);color:var(--emerald);font-size:.8rem;
  padding:6px 12px;border-radius:20px;text-decoration:none;transition:.15s;}
.article .a-cats a:hover{background:var(--emerald);color:#fff;}
.article .a-cover{width:100%;border-radius:16px;overflow:hidden;margin-bottom:22px;}
.article .a-cover img{width:100%;display:block;}
.article .a-body{color:#3f4f48;line-height:1.85;font-size:1.02rem;}
.article .a-body a{overflow-wrap:anywhere;}
.article .a-body p{margin-bottom:18px;}
.article .a-body h2{font-family:'Marcellus',serif;font-weight:400;color:var(--emerald);font-size:1.4rem;margin:26px 0 12px;}
.article .back{display:inline-block;margin-top:24px;color:var(--emerald);font-weight:600;text-decoration:none;}
.article .back:hover{color:var(--gold);}

/* yorumlar */
/* Özel sayfa (PageController /{slug}) — blog makalesiyle aynı okunabilir merkezi kolon */
/* Sayfalar sidebar'sız render edilir → içerik tam shell genişliğini kullanır.
   (Eski 820px sınırı dar görünüyordu; okunabilirlik için article padding'i yeterli.) */
.page-single{max-width:none;margin:0 auto;}
.page-single .article{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:20px;padding:34px 36px;}
@media (max-width:600px){.page-single .article{padding:22px 18px;border-radius:16px;}}
.comments{margin-top:26px;margin-bottom:44px;}
.comments .c-title{display:flex;align-items:center;gap:10px;font-family:'Marcellus',serif;
  font-size:1.4rem;color:var(--emerald-deep);margin-bottom:18px;}
.comments .c-title svg{width:24px;height:24px;stroke:var(--emerald);fill:none;stroke-width:1.7;}
.comment{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:18px 20px;
  display:flex;gap:14px;margin-bottom:14px;}
.comment .av{width:42px;height:42px;flex:none;border-radius:50%;background:#eaf4f0;color:var(--emerald);
  display:grid;place-items:center;font-weight:700;text-transform:uppercase;}
.comment .c-head{margin-bottom:6px;}
.comment .c-head b{color:var(--emerald-deep);}
.comment .c-head time{color:#9aa8a2;font-size:.82rem;margin-left:8px;}
.comment .c-text{color:#4b5a54;line-height:1.6;}
.comment-form{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:18px;padding:24px;margin-top:22px;margin-bottom:26px;}
/* yanıt yorumlar: girintili + gold sol çizgi + "X kişisine yanıt" etiketi */
.comment--reply{margin-left:34px;padding-left:14px;border-left:2px solid rgba(201,161,74,.35);}
.c-replyto{display:inline-flex;align-items:center;gap:5px;margin:2px 0 4px;font-size:.76rem;color:#a8842f;}
.c-replyto svg{width:12px;height:12px;flex:none;}
@media (max-width:560px){.comment--reply{margin-left:14px;padding-left:10px;}}
/* tepkiler + yanıtla aynı satırda */
.c-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.c-actions .qa-react{margin-top:10px;}
.c-replybtn{display:inline-flex;align-items:center;gap:5px;margin-top:10px;border:1px solid rgba(17,96,76,.15);background:#fff;color:#6a7a73;border-radius:20px;padding:4px 12px;font:inherit;font-size:.8rem;cursor:pointer;transition:.15s ease;}
.c-replybtn svg{width:13px;height:13px;}
.c-replybtn:hover{border-color:var(--gold);color:#a8842f;}
/* "X kişisine yanıt yazıyorsun" bildirimi (formda) */
.c-replying{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;border:1px solid rgba(201,161,74,.4);border-radius:10px;background:rgba(201,161,74,.08);font-size:.85rem;color:#7a6a3a;}
.c-replying svg{width:14px;height:14px;flex:none;stroke:#a8842f;}
.c-replying span{flex:1;}
.c-replying button{border:none;background:none;cursor:pointer;color:#a8842f;font-size:.95rem;padding:2px 6px;border-radius:6px;}
.c-replying button:hover{background:rgba(201,161,74,.18);}
.comment-form h3{font-family:'Marcellus',serif;font-weight:400;font-size:1.3rem;color:var(--emerald-deep);margin-bottom:18px;}
.comment-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.comment-form label{display:block;font-size:.9rem;color:var(--emerald-deep);font-weight:600;margin-bottom:6px;}
.comment-form label span{color:#9aa8a2;font-weight:400;}
.comment-form input,.comment-form textarea{width:100%;border:1px solid rgba(17,96,76,.18);border-radius:11px;
  padding:12px 14px;font-family:inherit;font-size:.95rem;color:var(--emerald-deep);background:#fff;}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--emerald);}
.comment-form .field{margin-bottom:16px;}
.comment-form textarea{resize:vertical;min-height:120px;}
.comment-form .send{display:inline-flex;align-items:center;gap:8px;background:var(--emerald);color:#fff;
  border:none;border-radius:12px;padding:13px 26px;font-weight:700;cursor:pointer;transition:.15s;font-family:inherit;}
.comment-form .send:hover{background:var(--emerald-deep);}
.comment-form .send svg{width:18px;height:18px;}
.comment-ok{background:rgba(28,120,96,.1);border:1px solid rgba(28,120,96,.3);color:var(--emerald-deep);
  border-radius:12px;padding:14px 16px;margin-bottom:18px;}

@media (max-width:900px){
  /* minmax(0,1fr) tek sütunda da şart: geniş içerik (doğal boyutlu img/tablo)
     aksi halde grid'i patlatıp yatay kaydırma yaratır (grid blowout). */
  .blog{grid-template-columns:minmax(0,1fr);}
  .blog main{min-width:0;}
  .article{padding:26px 22px;}
}
@media (max-width:600px){
  .blog{padding:0 16px;}
  .post-grid{grid-template-columns:1fr;}
  .comment-form .row{grid-template-columns:1fr;}
}

/* =========================================================
   İLETİŞİM — Bize Ulaşın
   ========================================================= */
.iletisim{display:flex;flex-direction:column;gap:24px;}


.il-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px;align-items:start;}
.il-panel{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:20px;padding:28px;}
.il-panel h2{font-family:'Marcellus',serif;font-weight:400;font-size:1.5rem;color:var(--emerald-deep);margin-bottom:6px;}
.il-panel .sub{color:#6a7a73;font-size:.94rem;margin-bottom:22px;}

.il-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.il-form .field{margin-bottom:16px;}
.il-form label{display:block;font-size:.88rem;color:var(--emerald-deep);font-weight:600;margin-bottom:6px;}
.il-form label span{color:#9aa8a2;font-weight:400;}
.il-form input,.il-form select,.il-form textarea{width:100%;border:1px solid rgba(17,96,76,.18);border-radius:11px;
  padding:12px 14px;font-family:inherit;font-size:.95rem;color:var(--emerald-deep);background:#fff;}
.il-form input:focus,.il-form select:focus,.il-form textarea:focus{outline:none;border-color:var(--emerald);}
.il-form textarea{resize:vertical;min-height:150px;}
.il-form .kvkk{display:flex;gap:10px;align-items:flex-start;color:#5d6d66;font-size:.86rem;line-height:1.5;margin-bottom:18px;}
.il-form .kvkk input{width:18px;height:18px;margin-top:2px;accent-color:var(--emerald);flex:none;}
.il-form .send{display:inline-flex;align-items:center;gap:8px;background:var(--emerald);color:#fff;border:none;
  border-radius:12px;padding:14px 30px;font-weight:700;cursor:pointer;transition:.15s;font-family:inherit;font-size:1rem;}
.il-form .send:hover{background:var(--emerald-deep);}
.il-form .send svg{width:18px;height:18px;}
.il-ok{background:rgba(28,120,96,.1);border:1px solid rgba(28,120,96,.3);color:var(--emerald-deep);
  border-radius:12px;padding:14px 16px;margin-bottom:20px;}

.il-side .il-panel + .il-panel{margin-top:18px;}
.il-info{list-style:none;}
.il-info li{display:flex;gap:13px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(17,96,76,.08);}
.il-info li:last-child{border-bottom:none;}
.il-info svg{width:19px;height:19px;flex:none;margin-top:2px;stroke:var(--emerald);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.il-info .k{font-size:.74rem;letter-spacing:1px;text-transform:uppercase;color:#94a39c;}
.il-info .v,.il-info a{color:var(--emerald-deep);font-size:.95rem;text-decoration:none;}
.il-info a:hover{color:var(--gold);}
.il-social{display:flex;gap:10px;flex-wrap:wrap;}
.il-social a{width:42px;height:42px;border-radius:11px;border:1px solid rgba(17,96,76,.15);display:grid;place-items:center;color:var(--emerald);transition:.15s;}
.il-social a:hover{background:var(--emerald);color:#fff;border-color:var(--emerald);}
.il-social svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}

.il-map{border:1px solid rgba(17,96,76,.12);border-radius:20px;overflow:hidden;background:#eef4f2;}
.il-map iframe{width:100%;height:340px;border:0;display:block;}
.il-map .ph{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#6a7a73;}
.il-map .ph svg{width:38px;height:38px;stroke:var(--emerald-soft);fill:none;stroke-width:1.5;}

.il-faq{display:grid;gap:12px;}
.il-faq details{border:1px solid rgba(17,96,76,.12);border-radius:13px;background:#fff;}
.il-faq summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;color:var(--emerald-deep);
  display:flex;align-items:center;justify-content:space-between;}
.il-faq summary::-webkit-details-marker{display:none;}
.il-faq summary::after{content:'+';color:var(--emerald);font-size:1.4rem;font-weight:400;}
.il-faq details[open] summary::after{content:'−';}
.il-faq details p{padding:0 20px 16px;color:#5d6d66;line-height:1.6;margin:0;}

@media (max-width:900px){ .il-grid{grid-template-columns:1fr;} }
@media (max-width:600px){ .iletisim{padding:0 16px;} .il-form .row{grid-template-columns:1fr;} .il-panel{padding:22px;} }
@media (max-width:560px){
  .surah-grid{grid-template-columns:1fr;}
  .player .now-info .title{font-size:1rem;}
  .player{padding:14px 16px;}
  .player .vol{display:none;}
  .player .now{gap:10px;}
  .player .ctrl{gap:4px;}
  .player.is-mini{left:12px;bottom:12px;width:calc(100vw - 24px);}
}

/* =========================================================
   PARALEL AJAN UZLAŞTIRMASI — sayfalardan main.css'e taşınan
   ortak/sayfa-özel kurallar (inline <style> kaldırıldı).
   ========================================================= */

/* blog kartı: kapak görseli + başlık linki */
.post-card .cover img{position:absolute;inset:0;}
.post-card h3 a{color:inherit;text-decoration:none;}

/* boş sonuç (juz + reciter ızgaraları) */
.juz-grid .no-result,.reciter-grid .no-result{grid-column:1/-1;color:#8a9892;padding:18px 4px;}

/* cuz/index — dikey juz kartları (.container.imsak.cuz-juz) */
.cuz-juz .juz-chip{flex-direction:column;align-items:flex-start;gap:8px;padding:14px;min-height:96px;justify-content:flex-start;}
.cuz-juz .juz-chip .top{display:flex;align-items:center;gap:10px;}
.cuz-juz .juz-chip .rng{font-size:.74rem;line-height:1.35;color:#8a9892;}
.cuz-juz .juz-chip:hover .rng{color:#5c6b65;}
@media (max-width:560px){ .cuz-juz .juz-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));} }

/* cuz/1 — Kur'an okuyucu bileşeni (.container.imsak.kuran-oku) */
.kuran-oku{--ink:var(--emerald-deep);--line:rgba(17,96,76,.12);--green:var(--emerald-soft);}
.kuran-oku h1{text-align:center;color:var(--ink);font-size:1.9rem;line-height:1.25;margin:6px 0 22px;}
.kuran-oku .pager{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 16px;}
.kuran-oku .pager .count{font-weight:700;color:var(--ink);font-size:1.02rem;}
.kuran-oku .pager button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 18px;font-weight:600;cursor:pointer;font-size:.95rem;transition:.15s;}
.kuran-oku .pager button:hover:not(:disabled){border-color:var(--green);color:var(--green);}
.kuran-oku .pager button.next{background:var(--ink);color:#fff;border-color:var(--ink);}
.kuran-oku .pager button.next:hover:not(:disabled){background:var(--green);border-color:var(--green);color:#fff;}
.kuran-oku .pager button:disabled{opacity:.45;cursor:default;}
.kuran-oku .stage{display:flex;justify-content:center;background:#fafbfc;border:1px solid var(--line);border-radius:14px;padding:22px;margin-top:16px;}
.kuran-oku .stage img{max-width:560px;width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 6px 22px rgba(31,45,58,.10);}
.kuran-oku .cap{text-align:center;font-weight:700;color:var(--ink);margin:18px 0 0;}
.kuran-oku .tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;border:1px solid var(--line);border-radius:14px;padding:14px;margin-top:16px;}
.kuran-oku .tabs button{text-align:center;}
.kuran-oku .tabs button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:8px 14px;cursor:pointer;font-size:.9rem;transition:.15s;}
.kuran-oku .tabs button:hover{border-color:var(--green);}
.kuran-oku .tabs button.active{background:var(--green);color:#fff;border-color:var(--green);}
.kuran-oku .cuz-nav{border:1px solid var(--line);background:var(--ivory);border-radius:16px;padding:20px;margin-top:24px;}
.kuran-oku .cuz-nav h3{color:var(--green);margin:0 0 16px;font-size:1.05rem;font-family:'Marcellus',serif;text-align:center;letter-spacing:.02em;}
.kuran-oku .cuz-nav .grid{display:grid;grid-template-columns:repeat(10,1fr);gap:9px;}
.kuran-oku .cuz-nav a{border:1px solid #e3c98f;background:#fff;color:var(--emerald-deep);text-decoration:none;border-radius:10px;padding:11px 4px;text-align:center;font-size:.85rem;font-weight:600;transition:.15s;}
.kuran-oku .cuz-nav a:hover{border-color:var(--gold);background:#fbf6ea;color:#8a6a1f;}
.kuran-oku .cuz-nav a.cur{border-color:transparent;color:#fff;font-weight:700;background:linear-gradient(180deg,var(--emerald-soft),var(--emerald));box-shadow:0 3px 10px rgba(17,96,76,.28);}
.kuran-oku .cuz-nav .hatim-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px;}
.kuran-oku .cuz-nav .hatim-row a{border:1px solid #e3c98f;background:#fbf6ea;color:#8a6a1f;font-weight:600;border-radius:10px;padding:11px 22px;text-decoration:none;font-size:.88rem;transition:.15s;}
.kuran-oku .cuz-nav .hatim-row a:hover{border-color:var(--gold);background:#f4e9cf;color:#6e5316;}
@media (max-width:760px){ .kuran-oku .cuz-nav .grid{grid-template-columns:repeat(5,1fr);} .kuran-oku h1{font-size:1.45rem;} }
/* cüz okuyucu — mobil tasarımlı dropdown (özel combobox .zsel) */
.kuran-oku .tabs-select,.kuran-oku .cuz-select-wrap{display:none;}
/* .zsel — tekrar kullanılabilir tasarımlı dropdown komponenti (cuz + zikir vb.) */
.zsel-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#d23b3b;border-radius:8px;padding:4px 11px;margin:0 0 8px;box-shadow:0 2px 6px rgba(210,59,59,.25);}
.zsel{position:relative;}
.zsel-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;border:1px solid rgba(17,96,76,.16);border-radius:12px;background:#fff;color:var(--emerald-deep);font:inherit;font-weight:600;padding:0 14px;cursor:pointer;text-align:left;transition:.15s;}
.zsel-trigger:hover{border-color:var(--emerald-soft);}
.zsel.open .zsel-trigger{border-color:var(--emerald-soft);box-shadow:0 0 0 3px rgba(28,120,96,.16);}
.zsel-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zsel-chevron{flex:0 0 auto;color:var(--emerald-soft);transition:transform .2s ease;}
.zsel.open .zsel-chevron{transform:rotate(180deg);}
.zsel-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(17,96,76,.16);border-radius:12px;box-shadow:0 18px 44px rgba(10,58,45,.20);overflow:hidden;}
.zsel-pop[hidden]{display:none;}
.zsel-search-wrap{position:relative;padding:10px;border-bottom:1px solid rgba(17,96,76,.16);}
.zsel-search-wrap svg{position:absolute;left:21px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9bb0a8;pointer-events:none;}
.zsel-search{width:100%;border:1px solid rgba(17,96,76,.16);border-radius:9px;padding:9px 12px 9px 36px;font:inherit;color:var(--emerald-deep);outline:none;background:#fff;}
.zsel-search:focus{border-color:var(--emerald-soft);}
.zsel-list{max-height:300px;overflow-y:auto;padding:6px;}
.zsel-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:9px;color:var(--emerald-deep);font-weight:500;cursor:pointer;text-align:left;}
.zsel-item:hover{background:#eaf6f2;}
.zsel-item.selected{background:#eaf6f2;color:var(--emerald-soft);font-weight:700;}
.zsel-item > span{min-width:0;}
.zsel-item small{display:block;font-family:'Amiri',serif;color:var(--muted);font-weight:400;font-size:.92rem;margin-top:2px;}
.zsel-check{flex:0 0 auto;width:18px;height:18px;color:var(--emerald-soft);opacity:0;}
.zsel-item.selected .zsel-check{opacity:1;}
.zsel-item[hidden]{display:none;}
/* zikir: mobilde "Zikir Seç" chip paneli yerine banner içinde dropdown */
.zikir .banner .zsel{display:none;margin-top:14px;}
@media (max-width:600px){
  .zikir .panel-zikirsec{display:none;}
  .zikir .banner .zsel{display:block;}
}
@media (max-width:600px){
  .kuran-oku .tabs{display:none;}
  .kuran-oku .cuz-nav .grid{display:none;}
  .kuran-oku .tabs-select{display:block;margin-top:16px;}
  .kuran-oku .cuz-select-wrap{display:block;}
}
/* cüz okuyucu — resme dokun → tam ekran lightbox */
.kuran-oku .stage img{cursor:zoom-in;}
.kuran-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(7,32,25,.94);display:flex;align-items:center;justify-content:center;}
.kuran-lightbox[hidden]{display:none;}
.kuran-lightbox .kl-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);}
.kuran-lightbox .kl-info{font-weight:700;font-size:.95rem;color:var(--cream);line-height:1.3;}
.kuran-lightbox .kl-close{flex:0 0 auto;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s;}
.kuran-lightbox .kl-close:hover{background:rgba(255,255,255,.3);}
.kuran-lightbox .kl-img{max-width:94vw;max-height:82vh;width:auto;height:auto;border-radius:6px;box-shadow:0 12px 44px rgba(0,0,0,.5);background:#fff;}
.kuran-lightbox .kl-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.15s;}
.kuran-lightbox .kl-nav:hover{background:rgba(255,255,255,.3);}
.kuran-lightbox .kl-nav:disabled{opacity:.3;cursor:default;}
.kuran-lightbox .kl-prev{left:12px;}
.kuran-lightbox .kl-next{right:12px;}
@media (max-width:600px){
  .kuran-lightbox .kl-img{max-width:98vw;max-height:78vh;}
  .kuran-lightbox .kl-nav{width:44px;height:44px;}
}

/* ============================================================
   TECVİTLİ METİN — Mushaf/Tecvit görünüm geçişi + renkli Kur'an metni.
   Veri yereldir (app/Support/data/kuran/cuz-N.json); renkler buradadır.
   ============================================================ */
.kuran-oku .kuran-views{display:flex;gap:10px;justify-content:center;margin:0 0 18px;}
.kuran-oku .kv-btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:11px;padding:10px 22px;font-weight:600;cursor:pointer;font-size:.95rem;transition:.15s;}
.kuran-oku .kv-btn:hover{border-color:var(--green);color:var(--green);}
.kuran-oku .kv-btn.active{background:var(--ink);color:#fff;border-color:var(--ink);}
.kuran-oku .kuran-view[hidden]{display:none;}

.kuran-oku .view-tajweed{display:flex;flex-direction:column;gap:18px;}
/* Tecvit okuma — zarif gezinme bandı (zümrüt zemin + altın hatlar). Okurken üstte sabit. */
.kuran-oku .ktj-pager{position:sticky;top:10px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,var(--emerald) 0%,var(--emerald-deep) 100%);border:1px solid #b8922f;border-radius:14px;padding:11px 16px;box-shadow:inset 0 0 0 1px rgba(201,161,74,.45),0 6px 20px rgba(10,58,45,.28);}
.kuran-oku .ktj-pager button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(201,161,74,.55);background:rgba(255,255,255,.06);color:var(--gold-light);font-family:'Marcellus',serif;font-size:.95rem;letter-spacing:.02em;border-radius:10px;padding:9px 20px;cursor:pointer;transition:.16s;}
.kuran-oku .ktj-pager button:hover:not(:disabled){background:var(--gold);border-color:var(--gold);color:var(--emerald-deep);}
.kuran-oku .ktj-pager button:disabled{opacity:.32;cursor:default;}
.kuran-oku .ktj-counter{font-family:'Marcellus',serif;font-weight:700;font-size:1.15rem;color:var(--gold-light);min-width:74px;text-align:center;letter-spacing:.06em;}
/* Okuma ilerleme çubuğu (pager alt kenarı). */
.kuran-oku .ktj-pager{padding-bottom:15px;}
.kuran-oku .ktj-progress{position:absolute;left:14px;right:14px;bottom:6px;height:3px;background:rgba(201,161,74,.22);border-radius:2px;overflow:hidden;}
.kuran-oku .ktj-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold-light),var(--gold));border-radius:2px;transition:width .4s ease;}
/* Sayfa geçişi — 3D sayfa çevirme (perspektif + cilt kenarından rotateY). */
.kuran-oku .ktj-pages-wrap{perspective:2400px;}
@keyframes ktjFlipNext{
  0%{transform:rotateY(-82deg);opacity:.15;box-shadow:-26px 0 40px rgba(10,58,45,.30);}
  60%{opacity:1;}
  100%{transform:rotateY(0);opacity:1;box-shadow:0 8px 26px rgba(10,58,45,.10);}
}
@keyframes ktjFlipPrev{
  0%{transform:rotateY(82deg);opacity:.15;box-shadow:26px 0 40px rgba(10,58,45,.30);}
  60%{opacity:1;}
  100%{transform:rotateY(0);opacity:1;box-shadow:0 8px 26px rgba(10,58,45,.10);}
}
.kuran-oku .ktj-page.ktj-flip-next{transform-origin:right center;animation:ktjFlipNext .6s cubic-bezier(.3,.7,.3,1);backface-visibility:hidden;}
.kuran-oku .ktj-page.ktj-flip-prev{transform-origin:left center;animation:ktjFlipPrev .6s cubic-bezier(.3,.7,.3,1);backface-visibility:hidden;}
@media (prefers-reduced-motion:reduce){ .kuran-oku .ktj-page.ktj-flip-next,.kuran-oku .ktj-page.ktj-flip-prev{animation:none;} }
.kuran-oku .ktj-pages-wrap{scroll-margin-top:80px;}
/* Mushaf sahifesi çerçevesi: çift hat (dış altın + iç zümrüt) + 4 süslü kıvrımlı köşe. */
.kuran-oku .ktj-page{
  display:flex;flex-direction:column;gap:18px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate(0 22 22)' fill='none' stroke='%23c9a14a' stroke-width='1.6'%3E%3Cpath d='M6 22C6 13 13 6 22 6'/%3E%3Cpath d='M6 33C6 18 18 6 33 6'/%3E%3Ccircle cx='9' cy='9' r='1.9' fill='%23c9a14a'/%3E%3C/g%3E%3C/svg%3E") top 9px left 9px / 27px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate(90 22 22)' fill='none' stroke='%23c9a14a' stroke-width='1.6'%3E%3Cpath d='M6 22C6 13 13 6 22 6'/%3E%3Cpath d='M6 33C6 18 18 6 33 6'/%3E%3Ccircle cx='9' cy='9' r='1.9' fill='%23c9a14a'/%3E%3C/g%3E%3C/svg%3E") top 9px right 9px / 27px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate(180 22 22)' fill='none' stroke='%23c9a14a' stroke-width='1.6'%3E%3Cpath d='M6 22C6 13 13 6 22 6'/%3E%3Cpath d='M6 33C6 18 18 6 33 6'/%3E%3Ccircle cx='9' cy='9' r='1.9' fill='%23c9a14a'/%3E%3C/g%3E%3C/svg%3E") bottom 9px right 9px / 27px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cg transform='rotate(270 22 22)' fill='none' stroke='%23c9a14a' stroke-width='1.6'%3E%3Cpath d='M6 22C6 13 13 6 22 6'/%3E%3Cpath d='M6 33C6 18 18 6 33 6'/%3E%3Ccircle cx='9' cy='9' r='1.9' fill='%23c9a14a'/%3E%3C/g%3E%3C/svg%3E") bottom 9px left 9px / 27px no-repeat,
    radial-gradient(130% 125% at 50% 30%, rgba(255,253,245,.55) 0%, rgba(214,188,140,0) 55%, rgba(120,88,40,.12) 100%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='150' height='150' filter='url(%23p)' opacity='0.06'/%3E%3C/svg%3E") repeat,
    #f0e6cd;
  border:3px solid var(--gold);
  border-radius:10px;
  padding:34px 58px 30px;
  position:relative;
  box-shadow:inset 0 0 0 1px var(--ivory), inset 0 0 0 4px rgba(17,96,76,.5), 0 8px 26px rgba(10,58,45,.10);
}
.kuran-oku .ktj-page[hidden]{display:none;}
/* Sağ-sol dikey desen şeridi (altın çift hat + periyodik baklava), köşeler arası. */
.kuran-oku .ktj-page::before,
.kuran-oku .ktj-page::after{
  content:"";position:absolute;top:14px;bottom:14px;width:14px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='42' viewBox='0 0 14 42'%3E%3Cg fill='none' stroke='%23c9a14a' stroke-width='1.1'%3E%3Cline x1='4' y1='0' x2='4' y2='42'/%3E%3Cline x1='10' y1='0' x2='10' y2='42'/%3E%3C/g%3E%3Cpath d='M7 15 11 21 7 27 3 21Z' fill='%23c9a14a'/%3E%3C/svg%3E") repeat-y center top / 14px auto;
}
.kuran-oku .ktj-page::before{left:18px;}
.kuran-oku .ktj-page::after{right:18px;}
/* Çerçeveli sayfa içinde sure bloğu sade (kart stili yok). */
.kuran-oku .view-tajweed .ktj-surah{background:none;border:0;border-radius:0;padding:0;}
.kuran-oku .ktj-page-no{align-self:center;font-family:system-ui,sans-serif;font-size:.82rem;font-weight:700;color:#8a6a1f;background:#fbf6ea;border:1px solid #e3c98f;border-radius:999px;padding:5px 16px;margin-bottom:2px;}
/* Sayfa jetonları — kompakt altın daireler (Arapça no), seçili dolu. */
.kuran-oku .ktj-pagebtns{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;background:var(--ivory);border:1px solid var(--line);border-radius:14px;padding:16px;}
.kuran-oku .ktj-pagebtns button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e3c98f;background:#fff;color:var(--emerald-deep);font-family:'Marcellus',serif;font-size:1rem;font-weight:600;border-radius:50%;cursor:pointer;transition:.15s;}
.kuran-oku .ktj-pagebtns button:hover{border-color:var(--gold);color:#8a6a1f;background:#fbf6ea;}
.kuran-oku .ktj-pagebtns button.active{background:linear-gradient(180deg,var(--emerald-soft),var(--emerald));border-color:var(--emerald);color:#fff;box-shadow:0 3px 10px rgba(17,96,76,.28);}
.kuran-oku .ktj-legend{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;background:var(--ivory);border:1px solid var(--line);border-radius:12px;padding:13px 14px;}
.kuran-oku .ktj-legend span{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;padding:5px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);}
.kuran-oku .ktj-legend span::before{content:"";width:11px;height:11px;border-radius:50%;background:currentColor;flex:0 0 auto;box-shadow:0 0 0 1px rgba(10,58,45,.08);}
.kuran-oku .ktj-surah{background:var(--ivory);border:1px solid var(--line);border-radius:16px;padding:24px 26px;}
/* Sarlevha — altın illuminated sûre başlık bandı (uçlarında zümrüt yıldız). */
.kuran-oku .ktj-surah-head{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:linear-gradient(180deg,#e8cf8e 0%,#c9a14a 100%);border:1px solid #b8922f;border-radius:10px;padding:13px 48px;margin:2px 0 22px;box-shadow:inset 0 0 0 2px rgba(251,248,240,.5),0 3px 12px rgba(138,106,31,.22);}
.kuran-oku .ktj-surah-head::before,.kuran-oku .ktj-surah-head::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:17px;height:17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='4' width='16' height='16' rx='2' fill='%230a3a2d'/%3E%3Crect x='4' y='4' width='16' height='16' rx='2' transform='rotate(45 12 12)' fill='%230a3a2d'/%3E%3C/svg%3E") center/contain no-repeat;}
.kuran-oku .ktj-surah-head::before{left:15px;}
.kuran-oku .ktj-surah-head::after{right:15px;}
.kuran-oku .ktj-surah-head .ktj-name{font-family:'Marcellus',serif;font-size:1.35rem;color:var(--emerald-deep);letter-spacing:.01em;}
.kuran-oku .ktj-surah-head .ktj-latin{font-size:.82rem;color:rgba(10,58,45,.6);font-style:italic;}
.kuran-oku .ktj-basmala{font-family:'Amiri',serif;font-size:1.8rem;text-align:center;color:var(--emerald-deep);margin:0 0 20px;direction:rtl;}
.kuran-oku .ktj-ayahs{font-family:'Amiri',serif;font-size:2rem;line-height:2.6;text-align:justify;color:#1f2933;}
/* Âyet sonu gül/durak rozeti — altın 8 köşeli yıldız, kremde Arapça numara. */
.kuran-oku .ktj-num{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin:0 5px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='5' y='5' width='22' height='22' rx='2.5' fill='%23c9a14a'/%3E%3Crect x='5' y='5' width='22' height='22' rx='2.5' transform='rotate(45 16 16)' fill='%23c9a14a'/%3E%3Ccircle cx='16' cy='16' r='8.6' fill='%23fbf8f0'/%3E%3C/svg%3E") center/contain no-repeat;font-family:'Amiri',serif;font-size:.8rem;font-weight:700;color:var(--emerald-deep);line-height:1;}

/* Tecvit kuralı renkleri (Hafs). quran.com web standardı temelli. */
.kuran-oku .tj-hamzat_wasl,
.kuran-oku .tj-lam_shamsiyyah,
.kuran-oku .tj-silent{color:#9aa0a6;}
.kuran-oku .tj-madd_2{color:#1565c0;}
.kuran-oku .tj-madd_246{color:#0d47a1;}
.kuran-oku .tj-madd_6{color:#002171;}
.kuran-oku .tj-madd_munfasil{color:#1e88e5;}
.kuran-oku .tj-madd_muttasil{color:#1565c0;}
.kuran-oku .tj-ghunnah{color:#e8590c;}
.kuran-oku .tj-qalqalah{color:#c1121f;}
.kuran-oku .tj-iqlab{color:#0aa2c0;}
.kuran-oku .tj-ikhfa,
.kuran-oku .tj-ikhfa_shafawi{color:#8e44ad;}
.kuran-oku .tj-idghaam_ghunnah,
.kuran-oku .tj-idghaam_shafawi{color:#2e7d32;}
.kuran-oku .tj-idghaam_no_ghunnah,
.kuran-oku .tj-idghaam_mutajanisayn,
.kuran-oku .tj-idghaam_mutaqaribayn{color:#1b5e20;}

@media (max-width:600px){
  .kuran-oku .kuran-views{flex-wrap:wrap;}
  .kuran-oku .kv-btn{flex:1 1 auto;padding:10px 12px;}
  .kuran-oku .ktj-page{padding:24px 22px;}
  .kuran-oku .ktj-page::before,.kuran-oku .ktj-page::after{display:none;} /* dar ekranda yan şerit yok */
  .kuran-oku .ktj-ayahs{font-size:1.65rem;line-height:2.4;}
  .kuran-oku .ktj-basmala{font-size:1.4rem;}
}

/* ============================================================
   OYUNLAR / ZİKİRMATİK — sayfa-içi <style>'lardan taşınan konsolide
   kurallar. Local --ink/--green/--em* değişkenleri global token'a bağlı.
   ============================================================ */
.oyunlar, .oyun-detay, .zikir, .zpro{
  --ink:var(--emerald-deep);
  --green:var(--emerald-soft);
  --green-d:var(--emerald);
  --line:rgba(17,96,76,.12);
  --muted:#6b7682;
  --soft:#f4f7f9;
}

/* ---- OYUNLAR (liste) ---- */
.oyunlar{display:flex;flex-direction:column;gap:22px;}
.oyunlar .oyun-head{text-align:center;}
.oyunlar .oyun-head h1{color:var(--ink);font-size:2rem;margin:0 0 10px;}
.oyunlar .oyun-head p{color:var(--muted);max-width:640px;margin:0 auto 20px;line-height:1.6;}
.oyunlar .oyun-search{max-width:560px;margin:0 auto;position:relative;}
.oyunlar .oyun-search input{width:100%;border:1px solid var(--line);border-radius:13px;padding:15px 18px;font-size:1rem;background:#fff;color:var(--ink);}
.oyunlar .oyun-search input:focus{outline:none;border-color:var(--green);}
.oyunlar .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.oyunlar .oyun-card{display:block;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;text-decoration:none;transition:.15s;}
.oyunlar .oyun-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 10px 26px rgba(10,58,45,.10);}
.oyunlar .oyun-thumb{position:relative;aspect-ratio:1/0.8;background:#eef1f4;overflow:hidden;}
.oyunlar .oyun-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.oyunlar .oyun-thumb .badge{position:absolute;right:8px;bottom:8px;background:rgba(10,58,45,.72);color:#fff;font-size:.72rem;padding:4px 10px;border-radius:20px;}
.oyunlar .oyun-card h3{margin:0;padding:14px;font-size:.98rem;color:var(--ink);font-weight:700;}
.oyunlar .no-result{display:none;grid-column:1/-1;color:var(--muted);padding:18px 4px;text-align:center;}
@media (max-width:1024px){ .oyunlar .grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:720px){ .oyunlar .grid{grid-template-columns:repeat(2,1fr);} }

/* ---- OYUN DETAY ---- */
.oyun-detay{display:flex;flex-direction:column;gap:20px;}
.oyun-detay .hero{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#eef9f4,#f6fbf9);border:1px solid rgba(17,96,76,.18);border-radius:16px;padding:22px;}
.oyun-detay .hero .ic{width:84px;height:84px;border-radius:14px;overflow:hidden;flex:none;background:#eef1f4;}
.oyun-detay .hero .ic img{width:100%;height:100%;object-fit:cover;display:block;}
.oyun-detay .hero .meta{display:flex;flex-direction:column;gap:10px;min-width:0;}
.oyun-detay .hero h1{margin:0;color:var(--ink);font-size:1.5rem;}
.oyun-detay .hero .row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.oyun-detay .btn-oyna{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border:none;border-radius:11px;padding:11px 20px;font-weight:700;font-size:.98rem;cursor:pointer;text-decoration:none;transition:.15s;}
.oyun-detay .btn-oyna:hover{background:var(--green-d);}
.oyun-detay .btn-oyna svg{width:18px;height:18px;}
.oyun-detay .plays{color:var(--muted);font-size:.95rem;}
.oyun-detay .stage{position:relative;background:#000;border-radius:14px;overflow:hidden;aspect-ratio:16/10;min-height:480px;}
.oyun-detay .stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.oyun-detay .stage .soon{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#cfd6dd;text-align:center;padding:20px;}
.oyun-detay .stage .soon b{color:#fff;font-size:1.1rem;}
.oyun-detay .help{text-align:center;color:var(--muted);font-size:.92rem;margin:-4px 0 0;}
.oyun-detay .help a{color:var(--green);font-weight:600;text-decoration:none;}
.oyun-detay .help a:hover{text-decoration:underline;}
.oyun-detay h2{color:var(--ink);font-size:1.2rem;margin:8px 0 0;}
.oyun-detay .grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.oyun-detay .oyun-card{display:block;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden;text-decoration:none;transition:.15s;}
.oyun-detay .oyun-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:0 8px 22px rgba(10,58,45,.10);}
.oyun-detay .oyun-thumb{position:relative;aspect-ratio:1/0.8;background:#eef1f4;overflow:hidden;}
.oyun-detay .oyun-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.oyun-detay .oyun-card h3{margin:0;padding:12px;font-size:.9rem;color:var(--ink);font-weight:700;}
@media (max-width:1024px){ .oyun-detay .grid{grid-template-columns:repeat(4,1fr);} }
@media (max-width:720px){ .oyun-detay .grid{grid-template-columns:repeat(3,1fr);} .oyun-detay .stage{aspect-ratio:5/6;min-height:440px;} }
@media (max-width:520px){ .oyun-detay .grid{grid-template-columns:repeat(2,1fr);} .oyun-detay .stage{aspect-ratio:4/5;min-height:430px;} }

/* ---- ONLINE ZİKİRMATİK ---- */
.zikir{display:flex;flex-direction:column;gap:24px;}
.zikir .z-head{text-align:center;}
.zikir .z-head h1{color:var(--ink);font-size:clamp(1.7rem,4vw,2.2rem);margin:0 0 10px;}
.zikir .z-head p{color:var(--muted);max-width:660px;margin:0 auto;line-height:1.65;}
.zikir .z-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:start;}
.zikir .counter{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 14px 40px rgba(10,58,45,.07);}
.zikir .counter .banner{background:linear-gradient(135deg,var(--emerald-soft),var(--emerald) 55%,var(--emerald-deep));color:#fff;text-align:center;padding:22px 18px 18px;}
.zikir .counter .ar{font-family:'Amiri',serif;font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.4;}
.zikir .counter .nm{font-weight:700;font-size:1.15rem;margin-top:4px;color:#fff;}
.zikir .counter .mn{color:rgba(246,241,228,.85);font-size:.88rem;margin-top:4px;}
.zikir .counter .body{padding:22px 20px 24px;}
.zikir .ring-wrap{display:flex;justify-content:center;}
.zikir .ring{position:relative;width:clamp(230px,62vw,300px);aspect-ratio:1;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;}
.zikir .ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block;}
.zikir .ring .track{fill:none;stroke:#eef2f5;stroke-width:15;}
.zikir .ring .prog{fill:none;stroke:url(#zgrad);stroke-width:15;stroke-linecap:round;transition:stroke-dashoffset .35s cubic-bezier(.2,.8,.2,1);}
.zikir .ring .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.zikir .ring .count{font-family:'Segoe UI',system-ui,sans-serif;font-weight:800;font-size:clamp(3rem,12vw,4.4rem);color:var(--ink);line-height:1;}
.zikir .ring .of{color:var(--gold);font-weight:700;margin-top:4px;font-size:1.05rem;}
.zikir .ring .hint{color:var(--muted);font-size:.82rem;margin-top:8px;}
.zikir .ring.pulse{animation:zp .16s ease;}
@keyframes zp{50%{transform:scale(.96);}}
.zikir .plusone{position:absolute;left:50%;top:30%;transform:translateX(-50%);color:var(--emerald-soft);font-weight:800;font-size:1.6rem;opacity:0;pointer-events:none;}
.zikir .plusone.go{animation:po .6s ease forwards;}
@keyframes po{0%{opacity:0;transform:translate(-50%,0);}30%{opacity:1;}100%{opacity:0;transform:translate(-50%,-34px);}}
.zikir .btn-row{display:flex;gap:12px;margin-top:20px;}
.zikir .btn-row button{flex:1;border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px;font-weight:700;color:var(--ink);cursor:pointer;transition:.15s;font-size:.96rem;}
.zikir .btn-row button:hover{border-color:var(--emerald);color:var(--emerald);background:#f6faf8;}
.zikir .btn-row .undo{opacity:.55;}
.zikir .btn-row .undo:hover{opacity:1;}
.zikir .panel{border:1px solid var(--line);border-radius:18px;background:#fff;padding:18px;}
.zikir .panel + .panel{margin-top:16px;}
.zikir .panel h2{font-size:.78rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--emerald);margin:0 0 14px;font-weight:700;font-family:inherit;}
.zikir .chips{display:flex;flex-wrap:wrap;gap:9px;}
.zikir .chip{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 14px;cursor:pointer;color:var(--ink);font-size:.92rem;transition:.15s;display:flex;flex-direction:column;gap:2px;align-items:flex-start;}
.zikir .chip small{font-family:'Amiri',serif;color:var(--muted);font-size:.95rem;}
.zikir .chip:hover{border-color:var(--emerald);}
.zikir .chip.on{background:var(--emerald);border-color:var(--emerald);color:#fff;}
.zikir .chip.on small{color:rgba(246,241,228,.85);}
.zikir .seg{display:flex;flex-wrap:wrap;gap:9px;align-items:center;}
.zikir .seg button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 16px;cursor:pointer;color:var(--ink);font-weight:600;transition:.15s;min-width:58px;}
.zikir .seg button:hover{border-color:var(--emerald);}
.zikir .seg button.on{background:var(--emerald);border-color:var(--emerald);color:#fff;}
.zikir .seg input{width:92px;border:1px solid var(--line);border-radius:11px;padding:10px 12px;color:var(--ink);}
.zikir .seg input:focus{outline:none;border-color:var(--emerald);}
.zikir .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.zikir .stat{background:var(--soft);border-radius:13px;padding:14px 8px;text-align:center;}
.zikir .stat .n{font-family:'Segoe UI',system-ui,sans-serif;font-size:1.4rem;font-weight:800;color:var(--emerald-deep);}
.zikir .stat .l{font-size:.73rem;color:var(--muted);margin-top:3px;}
.zikir .toggle{display:flex;align-items:center;justify-content:space-between;padding:11px 0;color:var(--ink);font-weight:600;border-bottom:1px solid #f0f3f5;}
.z-snd-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;}
.snd-btn{text-align:center;padding:6px 4px;border-radius:8px;border:1px solid rgba(17,96,76,.14);background:#fff;color:var(--muted);cursor:pointer;font-size:.72rem;font-family:inherit;font-weight:600;transition:.12s;line-height:1.2;}
.snd-btn:hover{border-color:var(--emerald-soft);color:var(--emerald-deep);}
.snd-btn.active{border-color:var(--gold);color:var(--gold);background:rgba(201,161,74,.07);}
.z-volume{-webkit-appearance:none;appearance:none;flex:1;height:5px;background:rgba(17,96,76,.12);border-radius:3px;outline:none;cursor:pointer;}
.z-volume::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;}
.z-volume::-moz-range-thumb{width:17px;height:17px;border-radius:50%;background:var(--gold);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.15);cursor:pointer;}
.zikir .toggle:last-of-type{border-bottom:none;}
.zikir .switch{position:relative;width:46px;height:27px;flex:none;}
.zikir .switch input{opacity:0;width:0;height:0;}
.zikir .switch .sl{position:absolute;inset:0;background:#cfd8dd;border-radius:20px;transition:.2s;cursor:pointer;}
.zikir .switch .sl::before{content:'';position:absolute;width:21px;height:21px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2);}
.zikir .switch input:checked + .sl{background:var(--emerald);}
.zikir .switch input:checked + .sl::before{transform:translateX(19px);}
.zikir .reset-stats{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;color:var(--ink);cursor:pointer;margin-top:12px;font-weight:600;transition:.15s;}
.zikir .reset-stats:hover{border-color:#c0392b;color:#c0392b;}
.zikir .keys{color:var(--muted);font-size:.78rem;margin-top:12px;line-height:1.9;}
.zikir .keys kbd{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:2px 7px;font-family:monospace;color:var(--ink);}
.zikir .seo-article{max-width:900px;margin:6px auto 0;}
@media (max-width:900px){ .zikir .z-grid{grid-template-columns:1fr;} }

/* ---- ZİKİRMATİK PRO (uygulama tanıtım) ---- */
.zpro{display:flex;flex-direction:column;gap:26px;}
.zpro .hero{text-align:center;}
.zpro .hero h1{color:var(--ink);font-size:2.1rem;margin:0 0 14px;}
.zpro .hero p{color:var(--muted);max-width:640px;margin:0 auto 20px;line-height:1.6;}
.zpro .gplay{display:inline-flex;align-items:center;gap:10px;background:var(--green);color:#fff;border-radius:13px;padding:14px 26px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:.15s;}
.zpro .gplay:hover{background:var(--green-d);}
.zpro .gplay svg{width:22px;height:22px;}
.zpro .shots{display:flex;gap:16px;overflow-x:auto;padding:6px 2px 14px;scroll-snap-type:x mandatory;}
.zpro .shots::-webkit-scrollbar{height:8px;}
.zpro .shots::-webkit-scrollbar-thumb{background:#d4dde2;border-radius:8px;}
.zpro .shots img{flex:none;width:240px;border-radius:20px;border:1px solid var(--line);box-shadow:0 12px 30px rgba(10,58,45,.10);scroll-snap-align:center;background:#f4f7f9;}
.zpro h2{color:var(--ink);font-size:1.5rem;margin:6px 0 0;}
.zpro h2 + .feat-grid,.zpro h2 + .steps,.zpro h2 + .faq{margin-top:16px;}
.zpro .feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.zpro .feat{border:1px solid var(--line);border-radius:14px;background:#fff;padding:18px;}
.zpro .feat .ic{width:38px;height:38px;border-radius:10px;background:#eaf4f0;display:grid;place-items:center;margin-bottom:12px;}
.zpro .feat .ic svg{width:20px;height:20px;stroke:var(--green);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.zpro .feat h3{color:var(--ink);font-size:1rem;margin:0 0 6px;}
.zpro .feat p{color:var(--muted);font-size:.88rem;line-height:1.5;margin:0;}
.zpro .steps{counter-reset:s;display:grid;gap:14px;max-width:760px;}
.zpro .steps li{list-style:none;display:flex;gap:14px;align-items:flex-start;}
.zpro .steps li::before{counter-increment:s;content:counter(s);flex:none;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem;}
.zpro .steps b{color:var(--ink);}
.zpro .steps span{color:var(--muted);}
.zpro .faq{display:grid;gap:12px;}
.zpro details{border:1px solid var(--line);border-radius:13px;background:#fff;padding:0;}
.zpro summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:700;color:var(--ink);display:flex;align-items:center;justify-content:space-between;}
.zpro summary::-webkit-details-marker{display:none;}
.zpro summary::after{content:'+';color:var(--green);font-size:1.4rem;font-weight:400;}
.zpro details[open] summary::after{content:'−';}
.zpro details p{padding:0 20px 18px;color:var(--muted);line-height:1.6;margin:0;}
@media (max-width:980px){ .zpro .feat-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .zpro .feat-grid{grid-template-columns:1fr;} .zpro .shots img{width:200px;} }

/* ============================================================
   MOBİL ERGONOMİ — dokunma hedefleri (≥44px) + tipografi (ajan denetimi)
   ============================================================ */
.toggle-pass{min-width:44px;min-height:44px;}
.field input{padding-right:48px;}
.surah-item .play{width:40px;height:40px;}
.surah-item .play svg{width:14px;height:14px;}
.surah-item .dl{width:44px;height:44px;border-radius:10px;}
.player .ctrl button{width:44px;height:44px;}
.crumbs{gap:6px 10px;}
.crumbs a{display:inline-block;padding:6px 2px;}
.checkbox input,.il-form .kvkk input{width:22px;height:22px;}
.checkbox{padding:6px 0;}
.kuran-oku .tabs button{min-height:44px;}
.kuran-oku .cuz-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;}
@media (max-width:560px){ .surah-item{padding:12px;gap:10px;} }
@media (max-width:600px){
  .brand-text .lt{font-size:.7rem;}
  .tools-head .eyebrow,.imsak-band .eyebrow,.auth-aside .eyebrow,.ayah-label{font-size:.72rem;}
  .hafiz-meta .k,.il-info .k{font-size:.72rem;}
  .cuz-juz .juz-chip .rng{font-size:.78rem;}
  .stat{border-left:none;}
  /* iOS odak zoom'unu engelle: input fontu 16px */
  .field input,.comment-form input,.comment-form textarea,
  .il-form input,.il-form select,.il-form textarea,
  .search input,.city-search input{font-size:16px;}
}

/* ---- entegrasyon ek: hafız arşiv embed + form hata metni ---- */
.embed{margin:0 0 var(--section-gap);border:1px solid rgba(17,96,76,.12);border-radius:18px;overflow:hidden;background:#fff;}
.embed iframe{display:block;width:100%;height:520px;border:0;}
.err{color:#c0392b;font-size:.85rem;margin:6px 0 0;}

/* ---- içerik görselleri container'ı TAŞMASIN (WP width/height attr'lı görseller) ---- */
img{max-width:100%;height:auto;}
.a-body img,.seo-article img,.prose img{max-width:100%;height:auto;border-radius:12px;margin:6px 0;}

/* ---- içerik tabloları (eski WP makaleleri dahil) — emerald tema ---- */
.a-body table,.seo-article table,.prose table{width:100%;border-collapse:separate;border-spacing:0;margin:18px 0;background:#fff;border:1px solid rgba(17,96,76,.14);border-radius:12px;overflow:hidden;font-size:.95rem;}
.a-body table th,.seo-article table th,.prose table th{background:rgba(28,120,96,.07);color:var(--emerald-deep);font-weight:600;text-align:left;padding:12px 14px;border-top:1px solid rgba(17,96,76,.08);}
.a-body table td,.seo-article table td,.prose table td{padding:11px 14px;color:#41504a;border-top:1px solid rgba(17,96,76,.08);}
.a-body table tr:first-child th,.seo-article table tr:first-child th,.prose table tr:first-child th,
.a-body table tr:first-child td,.seo-article table tr:first-child td,.prose table tr:first-child td{border-top:0;}
.a-body table tbody tr:nth-child(even) td,.seo-article table tbody tr:nth-child(even) td,.prose table tbody tr:nth-child(even) td{background:rgba(28,120,96,.03);}
.a-body table a,.seo-article table a,.prose table a{color:var(--emerald-soft);font-weight:600;text-decoration:none;}
.a-body table a:hover,.seo-article table a:hover,.prose table a:hover{color:var(--emerald);text-decoration:underline;}
/* eski WP'den gelen inline link renklerini (örn. style="color:#ff6600") tablo içinde temaya çek */
.a-body table a[style],.seo-article table a[style],.prose table a[style]{color:var(--emerald-soft) !important;}
@media (max-width:600px){
  .a-body table,.seo-article table,.prose table{display:block;overflow-x:auto;}
}

/* ---- alıntı (blockquote) — a-body, seo-article, ztoggle__body ---- */
.a-body blockquote,.seo-article blockquote,.ztoggle__body blockquote,.prose blockquote{
  position:relative;
  margin:22px 0;
  padding:18px 22px 18px 52px;
  background:rgba(201,161,74,.07);
  border-left:4px solid var(--gold);
  border-radius:0 12px 12px 0;
  color:#4a5c53;
  font-style:italic;
  line-height:1.8;
}
.a-body blockquote::before,.seo-article blockquote::before,.ztoggle__body blockquote::before,.prose blockquote::before{
  content:'\201C';
  position:absolute;
  left:14px;
  top:10px;
  font-family:'Amiri',serif;
  font-size:2.6rem;
  line-height:1;
  color:var(--gold);
  opacity:.6;
}
.a-body blockquote p,.seo-article blockquote p,.ztoggle__body blockquote p,.prose blockquote p{
  margin:0;
  color:inherit;
}
.a-body blockquote strong,.seo-article blockquote strong,.ztoggle__body blockquote strong,.prose blockquote strong{
  color:var(--emerald-deep);
  font-style:normal;
}

.a-body .aligncenter{display:block;margin-inline:auto;}
.a-body .alignright{float:right;margin:4px 0 14px 18px;max-width:50%;}
.a-body .alignleft{float:left;margin:4px 18px 14px 0;max-width:50%;}

/* ── Eski WordPress içe-aktarılmış sayfa uyumluluğu (one_half/divider/clear/640px iframe).
   Sadece .a-body içine scope'lu — front'un geri kalanını ve admini ETKİLEMEZ. ── */
.a-body .one_half,.a-body .one_third,.a-body .two_third,
.a-body .one_fourth,.a-body .three_fourth,.a-body .one_fifth,
.a-body .two_fifth,.a-body .three_fifth,.a-body .four_fifth,.a-body .one_sixth{
  float:left;margin-right:4%;margin-bottom:18px;}
.a-body .one_half{width:48%;}
.a-body .one_third{width:30.66%;}
.a-body .two_third{width:65.33%;}
.a-body .one_fourth{width:22%;}
.a-body .three_fourth{width:74%;}
.a-body .one_fifth{width:16.8%;}
.a-body .two_fifth{width:37.6%;}
.a-body .three_fifth{width:58.4%;}
.a-body .four_fifth{width:79.2%;}
.a-body .one_sixth{width:13.33%;}
.a-body .last{margin-right:0!important;}
.a-body .clear{clear:both;height:0;font-size:0;line-height:0;}
/* İçe-aktarılmış videolar (vimeo/youtube, fixed width=640) responsive olsun */
.a-body iframe,.a-body embed,.a-body object,.a-body video{max-width:100%;}
.a-body .one_half iframe,.a-body .one_third iframe,.a-body .two_third iframe,
.a-body .one_fourth iframe,.a-body .three_fourth iframe{width:100%;aspect-ratio:16/9;height:auto;}
/* Eski tema noktalı ayraç (boş <div class="divider divider-dotted">) */
.a-body .divider-dotted{display:block;border:0;border-top:1px dotted rgba(17,96,76,.35);
  height:0;margin:18px 0;}
.a-body .divider-dotted::before,.a-body .divider-dotted::after{display:none;}
/* Mobilde kolonlar alt alta */
@media (max-width:600px){
  .a-body .one_half,.a-body .one_third,.a-body .two_third,
  .a-body .one_fourth,.a-body .three_fourth,.a-body .one_fifth,
  .a-body .two_fifth,.a-body .three_fifth,.a-body .four_fifth,.a-body .one_sixth{
    float:none;width:100%;margin-right:0;}
}

/* reciter/hafız avatar fotoğrafı daireyi düzgün doldursun */
img.reciter-av,.hafiz-hero img.avatar{object-fit:cover;}

/* =========================================================
   ESMÂ-ÜL HÜSNÂ — makale hero paneli (blog/show.php)
   ========================================================= */
.esma-hero{position:relative;overflow:hidden;border-radius:20px;margin-bottom:28px;padding:32px 28px 28px;text-align:center;color:var(--cream);background:radial-gradient(circle at 80% 10%,rgba(201,161,74,.22),transparent 55%),linear-gradient(145deg,var(--emerald-soft) 0%,var(--emerald) 55%,var(--emerald-deep) 100%);box-shadow:0 12px 32px rgba(7,32,25,.22);}
.esma-hero__no{position:absolute;top:14px;left:18px;min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.15);color:var(--gold-light);font-size:.82rem;font-weight:600;}
.esma-hero__ar{font-family:'Amiri',serif;font-size:clamp(2.8rem,8vw,4.2rem);line-height:1.4;color:#fff;margin:4px 0 8px;direction:rtl;}
.esma-hero__latin{font-family:'Marcellus',serif;font-size:clamp(1.3rem,3vw,1.85rem);color:var(--gold-light);margin:0 0 10px;}
.esma-hero__anlam{max-width:560px;margin:0 auto 16px;color:rgba(246,241,228,.9);line-height:1.65;font-size:.98rem;}
.esma-hero__back{display:inline-flex;align-items:center;gap:6px;color:rgba(246,241,228,.75);font-size:.84rem;text-decoration:none;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 14px;transition:.18s;}
.esma-hero__back:hover{background:rgba(255,255,255,.12);color:#fff;}

/* Esma makalesinde a-body içindeki tanım satırları */
.article--esma .a-body p{margin-bottom:8px;}
.article--esma .a-body strong{color:var(--emerald-deep);}
/* WP inline renk override — esma makalelerinde color: özniteliği temaya boyun eğer */
.article--esma .a-body [style*="color"]{color:inherit!important;}

/* =========================================================
   SHORTCODE — [toggle] native details collapsible
   ========================================================= */
.ztoggle{border:1px solid rgba(17,96,76,.14);border-radius:13px;background:#fff;margin:10px 0;overflow:hidden;transition:border-color .18s;}
.ztoggle[open]{border-color:rgba(201,161,74,.4);}
.ztoggle__head{list-style:none;cursor:pointer;padding:14px 18px;font-weight:600;color:var(--emerald-deep);display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none;}
.ztoggle__head::-webkit-details-marker{display:none;}
.ztoggle__head::after{content:'+';color:var(--emerald);font-size:1.4rem;font-weight:400;line-height:1;flex:none;}
.ztoggle[open] .ztoggle__head::after{content:'−';}
.ztoggle[open] .ztoggle__head{border-bottom:1px solid rgba(17,96,76,.1);}
.ztoggle__body{padding:16px 18px;color:#4b5a54;line-height:1.8;}
.ztoggle__body p{margin-bottom:12px;}
.ztoggle__body p:last-child{margin-bottom:0;}
.ztoggle__body h4{font-family:'Marcellus',serif;font-weight:400;color:var(--emerald-deep);margin:14px 0 8px;}

/* =========================================================
   SHORTCODE — [divider] ayraç çizgisi
   ========================================================= */
hr.zdivider{border:0;border-top:2px solid rgba(17,96,76,.12);margin:22px 0;}

/* =========================================================
   SHORTCODE — [dropcap] baş harf
   ========================================================= */
.zdropcap{float:left;font-family:'Marcellus',serif;font-size:3.2em;line-height:.85;color:var(--emerald);margin:4px 10px 0 0;}

/* ===== ESMÂ-ÜL HÜSNÂ — resimsiz isim ızgarası ===== */
.esma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.esma-card{position:relative;display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:16px;padding:22px 20px 18px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.esma-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(10,58,45,.12);border-color:rgba(201,161,74,.45);}
.esma-card:hover .esma-latin{color:var(--emerald-soft);}
.esma-no{position:absolute;top:12px;left:14px;width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:rgba(28,120,96,.1);color:var(--emerald-soft);font-size:.82rem;}
.esma-ar{display:block;font-family:'Amiri',serif;font-size:2rem;line-height:1.6;color:var(--emerald);margin:6px 0 10px;}
.esma-latin{font-family:'Marcellus',serif;font-weight:400;font-size:1.22rem;color:var(--emerald-deep);margin:0 0 8px;}
.esma-anlam{color:#5d6d66;font-size:.9rem;line-height:1.55;margin:0;}
@media (max-width:600px){.esma-grid{grid-template-columns:1fr 1fr;gap:12px;}.esma-ar{font-size:1.7rem;}}
@media (max-width:380px){.esma-grid{grid-template-columns:1fr;}}

/* Esmâ-ül Hüsnâ — İsm-i Âzam (Allah) öne çıkan kart */
.esma-azam{position:relative;overflow:hidden;text-align:center;border-radius:22px;margin:0 0 var(--section-gap);padding:34px 24px;color:var(--cream);background:radial-gradient(circle at 85% 12%,rgba(201,161,74,.20),transparent 50%),linear-gradient(150deg,var(--emerald-soft) 0%,var(--emerald) 55%,var(--emerald-deep) 100%);box-shadow:0 16px 40px rgba(7,32,25,.25);}
.esma-azam .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold-light);margin-bottom:10px;}
.esma-azam .lafz{font-family:'Amiri',serif;font-size:clamp(3.4rem,11vw,5rem);line-height:1.15;color:#fff;margin:2px 0 6px;}
.esma-azam .ad{font-family:'Marcellus',serif;font-size:1.5rem;color:var(--gold-light);margin:0 0 8px;}
.esma-azam p{max-width:560px;margin:0 auto;color:rgba(246,241,228,.9);line-height:1.6;font-size:.98rem;}

/* yorum listesinde "daha fazla göster" butonu */
.btn-more-comments{display:block;margin:6px auto 16px;background:#fff;border:1px solid rgba(17,96,76,.25);color:var(--emerald);font-family:'Marcellus',serif;font-size:.96rem;padding:11px 26px;border-radius:30px;cursor:pointer;transition:.18s;}
.btn-more-comments:hover{background:var(--emerald);color:#fff;border-color:var(--emerald);}

/* ===== SSS — site geneli TEK bileşen (partials/faq-section.php) ===== */
.faq-section{margin:var(--section-gap) 0 0;display:grid;gap:12px;}
.faq-section-title{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.4rem,3vw,1.85rem);color:var(--emerald);margin:0 0 6px;}
.faq-q{border:1px solid rgba(17,96,76,.12);border-radius:13px;background:#fff;overflow:hidden;transition:border-color .18s ease;}
.faq-q[open]{border-color:rgba(201,161,74,.4);}
.faq-q summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;color:var(--emerald-deep);display:flex;align-items:center;justify-content:space-between;gap:14px;}
.faq-q summary::-webkit-details-marker{display:none;}
.faq-q summary::after{content:'+';color:var(--emerald);font-size:1.5rem;font-weight:400;line-height:1;flex:none;}
.faq-q[open] summary::after{content:'−';}
.faq-q[open] summary{border-bottom:1px solid rgba(17,96,76,.1);}
.faq-a{padding:14px 20px 18px;color:#5d6d66;line-height:1.7;}

/* soru-sor: yanıt modu uyarı bandı + yanıtla butonu */
.reply-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:rgba(28,120,96,.08);border:1px solid rgba(28,120,96,.22);border-radius:12px;padding:11px 16px;margin-bottom:16px;color:var(--emerald-deep);font-size:.94rem;}
.reply-banner b{color:var(--emerald-soft);}
.reply-cancel{border:1px solid rgba(17,96,76,.25);background:#fff;color:var(--emerald);border-radius:20px;padding:5px 14px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:.15s;}
.reply-cancel:hover{background:var(--emerald);color:#fff;border-color:var(--emerald);}
.reply-trigger{display:inline-flex;align-items:center;gap:7px;margin-top:10px;background:none;border:none;cursor:pointer;color:var(--gold);font-family:inherit;font-size:.92rem;padding:4px 0;}
.reply-trigger:hover{text-decoration:underline;}
.reply-trigger svg{width:16px;height:16px;stroke:var(--gold);}

/* ---- Shortcode bileşenleri ([tabs]/[caption]/[tooltip]/[cuznav]/reader) ----
   Shortcodes.php'nin ürettiği .ztabs/.zcap/.ztip/.zcuznav/.zreader markup'ı;
   JS davranışı thema.js'te. Eski makalelerin tab/okuyucu içerikleri bunlarla
   render edilir — stiller emerald tasarım diline göre. */
.ztabs{margin:24px 0;border:1px solid rgba(17,96,76,.14);border-radius:16px;overflow:hidden;background:#fff;}
.ztabs__nav{display:flex;gap:4px;background:var(--ivory);padding:6px;overflow-x:auto;scrollbar-width:thin;}
.ztabs__tab{flex:0 0 auto;border:0;background:transparent;color:#4b5a54;font:inherit;font-weight:600;font-size:.9rem;padding:9px 16px;border-radius:9px;cursor:pointer;white-space:nowrap;transition:.15s;}
.ztabs__tab:hover{background:rgba(28,120,96,.10);color:var(--emerald-deep);}
.ztabs__tab.is-active{background:var(--emerald);color:#fff;}
.ztabs__panels{padding:24px;}
.ztabs__panel{display:none;animation:zfade .22s ease;}
.ztabs__panel.is-active{display:block;}
.ztabs__panel>h2,.ztabs__panel>h3{margin-top:0;}
@keyframes zfade{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}
.ztabs--vertical{display:grid;grid-template-columns:210px 1fr;}
.ztabs--vertical .ztabs__nav{flex-direction:column;overflow-x:visible;overflow-y:auto;max-height:600px;border-right:1px solid rgba(17,96,76,.14);}
.ztabs--vertical .ztabs__tab{width:100%;text-align:left;}
@media (max-width:600px){.ztabs--vertical{grid-template-columns:1fr;}.ztabs--vertical .ztabs__nav{flex-direction:row;border-right:0;border-bottom:1px solid rgba(17,96,76,.14);}}
.zcap{margin:16px auto;text-align:center;max-width:100%;}
.zcap img{max-width:100%;height:auto;border:1px solid rgba(17,96,76,.14);border-radius:12px;box-shadow:0 6px 18px rgba(31,45,58,.08);}
.zcap figcaption{margin-top:9px;font-size:.82rem;color:#6a7a73;}
/* Ardışık görsel çiftleri (Erkek/Kadın namaz pozisyonları vb.) eski WP tasarımındaki
   alignleft/alignright gibi yan yana: ilki sola, ikincisi sağa; metin aradan akar.
   Tek başına figür ortalı blok kalır; 3+ ardışıkta güvenli geri dönüş (ortalı blok). */
.zcap:has(+ .zcap){float:left;clear:both;margin:6px 18px 14px 0;max-width:48%;}
.zcap + .zcap{float:right;clear:right;margin:6px 0 14px 18px;max-width:48%;}
.zcap + .zcap + .zcap{float:none;clear:both;margin:16px auto;max-width:100%;}
.ztabs__panel::after,.a-body::after,.zreader__cap::after{content:"";display:block;clear:both;}
@media (max-width:480px){
  /* Mobilde çiftler float yerine net iki sütun: görseller yan yana, metin altta. */
  .zcap:has(+ .zcap),
  .zcap + .zcap{float:none;clear:none;display:inline-block;width:47%;vertical-align:top;margin:6px 1% 12px;}
  .zcap + .zcap + .zcap{display:block;width:auto;margin:16px auto;}
  .zcap figcaption{font-size:.74rem;}
}
/* [button] kısa kodu → .zbtn (eski WP shortc-button; renk: green/blue/orange/red) */
.zbtn{display:inline-block;padding:10px 22px;border-radius:11px;font-weight:600;font-size:.95rem;line-height:1.4;text-decoration:none;color:#fff;text-align:center;box-shadow:0 4px 14px rgba(31,45,58,.14);transition:.15s;margin:4px 2px;}
a.zbtn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(31,45,58,.20);text-decoration:none;color:#fff;}
.zbtn--green{background:var(--emerald);}a.zbtn--green:hover{background:var(--emerald-soft);}
.zbtn--blue{background:#1d6fa5;}a.zbtn--blue:hover{background:#2585c4;}
.zbtn--orange{background:#c97e2b;}a.zbtn--orange:hover{background:#dd9440;}
.zbtn--red{background:#b3433c;}a.zbtn--red:hover{background:#c95850;}
.zbtn--small{padding:7px 16px;font-size:.85rem;border-radius:9px;}
.zbtn--big{padding:13px 30px;font-size:1.05rem;border-radius:13px;}
.zbtn--static{cursor:default;opacity:.85;}
.ztip{position:relative;border-bottom:1px dashed var(--emerald);cursor:help;font-weight:600;color:var(--emerald-deep);}
.ztip__bubble{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);background:var(--emerald-deep);color:#fff;font-weight:400;font-size:.8rem;line-height:1.5;padding:9px 13px;border-radius:9px;width:max-content;max-width:280px;box-shadow:0 14px 30px rgba(31,45,58,.16);opacity:0;visibility:hidden;transition:.15s;z-index:30;}
.ztip__bubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--emerald-deep);}
.ztip:hover .ztip__bubble,.ztip:focus .ztip__bubble{opacity:1;visibility:visible;}
.zcuznav{margin:0 0 24px;border:1px solid #cfe6df;border-radius:16px;padding:16px 18px;background:#f5fbf9;}
.zcuznav__title{font-weight:700;color:var(--emerald-deep);margin-bottom:12px;font-size:.95rem;}
.zcuznav__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;}
.zcuznav__item{text-align:center;padding:9px 6px;border:1px solid rgba(17,96,76,.14);border-radius:9px;font-size:.8rem;font-weight:600;color:#4b5a54;background:#fff;transition:.15s;}
.zcuznav__item:hover{border-color:var(--emerald);color:var(--emerald);transform:translateY(-1px);text-decoration:none;}
.zcuznav__item.is-active{background:var(--emerald);color:#fff;border-color:var(--emerald);}
.zreader{margin:0 0 24px;border:1px solid rgba(17,96,76,.14);border-radius:16px;background:#fff;overflow:hidden;}
.zreader__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--ivory);border-bottom:1px solid rgba(17,96,76,.14);}
.zreader__btn{border:1px solid rgba(17,96,76,.14);background:#fff;color:#4b5a54;font:inherit;font-weight:600;font-size:.9rem;padding:9px 18px;border-radius:9px;cursor:pointer;transition:.15s;}
.zreader__btn:hover{border-color:var(--emerald);color:var(--emerald);}
.zreader__btn[disabled]{opacity:.4;cursor:default;pointer-events:none;}
.zreader__counter{font-weight:700;color:var(--emerald-deep);font-size:.9rem;}
.zreader__pages{padding:24px;text-align:center;background:#fcfbf7;}
.zreader__page{display:none;}
.zreader__page.is-active{display:block;animation:zfade .22s ease;}
.zreader__img{max-width:100%;height:auto;border:1px solid rgba(17,96,76,.14);border-radius:12px;box-shadow:0 6px 18px rgba(31,45,58,.08);}
.zreader__cap{margin-top:12px;color:#4b5a54;font-size:1rem;line-height:1.9;}
.zreader__cap h2,.zreader__cap h3{margin:0;font-size:1.05rem;color:var(--emerald-deep);}
.zreader__strip{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;border-top:1px solid rgba(17,96,76,.14);background:#fff;max-height:160px;overflow:auto;}
.zreader__chip{flex:0 0 auto;border:1px solid rgba(17,96,76,.14);background:#fff;color:#4b5a54;font:inherit;font-weight:600;font-size:.8rem;padding:7px 12px;border-radius:9px;cursor:pointer;transition:.15s;}
.zreader__chip:hover{border-color:var(--emerald);color:var(--emerald);}
.zreader__chip.is-active{background:var(--emerald);color:#fff;border-color:var(--emerald);}

/* ---- Back to top (#backToTop — thema.js scrollY>350'de .is-visible verir) ---- */
.back-to-top{position:fixed;right:18px;bottom:18px;width:46px;height:46px;border-radius:50%;background:var(--emerald);color:#fff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 22px rgba(10,58,45,.30);z-index:80;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,visibility .2s,transform .2s,background .15s;}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{background:var(--emerald-soft);}
.back-to-top svg{width:22px;height:22px;}

/* =========================================================
   BX — EDİTORYAL MAKALE KARTI ("blog (2).html" entegrasyonu)
   blog/show + pages/show: TEK beyaz kart = gradyan hero + gövde
   + SSS + yorumlar | dikey çizgiyle kenar çubuğu (308px).
   Geri almak için: bu bloğu sil + view *.bak-bx dosyalarını geri yükle.
   ========================================================= */
.bx-wrap{display:block;}
.bx-card{background:#fff;border:1px solid rgba(17,96,76,.12);border-radius:22px;overflow:hidden;
  box-shadow:0 1px 2px rgba(10,58,45,.03),0 20px 48px -28px rgba(10,58,45,.12);
  display:grid;grid-template-columns:minmax(0,1fr) 308px;margin:6px 0 8px;}
.bx-card--full{grid-template-columns:minmax(0,1fr);}
.bx-main{min-width:0;}
.bx-side{border-left:1px solid rgba(17,96,76,.10);}

/* ---- kapak (gradyan hero) ---- */
.bx-hero{position:relative;color:#fff;padding:60px 56px 48px;
  background:radial-gradient(120% 160% at 85% -20%,var(--emerald-soft) 0%,transparent 55%),
             radial-gradient(100% 140% at 10% 120%,#06251c 0%,transparent 60%),
             linear-gradient(150deg,var(--emerald-deep),var(--emerald));}
.bx-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle at center,rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 75%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.6),transparent 75%);}
.bx-hero>*{position:relative;}
.bx-crumbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;}
.bx-crumb{font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);
  border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 13px;text-decoration:none;
  transition:background .2s,border-color .2s;}
.bx-crumb:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);color:#fff;}
.bx-crumb-now{font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.55);
  padding:5px 2px;max-width:44ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bx-hero h1{font-family:'Marcellus',serif;font-weight:400;font-size:clamp(1.7rem,3.5vw,2.4rem);
  line-height:1.18;letter-spacing:-.01em;color:#fff;margin:0;max-width:24ch;}
.bx-hero-meta{display:flex;align-items:center;gap:12px;margin-top:22px;font-size:.82rem;
  color:rgba(255,255,255,.75);flex-wrap:wrap;}
.bx-hero-meta .bx-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  font-family:'Marcellus',serif;font-size:.85rem;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.3);color:#fff;}
.bx-hero-meta .bx-dot{opacity:.5;}

/* ---- makale gövdesi (kart kabuğu kalkar; padding bölüm bazlı) ---- */
.bx-main .article{background:transparent;border:0;border-radius:0;padding:44px 56px 48px;}
.bx-main .esma-hero{margin:40px 56px 0;}
.bx-main .a-body>p:first-child{font-family:'Marcellus',serif;font-style:italic;font-size:1.15rem;
  line-height:1.7;color:#5d6d66;padding-bottom:28px;margin-bottom:28px;
  border-bottom:1px solid rgba(17,96,76,.10);max-width:62ch;}
.bx-main .a-body h2{font-size:1.5rem;margin:38px 0 14px;color:var(--emerald-deep);}
.bx-main .a-body>h2:first-child{margin-top:0;}
.bx-main .a-body blockquote{margin:34px 0;padding:26px 30px;background:rgba(28,120,96,.08);
  border:0;border-radius:14px;font-family:'Marcellus',serif;font-style:italic;
  font-size:1.1rem;line-height:1.65;color:var(--emerald-deep);}
.bx-main .a-body blockquote::before{content:none;}

/* ---- makale sonu: etiketler + paylaş ---- */
.bx-end{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:42px;padding-top:24px;border-top:1px solid rgba(17,96,76,.10);}
.bx-tags{display:flex;gap:8px;flex-wrap:wrap;}
.bx-tag{font-size:.75rem;color:#5d6d66;background:var(--ivory);border:1px solid rgba(17,96,76,.12);
  border-radius:999px;padding:4px 13px;text-decoration:none;transition:border-color .2s,color .2s;}
.bx-tag:hover{border-color:var(--emerald);color:var(--emerald);}
.bx-share{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:.72rem;
  letter-spacing:.08em;text-transform:uppercase;color:#3a4f46;background:none;border:1px solid rgba(17,96,76,.15);
  cursor:pointer;padding:5px 14px;border-radius:8px;transition:color .2s,border-color .2s,background .2s;}
.bx-share svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;}
.bx-share:hover{color:var(--emerald);border-color:var(--emerald);background:rgba(17,96,76,.04);}

/* ---- SSS — kart içinde kutusuz satırlar (faq-section override) ---- */
.bx-main .faq-section{display:block;margin:0;padding:2px 56px 42px;}
.bx-main .faq-section-title{font-size:1.35rem;color:var(--emerald-deep);margin:0 0 4px;
  padding-bottom:14px;border-bottom:1px solid var(--emerald-deep);}
.bx-main .faq-q{border:0;border-radius:0;border-bottom:1px solid rgba(17,96,76,.10);
  background:transparent;overflow:visible;}
.bx-main .faq-q[open]{border-color:rgba(17,96,76,.10);}
.bx-main .faq-q summary{padding:19px 2px;font-family:'Marcellus',serif;font-weight:400;
  font-size:1.02rem;color:#23332c;transition:color .2s;}
.bx-main .faq-q summary:hover{color:var(--emerald);}
.bx-main .faq-q[open] summary{border-bottom:0;color:var(--emerald);}
.bx-main .faq-q summary::after{content:"+";font-size:1.25rem;font-weight:300;color:#9aa89f;
  transition:transform .25s ease,color .2s;}
.bx-main .faq-q[open] summary::after{content:"+";transform:rotate(45deg);color:var(--emerald);}
.bx-main .faq-a{padding:0 2px 20px;color:#5d6d66;font-size:.94rem;max-width:62ch;}

/* ---- yapısal sekmeler — alt çizgili tab bar (yatay ztabs override) ---- */
.bx-main .ztabs:not(.ztabs--vertical){border:0;border-radius:0;background:transparent;
  margin:30px 0;overflow:visible;}
.bx-main .ztabs:not(.ztabs--vertical) .ztabs__nav{background:transparent;padding:0;gap:24px;
  border-bottom:1px solid rgba(17,96,76,.12);}
.bx-main .ztabs:not(.ztabs--vertical) .ztabs__tab{padding:0 2px 13px;border-radius:0;
  font-size:.84rem;letter-spacing:.04em;color:#8a9892;}
.bx-main .ztabs:not(.ztabs--vertical) .ztabs__tab:hover{background:transparent;color:var(--emerald-deep);}
.bx-main .ztabs:not(.ztabs--vertical) .ztabs__tab.is-active{background:transparent;
  color:var(--emerald);box-shadow:inset 0 -2px 0 var(--emerald);}
.bx-main .ztabs:not(.ztabs--vertical) .ztabs__panels{padding:20px 0 0;}

/* ---- [button] kısa kodu — zümrüt ailesi gradyanları (zbtn override) ---- */
.bx-main .zbtn{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;
  letter-spacing:.04em;border-radius:12px;padding:11px 22px;margin:4px 6px 4px 0;
  box-shadow:0 6px 14px -8px rgba(10,58,45,.55);}
.bx-main a.zbtn:hover{transform:none;filter:brightness(1.12);box-shadow:0 6px 14px -8px rgba(10,58,45,.55);}
.bx-main .zbtn--green,.bx-main a.zbtn--green:hover{background:linear-gradient(150deg,var(--emerald-soft),var(--emerald-deep));}
.bx-main .zbtn--blue,.bx-main a.zbtn--blue:hover{background:linear-gradient(150deg,#31423a,#16201b);box-shadow:0 6px 14px -8px rgba(22,32,27,.5);}
.bx-main .zbtn--orange,.bx-main a.zbtn--orange:hover{background:linear-gradient(150deg,#bf9a52,#9a7a36);box-shadow:0 6px 14px -8px rgba(154,122,54,.5);}
.bx-main .zbtn--red,.bx-main a.zbtn--red:hover{background:linear-gradient(150deg,#b3433c,#7e2a25);box-shadow:0 6px 14px -8px rgba(126,42,37,.5);}

/* ---- tablolar — mini-table görünümü (a-body table override) ---- */
.bx-main .a-body table{border-radius:14px;font-size:.9rem;border-color:rgba(17,96,76,.12);}
.bx-main .a-body table caption{text-align:left;padding:15px 20px 13px;background:var(--emerald-deep);
  color:#fff;font-family:'Marcellus',serif;font-size:.95rem;border-radius:14px 14px 0 0;}
.bx-main .a-body table th{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:#8a9892;background:var(--ivory);padding:12px 18px;}
.bx-main .a-body table td{padding:13px 18px;color:#5d6d66;}
.bx-main .a-body table td:first-child{font-family:'Marcellus',serif;color:#23332c;}
.bx-main .a-body table tbody tr:hover td{background:#faf9f5;}

/* ---- yorumlar — kartın devamı (cmx override) ---- */
.bx-main .cmx{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;
  border-top:1px solid rgba(17,96,76,.10);padding:44px 56px 48px;}

/* ---- kenar çubuğu widget'ları ---- */
.bx-widget{padding:34px 30px;}
.bx-widget+.bx-widget{border-top:1px solid rgba(17,96,76,.10);}
.bx-widget-title{font-size:.69rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#9aa89f;margin:0 0 18px;}
.bx-widget-empty{color:#8a9892;font-size:.88rem;margin:0;}
.bx-widget-list{list-style:none;margin:0;padding:0;}
.bx-widget-list li+li{margin-top:14px;padding-top:14px;border-top:1px solid rgba(17,96,76,.08);}
.bx-widget-list a{font-family:'Marcellus',serif;font-size:.92rem;line-height:1.45;color:#23332c;
  text-decoration:none;display:block;transition:color .2s;}
.bx-widget-list a:hover{color:var(--emerald);}
.bx-w-date{display:block;font-family:inherit;font-size:.7rem;color:#9aa89f;margin-top:3px;}
.bx-tools{list-style:none;display:grid;gap:6px;margin:0 -12px;padding:0;}
.bx-tools a{display:flex;align-items:center;gap:11px;font-size:.88rem;color:#5d6d66;
  text-decoration:none;padding:9px 12px;border-radius:10px;transition:background .2s,color .2s;}
.bx-tools a:hover{background:rgba(28,120,96,.08);color:var(--emerald-deep);}
.bx-tools svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.bx-about{background:var(--emerald-deep);color:rgba(255,255,255,.8);}
.bx-about .bx-widget-title{color:rgba(255,255,255,.5);}
.bx-about-name{font-family:'Marcellus',serif;font-size:1.1rem;color:#fff;margin:0 0 8px;}
.bx-about p{font-size:.85rem;line-height:1.65;margin:0;}

/* ---- önceki/sonraki makale navigasyonu ---- */
.bx-pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;}
.bx-pn a{display:block;border:1px solid rgba(17,96,76,.12);border-radius:14px;padding:14px 18px;
  text-decoration:none;transition:border-color .2s,background .2s;}
.bx-pn a:hover{border-color:var(--emerald);background:rgba(28,120,96,.04);}
.bx-pn small{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:#9aa89f;margin-bottom:6px;}
.bx-pn span a, .bx-pn a span{font-family:'Marcellus',serif;font-size:.95rem;line-height:1.4;color:#23332c;display:block;}
.bx-pn a:hover span{color:var(--emerald);}
.bx-pn-next{text-align:right;}
@media (max-width:600px){.bx-pn{grid-template-columns:1fr;}.bx-pn-next{text-align:left;}}

/* ---- liste sayfası (blog + kategori arşivi) kart içinde ---- */
.bx-hero-sub{margin-top:14px;font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.75);max-width:60ch;}
.bx-listing{padding:40px 56px 48px;}
.bx-listing-empty{color:#6a7a73;margin:0;}
.bx-pagination{display:flex;justify-content:space-between;gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid rgba(17,96,76,.10);}
/* pagination linkleri buton görünümlü — çıplak <a> (mavi link) kalmasın */
.bx-pagination a{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;letter-spacing:.04em;
  color:var(--emerald-deep);text-decoration:none;border:1px solid rgba(17,96,76,.16);border-radius:999px;
  padding:9px 20px;background:#fff;transition:border-color .2s,color .2s,background .2s;}
.bx-pagination a:hover{border-color:var(--emerald);color:var(--emerald);background:rgba(28,120,96,.05);}
@media (max-width:600px){.bx-listing{padding:30px 22px 38px;}}

/* ---- /sorular hero CTA ---- */
.imsak-band .imsak-cta{margin-top:16px;}

/* ---- yorum avatarları: üyenin seçtiği avatar görseli (baş harf yerine) ---- */
.qd-comment-av,.qd-cform-av,.cmx-avatar{overflow:hidden;}
.qd-comment-av img,.qd-cform-av img,.cmx-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}

/* ---- duyarlılık ---- */
@media (max-width:920px){
  .bx-card{grid-template-columns:1fr;}
  .bx-side{border-left:0;border-top:1px solid rgba(17,96,76,.10);}
}
@media (max-width:600px){
  .bx-card{border-radius:16px;}
  .bx-hero{padding:42px 22px 36px;}
  .bx-main .article{padding:32px 22px 38px;}
  .bx-main .esma-hero{margin:26px 22px 0;}
  .bx-main .faq-section{padding:2px 22px 36px;}
  .bx-main .cmx{padding:36px 22px 40px;}
  .bx-widget{padding:28px 22px;}
}

/* ============================================================
   404 / Hata sayfası — açık zeminli, ortalanmış, animasyonlu kutu
   ============================================================ */
.container.e404{
  display:flex;align-items:center;justify-content:center;
  margin-block:15px;
  padding-block:0;
}
.err-box{
  position:relative;
  width:100%;max-width:620px;margin-inline:auto;
  text-align:center;
  padding:clamp(28px,4vw,44px) clamp(22px,4vw,48px);
  border-radius:24px;
  background:transparent;
  border:0;
  box-shadow:none;
}
.err-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 16px;border-radius:999px;
  font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--emerald);
  background:rgba(17,96,76,.07);border:1px solid rgba(17,96,76,.16);
}
.err-eyebrow svg{width:15px;height:15px;}

/* ── 404: emerald rakamlar + ortada animasyonlu usturlab ── */
.err-code{
  display:flex;align-items:center;justify-content:center;gap:clamp(2px,1.5vw,12px);
  margin:20px 0 8px;
  font-family:'Marcellus',serif;line-height:.9;
  font-size:clamp(82px,18vw,150px);
  color:var(--emerald);
}
.err-digit{display:inline-block;animation:errfloat 4.5s ease-in-out infinite;}
.err-digit:last-child{animation-delay:-2.25s;}
@keyframes errfloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

.err-astro{
  width:clamp(96px,20vw,168px);height:clamp(96px,20vw,168px);
  display:inline-block;vertical-align:middle;flex:none;
  filter:drop-shadow(0 10px 20px rgba(10,58,45,.18));
}
.err-astro circle, .err-astro path, .err-astro g{transform-box:fill-box;transform-origin:center;}
.astro-ring-1{animation:errspin 18s linear infinite;}
.astro-ring-2{animation:errspin 12s linear infinite reverse;}
.err-astro .astro-orbit{transform-box:view-box;transform-origin:60px 60px;animation:errspin 7s linear infinite;}
.astro-star{animation:errpulse 2.6s ease-in-out infinite;}
.astro-cross{animation:errfade 3.4s ease-in-out infinite;}
@keyframes errspin{to{transform:rotate(360deg);}}
@keyframes errpulse{0%,100%{transform:scale(.86);opacity:.85;}50%{transform:scale(1.08);opacity:1;}}
@keyframes errfade{0%,100%{opacity:.3;}50%{opacity:.7;}}

.err-box h1{
  font-family:'Marcellus',serif;
  font-size:clamp(1.6rem,4.2vw,2.3rem);
  color:var(--emerald-deep);margin:6px 0 10px;
}
.err-lead{
  color:#4a5a52;
  font-size:clamp(.98rem,2.3vw,1.08rem);line-height:1.7;
  max-width:460px;margin:0 auto;
}
.err-ayah{
  font-family:'Amiri',serif;font-size:clamp(1.4rem,3.6vw,1.9rem);
  color:var(--emerald);margin:24px 0 4px;line-height:1.8;
}
.err-ayah-tr{color:#7a8780;font-size:.9rem;font-style:italic;margin:0;}

.err-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:28px;}
.err-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:13px 26px;border-radius:13px;
  font-weight:700;font-size:1rem;text-decoration:none;
  transition:transform .18s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.err-btn svg{width:19px;height:19px;}
.err-btn-primary{
  background:linear-gradient(135deg, var(--emerald-soft), var(--emerald-deep));
  color:var(--cream);
  box-shadow:0 12px 26px -10px rgba(10,58,45,.55);
}
.err-btn-primary:hover{box-shadow:0 16px 32px -10px rgba(10,58,45,.7);transform:translateY(-2px);}
.err-btn-ghost{
  background:#fff;color:var(--emerald);
  border:1.5px solid rgba(17,96,76,.22);
}
.err-btn-ghost:hover{background:rgba(17,96,76,.05);border-color:var(--emerald);transform:translateY(-2px);}

/* içerik giriş animasyonu (fade-up, kademeli --d gecikmesiyle) */
.err-rise{opacity:0;transform:translateY(22px);animation:errrise .7s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--d,0s);}
@keyframes errrise{to{opacity:1;transform:translateY(0);}}

@media (prefers-reduced-motion:reduce){
  .err-digit,.astro-ring-1,.astro-ring-2,.astro-orbit,.astro-star,.astro-cross{animation:none;}
  .err-rise{opacity:1;transform:none;animation:none;}
}
@media (max-width:480px){
  .err-actions .err-btn{flex:1 1 100%;justify-content:center;}
}