:root{--accent:#8fbc3f;--primary:#2d5016;--secondary:#6b8e23;--gold:#f9d423}

        /* ── HERO ── */
        .detail-hero{height:50vh;min-height:360px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}
        .detail-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,80,22,.92),rgba(107,142,35,.88));z-index:1}
        .detail-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(2px);transform:scale(1.05)}
        .hero-inner{position:relative;z-index:2;text-align:center;padding:0 20px;max-width:800px}
        .detail-badge{padding:8px 22px;border-radius:50px;font-weight:700;font-size:.82rem;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;color:#fff;letter-spacing:.5px}
        .detail-title{font-family:'Playfair Display',serif;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;text-shadow:0 8px 30px rgba(0,0,0,.4);margin-bottom:20px;line-height:1.2}
        .detail-meta{display:flex;align-items:center;justify-content:center;gap:25px;font-size:1rem;opacity:.9;flex-wrap:wrap}
        .detail-meta span{display:flex;align-items:center;gap:8px}

        /* ── CONTENT AREA ── */
        .detail-section{padding:60px 0 80px;background:#f5f7fa}
        .detail-wrapper{max-width:900px;margin:0 auto}

        /* Geri butonu */
        .back-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;color:var(--primary);text-decoration:none;border-radius:50px;font-weight:600;font-size:.92rem;box-shadow:0 4px 15px rgba(0,0,0,.06);transition:all .3s;margin-bottom:30px;border:2px solid transparent}
        .back-btn:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}

        /* Ana resim kartı */
        .main-image-card{border-radius:24px;overflow:hidden;margin-bottom:30px;box-shadow:0 12px 40px rgba(0,0,0,.08);position:relative;background:#fff}
        .main-image-card img{width:100%;max-height:620px;object-fit:contain;object-position:center;display:block;background:linear-gradient(180deg,#f6f8f2,#eef2e7)}
        .main-image-card .img-caption{padding:12px 20px;background:#fff;font-size:.85rem;color:#888;display:flex;align-items:center;gap:8px}
        .main-image-card .img-caption i{color:var(--accent)}

        /* İçerik kartı */
        .content-card{background:#fff;border-radius:24px;padding:50px 55px;box-shadow:0 12px 40px rgba(0,0,0,.06);margin-bottom:30px}
        .content-card .content-body{font-size:1.08rem;line-height:2;color:#444}
        .content-card .content-body h2,.content-card .content-body h3{font-family:'Playfair Display',serif;color:var(--primary);margin:35px 0 18px;font-weight:700}
        .content-card .content-body h2{font-size:1.8rem}
        .content-card .content-body h3{font-size:1.4rem}
        .content-card .content-body h4{font-size:1.15rem;font-weight:600;color:var(--accent);margin:25px 0 12px}
        .content-card .content-body p{margin-bottom:18px}
        .content-card .content-body ul,.content-card .content-body ol{margin:15px 0 20px 25px}
        .content-card .content-body li{margin-bottom:10px;line-height:1.85}
        .content-card .content-body strong{color:var(--primary)}
        .content-card .content-body a{color:var(--accent);font-weight:600;text-decoration:underline}
        .content-card .content-body img{max-width:100%;height:auto;border-radius:16px;margin:20px 0;box-shadow:0 8px 25px rgba(0,0,0,.08)}
        .content-card .content-body blockquote{border-left:4px solid var(--accent);padding:15px 25px;margin:20px 0;background:#f8faf5;border-radius:0 12px 12px 0;font-style:italic;color:#555}

        /* ── EK DOSYALAR ── */
        .attachments-card{background:#fff;border-radius:24px;padding:40px 55px;box-shadow:0 12px 40px rgba(0,0,0,.06);margin-bottom:30px}
        .attachments-card h3{font-size:1.2rem;font-weight:700;color:var(--primary);margin-bottom:25px;display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}
        .attachments-card h3 i{width:40px;height:40px;background:linear-gradient(135deg,var(--accent),var(--secondary));color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px}

        /* Resim galeri */
        .att-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-bottom:25px}
        .att-gallery-item{border-radius:16px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06);cursor:pointer;transition:all .4s;position:relative;aspect-ratio:4/3}
        .att-gallery-item:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(0,0,0,.12)}
        .att-gallery-item img{width:100%;height:100%;object-fit:cover}
        .att-gallery-item .zoom-icon{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;color:#fff;font-size:28px}
        .att-gallery-item:hover .zoom-icon{opacity:1}

        /* Dosya listesi */
        .att-files{display:flex;flex-direction:column;gap:12px}
        .att-file{display:flex;align-items:center;gap:16px;padding:18px 22px;background:#f8faf5;border-radius:14px;border:2px solid #e8f0d8;transition:all .3s;text-decoration:none;color:inherit}
        .att-file:hover{border-color:var(--accent);transform:translateX(5px);box-shadow:0 6px 18px rgba(0,0,0,.06)}
        .att-file-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;color:#fff;flex-shrink:0}
        .att-file-icon.pdf{background:linear-gradient(135deg,#e74c3c,#c0392b)}
        .att-file-icon.doc{background:linear-gradient(135deg,#3498db,#2980b9)}
        .att-file-icon.other{background:linear-gradient(135deg,#95a5a6,#7f8c8d)}
        .att-file-info{flex:1;min-width:0}
        .att-file-info .file-name{font-weight:600;color:var(--text-color);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .att-file-info .file-size{font-size:.82rem;color:#999;margin-top:3px}
        .att-file-download{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .3s;flex-shrink:0}
        .att-file:hover .att-file-download{background:var(--primary);transform:scale(1.1)}

        /* ── NAVİGASYON (önceki/sonraki) ── */
        .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}
        .nav-link{display:flex;align-items:center;gap:14px;padding:22px 26px;background:#fff;border-radius:18px;text-decoration:none;color:inherit;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:all .35s;border:2px solid transparent}
        .nav-link:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
        .nav-link.next{text-align:right;flex-direction:row-reverse}
        .nav-link-icon{width:44px;height:44px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;flex-shrink:0;transition:background .3s}
        .nav-link:hover .nav-link-icon{background:var(--accent);color:#fff}
        .nav-link-text small{font-size:.78rem;color:#999;display:block;margin-bottom:4px}
        .nav-link-text span{font-weight:600;font-size:.92rem;color:var(--text-color);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}

        /* ── LIGHTBOX ── */
        .lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:9999;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
        .lightbox.active{display:flex}
        .lightbox img{max-width:95%;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);object-fit:contain}
        .lightbox-close{position:absolute;top:20px;right:25px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}
        .lightbox-close:hover{background:rgba(255,255,255,.3)}

        @media(max-width:768px){
            .detail-title{font-size:2rem}
            .content-card,.attachments-card{padding:30px 24px}
            .att-gallery{grid-template-columns:1fr 1fr}
            .nav-links{grid-template-columns:1fr}
            .main-image-card img{max-height:420px}
        }