*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    :root {
      --bg:#F2F5F0; --bg2:#EAEFE6; --surface:#FFFFFF;
      --primary:#1A4731; --primary-mid:#2D6A4F; --primary-light:#40916C;
      --accent:#74C69D; --pale:#D8F3DC; --gold:#D4A847; --gold-light:#F4E4A6;
      --text:#1C2B1F; --text-mid:#3D5247; --text-muted:#6B8C7A;
      --border:#C8DDD1; --border-light:#E0EDE6;
      --danger:#C0392B; --shadow:0 4px 24px rgba(26,71,49,.08);
      --shadow-lg:0 12px 40px rgba(26,71,49,.14);
      --radius:16px; --radius-sm:10px;
    }
    html { scroll-behavior: smooth; }
    body { font-family:'Raleway',sans-serif; background:var(--bg); color:var(--text); line-height:1.6; overflow-x:hidden; }
    h1,h2,h3,h4 { font-family:'Lora',serif; line-height:1.25; }
    a { color:inherit; }
    .zp-p a, .zp-src a, .zp-faq a { color:var(--accent); text-decoration:underline; text-underline-offset:2px; }
    .zp-p a:hover, .zp-src a:hover, .zp-faq a:hover { color:var(--gold); }

    /* ── NAV ── */
    nav { position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(242,245,240,.92); backdrop-filter:blur(16px); border-bottom:1px solid var(--border-light); padding:0 24px; height:64px; display:flex; align-items:center; justify-content:space-between; }
    .nav-logo { display:flex; align-items:center; gap:10px; font-family:'Lora',serif; font-size:22px; font-weight:700; color:var(--primary); text-decoration:none; }
    .nav-logo svg { width:32px; height:32px; }
    .nav-links { display:flex; align-items:center; gap:4px; list-style:none; }
    .nav-links a { color:var(--text-mid); text-decoration:none; font-size:12px; font-weight:600; padding:6px 11px; border-radius:8px; transition:all .2s; }
    .nav-links a:hover { background:var(--pale); color:var(--primary); }
    .nav-cta { background:var(--primary) !important; color:#fff !important; border-radius:8px; }
    .nav-cta:hover { background:var(--primary-mid) !important; }
    .nav-pro { background:linear-gradient(90deg,#D4A847,#F4E4A6) !important; color:var(--primary) !important; border-radius:8px; font-weight:700 !important; }
    @media(max-width:900px) { .nav-links { display:none; } }

    /* ── HERO ── */
    .hero { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:100px 24px 60px; position:relative; overflow:hidden; background:linear-gradient(160deg,#1A4731 0%,#2D6A4F 55%,#40916C 100%); }
    .hero-bg { position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(255,255,255,0.06)'/%3E%3C/svg%3E"); }
    .orb { position:absolute; border-radius:50%; filter:blur(80px); animation:breathe 6s ease-in-out infinite; }
    .orb1 { width:500px; height:500px; background:rgba(116,198,157,.22); top:-150px; right:-100px; }
    .orb2 { width:350px; height:350px; background:rgba(212,168,71,.14); bottom:-80px; left:-80px; animation-delay:3s; }
    @keyframes breathe { 0%,100%{ transform:scale(1); opacity:.7; } 50%{ transform:scale(1.08); opacity:1; } }
    .hero-inner { position:relative; z-index:1; max-width:780px; text-align:center; }
    .hero-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.9); font-size:13px; font-weight:500; padding:6px 16px; border-radius:100px; margin-bottom:28px; }
    .pdot { width:8px; height:8px; border-radius:50%; background:#74C69D; animation:pulse 2s infinite; }
    @keyframes pulse { 0%,100%{ opacity:1; transform:scale(1); } 50%{ opacity:.4; transform:scale(.8); } }
    .hero h1 { font-size:clamp(36px,6vw,66px); color:#fff; margin-bottom:20px; line-height:1.1; }
    .hero h1 em { color:var(--gold-light); font-style:normal; }
    .hero p { font-size:clamp(15px,2.2vw,19px); color:rgba(255,255,255,.8); max-width:560px; margin:0 auto 40px; }
    .ha { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
    .btn { display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border-radius:12px; font-family:'Raleway',sans-serif; font-size:14px; font-weight:600; cursor:pointer; text-decoration:none; border:none; transition:all .2s; }
    .btn-w { background:#fff; color:var(--primary); }
    .btn-w:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.15); }
    .btn-o { background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.35); }
    .btn-o:hover { background:rgba(255,255,255,.18); }
    .btn-gold { background:linear-gradient(135deg,#D4A847,#F4E4A6); color:var(--primary); font-weight:700; }
    .btn-gold:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(212,168,71,.4); }
    .hero-stats { display:flex; justify-content:center; gap:44px; margin-top:60px; flex-wrap:wrap; }
    .hs-num { font-family:'Lora',serif; font-size:34px; color:#fff; font-weight:700; }
    .hs-lbl { font-size:12px; color:rgba(255,255,255,.6); margin-top:2px; }

    /* ── SECTIONS ── */
    section { padding:80px 24px; }
    .si { max-width:1120px; margin:0 auto; }
    .stag { display:inline-flex; align-items:center; gap:7px; background:var(--pale); color:var(--primary-light); font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:4px 13px; border-radius:100px; margin-bottom:12px; }
    .stag svg { width:13px; height:13px; }
    .stit { font-size:clamp(24px,4vw,40px); color:var(--primary); margin-bottom:10px; }
    .ssub { font-size:16px; color:var(--text-muted); max-width:560px; }

    /* ── CALCULATOR ── */
    #hesaplama { background:var(--surface); }
    .clayout { display:grid; grid-template-columns:1fr 1fr; gap:36px; margin-top:44px; align-items:start; }
    @media(max-width:860px) { .clayout { grid-template-columns:1fr; } }
    .cform { display:flex; flex-direction:column; gap:14px; }

    .gtoggle { display:flex; border:1.5px solid var(--border); border-radius:10px; overflow:hidden; }
    .gbtn { flex:1; padding:9px; background:#fff; border:none; font-family:'Raleway',sans-serif; font-size:13px; font-weight:600; color:var(--text-muted); cursor:pointer; transition:all .18s; display:flex; align-items:center; justify-content:center; gap:6px; }
    .gbtn.on { background:var(--primary); color:#fff; }
    .gbtn:first-child { border-right:1px solid var(--border); }

    .brow { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
    .ig { display:flex; flex-direction:column; gap:5px; }
    .ig label { font-size:11px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.5px; }
    .ig input { padding:10px 13px; border:1.5px solid var(--border); border-radius:9px; font-family:'Raleway',sans-serif; font-size:14px; color:var(--text); background:#fff; outline:none; transition:border .2s; width:100%; }
    .ig input:focus { border-color:var(--primary-light); }
    .bmibadge { display:flex; align-items:center; gap:8px; padding:8px 13px; border-radius:9px; font-size:12px; font-weight:600; background:var(--bg); border:1.5px solid var(--border-light); margin-top:2px; }
    .bmibadge b { font-family:'Lora',serif; font-size:17px; color:var(--primary); }

    .qb { background:var(--bg); border:1.5px solid var(--border-light); border-radius:var(--radius-sm); padding:14px; }
    .ql { font-size:13px; font-weight:600; color:var(--text); margin-bottom:9px; display:flex; align-items:center; gap:5px; }
    .ql svg { opacity:.45; width:13px; height:13px; }
    .qopts { display:flex; flex-wrap:wrap; gap:6px; }
    .qo { padding:6px 12px; border-radius:7px; border:1.5px solid var(--border); background:#fff; color:var(--text-mid); font-family:'Raleway',sans-serif; font-size:12px; font-weight:500; cursor:pointer; transition:all .15s; }
    .qo:hover { border-color:var(--primary-light); color:var(--primary); }
    .qo.on { background:var(--primary); border-color:var(--primary); color:#fff; }

    .cbtn { background:var(--primary); color:#fff; border:none; border-radius:12px; padding:14px; font-family:'Raleway',sans-serif; font-size:15px; font-weight:700; cursor:pointer; transition:all .2s; display:flex; align-items:center; justify-content:center; gap:8px; }
    .cbtn:hover { background:var(--primary-mid); transform:translateY(-1px); }

    /* Result panel */
    .cresult { background:linear-gradient(145deg,var(--primary) 0%,var(--primary-mid) 100%); border-radius:var(--radius); padding:32px 28px; min-height:500px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; overflow:hidden; }
    .cresult::before { content:''; position:absolute; top:-60px; right:-60px; width:200px; height:200px; border-radius:50%; background:rgba(255,255,255,.04); }
    .rempty { color:rgba(255,255,255,.4); font-size:14px; line-height:1.8; }
    .rempty svg { display:block; margin:0 auto 14px; }
    .rcontent { width:100%; }
    .rring { width:140px; height:140px; border-radius:50%; background:rgba(255,255,255,.1); border:3px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
    .ragenum { font-family:'Lora',serif; font-size:48px; color:#fff; font-weight:700; line-height:1; }
    .ragelbl { font-size:11px; color:rgba(255,255,255,.6); margin-top:3px; }
    .rdiff { display:inline-flex; align-items:center; gap:5px; padding:5px 13px; border-radius:100px; font-size:12px; font-weight:600; margin-bottom:10px; }
    .dg { background:rgba(116,198,157,.25); color:#74C69D; }
    .dw { background:rgba(217,119,6,.25); color:#FBBF24; }
    .db { background:rgba(239,68,68,.2); color:#FCA5A5; }
    .rmsg { font-size:13px; color:rgba(255,255,255,.85); max-width:260px; margin:0 auto 18px; line-height:1.5; }

    .fbars { width:100%; text-align:left; margin-bottom:18px; }
    .fbtitle { font-size:10px; font-weight:700; letter-spacing:.8px; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:9px; }
    .frow { display:flex; align-items:center; gap:7px; margin-bottom:6px; }
    .fn { font-size:10px; color:rgba(255,255,255,.65); width:68px; flex-shrink:0; text-align:right; }
    .fw { flex:1; height:5px; background:rgba(255,255,255,.1); border-radius:100px; overflow:hidden; }
    .fb { height:100%; border-radius:100px; transition:width .5s ease; }
    .fb.g { background:#74C69D; } .fb.b { background:#FC8181; } .fb.n { background:rgba(255,255,255,.25); }
    .fv { font-size:10px; font-weight:700; width:28px; flex-shrink:0; }
    .fv.g { color:#74C69D; } .fv.b { color:#FC8181; } .fv.n { color:rgba(255,255,255,.4); }

    .rtips { width:100%; display:flex; flex-direction:column; gap:6px; }
    .rtip { display:flex; align-items:flex-start; gap:7px; background:rgba(255,255,255,.08); border-radius:8px; padding:9px 11px; font-size:11px; color:rgba(255,255,255,.85); text-align:left; }
    .rtip svg { flex-shrink:0; margin-top:1px; }

    /* ── HABITS ── */
    #aliskanliklar { background:var(--bg2); }
    .hprog { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius); padding:20px; margin-top:28px; }
    .phdr { display:flex; justify-content:space-between; align-items:center; margin-bottom:9px; }
    .plbl { font-size:14px; font-weight:600; color:var(--text); }
    .pcnt { font-size:12px; color:var(--text-muted); }
    .pbar { height:9px; background:var(--border-light); border-radius:100px; overflow:hidden; }
    .pfill { height:100%; background:linear-gradient(90deg,var(--primary-light),var(--accent)); border-radius:100px; transition:width .4s ease; }
    .hgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:12px; margin-top:18px; }
    .hcard { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius-sm); padding:14px 16px; display:flex; align-items:center; gap:11px; cursor:pointer; transition:all .18s; user-select:none; }
    .hcard:hover { border-color:var(--primary-light); transform:translateY(-1px); box-shadow:var(--shadow); }
    .hcard.done { background:var(--pale); border-color:var(--accent); }
    .hchk { width:24px; height:24px; flex-shrink:0; border-radius:7px; border:2px solid var(--border); display:flex; align-items:center; justify-content:center; background:#fff; transition:all .18s; }
    .hcard.done .hchk { background:var(--primary); border-color:var(--primary); }
    .hn { font-size:13px; font-weight:600; color:var(--text); }
    .hcard.done .hn { color:var(--primary); }
    .hd { font-size:11px; color:var(--text-muted); margin-top:1px; }
    .h-extra { display:none; }
    .hgrid.expanded .h-extra { display:flex; }
    .hmore-btn { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:14px; padding:11px 20px; background:var(--surface); border:1.5px solid var(--border); border-radius:var(--radius-sm); font-family:'Raleway',sans-serif; font-size:13px; font-weight:600; color:var(--text-mid); cursor:pointer; transition:all .2s; width:100%; }
    .hmore-btn:hover { border-color:var(--primary-light); color:var(--primary); background:var(--pale); }
    .hmore-btn svg { transition:transform .25s; }
    .hmore-btn.open svg { transform:rotate(180deg); }

    /* ── BLUE ZONES ── */
    #mavi-bolgeler { background:var(--surface); }
    .zgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:18px; margin-top:38px; }
    .zcard { border-radius:var(--radius); overflow:hidden; border:1.5px solid var(--border-light); transition:all .22s; }
    .zcard:hover { transform:translateY(-4px); box-shadow:var(--shadow-lg); }
    .zflag { height:90px; display:flex; align-items:center; justify-content:center; font-size:44px; }
    .zcard:nth-child(1) .zflag{background:linear-gradient(135deg,#2D7D4F,#1A5C38);}
    .zcard:nth-child(2) .zflag{background:linear-gradient(135deg,#B5451B,#8B2500);}
    .zcard:nth-child(3) .zflag{background:linear-gradient(135deg,#2563EB,#1E40AF);}
    .zcard:nth-child(4) .zflag{background:linear-gradient(135deg,#0369A1,#0C4A6E);}
    .zcard:nth-child(5) .zflag{background:linear-gradient(135deg,#7C3AED,#5B21B6);}
    .zbody { padding:14px; }
    .zname { font-family:'Lora',serif; font-size:14px; font-weight:600; color:var(--primary); margin-bottom:2px; }
    .zcountry { font-size:11px; color:var(--text-muted); margin-bottom:9px; }
    .zlist { list-style:none; display:flex; flex-direction:column; gap:4px; }
    .zlist li { display:flex; align-items:flex-start; gap:6px; font-size:11px; color:var(--text-mid); line-height:1.4; }
    .zlist li::before { content:''; flex-shrink:0; width:4px; height:4px; border-radius:50%; background:var(--primary-light); margin-top:5px; }
    .zcard { cursor:pointer; }
    .zexplore { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:var(--primary-light); margin-top:10px; padding-top:8px; border-top:1px solid var(--border-light); transition:color .15s; }
    .zcard:hover .zexplore { color:var(--primary); }

    /* ── ZONE PAGES ── */
    .zone-page { position:fixed; inset:0; z-index:500; background:var(--bg); overflow-y:auto; transform:translateX(100%); transition:transform .38s cubic-bezier(.4,0,.2,1); }
    .zone-page.open { transform:translateX(0); }
    .zp-topbar { position:sticky; top:0; z-index:10; background:rgba(242,245,240,.96); backdrop-filter:blur(14px); border-bottom:1px solid var(--border-light); padding:0 20px; height:56px; display:flex; align-items:center; justify-content:space-between; }
    .zp-topbar-left { display:flex; align-items:center; gap:10px; }
    .zp-home-logo { display:flex; align-items:center; flex-shrink:0; text-decoration:none; }
    .zp-home-logo svg { width:26px; height:26px; }
    .zp-home-logo:hover { opacity:0.75; }
    .zp-back { display:flex; align-items:center; gap:7px; background:none; border:none; font-family:'Raleway',sans-serif; font-size:13px; font-weight:700; color:var(--primary); cursor:pointer; }
    .zp-back:hover { opacity:.7; }
    .zp-crumb { font-size:11px; color:var(--text-muted); }
    .zp-hero { padding:60px 24px 44px; text-align:center; position:relative; overflow:hidden; }
    .zp-hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.2' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E"); }
    .zp-hero-inner { position:relative; z-index:1; max-width:680px; margin:0 auto; }
    .zp-emoji { font-size:60px; display:block; margin-bottom:14px; }
    .zp-hero h1 { font-size:clamp(26px,5vw,44px); color:#fff; margin-bottom:6px; }
    .zp-hero .zp-tag { font-size:12px; color:rgba(255,255,255,.75); font-weight:500; margin-bottom:28px; display:block; }
    .zp-stats { display:flex; justify-content:center; gap:32px; flex-wrap:wrap; padding-top:24px; border-top:1px solid rgba(255,255,255,.15); }
    .zp-st { text-align:center; }
    .zp-st-n { font-family:'Lora',serif; font-size:28px; font-weight:700; color:#fff; line-height:1; }
    .zp-st-l { font-size:10px; color:rgba(255,255,255,.6); margin-top:3px; }
    .zp-body { max-width:780px; margin:0 auto; padding:40px 24px 80px; }
    .zp-sec { margin-bottom:36px; }
    .zp-sec h2 { font-family:'Lora',serif; font-size:20px; color:var(--primary); margin-bottom:14px; padding-bottom:9px; border-bottom:2px solid var(--border-light); display:flex; align-items:center; gap:8px; }
    .zp-p { font-size:14px; color:var(--text-mid); line-height:1.85; margin-bottom:11px; }
    .zp-ul { list-style:none; display:flex; flex-direction:column; gap:8px; }
    .zp-ul li { display:block; position:relative; font-size:13px; color:var(--text-mid); line-height:1.6; background:var(--surface); border:1.5px solid var(--border-light); border-radius:9px; padding:10px 13px 10px 28px; padding-left:28px !important; }
    .zp-ul li b { display:block; color:var(--primary); font-size:13px; font-weight:700; margin-bottom:3px; }
    .zp-ul li::before { content:''; position:absolute; left:13px; top:16px; width:5px; height:5px; border-radius:50%; background:var(--primary-light); }
    .zp-grid2 { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:14px; }
    @media(max-width:540px){ .zp-grid2 { grid-template-columns:1fr; } }
    .zp-fact { background:var(--pale); border:1.5px solid var(--accent); border-radius:var(--radius-sm); padding:16px; }
    .zp-fact-n { font-family:'Lora',serif; font-size:30px; font-weight:700; color:var(--primary); line-height:1; margin-bottom:4px; }
    .zp-fact-l { font-size:12px; color:var(--text-mid); line-height:1.5; }
    .zp-quote { background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%); border-radius:var(--radius); padding:26px 24px; margin:24px 0; }
    .zp-quote p { font-family:'Lora',serif; font-style:italic; font-size:15px; color:rgba(255,255,255,.95); line-height:1.75; margin-bottom:10px; }
    .zp-quote cite { font-size:11px; color:rgba(255,255,255,.55); font-style:normal; }
    .zp-p9 { display:flex; flex-wrap:wrap; gap:7px; margin-top:12px; }
    .zp-p9-tag { background:var(--pale); border:1.5px solid var(--accent); border-radius:8px; padding:5px 12px; font-size:11px; font-weight:700; color:var(--primary); }
    .zp-zones-nav { display:flex; gap:8px; flex-wrap:wrap; padding-top:24px; border-top:1.5px solid var(--border-light); margin-top:36px; }
    .zp-zones-nav button { display:flex; align-items:center; gap:6px; padding:8px 14px; background:var(--surface); border:1.5px solid var(--border); border-radius:9px; font-family:'Raleway',sans-serif; font-size:12px; font-weight:600; color:var(--text-mid); cursor:pointer; transition:all .18s; }
    .zp-zones-nav button:hover { border-color:var(--primary-light); color:var(--primary); background:var(--pale); }
    .zp-src { font-size:11px; color:var(--text-muted); border-top:1px solid var(--border-light); padding-top:14px; margin-top:8px; line-height:1.7; }
    .zp-faq { display:flex; flex-direction:column; gap:10px; }
    .zp-faq details { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius-sm); padding:14px 16px; }
    .zp-faq details[open] { border-color:var(--accent); }
    .zp-faq summary { font-family:'Lora',serif; font-size:14px; font-weight:700; color:var(--primary); cursor:pointer; list-style:none; display:flex; justify-content:space-between; align-items:center; gap:12px; }
    .zp-faq summary::-webkit-details-marker { display:none; }
    .zp-faq summary::after { content:'+'; font-size:20px; color:var(--accent); flex-shrink:0; line-height:1; }
    .zp-faq details[open] summary::after { content:'\2212'; }
    .zp-faq details p { font-size:13px; color:var(--text-mid); line-height:1.8; margin-top:10px; }
    .zp-disclaimer { display:flex; gap:10px; align-items:flex-start; background:var(--bg2); border:1.5px solid var(--border); border-radius:var(--radius-sm); padding:14px 16px; margin-top:16px; }
    .zp-disclaimer svg { flex-shrink:0; margin-top:1px; color:var(--gold); }
    .zp-disclaimer span { font-size:12px; color:var(--text-muted); line-height:1.7; }
    .zp-disclaimer strong { color:var(--text-mid); }
    /* ── BLOG ── */
    #blog { background:var(--bg); }
    .bgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; margin-top:40px; }
    .bcard { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius); overflow:hidden; cursor:pointer; transition:all .22s; display:flex; flex-direction:column; }
    .bcard:hover { transform:translateY(-4px); box-shadow:var(--shadow); border-color:var(--accent); }
    .bcard-img { height:130px; display:flex; align-items:center; justify-content:center; font-size:52px; }
    .bcard-body { padding:18px; flex:1; display:flex; flex-direction:column; gap:8px; }
    .bbadge { display:inline-flex; align-items:center; font-size:10px; font-weight:700; padding:3px 9px; border-radius:20px; letter-spacing:.05em; width:fit-content; }
    .bbadge-bio { background:#D1FAE5; color:#065F46; }
    .bbadge-gen { background:#EDE9FE; color:#5B21B6; }
    .bbadge-sag { background:#FEE2E2; color:#991B1B; }
    .bbadge-ara { background:#DBEAFE; color:#1E40AF; }
    .bbadge-mol { background:#FEF3C7; color:#92400E; }
    .bcard-title { font-family:'Lora',serif; font-size:15px; color:var(--text); font-weight:700; line-height:1.4; }
    .bcard-excerpt { font-size:12px; color:var(--text-muted); line-height:1.65; flex:1; }
    .bcard-meta { display:flex; align-items:center; justify-content:space-between; margin-top:6px; padding-top:11px; border-top:1px solid var(--border-light); }
    .bcard-time { font-size:11px; color:var(--text-muted); display:flex; align-items:center; gap:4px; }
    .bcard-read { font-size:11px; font-weight:700; color:var(--primary-light); display:flex; align-items:center; gap:3px; transition:color .15s; }
    .bcard:hover .bcard-read { color:var(--primary); }

    /* ── BİYOMARKER (NCBI) ── */
    #biyomarker { background:var(--bg2); }
    .bmgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:18px; margin-top:40px; }
    .bmcard { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius); padding:24px; transition:all .2s; position:relative; overflow:hidden; }
    .bmcard::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }
    .bmcard:nth-child(1)::before{background:linear-gradient(90deg,#74C69D,#40916C);}
    .bmcard:nth-child(2)::before{background:linear-gradient(90deg,#60A5FA,#3B82F6);}
    .bmcard:nth-child(3)::before{background:linear-gradient(90deg,#F472B6,#EC4899);}
    .bmcard:nth-child(4)::before{background:linear-gradient(90deg,#FBBF24,#F59E0B);}
    .bmcard:nth-child(5)::before{background:linear-gradient(90deg,#A78BFA,#7C3AED);}
    .bmcard:nth-child(6)::before{background:linear-gradient(90deg,#34D399,#059669);}
    .bmcard:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
    .bmicon { width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
    .bmcard:nth-child(1) .bmicon{background:#D8F3DC;}
    .bmcard:nth-child(2) .bmicon{background:#DBEAFE;}
    .bmcard:nth-child(3) .bmicon{background:#FCE7F3;}
    .bmcard:nth-child(4) .bmicon{background:#FEF3C7;}
    .bmcard:nth-child(5) .bmicon{background:#EDE9FE;}
    .bmcard:nth-child(6) .bmicon{background:#D1FAE5;}
    .bmcard h4 { font-size:15px; color:var(--primary); margin-bottom:6px; }
    .bmcard p { font-size:12px; color:var(--text-muted); line-height:1.6; }
    .bmtag { display:inline-flex; align-items:center; gap:4px; background:var(--bg2); border-radius:6px; padding:3px 8px; font-size:10px; font-weight:700; color:var(--text-mid); margin-top:10px; }
    .bm-full { display:none; margin-top:10px; border-top:1px solid var(--border-light); padding-top:10px; }
    .bm-full p { font-size:12px; color:var(--text-muted); line-height:1.7; margin-bottom:7px; }
    .bm-full p:last-child { margin-bottom:0; }
    .bm-full strong { color:var(--text-mid); font-weight:600; }
    .bmcard.bm-open .bm-full { display:block; }
    .bm-toggle { display:inline-flex; align-items:center; gap:5px; background:none; border:none; padding:0; font-family:'Raleway',sans-serif; font-size:12px; font-weight:600; color:var(--primary-light); cursor:pointer; margin-top:11px; }
    .bm-toggle svg { transition:transform .25s; }
    .bmcard.bm-open .bm-toggle svg { transform:rotate(180deg); }
    .bm-toggle:hover { color:var(--primary); }

    /* ── PARADOX ── */
    #paradoks { background:var(--surface); }
    .pgrid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:40px; }
    @media(max-width:768px) { .pgrid { grid-template-columns:1fr; } }
    .pcard { background:var(--bg); border:1.5px solid var(--border-light); border-radius:var(--radius); padding:26px; }
    .pcard h3 { font-size:18px; color:var(--primary); margin-bottom:8px; display:flex; align-items:center; gap:9px; }
    .pcard p { font-size:13px; color:var(--text-mid); line-height:1.7; margin-bottom:12px; }
    .pstat { display:flex; align-items:flex-start; gap:11px; background:var(--surface); border-radius:9px; padding:12px; margin-bottom:9px; }
    .psnum { font-family:'Lora',serif; font-size:26px; font-weight:700; color:var(--primary-light); line-height:1; flex-shrink:0; min-width:58px; }
    .psdesc { font-size:12px; color:var(--text-mid); line-height:1.5; }
    .ptips { list-style:none; display:flex; flex-direction:column; gap:6px; margin-top:8px; }
    .ptips li { display:flex; align-items:flex-start; gap:7px; font-size:12px; color:var(--text-mid); }
    .ptips li::before { content:''; flex-shrink:0; width:4px; height:4px; border-radius:50%; background:var(--primary-light); margin-top:7px; }
    .pcard { cursor:pointer; transition:all .2s; }
    .pcard:hover { transform:translateY(-3px); box-shadow:var(--shadow); }
    .pexplore { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:var(--primary-light); margin-top:12px; padding-top:10px; border-top:1px solid var(--border-light); }
    .pcard:hover .pexplore { color:var(--primary); }
    .paradoks-btn { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:20px; padding:13px 24px; background:var(--primary); color:#fff; border:none; border-radius:12px; font-family:'Raleway',sans-serif; font-size:14px; font-weight:700; cursor:pointer; width:100%; transition:all .2s; }
    .paradoks-btn:hover { background:var(--primary-mid); transform:translateY(-1px); }

    /* ── 4 DİREK ── */
    #direkleri { background:var(--primary); }
    #direkleri .stag { background:rgba(255,255,255,.13); color:rgba(255,255,255,.9); }
    #direkleri .stit { color:#fff; }
    #direkleri .ssub { color:rgba(255,255,255,.65); }
    .pgrid4 { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px; margin-top:40px; }
    .pil { background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.1); border-radius:var(--radius); padding:24px 20px; transition:all .22s; }
    .pil:hover { background:rgba(255,255,255,.11); transform:translateY(-3px); }
    .pilicon { width:48px; height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
    .pil:nth-child(1) .pilicon{background:rgba(116,198,157,.2);}
    .pil:nth-child(2) .pilicon{background:rgba(212,168,71,.2);}
    .pil:nth-child(3) .pilicon{background:rgba(96,165,250,.2);}
    .pil:nth-child(4) .pilicon{background:rgba(244,114,182,.2);}
    .pil h3 { font-size:17px; color:#fff; margin-bottom:8px; }
    .pil p { font-size:13px; color:rgba(255,255,255,.68); line-height:1.6; margin-bottom:13px; }
    .piltips { list-style:none; display:flex; flex-direction:column; gap:6px; }
    .piltips li { display:flex; align-items:flex-start; gap:6px; font-size:12px; color:rgba(255,255,255,.8); }
    .piltips li::before { content:''; width:4px; height:4px; border-radius:50%; background:var(--accent); flex-shrink:0; margin-top:7px; }
    .pil { cursor:pointer; }
    .pilexplore { display:flex; align-items:center; gap:5px; font-size:11px; font-weight:700; color:rgba(116,198,157,.65); margin-top:13px; padding-top:11px; border-top:1px solid rgba(255,255,255,.1); transition:color .18s; }
    .pil:hover .pilexplore { color:var(--accent); }

    /* ── SCIENCE ── */
    #bilim { background:var(--surface); }
    .scgrid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:16px; margin-top:38px; }
    .sccard { background:var(--bg); border:1.5px solid var(--border-light); border-radius:var(--radius); padding:20px; transition:all .2s; }
    .sccard:hover { transform:translateY(-3px); box-shadow:var(--shadow); background:var(--surface); }
    .scnum { font-family:'Lora',serif; font-size:38px; font-weight:700; color:var(--primary-light); line-height:1; margin-bottom:7px; }
    .scnum span { font-size:17px; }
    .sccard h4 { font-size:13px; color:var(--primary); margin-bottom:5px; }
    .sccard p { font-size:12px; color:var(--text-muted); line-height:1.6; }

    /* ══════════════════════════════════════════
       ── PRO MEMBERSHIP / FREEMIUM ──
    ══════════════════════════════════════════ */
    #uyelik { background:linear-gradient(160deg,#1A4731 0%,#2D6A4F 60%,#1A4731 100%); position:relative; overflow:hidden; }
    #uyelik::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='1.2' fill='rgba(255,255,255,0.05)'/%3E%3C/svg%3E"); }
    #uyelik .stag { background:rgba(255,255,255,.14); color:rgba(255,255,255,.9); }
    #uyelik .stit { color:#fff; }
    #uyelik .ssub { color:rgba(255,255,255,.65); }
    .uyelik-inner { position:relative; z-index:1; }

    /* Billing toggle */
    .bill-toggle { display:inline-flex; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.15); border-radius:10px; padding:4px; margin:24px auto 0; }
    .btoggle { padding:7px 20px; border-radius:8px; border:none; background:transparent; color:rgba(255,255,255,.65); font-family:'Raleway',sans-serif; font-size:13px; font-weight:600; cursor:pointer; transition:all .2s; }
    .btoggle.on { background:#fff; color:var(--primary); }
    .bill-toggle-wrap { display:flex; justify-content:center; align-items:center; gap:10px; margin-bottom:40px; }
    .save-badge { background:var(--gold); color:var(--primary); font-size:10px; font-weight:700; padding:3px 8px; border-radius:100px; }

    /* Plan cards */
    .plans { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:0; max-width:760px; margin-left:auto; margin-right:auto; }
    @media(max-width:680px) { .plans { grid-template-columns:1fr; } }

    .plan { background:rgba(255,255,255,.07); border:1.5px solid rgba(255,255,255,.12); border-radius:var(--radius); padding:30px 26px; position:relative; transition:all .25s; }
    .plan:hover { background:rgba(255,255,255,.1); }
    .plan.featured { background:rgba(255,255,255,.95); border-color:var(--gold); }
    .plan.featured:hover { background:#fff; }

    .plan-badge { position:absolute; top:-12px; left:50%; transform:translateX(-50%); background:var(--gold); color:var(--primary); font-size:10px; font-weight:700; padding:4px 14px; border-radius:100px; white-space:nowrap; }
    .plan-name { font-size:13px; font-weight:700; color:rgba(255,255,255,.6); text-transform:uppercase; letter-spacing:1px; margin-bottom:10px; }
    .plan.featured .plan-name { color:var(--text-muted); }
    .plan-price { font-family:'Lora',serif; font-size:44px; font-weight:700; color:#fff; line-height:1; }
    .plan.featured .plan-price { color:var(--primary); }
    .plan-price sub { font-family:'Raleway',sans-serif; font-size:13px; font-weight:600; }
    .plan-price-note { font-size:11px; color:rgba(255,255,255,.5); margin-top:4px; margin-bottom:20px; }
    .plan.featured .plan-price-note { color:var(--text-muted); }
    .plan-desc { font-size:13px; color:rgba(255,255,255,.7); line-height:1.5; margin-bottom:22px; }
    .plan.featured .plan-desc { color:var(--text-mid); }

    .plan-features { list-style:none; display:flex; flex-direction:column; gap:9px; margin-bottom:26px; }
    .plan-features li { display:flex; align-items:flex-start; gap:9px; font-size:13px; color:rgba(255,255,255,.85); }
    .plan.featured .plan-features li { color:var(--text-mid); }
    .plan-features li svg { flex-shrink:0; margin-top:2px; }
    .plan-features .no { opacity:.4; text-decoration:line-through; }

    .plan-btn { width:100%; padding:13px; border-radius:11px; border:none; font-family:'Raleway',sans-serif; font-size:14px; font-weight:700; cursor:pointer; transition:all .2s; }
    .plan-btn.free-btn { background:rgba(255,255,255,.12); color:#fff; border:1.5px solid rgba(255,255,255,.25); }
    .plan-btn.free-btn:hover { background:rgba(255,255,255,.2); }
    .plan-btn.pro-btn { background:linear-gradient(135deg,var(--primary),var(--primary-mid)); color:#fff; }
    .plan-btn.pro-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(26,71,49,.4); }

    /* Feature comparison */
    .compare { max-width:760px; margin:36px auto 0; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1); border-radius:var(--radius); overflow:hidden; }
    .compare-hdr { display:grid; grid-template-columns:1fr 80px 80px; gap:0; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,.08); }
    .compare-hdr div { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:rgba(255,255,255,.5); text-align:center; }
    .compare-hdr div:first-child { text-align:left; }
    .cmp-row { display:grid; grid-template-columns:1fr 80px 80px; gap:0; padding:11px 20px; border-bottom:1px solid rgba(255,255,255,.06); }
    .cmp-row:last-child { border-bottom:none; }
    .cmp-row:hover { background:rgba(255,255,255,.04); }
    .cmp-feat { font-size:12px; color:rgba(255,255,255,.75); }
    .cmp-val { text-align:center; font-size:13px; }
    .cmp-yes { color:#74C69D; } .cmp-no { color:rgba(255,255,255,.2); } .cmp-txt { color:var(--gold); font-size:10px; font-weight:700; }

    /* ── PRO DETAIL PAGE ── */
    .pro-hero-feats { display:flex; flex-wrap:wrap; gap:9px; justify-content:center; margin-top:26px; }
    .pro-hf { background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.22); border-radius:100px; padding:6px 14px; font-size:11px; color:rgba(255,255,255,.92); font-weight:600; }
    .pro-section { margin-bottom:36px; }
    .pro-section-hdr { display:flex; align-items:center; gap:10px; margin-bottom:16px; justify-content:space-between; }
    .pro-section-info { flex:1; min-width:0; }
    .pro-go-btn { flex-shrink:0; padding:9px 18px; background:linear-gradient(135deg,var(--primary),var(--primary-mid)); color:#fff; border:none; border-radius:100px; font-family:'Raleway',sans-serif; font-size:12px; font-weight:700; cursor:pointer; transition:all .2s; white-space:nowrap; }
    .pro-go-btn:hover { transform:translateY(-2px); box-shadow:0 5px 18px rgba(26,71,49,.35); }
    @media(max-width:480px){ .pro-go-btn { font-size:10px; padding:7px 12px; } }
    .pro-section-num { width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; color:#fff; flex-shrink:0; }
    .pro-section-ttl { font-family:'Lora',serif; font-size:18px; font-weight:600; color:var(--text-head); }
    .pro-section-sub { font-size:12px; color:var(--text-muted); margin-top:2px; }
    .pro-demo-card { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius); overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); }
    .pro-demo-topbar { padding:12px 18px; border-bottom:1px solid var(--border-light); display:flex; align-items:center; gap:8px; }
    .pro-demo-dot { width:10px; height:10px; border-radius:50%; }
    .pro-demo-title { font-size:12px; font-weight:700; color:var(--text-mid); flex:1; text-align:center; }
    .pro-demo-body { padding:20px; }
    /* Bio age chart */
    .chart-legend { display:flex; gap:16px; justify-content:flex-end; margin-bottom:10px; }
    .chart-leg-item { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--text-muted); }
    .chart-leg-dot { width:8px; height:8px; border-radius:50%; }
    .chart-axis { display:flex; justify-content:space-between; margin-top:6px; padding:0 10px; }
    .chart-axis span { font-size:9px; color:var(--text-muted); }
    .chart-score-badge { display:inline-flex; align-items:center; gap:5px; background:#ECFDF5; border:1.5px solid #6EE7B7; border-radius:100px; padding:4px 12px; font-size:12px; font-weight:700; color:#065F46; margin-top:10px; }
    /* Weekly report */
    .rpt-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
    .rpt-week-lbl { font-size:11px; font-weight:700; color:var(--text-muted); text-transform:uppercase; letter-spacing:.6px; }
    .rpt-score-badge { width:48px; height:48px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--accent)); display:flex; align-items:center; justify-content:center; font-size:15px; font-weight:700; color:#fff; }
    .rpt-row { display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid var(--border-light); }
    .rpt-row:last-child { border-bottom:none; }
    .rpt-lbl { font-size:12px; color:var(--text-mid); min-width:90px; }
    .rpt-bar-wrap { flex:1; height:6px; background:var(--pale); border-radius:100px; overflow:hidden; }
    .rpt-bar { height:100%; border-radius:100px; background:linear-gradient(90deg,var(--primary-light),var(--accent)); }
    .rpt-pct { font-size:11px; font-weight:700; color:var(--primary); min-width:30px; text-align:right; }
    .rpt-insight { background:#FFFBEB; border-left:3px solid var(--gold); border-radius:0 8px 8px 0; padding:10px 14px; margin-top:14px; font-size:12px; color:#78350F; line-height:1.5; }
    /* AI coach */
    .ai-chat-wrap { display:flex; flex-direction:column; gap:12px; }
    .ai-msg { display:flex; gap:8px; align-items:flex-end; }
    .ai-msg.usr { flex-direction:row-reverse; }
    .ai-av { width:30px; height:30px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0; }
    .ai-av.bot { background:linear-gradient(135deg,var(--primary),var(--accent)); }
    .ai-av.usr { background:var(--pale); border:1.5px solid var(--border-light); }
    .ai-bubble { max-width:82%; padding:10px 13px; font-size:12px; line-height:1.6; }
    .ai-bubble.bot { background:#F0FDF4; border:1px solid #D1FAE5; border-radius:12px 12px 12px 3px; color:var(--text-mid); }
    .ai-bubble.usr { background:var(--primary); color:#fff; border-radius:12px 12px 3px 12px; }
    .ai-typing { display:flex; gap:4px; padding:10px 13px; background:var(--pale); border-radius:12px 12px 12px 3px; border:1px solid var(--border-light); width:fit-content; }
    .ai-typing span { width:6px; height:6px; border-radius:50%; background:var(--text-muted); animation:typingDot .9s infinite; }
    .ai-typing span:nth-child(2){ animation-delay:.2s; }
    .ai-typing span:nth-child(3){ animation-delay:.4s; }
    @keyframes typingDot { 0%,60%,100%{ transform:translateY(0); } 30%{ transform:translateY(-5px); } }
    /* Streak grid */
    .streak-habits { display:flex; flex-direction:column; gap:8px; }
    .streak-row { display:flex; align-items:center; gap:8px; }
    .streak-hab-lbl { font-size:10px; color:var(--text-muted); min-width:72px; text-align:right; }
    .streak-cells { display:flex; gap:3px; flex:1; }
    .sc { width:14px; height:14px; border-radius:3px; flex-shrink:0; }
    .sc0 { background:#F3F4F6; }
    .sc1 { background:#D1FAE5; }
    .sc2 { background:#6EE7B7; }
    .sc3 { background:#10B981; }
    .sc4 { background:#059669; }
    .streak-days { display:flex; gap:3px; margin-left:80px; padding-left:8px; margin-bottom:4px; }
    .streak-days span { width:14px; font-size:8px; color:var(--text-muted); text-align:center; }
    /* 12-week plan */
    .week-plan-table { width:100%; border-collapse:collapse; }
    .week-plan-table thead th { background:var(--pale); color:var(--primary); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.6px; padding:9px 12px; text-align:left; }
    .week-plan-table tbody td { padding:9px 12px; font-size:12px; border-bottom:1px solid var(--border-light); color:var(--text-mid); vertical-align:top; }
    .week-plan-table tbody tr:last-child td { border-bottom:none; }
    .week-plan-table tbody tr:hover td { background:var(--pale); }
    .wk-num { font-weight:700; color:var(--primary); white-space:nowrap; font-size:11px; }
    .wk-badge { display:inline-flex; padding:2px 8px; border-radius:100px; font-size:10px; font-weight:700; white-space:nowrap; }
    .wkb-g { background:#ECFDF5; color:#065F46; }
    .wkb-y { background:#FEF9C3; color:#92400E; }
    .wkb-b { background:#EFF6FF; color:#1E40AF; }
    .wkb-p { background:#F5F3FF; color:#5B21B6; }
    .wkb-r { background:#FFF1F2; color:#9F1239; }
    /* Biomarker table */
    .bm-table { width:100%; border-collapse:collapse; }
    .bm-table thead th { background:var(--pale); color:var(--primary); font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; padding:8px 10px; text-align:left; }
    .bm-table tbody td { padding:9px 10px; font-size:12px; border-bottom:1px solid var(--border-light); }
    .bm-table tbody tr:last-child td { border-bottom:none; }
    .bm-table tbody tr:hover td { background:var(--pale); }
    .bm-name { font-weight:600; color:var(--text-head); font-size:12px; }
    .bm-ideal { font-size:10px; color:var(--text-muted); }
    .bm-g { color:#059669; font-weight:700; }
    .bm-y { color:#D97706; font-weight:700; }
    .bm-r { color:#DC2626; font-weight:700; }
    .bm-dot { display:inline-block; width:8px; height:8px; border-radius:50%; margin-right:5px; }
    .bm-dot-g { background:#059669; }
    .bm-dot-y { background:#D97706; }
    .bm-dot-r { background:#DC2626; }
    /* Pro CTA block */
    .pro-cta-block { background:linear-gradient(135deg,var(--primary) 0%,var(--primary-mid) 100%); border-radius:20px; padding:44px 32px; text-align:center; }
    .pro-cta-price { font-family:'Lora',serif; font-size:54px; font-weight:700; color:#fff; line-height:1; }
    .pro-cta-price sub { font-family:'Raleway',sans-serif; font-size:16px; font-weight:500; }
    .pro-cta-note { color:rgba(255,255,255,.7); font-size:13px; margin:8px 0 28px; }
    .pro-cta-main-btn { display:inline-block; padding:16px 44px; background:#fff; color:var(--primary); border:none; border-radius:12px; font-family:'Raleway',sans-serif; font-size:16px; font-weight:700; cursor:pointer; transition:all .22s; }
    .pro-cta-main-btn:hover { transform:translateY(-3px); box-shadow:0 10px 32px rgba(0,0,0,.3); }
    .pro-cta-perks { display:flex; flex-wrap:wrap; gap:12px; justify-content:center; margin-top:22px; }
    .pro-cta-perk { display:flex; align-items:center; gap:6px; color:rgba(255,255,255,.75); font-size:12px; }
    /* Gradient text */
    .grad-text { background:linear-gradient(135deg,var(--accent),var(--gold)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }

    /* ── FLOATING AI WIDGET ── */
    .fab-wrap { position:fixed; bottom:24px; right:24px; z-index:9000; }
    .fab-btn { width:58px; height:58px; border-radius:50%; background:linear-gradient(135deg,var(--primary),var(--primary-mid)); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 6px 28px rgba(26,71,49,.45); transition:all .22s; position:relative; }
    .fab-btn:hover { transform:scale(1.08); box-shadow:0 10px 36px rgba(26,71,49,.55); }
    .fab-btn.open { background:linear-gradient(135deg,#374151,#1F2937); }
    .fab-badge { position:absolute; top:-3px; right:-3px; width:18px; height:18px; border-radius:50%; background:#EF4444; border:2px solid #fff; display:flex; align-items:center; justify-content:center; font-size:8px; font-weight:700; color:#fff; animation:fabPulse 2s infinite; }
    @keyframes fabPulse { 0%,100%{ box-shadow:0 0 0 0 rgba(239,68,68,.4); } 50%{ box-shadow:0 0 0 6px rgba(239,68,68,0); } }
    .fab-tooltip { position:absolute; bottom:50%; right:calc(100% + 10px); transform:translateY(50%) translateX(6px); background:var(--primary); color:#fff; font-size:11px; font-weight:600; padding:6px 12px; border-radius:100px; white-space:nowrap; box-shadow:0 3px 12px rgba(0,0,0,.2); opacity:0; transition:all .18s; pointer-events:none; font-family:'Raleway',sans-serif; }
    .fab-wrap:not(.panel-open):hover .fab-tooltip { opacity:1; transform:translateY(50%) translateX(0); }

    .fab-panel { position:absolute; bottom:calc(58px + 14px); right:0; width:360px; background:var(--surface); border:1.5px solid var(--border-light); border-radius:20px; box-shadow:0 16px 56px rgba(0,0,0,.18); overflow:hidden; display:flex; flex-direction:column; max-height:520px; opacity:0; transform:translateY(12px) scale(.97); pointer-events:none; transition:opacity .22s ease, transform .25s cubic-bezier(.34,1.36,.64,1); }
    .fab-panel.open { opacity:1; transform:translateY(0) scale(1); pointer-events:all; }
    @media(max-width:420px){ .fab-panel { width:calc(100vw - 32px); right:0; } .fab-wrap { right:16px; bottom:16px; } }

    .scroll-top-btn { position:fixed; bottom:24px; right:96px; z-index:8999; width:44px; height:44px; border-radius:50%; background:var(--surface); border:1.5px solid var(--border-light); cursor:pointer; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 16px rgba(0,0,0,.12); opacity:0; transform:translateY(12px); pointer-events:none; transition:opacity .25s ease, transform .25s ease; }
    .scroll-top-btn.visible { opacity:1; transform:translateY(0); pointer-events:all; }
    .scroll-top-btn:hover { background:var(--primary); border-color:var(--primary); }
    .scroll-top-btn:hover svg { stroke:#fff; }
    .scroll-top-btn svg { width:18px; height:18px; stroke:var(--primary); stroke-width:2.5; fill:none; transition:stroke .18s; }
    @media(max-width:420px){ .scroll-top-btn { right:76px; bottom:16px; } }

    .cookie-banner { position:fixed; left:20px; right:20px; bottom:20px; z-index:9500; max-width:640px; margin:0 auto; background:var(--surface); border:1.5px solid var(--border-light); border-radius:16px; box-shadow:0 16px 56px rgba(0,0,0,.18); padding:20px 22px; display:none; flex-wrap:wrap; align-items:center; gap:14px; font-family:'Raleway',sans-serif; }
    .cookie-banner.show { display:flex; }
    .cookie-banner p { flex:1 1 320px; font-size:12.5px; color:var(--text-mid); line-height:1.6; margin:0; }
    .cookie-banner a { color:var(--primary); font-weight:600; text-decoration:underline; }
    .cookie-banner-actions { display:flex; gap:10px; flex-shrink:0; }
    .cookie-btn { border:none; border-radius:10px; padding:10px 18px; font-family:'Raleway',sans-serif; font-size:13px; font-weight:700; cursor:pointer; transition:all .18s; white-space:nowrap; }
    .cookie-accept { background:var(--primary); color:#fff; }
    .cookie-accept:hover { background:var(--primary-mid); }
    .cookie-reject { background:var(--bg); color:var(--text-mid); border:1.5px solid var(--border-light); }
    .cookie-reject:hover { border-color:var(--primary-light); color:var(--primary); }
    @media(max-width:560px){ .cookie-banner { flex-direction:column; align-items:stretch; } .cookie-banner-actions { justify-content:stretch; } .cookie-btn { flex:1; } }

    .fab-header { padding:14px 16px; background:linear-gradient(135deg,var(--primary),var(--primary-mid)); display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .fab-hav { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; }
    .fab-hinfo { flex:1; }
    .fab-hname { font-size:13px; font-weight:700; color:#fff; }
    .fab-hstatus { display:flex; align-items:center; gap:4px; }
    .fab-hdot { width:6px; height:6px; border-radius:50%; background:#4ADE80; animation:aiPulse 2s infinite; }
    .fab-hstatustxt { font-size:10px; color:rgba(255,255,255,.7); }
    .fab-hclose { width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.15); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background .15s; flex-shrink:0; }
    .fab-hclose:hover { background:rgba(255,255,255,.28); }

    .fab-window { flex:1; overflow-y:auto; padding:16px; display:flex; flex-direction:column; gap:12px; scroll-behavior:smooth; min-height:0; }
    .fab-window::-webkit-scrollbar { width:3px; }
    .fab-window::-webkit-scrollbar-thumb { background:var(--border-light); border-radius:2px; }

    .fab-chips { padding:10px 14px; border-top:1px solid var(--border-light); background:var(--pale); display:flex; flex-wrap:wrap; gap:6px; flex-shrink:0; }
    .fab-chip { padding:5px 10px; background:var(--surface); border:1px solid var(--border-light); border-radius:100px; font-size:10px; color:var(--text-mid); cursor:pointer; white-space:nowrap; transition:all .15s; font-family:'Raleway',sans-serif; }
    .fab-chip:hover { border-color:var(--accent); color:var(--primary); background:#F0FDF4; }

    .fab-input-row { padding:10px 12px; border-top:1px solid var(--border-light); display:flex; gap:8px; align-items:center; flex-shrink:0; }
    .fab-input { flex:1; border:1.5px solid var(--border-light); border-radius:20px; padding:9px 14px; font-family:'Raleway',sans-serif; font-size:12px; outline:none; background:var(--pale); color:var(--text-mid); transition:border-color .18s; }
    .fab-input:focus { border-color:var(--accent); background:#fff; }
    .fab-send { width:36px; height:36px; border-radius:50%; background:var(--primary); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .18s; }
    .fab-send:hover { background:var(--primary-mid); transform:scale(1.07); }
    .fab-send:active { transform:scale(.94); }
    /* AI Asistan */
    .pro-ai-section { margin-bottom:36px; }
    .pro-ai-card { background:var(--surface); border:1.5px solid var(--border-light); border-radius:var(--radius); overflow:hidden; box-shadow:0 2px 12px rgba(0,0,0,.06); }
    .pro-ai-header { padding:14px 18px; background:linear-gradient(135deg,var(--primary),var(--primary-mid)); display:flex; align-items:center; gap:10px; }
    .pro-ai-avatar { width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:17px; flex-shrink:0; }
    .pro-ai-header-info { flex:1; }
    .pro-ai-name { font-size:14px; font-weight:700; color:#fff; }
    .pro-ai-status-row { display:flex; align-items:center; gap:5px; }
    .pro-ai-dot { width:7px; height:7px; border-radius:50%; background:#4ADE80; flex-shrink:0; animation:aiPulse 2s infinite; }
    @keyframes aiPulse { 0%,100%{ opacity:1; } 50%{ opacity:.4; } }
    .pro-ai-status-txt { font-size:10px; color:rgba(255,255,255,.7); }
    .pro-ai-window { height:340px; overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:14px; scroll-behavior:smooth; }
    .pro-ai-window::-webkit-scrollbar { width:4px; }
    .pro-ai-window::-webkit-scrollbar-thumb { background:var(--border-light); border-radius:2px; }
    .pro-ai-chips { padding:10px 16px; border-top:1px solid var(--border-light); background:var(--pale); display:flex; flex-wrap:wrap; gap:7px; }
    .pro-ai-chip { padding:6px 12px; background:var(--surface); border:1px solid var(--border-light); border-radius:100px; font-size:11px; color:var(--text-mid); cursor:pointer; transition:all .18s; font-family:'Raleway',sans-serif; }
    .pro-ai-chip:hover { border-color:var(--accent); color:var(--primary); background:#F0FDF4; }
    .pro-ai-input-row { padding:12px 14px; border-top:1px solid var(--border-light); display:flex; gap:9px; align-items:center; }
    .pro-ai-input { flex:1; border:1.5px solid var(--border-light); border-radius:24px; padding:10px 16px; font-family:'Raleway',sans-serif; font-size:13px; outline:none; background:var(--pale); color:var(--text-mid); transition:border-color .18s; }
    .pro-ai-input:focus { border-color:var(--accent); background:#fff; }
    .pro-ai-send { width:40px; height:40px; border-radius:50%; background:var(--primary); border:none; cursor:pointer; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .18s; }
    .pro-ai-send:hover { background:var(--primary-mid); transform:scale(1.06); }
    .pro-ai-send:active { transform:scale(.96); }
    /* chat bubbles inside window */
    .pm { display:flex; gap:9px; align-items:flex-end; max-width:90%; }
    .pm.usr { align-self:flex-end; flex-direction:row-reverse; }
    .pm-av { width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:13px; flex-shrink:0; }
    .pm-av.bot { background:linear-gradient(135deg,var(--primary),var(--accent)); }
    .pm-av.usr { background:var(--pale); border:1.5px solid var(--border-light); }
    .pm-bubble { padding:10px 14px; font-size:12px; line-height:1.7; }
    .pm-bubble.bot { background:#F0FDF4; border:1px solid #D1FAE5; border-radius:12px 12px 12px 3px; color:var(--text-mid); }
    .pm-bubble.usr { background:var(--primary); color:#fff; border-radius:12px 12px 3px 12px; }
    .pm-typing { display:flex; gap:5px; padding:11px 14px; background:#F0FDF4; border:1px solid #D1FAE5; border-radius:12px 12px 12px 3px; }
    .pm-typing span { width:6px; height:6px; border-radius:50%; background:var(--primary-light); animation:pmTyp 1s infinite; display:inline-block; }
    .pm-typing span:nth-child(2){ animation-delay:.2s; }
    .pm-typing span:nth-child(3){ animation-delay:.4s; }
    @keyframes pmTyp { 0%,60%,100%{ transform:translateY(0); opacity:.5; } 30%{ transform:translateY(-6px); opacity:1; } }

    /* ── FOOTER ── */
    footer { background:var(--primary); color:rgba(255,255,255,.65); padding:44px 24px; text-align:center; }
    .flogo { font-family:'Lora',serif; font-size:21px; color:#fff; margin-bottom:9px; }
    .ftxt { font-size:13px; max-width:380px; margin:0 auto 20px; }
    .flinks { display:flex; gap:18px; justify-content:center; flex-wrap:wrap; margin-bottom:22px; }
    .flinks a { color:rgba(255,255,255,.5); text-decoration:none; font-size:12px; transition:color .2s; }
    .flinks a:hover { color:#fff; }
    .fcopy { font-size:11px; color:rgba(255,255,255,.3); }
    .fdisc { font-size:10px; color:rgba(255,255,255,.28); max-width:480px; margin:10px auto 0; line-height:1.6; }

    /* ── AUTH MODAL ── */
    .auth-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;}
    .auth-overlay.open{opacity:1;pointer-events:all;}
    .auth-box{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:36px 32px;position:relative;transform:translateY(20px);transition:transform .25s;box-shadow:0 24px 80px rgba(0,0,0,.18);}
    .auth-overlay.open .auth-box{transform:translateY(0);}
    .auth-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;line-height:0;}
    .auth-close:hover{background:var(--bg);}
    .auth-logo{font-family:'Lora',serif;font-size:18px;font-weight:700;color:var(--primary);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
    .auth-tabs{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:22px;}
    .auth-tab{flex:1;padding:9px;background:none;border:none;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;}
    .auth-tab.active{color:var(--primary);border-bottom-color:var(--primary);}
    .auth-form{display:flex;flex-direction:column;gap:13px;}
    .auth-form.hidden{display:none;}
    .af-group{display:flex;flex-direction:column;gap:4px;}
    .af-group label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;}
    .af-group input{padding:11px 13px;border:1.5px solid var(--border);border-radius:10px;font-family:'Raleway',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border .2s;}
    .af-group input:focus{border-color:var(--primary-light);}
    .auth-btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:13px;font-family:'Raleway',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:4px;}
    .auth-btn:hover{background:var(--primary-mid);}
    .auth-btn:disabled{opacity:.6;cursor:not-allowed;}
    .auth-msg{border-radius:8px;padding:10px 13px;font-size:13px;display:none;}
    .auth-msg.show{display:block;}
    .auth-msg.err{background:#FEF2F2;color:#DC2626;border:1px solid #FECACA;}
    .auth-msg.ok{background:#F0FDF4;color:#16A34A;border:1px solid #BBF7D0;}
    .kvkk-row{display:flex;gap:9px;align-items:flex-start;padding:11px 12px;background:var(--bg);border-radius:9px;border:1.5px solid var(--border-light);}
    .kvkk-row input[type=checkbox]{flex-shrink:0;width:16px;height:16px;margin-top:2px;accent-color:var(--primary);cursor:pointer;}
    .kvkk-row label{font-size:12px;color:var(--text-mid);line-height:1.5;cursor:pointer;}
    .kvkk-row label a{color:var(--primary);font-weight:600;text-decoration:underline;}
    /* ── KVKK TEXT MODAL ── */
    .kvkk-overlay{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s;}
    .kvkk-overlay.open{opacity:1;pointer-events:all;}
    .kvkk-box{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:82vh;overflow-y:auto;padding:32px;box-shadow:0 24px 80px rgba(0,0,0,.2);}
    .kvkk-box h3{font-family:'Lora',serif;font-size:20px;color:var(--primary);margin-bottom:14px;}
    .kvkk-box h4{font-size:13px;font-weight:700;color:var(--text);margin:14px 0 5px;}
    .kvkk-box p,.kvkk-box li{font-size:12.5px;color:var(--text-mid);line-height:1.75;margin-bottom:6px;}
    .kvkk-box ul{padding-left:16px;margin-bottom:8px;}
    .kvkk-close-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:11px 24px;font-family:'Raleway',sans-serif;font-size:14px;font-weight:700;cursor:pointer;margin-top:14px;}
    /* ── NAV USER ── */
    .nav-user-wrap{position:relative;}
    .nav-user-btn{display:flex;align-items:center;gap:7px;padding:5px 10px 5px 5px;border-radius:8px;background:var(--pale);border:1.5px solid var(--border);font-family:'Raleway',sans-serif;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;transition:all .2s;}
    .nav-user-btn:hover{border-color:var(--primary-light);}
    .nav-avatar{width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .nav-auth-btn{padding:6px 13px;border-radius:8px;background:var(--primary);color:#fff;border:none;font-family:'Raleway',sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;}
    .nav-auth-btn:hover{background:var(--primary-mid);}
    .nav-drop{position:absolute;top:46px;right:0;background:#fff;border:1.5px solid var(--border-light);border-radius:12px;min-width:160px;box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;display:none;}
    .nav-drop.open{display:block;}
    .nav-drop-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:var(--text);cursor:pointer;transition:background .15s;border:none;background:none;font-family:'Raleway',sans-serif;width:100%;text-align:left;}
    .nav-drop-item:hover{background:var(--bg);}
    .nav-drop-item.danger{color:#DC2626;}
    /* ── FORUM SECTION ── */
    #forum{background:var(--surface);}
    .forum-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;}
    @media(max-width:860px){.forum-preview-grid{grid-template-columns:1fr;}}
    .fp-card{background:var(--bg);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:all .2s;}
    .fp-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow);}
    .fp-cat-badge{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-light);background:var(--pale);padding:2px 8px;border-radius:5px;margin-bottom:8px;}
    .fp-title{font-family:'Lora',serif;font-size:15px;color:var(--primary);font-weight:600;margin-bottom:5px;line-height:1.3;}
    .fp-meta{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px;margin-top:8px;}
    .fp-vote-count{display:flex;align-items:center;gap:3px;font-weight:600;color:var(--primary-light);}
    .stars-wrap{background:linear-gradient(135deg,#1A4731 0%,#2D6A4F 100%);border-radius:var(--radius);padding:28px;margin-top:36px;}
    .stars-hdr{font-family:'Lora',serif;font-size:20px;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:8px;}
    .stars-sub{font-size:13px;color:rgba(255,255,255,.6);margin-bottom:20px;}
    .stars-list{display:flex;flex-direction:column;gap:10px;}
    .star-row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.08);border-radius:10px;padding:11px 14px;}
    .star-rank{font-family:'Lora',serif;font-size:20px;font-weight:700;color:var(--gold-light);width:26px;flex-shrink:0;text-align:center;}
    .star-av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .star-info{flex:1;}
    .star-name{font-size:14px;font-weight:600;color:#fff;}
    .star-pts{font-size:11px;color:rgba(255,255,255,.6);margin-top:1px;}
    .star-badge-gold{background:var(--gold);color:var(--primary);font-size:10px;font-weight:700;padding:3px 9px;border-radius:100px;flex-shrink:0;}
    .forum-section-cta{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:32px;flex-wrap:wrap;}
    /* ── FORUM ZONE ── */
    #zp-forum .zp-hero{background:linear-gradient(145deg,#1A4731 0%,#2D6A4F 100%);}
    .forum-z-layout{display:grid;grid-template-columns:200px 1fr;gap:24px;max-width:1000px;margin:0 auto;padding:28px 20px 80px;}
    @media(max-width:680px){.forum-z-layout{grid-template-columns:1fr;}}
    .forum-cats-box{background:var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);overflow:hidden;height:fit-content;}
    .fcat{padding:11px 14px;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;transition:all .15s;border-left:3px solid transparent;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;}
    .fcat:last-child{border-bottom:none;}
    .fcat:hover{color:var(--primary);border-left-color:var(--primary-light);background:var(--bg);}
    .fcat.active{color:var(--primary);border-left-color:var(--primary);background:var(--pale);font-weight:700;}
    .fcat-count{font-size:10px;font-weight:700;color:var(--text-muted);background:var(--bg2);padding:2px 7px;border-radius:100px;}
    .forum-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px;flex-wrap:wrap;}
    .forum-bar-title{font-family:'Lora',serif;font-size:17px;color:var(--primary);font-weight:600;}
    .new-post-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:9px 16px;font-family:'Raleway',sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s;}
    .new-post-btn:hover{background:var(--primary-mid);}
    .f-posts{display:flex;flex-direction:column;gap:12px;}
    .fpost{background:var(--surface);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);padding:14px 16px;transition:all .2s;}
    .fpost:hover{border-color:var(--border);box-shadow:var(--shadow);}
    .fpost-inner{display:flex;gap:12px;}
    .fvote{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;padding-top:2px;}
    .fvote-btn{background:none;border:1.5px solid var(--border);border-radius:7px;width:32px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s;color:var(--text-muted);}
    .fvote-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--pale);}
    .fvote-btn.voted{background:var(--primary);border-color:var(--primary);color:#fff;}
    .fvote-n{font-family:'Lora',serif;font-size:14px;font-weight:700;color:var(--primary);}
    .fpost-body{flex:1;min-width:0;}
    .fpost-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--primary-light);background:var(--pale);padding:2px 8px;border-radius:5px;display:inline-block;margin-bottom:6px;}
    .fpost-title{font-family:'Lora',serif;font-size:15px;color:var(--primary);font-weight:600;cursor:pointer;margin-bottom:5px;}
    .fpost-title:hover{color:var(--primary-mid);}
    .fpost-text{font-size:13px;color:var(--text-mid);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
    .fpost-footer{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border-light);}
    .fpost-av{width:20px;height:20px;border-radius:50%;background:var(--primary-light);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
    .fpost-author{font-size:11px;color:var(--text-muted);}
    .fpost-date{font-size:11px;color:var(--text-muted);margin-left:auto;}
    .f-empty{text-align:center;padding:50px 20px;color:var(--text-muted);}
    .f-loading{text-align:center;padding:30px;color:var(--text-muted);font-size:13px;}
    /* ── NEW POST MODAL ── */
    .np-overlay{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.55);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s;}
    .np-overlay.open{opacity:1;pointer-events:all;}
    .np-box{background:#fff;border-radius:20px;width:100%;max-width:540px;padding:30px;position:relative;transform:translateY(16px);transition:transform .25s;max-height:90vh;overflow-y:auto;}
    .np-overlay.open .np-box{transform:translateY(0);}
    .np-box h3{font-family:'Lora',serif;font-size:18px;color:var(--primary);margin-bottom:18px;}
    .np-form{display:flex;flex-direction:column;gap:13px;}
    .np-label{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:4px;}
    .np-input,.np-select,.np-textarea{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:10px;font-family:'Raleway',sans-serif;font-size:14px;color:var(--text);outline:none;transition:border .2s;}
    .np-input:focus,.np-select:focus,.np-textarea:focus{border-color:var(--primary-light);}
    .np-textarea{resize:vertical;min-height:100px;}
    .np-btns{display:flex;gap:10px;margin-top:4px;}
    .np-cancel{flex:1;padding:10px;border:1.5px solid var(--border);border-radius:10px;background:#fff;font-family:'Raleway',sans-serif;font-size:14px;font-weight:600;color:var(--text-mid);cursor:pointer;}
    .np-submit{flex:2;background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px;font-family:'Raleway',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;}
    .np-submit:hover{background:var(--primary-mid);}
    .np-submit:disabled{opacity:.6;cursor:not-allowed;}
    .np-err{background:#FEF2F2;color:#DC2626;border:1px solid #FECACA;border-radius:8px;padding:9px 12px;font-size:12px;display:none;}
    .np-err.show{display:block;}
    /* ── POST DETAIL MODAL ── */
    .pd-overlay{position:fixed;inset:0;z-index:1500;background:rgba(0,0,0,.55);backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;opacity:0;pointer-events:none;transition:opacity .25s;overflow-y:auto;}
    .pd-overlay.open{opacity:1;pointer-events:all;}
    .pd-box{background:#fff;border-radius:20px;width:100%;max-width:620px;padding:28px;position:relative;transform:translateY(16px);transition:transform .25s;}
    .pd-overlay.open .pd-box{transform:translateY(0);}
    .pd-close{position:absolute;top:14px;right:14px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;border-radius:6px;line-height:0;}
    .pd-close:hover{background:var(--bg);}
    .pd-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--primary-light);background:var(--pale);padding:3px 10px;border-radius:5px;display:inline-block;margin-bottom:10px;}
    .pd-title{font-family:'Lora',serif;font-size:21px;color:var(--primary);margin-bottom:14px;line-height:1.3;}
    .pd-content{font-size:14px;color:var(--text-mid);line-height:1.8;white-space:pre-wrap;}
    .pd-footer{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1.5px solid var(--border-light);flex-wrap:wrap;}
    .pd-vote-btn{display:flex;align-items:center;gap:7px;background:var(--bg);border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;cursor:pointer;font-family:'Raleway',sans-serif;font-size:13px;font-weight:600;color:var(--text-mid);transition:all .2s;}
    .pd-vote-btn:hover{border-color:var(--primary-light);color:var(--primary);}
    .pd-vote-btn.voted{background:var(--primary);border-color:var(--primary);color:#fff;}
    .pd-author-info{font-size:12px;color:var(--text-muted);margin-left:auto;}
  
/* ---- Bağımsız (statik) içerik sayfası override'ları ---- */
.zone-page{position:static;inset:auto;transform:none;transition:none;z-index:auto;background:transparent;overflow:visible;}
.zone-page.open{transform:none;}
.breadcrumb{max-width:780px;margin:0 auto;padding:14px 24px 0;font-size:12px;color:var(--text-muted);}
.breadcrumb a{color:inherit;text-decoration:none;}
.breadcrumb a:hover{color:var(--primary);text-decoration:underline;}
.related-wrap{max-width:780px;margin:0 auto;padding:8px 24px 60px;border-top:1px solid var(--border-light);padding-top:28px;}
.related-wrap h3{font-family:'Lora',serif;font-size:16px;color:var(--primary);margin-bottom:14px;}
.related-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0;}
.related-list a{display:inline-block;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 14px;font-size:13px;color:var(--text-mid);text-decoration:none;font-weight:600;}
.related-list a:hover{border-color:var(--primary-light);color:var(--primary);}
.static-footer{padding:24px 24px 40px;text-align:center;font-size:12px;color:var(--text-muted);}
.static-footer a{color:var(--primary);text-decoration:underline;}