:root{
      --ink:#171b1d; --muted:#66706e; --paper:#f6f1e7; --paper2:#fffdf8;
      --line:#ded7ca; --accent:#b8860b; --dark:#111719; --white:#fff;
      --max:1220px;
    }
    *{box-sizing:border-box; margin:0; padding:0;}
    html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;}
    body{background:var(--paper2);color:var(--ink);font-family:'Plus Jakarta Sans', sans-serif;line-height:1.6;max-width:100%;touch-action:pan-y;}
    @media (max-width:768px){
      body.menu-open{overflow:hidden;}
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    .container{width:min(calc(100% - 40px),var(--max));margin:auto}
    
    /* ÜST BİLGİ & MENÜ */
    .top-bar{position:fixed; top:0; left:0; right:0; z-index:1001; background:rgba(11, 15, 17, 0.98); border-bottom:1px solid rgba(255,255,255,0.08); font-size:12px; color:#b0bfc3; padding:8px 0;}
    .top-bar-content{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;}
    .top-bar-info{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
    .top-bar-info span, .top-bar-info a{display:flex; align-items:center; gap:6px; transition:0.3s;}
    .top-bar-info a:hover{color:var(--accent);}
    .top-bar-social{display:flex; align-items:center; gap:12px;}
    .top-bar-social a{color:#b0bfc3; transition:0.3s;}
    .top-bar-social a:hover{color:var(--accent);}

    .top{position:fixed; top:37px; left:0; right:0; z-index:1000; background:rgba(17, 23, 25, 0.95); backdrop-filter:blur(8px); border-bottom:1px solid rgba(255,255,255,.1);}
    nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0; color:#fff;position:relative;}
    .brand-logo{display:block; height:110px; width:auto; object-fit:contain; filter:drop-shadow(0 3px 8px rgba(0,0,0,0.6)); transition:transform 0.3s;}
    .brand-logo:hover{transform:scale(1.02);}
    .links{display:flex;gap:22px;font-size:13px;font-weight:500}
    .links a{padding:4px 0;border-bottom:2px solid transparent;transition:all 0.3s}
    .links a:hover,.links a.active{border-color:var(--accent);color:#f0e2c3}
    .menu-btn{display:none; background:none; border:1px solid rgba(255,255,255,0.4); color:#fff; padding:6px 10px; border-radius:4px; font-size:16px; cursor:pointer;}
    
    /* HERO SLIDER */
    .hero-slider{position:relative; min-height:820px; overflow:hidden; background:#111; padding-top:190px; isolation:isolate; z-index:0;}
    .slide{position:absolute; inset:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.8s ease, visibility 0.8s ease; display:flex; align-items:center; background-size:cover; background-position:center center;}
    .slide.active{opacity:1; visibility:visible; pointer-events:auto;}
    .slide::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(10,14,14,0.92) 0%, rgba(10,14,14,0.65) 55%, rgba(10,14,14,0.3) 100%); z-index:1;}
    .slide::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,var(--paper2));z-index:2}
    .hero-content{position:relative;z-index:3;color:#fff;padding-top:20px;max-width:720px}
    
    .ministerial-badge {
      display: inline-flex; align-items: center; gap: 10px;
      background: rgba(184, 134, 11, 0.2); border: 1px solid var(--accent);
      padding: 6px 16px; border-radius: 999px; font-size: 13px; font-weight: 600;
      color: #f3e8d3; margin-bottom: 15px;
      box-shadow: 0 4px 15px rgba(184, 134, 11, 0.3);
    }
    .ministerial-badge i { color: var(--accent); }

    h1{font-family:'Playfair Display', serif;font-size:clamp(52px,7vw,92px);line-height:1;margin:10px 0;font-weight:700}
    .hero-slider h2{font-family:'Playfair Display', serif;font-size:26px;font-weight:400;margin:0 0 20px;color:#e0e0e0}
    .quote{font-family:'Playfair Display', serif;font-size:20px;font-style:italic;max-width:550px;line-height:1.5;border-left:2px solid var(--accent);padding-left:15px;margin-bottom:25px;color:#f5f5f5}
    .btn{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,0.8);border-radius:999px;padding:12px 28px;font-size:13px;font-weight:600;letter-spacing:1px;transition:all 0.3s}
    .btn:hover{background:#fff;color:var(--ink);border-color:#fff}

    .slider-controls{position:absolute; bottom:40px; right:40px; z-index:10; display:flex; align-items:center; gap:12px}
    .slider-arrow{background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.3); color:#fff; width:44px; height:44px; border-radius:50%; cursor:pointer; transition:0.3s; display:flex; align-items:center; justify-content:center}
    .slider-arrow:hover{background:var(--accent); border-color:var(--accent)}
    .dots{display:flex; gap:8px; margin:0 10px}
    .dot{width:10px; height:10px; border-radius:50%; background:rgba(255,255,255,0.4); border:none; cursor:pointer; transition:0.3s}
    .dot.active{background:var(--accent); width:26px; border-radius:5px}

    /* HIZLI MENÜ STAMP */
    .quick{position:relative;z-index:5;margin-top:-60px;background:var(--white);box-shadow:0 15px 35px rgba(0,0,0,.08);display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}
    .quick-stamp{position:relative; text-align:center; padding:25px 12px; border-right:1px solid var(--line); overflow:hidden; transition:transform 0.3s ease}
    .quick-stamp:last-child{border:0}
    .quick-stamp-bg{position:absolute; inset:0; background-size:cover; background-position:center; opacity:0.12; transition:opacity 0.3s, transform 0.5s ease}
    .quick-stamp:hover .quick-stamp-bg{opacity:0.25; transform:scale(1.08)}
    .quick-stamp-content{position:relative; z-index:2}
    .ico{font-size:24px; color:var(--ink); display:block; margin-bottom:8px}
    .quick strong{font-size:15px; font-weight:600; display:block; color:var(--ink)}
    .quick span{display:block; color:var(--muted); font-size:11px; margin-top:2px}

    section{padding:85px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}
    .section-head h2{font-family:'Playfair Display', serif;font-size:36px;font-weight:600;margin:0}
    .section-head a{font-size:13px; font-weight:600; color:var(--accent)}

    /* ÖZEL PORTRE & EL YAZISI ÖZLÜ SÖZ BÖLÜMÜ */
    .signature-showcase{background:linear-gradient(135deg, var(--paper) 0%, #fff 100%); border-top:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; overflow:hidden;}
    .signature-grid{display:grid; grid-template-columns: 1fr 1.3fr; gap:50px; align-items:center;}
    .signature-img-box{position:relative; border-radius:12px; overflow:hidden; box-shadow:0 20px 40px rgba(0,0,0,0.12); border:4px solid #fff;}
    .signature-img-box img{width:100%; height:420px; object-fit:cover; display:block;}
    .signature-badge-absolute{position:absolute; bottom:20px; left:20px; background:rgba(17,23,25,0.85); backdrop-filter:blur(6px); color:#fff; padding:8px 16px; border-radius:6px; font-size:12px; font-weight:600; border-left:3px solid var(--accent);}
    
    .signature-content h2{font-family:'Playfair Display', serif; font-size:32px; color:var(--dark); margin-bottom:20px; line-height:1.3;}
    .handwriting-quote{
      font-family:'Great Vibes', cursive;
      font-size:38px;
      color:var(--accent);
      line-height:1.4;
      margin-bottom:25px;
      padding:15px 0;
      border-top:1px dashed var(--line);
      border-bottom:1px dashed var(--line);
    }
    .signature-content p{font-size:14.5px; color:var(--muted); line-height:1.7; margin-bottom:25px;}
    .signature-author{font-family:'Playfair Display', serif; font-weight:700; font-size:18px; color:var(--dark); display:flex; align-items:center; gap:10px;}
    .signature-author span{font-family:'Plus Jakarta Sans', sans-serif; font-size:12px; font-weight:400; color:var(--muted); text-transform:uppercase; letter-spacing:1px;}

    /* GÃœNÃœN MISRASI & SESLÄ° DÄ°NLEME WIDGET KUTUSU */
    .daily-verse-banner{background:var(--dark); color:#fff; border-radius:8px; padding:40px; margin-bottom:50px; border:1px solid rgba(184, 134, 11, 0.4); box-shadow:0 15px 35px rgba(0,0,0,0.15); display:flex; justify-content:space-between; align-items:center; gap:30px; position:relative; overflow:hidden;}
    .daily-verse-banner::before{content:'"'; position:absolute; right:20px; bottom:-40px; font-family:'Playfair Display', serif; font-size:180px; color:rgba(255,255,255,0.03); line-height:1;}
    .daily-verse-left span{color:var(--accent); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:8px;}
    .daily-verse-left h3{font-family:'Playfair Display', serif; font-size:24px; font-weight:400; font-style:italic; margin-bottom:10px; color:#f3e8d3;}
    .daily-verse-left p{font-size:13px; color:#b0bfc3;}
    
    .audio-player-box{background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); padding:15px 25px; border-radius:50px; display:flex; align-items:center; gap:15px; flex-shrink:0;}
    .play-audio-btn{background:var(--accent); color:#fff; border:none; width:45px; height:45px; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:0.3s; font-size:16px;}
    .play-audio-btn:hover{transform:scale(1.05); background:#d4af37;}
    .audio-info span{display:block; font-size:12px; font-weight:600; color:#fff;}
    .audio-info small{display:block; font-size:11px; color:#b0bfc3;}

    /* EDEBİ YOLCULUK ZAMAN ÇİZELGESİ (TIMELINE) */
    .timeline-section{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
    .timeline-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:30px; position:relative; margin-top:20px;}
    .timeline-card{background:var(--paper); border:1px solid var(--line); border-radius:8px; padding:30px; position:relative; transition:0.3s;}
    .timeline-card:hover{transform:translateY(-5px); border-color:var(--accent);}
    .timeline-year{display:inline-block; background:var(--accent); color:#fff; font-size:12px; font-weight:600; padding:4px 12px; border-radius:4px; margin-bottom:15px;}
    .timeline-card h3{font-family:'Playfair Display', serif; font-size:20px; color:var(--dark); margin-bottom:10px;}
    .timeline-card p{font-size:13.5px; color:var(--muted); line-height:1.6;}

    /* GONUL DEFTERI / ziyaretci mesaj formu */
    .gonul-defteri-box{background:linear-gradient(135deg, #111719 0%, #1c2629 100%); border-radius:10px; padding:50px; color:#fff; border:1px solid rgba(184,134,11,0.3);}
    .gonul-defteri-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;}
    .gonul-text h2{font-family:'Playfair Display', serif; font-size:32px; color:#f3e8d3; margin-bottom:15px;}
    .gonul-text p{font-size:14px; color:#b0bfc3; line-height:1.7; margin-bottom:20px;}
    .gonul-phone{font-size:13px; color:var(--accent); font-weight:600;}
    .gonul-form-inner{display:flex; flex-direction:column; gap:0;}
    .gonul-form-row{display:grid; grid-template-columns:1fr 1fr; gap:15px; margin-bottom:15px;}
    .gonul-form input,
    .gonul-form textarea{width:100%; box-sizing:border-box; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.15); padding:14px; border-radius:6px; color:#fff; font-family:'Plus Jakarta Sans', sans-serif; font-size:13.5px; margin-bottom:15px; outline:none; transition:0.3s;}
    .gonul-form-row input{margin-bottom:0;}
    .gonul-form input::placeholder,
    .gonul-form textarea::placeholder{color:rgba(255,255,255,0.45);}
    .gonul-form input:focus,
    .gonul-form textarea:focus{border-color:var(--accent); background:rgba(255,255,255,0.1);}
    .gonul-form textarea{min-height:120px; height:auto; resize:vertical; margin-bottom:15px;}
    .gonul-form .guvenlik-kodu{margin:0 0 15px; padding:14px 16px; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.18); border-radius:8px;}
    .gonul-form .guvenlik-kodu-etiket{color:#f3e8d3;}
    .gonul-form .guvenlik-kodu-soru{color:#b0bfc3;}
    .gonul-form .guvenlik-kodu-ipucu{color:#8a9a9e;}
    .gonul-form .guvenlik-kodu-girdi{max-width:100%; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.15); color:#fff;}
    .gonul-btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--accent); color:#fff; border:none; padding:14px 30px; border-radius:6px; font-weight:600; font-size:13px; cursor:pointer; transition:0.3s; width:100%; font-family:'Plus Jakarta Sans', sans-serif;}
    .gonul-btn:hover{background:#d4af37;}
    .gonul-flash{padding:12px 14px; border-radius:6px; font-size:13px; margin-bottom:15px;}
    .gonul-flash-success{background:rgba(46,125,50,0.25); border:1px solid rgba(129,199,132,0.5);}
    .gonul-flash-error{background:rgba(198,40,40,0.25); border:1px solid rgba(239,154,154,0.5);}

    /* KÄ°TAPLAR VÄ°TRÄ°NÄ° */
    .books-showcase-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
    .book-showcase-card{background:#fff; border:1px solid var(--line); border-radius:8px; padding:30px; display:flex; gap:25px; align-items:center; box-shadow:0 10px 30px rgba(0,0,0,0.03); transition:0.3s;}
    .book-showcase-card:hover{transform:translateY(-5px); border-color:var(--accent);}
    .book-cover-img{width:150px; height:215px; object-fit:cover; border-radius:6px; box-shadow:0 8px 20px rgba(0,0,0,0.15); flex-shrink:0;}
    .book-info h3{font-family:'Playfair Display', serif; font-size:22px; color:var(--dark); margin-bottom:8px;}
    .book-info .book-tag{display:inline-block; font-size:11px; font-weight:600; color:var(--accent); text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;}
    .book-info p{font-size:13.5px; color:var(--muted); margin-bottom:15px; line-height:1.6;}
    .book-btn{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:600; color:var(--dark); background:var(--paper); padding:8px 16px; border-radius:4px; border:1px solid var(--line); transition:0.3s;}
    .book-btn:hover{background:var(--accent); color:#fff; border-color:var(--accent);}

    /* ÖRNEK ŞİİRLER BÖLÜMÜ */
    .poetry-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:30px;}
    .poetry-card{background:var(--white); border:1px solid var(--line); border-radius:8px; padding:35px; box-shadow:0 10px 30px rgba(0,0,0,0.02); position:relative; border-top:4px solid var(--accent);}
    .poetry-card h3{font-family:'Playfair Display', serif; font-size:24px; color:var(--dark); margin-bottom:15px;}
    .poetry-verse{font-family:'Playfair Display', serif; font-size:15.5px; font-style:italic; color:#333; line-height:1.8; white-space:pre-line; margin-bottom:20px;}
    .poetry-footer{display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); padding-top:15px; font-size:12px; color:var(--muted);}

    /* ÖRNEK YAZILAR BÖLÜMÜ */
    .articles-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:25px;}
    .article-card{background:var(--white); border:1px solid var(--line); border-radius:8px; overflow:hidden; display:flex; flex-direction:column; transition:0.3s; box-shadow:0 8px 25px rgba(0,0,0,0.02);}
    .article-card:hover{transform:translateY(-5px); border-color:var(--accent);}
    .article-img{height:180px; width:100%; object-fit:cover;}
    .article-body{padding:25px; display:flex; flex-direction:column; flex:1;}
    .article-date{font-size:11px; color:var(--accent); font-weight:600; text-transform:uppercase; margin-bottom:8px; letter-spacing:1px;}
    .article-body h3{font-family:'Playfair Display', serif; font-size:18px; color:var(--dark); margin-bottom:12px; line-height:1.4;}
    .article-body p{font-size:13px; color:var(--muted); line-height:1.6; margin-bottom:20px; flex:1;}
    .read-more{font-size:12px; font-weight:600; color:var(--dark); display:inline-flex; align-items:center; gap:6px; transition:0.3s;}
    .read-more:hover{color:var(--accent);}

    /* GALERİ ÖNİZLEME BÖLÜMÜ */
    .gallery-preview-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:15px;}
    .gallery-thumb{position:relative; height:220px; border-radius:6px; overflow:hidden; border:1px solid var(--line);}
    .gallery-thumb img{width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease;}
    .gallery-thumb:hover img{transform:scale(1.08);}
    .gallery-thumb-overlay{position:absolute; inset:0; background:rgba(17,23,25,0.6); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease; color:#fff; font-size:20px;}
    .gallery-thumb:hover .gallery-thumb-overlay{opacity:1;}

    /* FOOTER */
    footer{background:var(--dark); color:#fff; padding:65px 0 30px; border-top:3px solid var(--accent);}
    .footer-grid{display:grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap:40px; margin-bottom:45px}
    .footer-col h3{font-family:'Playfair Display', serif; font-size:18px; color:var(--accent); margin-bottom:18px; letter-spacing:1px; position:relative; padding-bottom:8px;}
    .footer-col h3::after{content:''; position:absolute; bottom:0; left:0; width:35px; height:2px; background:var(--accent);}
    .footer-col p{color:#b0bfc3; font-size:13px; line-height:1.6; margin-bottom:15px;}
    .footer-links{list-style:none; padding:0; margin:0;}
    .footer-links li{margin-bottom:10px;}
    .footer-links a{color:#b0bfc3; font-size:13px; transition:0.3s; display:inline-flex; align-items:center; gap:8px;}
    .footer-links a:hover{color:var(--accent); transform:translateX(4px);}
    .footer-books{display:flex; gap:12px; margin-top:12px;}
    .footer-book-card{background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); border-radius:4px; padding:10px; width:50%; text-align:center;}
    .footer-book-card img{width:100%; height:90px; object-fit:cover; border-radius:2px; margin-bottom:8px;}
    .footer-book-card span{display:block; font-size:11px; font-weight:600; color:#f3e8d3; font-family:'Playfair Display',serif;}
    .footer-social-box{display:flex; gap:10px; margin-top:15px;}
    .footer-social-btn{flex:1; background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.15); padding:10px; border-radius:4px; text-align:center; color:#fff; font-size:13px; transition:0.3s; display:flex; align-items:center; justify-content:center; gap:6px;}
    .footer-bottom{border-top:1px solid rgba(255,255,255,0.1); padding-top:25px; display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#8a908e;}
    .footer-bottom a{color:var(--accent);}

    @media(max-width:1100px){
      .signature-grid{grid-template-columns:1fr; gap:30px;}
      .timeline-grid{grid-template-columns:1fr;}
      .gonul-defteri-grid{grid-template-columns:1fr;}
      .gonul-defteri-box{padding:32px 24px;}
      .gonul-form-row{grid-template-columns:1fr; gap:15px; margin-bottom:0;}
      .gonul-form-row input{margin-bottom:15px;}
      .daily-verse-banner{flex-direction:column; align-items:flex-start;}
      .articles-grid{grid-template-columns:repeat(2,1fr);}
      .gallery-preview-grid{grid-template-columns:repeat(2,1fr);}
      .books-showcase-grid{grid-template-columns:1fr;}
    }
    @media(max-width:900px){
      .quick{grid-template-columns:repeat(3,1fr)}
      .footer-grid{grid-template-columns:repeat(2,1fr); gap:30px;}
      .top-bar{display:none;}
      .top{top:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(17, 23, 25, 0.98);}
      .hero-slider{padding-top:140px;}
    }
    @media(max-width:768px){
      .menu-btn{display:block;touch-action:manipulation;min-width:44px;min-height:44px;}
      .brand-logo{height:85px;}
      .links{
        position:absolute; top:100%; left:0; right:0; width:100%;
        background:rgba(17, 23, 25, 0.98);
        flex-direction:column; align-items:center;
        gap:0; max-height:0; overflow:hidden;
        transition:max-height 0.35s ease-in-out;
        border-bottom: 1px solid rgba(255,255,255,.1);
        z-index:1002;
        -webkit-overflow-scrolling:touch;
      }
      .links.active{max-height:min(70vh, 420px);overflow-y:auto;}
      .links a{padding:14px 0; width:100%; text-align:center; border-bottom:1px solid rgba(255,255,255,0.05);}
      .hero-slider{min-height:520px; padding-top:125px;touch-action:pan-y;}
      .slide{touch-action:pan-y;}
      .quick{grid-template-columns:repeat(2,1fr);margin-top:-30px}
      .poetry-grid, .articles-grid{grid-template-columns:1fr;}
      .gonul-defteri-grid{grid-template-columns:1fr; gap:28px;}
      .gonul-text h2{font-size:26px;}
      .book-showcase-card{flex-direction:column; text-align:center;}
      .book-cover-img{width:130px; height:190px; margin:auto;}
      .footer-grid{grid-template-columns:1fr; gap:25px;}
      .footer-bottom{flex-direction:column; text-align:center; gap:10px;}
    }
    @media(max-width:480px){
      .quick{grid-template-columns:1fr}
      .brand-logo{height:70px;}
      .hero-slider{padding-top:110px;}
      h1{font-size:48px}
      .handwriting-quote{font-size:32px;}
      .gallery-preview-grid{grid-template-columns:1fr;}
    }

    .guvenlik-kodu{margin:16px 0;padding:14px 16px;background:#f8f6f2;border:1px solid var(--line);border-radius:8px;}
    .guvenlik-kodu-etiket{display:block;font-size:13px;font-weight:600;margin-bottom:6px;}
    .guvenlik-kodu-soru{font-size:14px;margin-bottom:10px;color:var(--muted);}
    .guvenlik-kodu-girdi{width:100%;max-width:160px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:16px;}
    .guvenlik-kodu-ipucu{font-size:11px;color:var(--muted);margin-top:8px;}