/* ══════════════════════════════════════════════════════════════════════
   ARIFANE — Köşe Yazıları (frontend) v2.0
   Editöryel "İrfan Magazine" — sıcak mürekkep, hat zemin, asimetrik düzen.
   Site genelindeki copper/gold tasarım sistemi ile tam uyumlu.
   Sayı vurgusu YOK (içerik tempo'su belirsiz olduğu için).
   ══════════════════════════════════════════════════════════════════════ */

:root {
    --ar-paper:#FAF7F2;
    --ar-cream:#F3EDE4;
    --ar-cream-2:#EDE4D5;
    --ar-ink:#0F0A07;
    --ar-ink-2:#1C1410;
    --ar-ink-3:#2A1F18;
    --ar-text:#2C1810;
    --ar-text-body:#3A2418;
    --ar-text-muted:#6B5B4F;
    --ar-text-soft:#9B8B7F;
    --ar-copper:#B87333;
    --ar-copper-l:#D4956A;
    --ar-copper-d:#8B5A2B;
    --ar-gold:#C5A54E;
    --ar-gold-l:#E8D5A0;
    --ar-emerald:#0F4C3A;
    --ar-rule:#E0D5C8;
    --ar-rule-soft:#EFE7DB;
    --ar-serif:'Playfair Display','Georgia',serif;
    --ar-sans:'Inter',-apple-system,sans-serif;
    --ar-mono:'JetBrains Mono','Menlo',monospace;
    --ar-arabic:'Amiri','Scheherazade New',serif;
    --ar-ease:cubic-bezier(.16,1,.3,1);
    --ar-mw:1240px;
    --ar-mw-narrow:880px;
}

*,*::before,*::after{box-sizing:border-box}
.ar-page,.ar-detail,.ar-yazar{
    font-family:var(--ar-sans);
    color:var(--ar-text);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}

/* ─── PAGE WRAPPERS ───────────────────────────────── */
.ar-page,.ar-detail,.ar-yazar{
    max-width:var(--ar-mw);
    margin:0 auto;
    padding:0 clamp(20px,4vw,56px) 80px;
    background:var(--ar-paper);
}
.ar-detail,.ar-yazar{max-width:var(--ar-mw-narrow)}

/* ═══════════════════════════════════════════════════════════════════
   BREADCRUMB
═══════════════════════════════════════════════════════════════════ */
.ar-bc{
    display:flex;align-items:center;gap:10px;
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.08em;color:var(--ar-text-soft);
    padding:20px 0 0;
}
.ar-bc a{color:var(--ar-copper);transition:color .15s}
.ar-bc a:hover{color:var(--ar-copper-d);text-decoration:underline}
.ar-bc-home{
    display:inline-flex;align-items:center;justify-content:center;
    width:30px;height:30px;border-radius:50%;
    background:var(--ar-cream);
    color:var(--ar-copper-d) !important;
    font-size:12px;
    transition:.18s var(--ar-ease);
    text-decoration:none !important;
}
.ar-bc-home:hover{
    background:var(--ar-ink);
    color:var(--ar-gold) !important;
    transform:translateY(-1px);
}

/* ═══════════════════════════════════════════════════════════════════
   HERO — Editöryel cilt: tam genişlik, koyu zemin, hat tabaka, sıcak ışık
   (mv-hero ile aynı tam-ekran dili)
═══════════════════════════════════════════════════════════════════ */
.ar-hero{
    --ar-h-copper:#C89055;
    --ar-h-gold:#E8C97A;
    --ar-h-ink:#F5ECD7;
    position:relative;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(184,115,51,.22) 0%, transparent 55%),
        radial-gradient(ellipse at 80% 100%, rgba(197,165,78,.18) 0%, transparent 55%),
        linear-gradient(170deg, #1C1410 0%, #0F0A07 55%, #060402 100%);
    color:var(--ar-h-ink);
    overflow:hidden;
    isolation:isolate;
    padding:80px 24px 52px;
    border-bottom:1px solid rgba(232,201,122,.14);
    text-align:center;
}

/* ── Arka katmanlar */
.ar-hero::before{
    content:'';position:absolute;inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E");
    mix-blend-mode:overlay;opacity:.18;pointer-events:none;z-index:0;
}
.ar-hero-cal{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    /* 2026-05-25: hero "Arifane" yazısı Kufi hattıyla — anasayfa navbar/footer uyumu */
    font-family:'Reem Kufi','Amiri','Scheherazade New',serif;
    font-size:clamp(220px,40vw,520px);
    color:var(--ar-h-gold);opacity:.04;
    pointer-events:none;line-height:1;
    white-space:nowrap;user-select:none;
    font-weight:700;direction:rtl;
    z-index:0;letter-spacing:-.04em;
}

/* ── Üst eyebrow chip */
.ar-hero-inner{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center}

/* ── Besmele hat (site genelinde ortak) */
.ar-hero-besmele{
    display:block;width:100%;max-width:360px;
    height:clamp(48px,7vw,72px);
    margin:0 auto 22px;
    background-color:var(--ar-h-gold);
    -webkit-mask:url('/iar/assets/besmele-hat.svg') center/contain no-repeat;
    mask:url('/iar/assets/besmele-hat.svg') center/contain no-repeat;
    filter:drop-shadow(0 2px 12px rgba(232,201,122,.28));
}

.ar-hero-eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    padding:8px 18px 8px 12px;
    background:linear-gradient(135deg, rgba(232,201,122,.12), rgba(184,115,51,.06));
    border-radius:99px;
    font-family:var(--ar-mono);font-size:10px;
    letter-spacing:.28em;text-transform:uppercase;
    color:var(--ar-h-gold);font-weight:600;
    margin-bottom:22px;
    box-shadow:
        inset 0 0 0 1px rgba(232,201,122,.28),
        0 0 0 3px rgba(15,10,7,.35),
        0 6px 24px -6px rgba(232,201,122,.25);
    backdrop-filter:blur(12px);
}
.ar-hero-eyebrow-dot{
    display:inline-flex;align-items:center;justify-content:center;
    width:18px;height:18px;border-radius:50%;
    background:linear-gradient(135deg, var(--ar-h-gold), var(--ar-h-copper));
    color:#1C1410;font-size:9px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 0 10px rgba(232,201,122,.4);
}

/* ── Arapça Kufi hat — hero büyük başlık (2026-05-25: Amiri → Reem Kufi) */
.ar-hero-ar{
    display:block;
    font-family:'Reem Kufi','Amiri','Scheherazade New',serif;
    font-size:clamp(56px,9vw,108px);
    font-weight:700;
    color:transparent;
    background:linear-gradient(180deg, var(--ar-h-gold) 0%, #E8D5A0 30%, var(--ar-h-copper) 75%, #8B5A2B 100%);
    -webkit-background-clip:text;background-clip:text;
    direction:rtl;
    line-height:1.05;
    letter-spacing:-.02em;
    margin-bottom:8px;
    filter:drop-shadow(0 4px 24px rgba(232,201,122,.18));
}

/* ── Latin başlık */
.ar-hero-title{
    font-family:var(--ar-serif);
    font-size:clamp(32px,4.4vw,52px);
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.02em;
    margin:0 0 18px;
}
.ar-hero-title .word{
    display:inline-block;opacity:0;
    animation:arWord 1s var(--ar-ease) forwards;
    background:linear-gradient(135deg,#F5ECD7 0%, #E8D5A0 45%, var(--ar-h-copper) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
    padding:0 .03em;
}
.ar-hero-title .word.italic{
    font-style:italic;
    background:linear-gradient(135deg,var(--ar-h-gold) 0%, var(--ar-h-copper) 60%, #8B5A2B 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}
.ar-hero-title .word:nth-child(1){animation-delay:.05s}
.ar-hero-title .word:nth-child(2){animation-delay:.18s}
.ar-hero-title .word:nth-child(3){animation-delay:.31s}
.ar-hero-title .word:nth-child(4){animation-delay:.44s}

/* ── Açıklama */
.ar-hero-sub{
    font-family:var(--ar-serif);
    font-style:italic;
    font-size:clamp(15px,1.4vw,18.5px);
    color:rgba(245,236,215,.7);
    max-width:580px;margin:0 auto 26px;
    line-height:1.65;
}
.ar-hero-sub strong{color:var(--ar-h-gold);font-style:normal;font-weight:600;font-family:var(--ar-sans);font-size:.9em;letter-spacing:.04em}

/* ── İnce ayraç */
.ar-hero-rule{
    display:flex;align-items:center;justify-content:center;gap:18px;
    margin-top:32px;
}
.ar-hero-rule::before, .ar-hero-rule::after{
    content:'';flex:0 1 80px;height:1px;
    background:linear-gradient(90deg, transparent, rgba(232,201,122,.4), transparent);
}
.ar-hero-rule-mark{
    width:8px;height:8px;border-radius:50%;
    background:radial-gradient(circle, var(--ar-h-gold), var(--ar-h-copper));
    box-shadow:0 0 14px rgba(232,201,122,.55);
}

@keyframes arWord{to{opacity:1}}

/* ═══════════════════════════════════════════════════════════════════
   KATEGORI BAR — Yatay sekme/ribbon
═══════════════════════════════════════════════════════════════════ */
.ar-cats-wrap{
    position:relative;
    margin:0 clamp(-56px,-4vw,-20px) 56px;
    background:linear-gradient(180deg, var(--ar-paper) 0%, var(--ar-cream) 100%);
    border-bottom:1px solid var(--ar-rule);
    padding:0 clamp(20px,4vw,56px);
}
.ar-cats-bar{
    display:flex;gap:6px;
    overflow-x:auto;scroll-behavior:smooth;
    padding:18px 0;
    scrollbar-width:none;
}
.ar-cats-bar::-webkit-scrollbar{display:none}
.ar-chip{
    --chip-color:#B87333;
    flex-shrink:0;
    display:inline-flex;align-items:center;gap:9px;
    padding:9px 18px;border-radius:99px;
    background:transparent;
    border:1px solid var(--ar-rule);
    font-family:var(--ar-mono);font-size:11.5px;
    letter-spacing:.06em;color:var(--ar-text);
    transition:.18s var(--ar-ease);
    cursor:pointer;font-weight:500;
    white-space:nowrap;
}
.ar-chip:hover{
    border-color:var(--chip-color);
    color:var(--chip-color);
    background:color-mix(in srgb,var(--chip-color) 6%,transparent);
    transform:translateY(-1px);
}
.ar-chip .ar-chip-dot{
    width:6px;height:6px;border-radius:50%;
    background:var(--chip-color);flex-shrink:0;
}
.ar-chip-all{
    background:var(--ar-ink);color:var(--ar-paper);
    border-color:var(--ar-ink);
}
.ar-chip-all:hover{background:var(--ar-copper-d);border-color:var(--ar-copper-d);color:#fff}
.ar-chip-all .ar-chip-dot{background:var(--ar-gold)}

/* ═══════════════════════════════════════════════════════════════════
   SECTION HEAD — Üst eyebrow + Latin başlık + ince çizgi
═══════════════════════════════════════════════════════════════════ */
.ar-section{margin:0 0 72px}
.ar-section-head{
    display:flex;align-items:flex-end;gap:24px;
    margin-bottom:32px;
    padding-bottom:20px;
    border-bottom:1px solid var(--ar-rule);
}
.ar-section-head-left{flex:1;min-width:0}
.ar-section-eyebrow{
    font-family:var(--ar-mono);font-size:11px;letter-spacing:.24em;
    text-transform:uppercase;color:var(--ar-copper);
    margin-bottom:8px;
    display:flex;align-items:center;gap:10px;
}
.ar-section-eyebrow::before{
    content:'';width:24px;height:1.5px;
    background:linear-gradient(90deg, var(--ar-copper), transparent);
}
.ar-section-title{
    font-family:var(--ar-serif);font-size:clamp(28px,3.2vw,40px);
    font-weight:700;color:var(--ar-ink);letter-spacing:-.6px;
    margin:0;line-height:1.1;
}
.ar-section-title-ar{
    font-family:var(--ar-arabic);
    color:var(--ar-copper);
    font-weight:400;
    font-size:.7em;
    direction:rtl;margin-right:.4em;
    letter-spacing:0;opacity:.85;
}
.ar-section-head-meta{
    font-family:var(--ar-mono);font-size:10.5px;letter-spacing:.16em;
    text-transform:uppercase;color:var(--ar-text-soft);
    padding-bottom:8px;text-align:right;
    line-height:1.4;
}

/* ═══════════════════════════════════════════════════════════════════
   ÖNE ÇIKAN — Manşet (1 büyük + 2 küçük yan)
═══════════════════════════════════════════════════════════════════ */
.ar-feat-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr);
    grid-template-rows:auto;
    gap:28px;
}
.ar-feat{
    position:relative;
    display:flex;flex-direction:column;
    background:var(--ar-paper);
    border-radius:10px;overflow:hidden;
    transition:.3s var(--ar-ease);
    text-decoration:none;color:inherit;
}

/* Manşet kartı */
.ar-feat-lead{
    grid-row:span 2;
    background:linear-gradient(180deg, var(--ar-cream) 0%, var(--ar-paper) 100%);
    border:1px solid var(--ar-rule);
    box-shadow:0 18px 50px -22px rgba(15,10,7,.18);
}
.ar-feat-lead .ar-feat-img{aspect-ratio:4/3;border-radius:10px 10px 0 0}
.ar-feat-lead .ar-feat-body{padding:32px clamp(24px,3vw,36px) 36px}
.ar-feat-lead .ar-feat-title{
    font-family:var(--ar-serif);font-weight:700;
    font-size:clamp(24px,2.4vw,32px);
    color:var(--ar-ink);line-height:1.15;
    letter-spacing:-.5px;margin:14px 0 12px;
}
.ar-feat-lead .ar-feat-ozet{
    font-family:var(--ar-serif);font-style:italic;
    color:var(--ar-text-muted);font-size:16px;line-height:1.6;
    margin:0 0 18px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;
}
.ar-feat-lead .ar-feat-tag-line{
    display:flex;align-items:center;gap:10px;margin-bottom:14px;
}
.ar-feat-lead .ar-feat-tag-line::after{
    content:'';flex:1;height:1px;background:var(--ar-rule);
}

/* Sağ küçük kartlar */
.ar-feat-side{
    border:1px solid var(--ar-rule-soft);
    background:var(--ar-paper);
    display:grid;
    grid-template-columns:140px 1fr;
    gap:0;
    overflow:hidden;
}
.ar-feat-side .ar-feat-img{
    aspect-ratio:auto;height:100%;border-radius:0;
}
.ar-feat-side .ar-feat-body{padding:18px 20px;gap:6px;justify-content:center}
.ar-feat-side .ar-feat-title{
    font-family:var(--ar-serif);font-weight:600;
    font-size:18px;color:var(--ar-ink);
    line-height:1.25;letter-spacing:-.2px;
    margin:6px 0 6px;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;
}
.ar-feat-side .ar-feat-meta-row{
    font-family:var(--ar-mono);font-size:10.5px;
    color:var(--ar-text-soft);letter-spacing:.04em;
    display:flex;gap:6px;flex-wrap:wrap;
}

.ar-feat:hover{
    transform:translateY(-3px);
    box-shadow:0 20px 50px -20px rgba(15,10,7,.18);
    border-color:var(--ar-copper);
}
.ar-feat-lead:hover{box-shadow:0 24px 60px -24px rgba(184,115,51,.32)}

.ar-feat-img{
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    position:relative;
}
.ar-feat-img--ph{
    background:
        linear-gradient(135deg, rgba(184,115,51,.08) 0%, rgba(197,165,78,.12) 50%, rgba(184,115,51,.08) 100%),
        var(--ar-cream);
    display:flex;align-items:center;justify-content:center;
}
.ar-feat-img--ph::after{
    content:'';
    width:60px;height:60px;border-radius:50%;
    background:radial-gradient(circle, rgba(232,201,122,.25), transparent 70%);
}
.ar-feat-img-ar{
    position:absolute;inset:0;
    display:flex;align-items:center;justify-content:center;
    font-family:var(--ar-arabic);
    color:var(--ar-gold);opacity:.18;
    font-size:clamp(80px,12vw,140px);
    font-weight:700;direction:rtl;pointer-events:none;
    text-shadow:0 2px 10px rgba(15,10,7,.2);
}

.ar-cat-pill{
    --cat:#B87333;
    display:inline-flex;align-items:center;gap:6px;
    align-self:flex-start;
    padding:4px 12px;border-radius:99px;
    background:color-mix(in srgb,var(--cat) 12%,transparent);
    color:var(--cat);
    font-family:var(--ar-mono);font-size:10px;
    letter-spacing:.14em;text-transform:uppercase;font-weight:700;
}
.ar-cat-pill::before{
    content:'';width:5px;height:5px;border-radius:50%;
    background:var(--cat);
}

.ar-feat-body{
    padding:20px;display:flex;flex-direction:column;gap:8px;flex:1;
}
.ar-feat-meta{
    display:flex;align-items:center;gap:12px;
    font-family:var(--ar-mono);font-size:11px;
    color:var(--ar-text-soft);letter-spacing:.04em;
    margin-top:auto;padding-top:14px;
}
.ar-feat-meta-author{
    color:var(--ar-copper-d);font-weight:600;
}
.ar-feat-meta::before{content:'';flex:0 1 20px;height:1px;background:var(--ar-rule)}

@media (max-width:980px){
    .ar-feat-grid{grid-template-columns:1fr}
    .ar-feat-lead{grid-row:auto}
    .ar-feat-side{grid-template-columns:160px 1fr}
}
@media (max-width:560px){
    .ar-feat-side{grid-template-columns:1fr}
    .ar-feat-side .ar-feat-img{aspect-ratio:16/10;height:auto}
}

/* ═══════════════════════════════════════════════════════════════════
   ARTICLE GRID — Asimetrik magazin
═══════════════════════════════════════════════════════════════════ */
.ar-grid{
    display:grid;
    grid-template-columns:repeat(12, 1fr);
    gap:28px 24px;
}
.ar-card{
    grid-column:span 4;
    display:flex;flex-direction:column;
    background:transparent;
    transition:.25s var(--ar-ease);
    text-decoration:none;color:inherit;
    position:relative;
}
/* Her 5'li grupta ortadaki büyük */
.ar-card:nth-child(5n+1){grid-column:span 6}
.ar-card:nth-child(5n+1) .ar-card-img{aspect-ratio:16/9}
.ar-card:nth-child(5n+1) .ar-card-title{font-size:22px}
.ar-card:nth-child(5n+1) .ar-card-ozet{-webkit-line-clamp:3}

.ar-card-img{
    aspect-ratio:5/4;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border-radius:8px;overflow:hidden;
    margin-bottom:16px;
    transition:.3s var(--ar-ease);
    position:relative;
}
.ar-card-img--ph{
    background:
        linear-gradient(135deg, rgba(184,115,51,.06) 0%, rgba(197,165,78,.1) 50%, rgba(184,115,51,.06) 100%),
        var(--ar-cream);
}
.ar-card-img--ph .ar-card-img-mark{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    font-family:var(--ar-arabic);
    color:var(--ar-copper);opacity:.18;
    font-size:64px;font-weight:700;direction:rtl;
}
.ar-card-img::after{
    content:'';position:absolute;inset:0;
    background:linear-gradient(180deg, transparent 60%, rgba(15,10,7,.18) 100%);
    opacity:0;transition:.3s;
}
.ar-card:hover .ar-card-img::after{opacity:1}
.ar-card:hover .ar-card-img{box-shadow:0 14px 40px -16px rgba(15,10,7,.25)}

.ar-card-body{
    display:flex;flex-direction:column;gap:10px;flex:1;
    padding:0 4px;
}
.ar-card-title{
    font-family:var(--ar-serif);font-weight:600;font-size:18px;
    color:var(--ar-ink);line-height:1.3;letter-spacing:-.2px;
    margin:4px 0 0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
    transition:.2s;
}
.ar-card:hover .ar-card-title{color:var(--ar-copper-d)}
.ar-card-ozet{
    color:var(--ar-text-muted);font-size:13.5px;line-height:1.6;margin:0;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.ar-card-foot{
    margin-top:auto;padding-top:14px;
    display:flex;align-items:center;gap:10px;
    font-family:var(--ar-mono);font-size:10.5px;
    color:var(--ar-text-soft);letter-spacing:.04em;
    border-top:1px dashed var(--ar-rule);
}
.ar-card-author{
    color:var(--ar-copper-d);font-weight:600;
    display:flex;align-items:center;gap:6px;
}
.ar-card-author-photo{
    width:18px;height:18px;border-radius:50%;flex-shrink:0;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border:1px solid var(--ar-rule);
}
.ar-card-foot-sep{opacity:.4}

@media (max-width:980px){
    .ar-grid{grid-template-columns:repeat(6,1fr);gap:32px 20px}
    .ar-card{grid-column:span 3}
    .ar-card:nth-child(5n+1){grid-column:span 6}
}
@media (max-width:560px){
    .ar-grid{grid-template-columns:1fr;gap:28px}
    .ar-card,
    .ar-card:nth-child(5n+1){grid-column:span 1}
    .ar-card:nth-child(5n+1) .ar-card-title{font-size:20px}
}

/* ═══════════════════════════════════════════════════════════════════
   YAZARLAR — Galeri (portre + bio + sosyal)
═══════════════════════════════════════════════════════════════════ */
.ar-section-authors{
    background:linear-gradient(180deg, var(--ar-cream) 0%, var(--ar-cream-2) 100%);
    margin:0 clamp(-56px,-4vw,-20px) -80px;
    padding:64px clamp(20px,4vw,56px) 100px;
    border-radius:18px 18px 0 0;
    position:relative;
    overflow:hidden;
}
.ar-section-authors::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, var(--ar-rule), transparent);
}
.ar-section-authors .ar-section-head{border-color:rgba(11,7,4,.08)}

.ar-authors-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
    gap:20px;
}
.ar-author{
    position:relative;
    background:var(--ar-paper);
    border:1px solid var(--ar-rule-soft);
    border-radius:10px;
    padding:24px 22px 20px;
    display:flex;flex-direction:column;gap:14px;
    transition:.25s var(--ar-ease);
    color:inherit;
    overflow:hidden;
}
/* Stretched-link pattern: tıklanabilir alanı tüm karta yay, sosyal ikonlar
   üstte kalsın. Stretch link z-index:1 ile non-positioned içeriğin üstünde;
   sosyal ikon link'leri z-index:2 ile stretch link'in üstünde tıklanabilir. */
.ar-author-stretch{
    position:absolute;inset:0;z-index:1;
    border-radius:inherit;
    text-indent:-9999px;overflow:hidden;
    background:transparent;
}
.ar-author-socials{position:relative;z-index:2}
.ar-author-socials a{position:relative;z-index:2}
.ar-author::before{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg, var(--ar-copper), var(--ar-gold), var(--ar-copper));
    transform:scaleX(0);transform-origin:left;
    transition:transform .35s var(--ar-ease);
}
.ar-author:hover{
    border-color:var(--ar-copper);
    transform:translateY(-3px);
    box-shadow:0 18px 40px -16px rgba(15,10,7,.18);
}
.ar-author:hover::before{transform:scaleX(1)}

.ar-author-top{
    display:flex;align-items:flex-start;gap:14px;
}
.ar-author-photo{
    width:64px;height:64px;border-radius:50%;flex-shrink:0;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border:2px solid var(--ar-paper);
    box-shadow:0 0 0 1px var(--ar-rule), 0 4px 14px -4px rgba(15,10,7,.15);
    position:relative;
}
.ar-author-photo--ph{
    display:flex;align-items:center;justify-content:center;
    color:var(--ar-text-soft);font-size:24px;
    font-family:var(--ar-serif);font-weight:600;
}
.ar-author-info{flex:1;min-width:0}
.ar-author-name{
    font-family:var(--ar-serif);font-weight:700;font-size:17px;
    color:var(--ar-ink);letter-spacing:-.2px;
    line-height:1.25;margin:0 0 3px;
}
.ar-author-unvan{
    font-family:var(--ar-serif);font-style:italic;
    color:var(--ar-text-muted);font-size:12.5px;
    line-height:1.4;
}
.ar-author-bio{
    color:var(--ar-text-body);font-size:13px;line-height:1.6;
    margin:0;
    display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
    overflow:hidden;
}
.ar-author-bio:empty{display:none}
.ar-author-foot{
    margin-top:auto;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding-top:12px;
    border-top:1px dashed var(--ar-rule);
}
.ar-author-cta{
    font-family:var(--ar-mono);font-size:10.5px;
    letter-spacing:.18em;text-transform:uppercase;
    color:var(--ar-copper-d);font-weight:700;
    display:inline-flex;align-items:center;gap:6px;
    transition:.2s;
}
.ar-author:hover .ar-author-cta{gap:10px;color:var(--ar-ink)}
.ar-author-socials{
    display:flex;gap:6px;
}
.ar-author-social{
    width:28px;height:28px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--ar-cream);
    color:var(--ar-text-muted);font-size:12px;
    transition:.18s;
}
.ar-author-social:hover{
    background:var(--ar-ink);color:var(--ar-gold);
    transform:scale(1.08);
}
.ar-author-social.x:hover{background:#000;color:#fff}

/* ═══════════════════════════════════════════════════════════════════
   EMPTY STATES
═══════════════════════════════════════════════════════════════════ */
.ar-empty{
    grid-column:1/-1;
    padding:64px 24px;text-align:center;
    color:var(--ar-text-muted);
    font-family:var(--ar-serif);font-style:italic;font-size:16px;
    background:var(--ar-cream);
    border-radius:10px;
    border:1px dashed var(--ar-rule);
}
.ar-empty-ar{
    font-family:var(--ar-arabic);font-style:normal;
    color:var(--ar-copper);font-size:32px;
    display:block;margin-bottom:10px;direction:rtl;
}
.ar-empty-cta{
    display:block;font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;
    color:var(--ar-copper-d);margin-top:14px;
}

/* ═══════════════════════════════════════════════════════════════════
   YAZAR DETAY SAYFASI
═══════════════════════════════════════════════════════════════════ */
.ar-yazar{padding-top:0}
.ar-yazar-bc{padding-top:20px}
.ar-yazar-head{
    position:relative;
    background:
        radial-gradient(ellipse at 80% 0%, rgba(184,115,51,.20) 0%, transparent 55%),
        radial-gradient(ellipse at 15% 100%, rgba(197,165,78,.14) 0%, transparent 55%),
        linear-gradient(170deg, #1C1410 0%, #0F0A07 100%);
    padding:clamp(56px,7vw,88px) clamp(20px,5vw,72px);
    color:#F5ECD7;
    overflow:hidden;isolation:isolate;
    border-bottom:1px solid rgba(232,201,122,.12);
}
.ar-yazar-head-inner{max-width:var(--ar-mw-narrow);margin:0 auto}
.ar-yazar-head::before{
    content:'';position:absolute;inset:0;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");
    mix-blend-mode:overlay;opacity:.15;pointer-events:none;
}
.ar-yazar-head-inner{
    position:relative;z-index:2;
    display:flex;align-items:center;gap:32px;
    flex-wrap:wrap;
}
.ar-yazar-photo-lg{
    width:144px;height:144px;border-radius:50%;flex-shrink:0;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border:3px solid rgba(232,201,122,.4);
    box-shadow:
        0 0 0 6px rgba(15,10,7,.4),
        0 20px 50px -10px rgba(0,0,0,.5);
}
.ar-yazar-photo-lg.ph{
    display:flex;align-items:center;justify-content:center;
    color:rgba(232,201,122,.4);
    font-family:var(--ar-serif);font-size:48px;font-weight:600;
    background:linear-gradient(135deg, var(--ar-ink-3), var(--ar-ink-2));
}
.ar-yazar-meta{flex:1;min-width:0}
.ar-yazar-eyebrow{
    font-family:var(--ar-mono);font-size:10.5px;letter-spacing:.28em;
    text-transform:uppercase;color:var(--ar-gold-l);
    margin-bottom:10px;font-weight:600;
}
.ar-yazar-name{
    font-family:var(--ar-serif);font-weight:700;
    font-size:clamp(30px,3.8vw,46px);
    letter-spacing:-.8px;line-height:1.1;margin:0 0 8px;
    background:linear-gradient(135deg, #F5ECD7 0%, #E8D5A0 50%, #C5A54E 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;
}
.ar-yazar-unvan{
    font-family:var(--ar-serif);font-style:italic;
    font-size:16px;color:rgba(245,236,215,.65);
    margin-bottom:18px;
}
.ar-yazar-socials{
    display:flex;gap:8px;flex-wrap:wrap;
}
.ar-yazar-social{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;border-radius:99px;
    background:rgba(232,201,122,.08);
    border:1px solid rgba(232,201,122,.22);
    color:var(--ar-gold-l);
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.08em;font-weight:500;
    transition:.2s var(--ar-ease);
    text-decoration:none;
}
.ar-yazar-social:hover{
    background:var(--ar-gold);color:#0F0A07;
    border-color:var(--ar-gold);transform:translateY(-1px);
}
.ar-yazar-social.x{
    background:rgba(255,255,255,.06);
    border-color:rgba(255,255,255,.15);
    color:#F5ECD7;
}
.ar-yazar-social.x:hover{background:#000;color:#fff;border-color:#000}
.ar-yazar-social i{font-size:14px}

/* Yazar bio */
.ar-yazar-bio{
    margin:48px auto;max-width:760px;
    font-family:var(--ar-serif);font-size:17.5px;
    line-height:1.78;color:var(--ar-text-body);
}
.ar-yazar-bio p{margin:0 0 1.2em}
.ar-yazar-bio em{color:var(--ar-copper-d);font-style:italic}

/* Yazar content tabs */
.ar-yazar-tabs{
    display:flex;gap:8px;
    border-bottom:1px solid var(--ar-rule);
    margin-bottom:36px;
    overflow-x:auto;scrollbar-width:none;
}
.ar-yazar-tabs::-webkit-scrollbar{display:none}
.ar-yazar-tab{
    padding:14px 22px;border:0;background:transparent;
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;font-weight:600;
    color:var(--ar-text-soft);cursor:pointer;
    border-bottom:2px solid transparent;
    transition:.2s var(--ar-ease);
    white-space:nowrap;
}
.ar-yazar-tab:hover{color:var(--ar-text)}
.ar-yazar-tab.is-active{
    color:var(--ar-copper-d);
    border-bottom-color:var(--ar-copper);
}
.ar-yazar-tab-count{
    margin-left:8px;font-size:9.5px;
    background:var(--ar-cream);padding:2px 7px;border-radius:99px;
    color:var(--ar-text-muted);letter-spacing:.05em;
}
.ar-yazar-tab.is-active .ar-yazar-tab-count{
    background:var(--ar-copper);color:#fff;
}

.ar-yazar-panel{display:none}
.ar-yazar-panel.is-active{display:block;animation:arFade .3s ease}
@keyframes arFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* X timeline */
.ar-x-frame{
    background:var(--ar-paper);
    border:1px solid var(--ar-rule);
    border-radius:12px;
    padding:24px;
    max-width:560px;margin:0 auto;
    min-height:400px;
}
.ar-x-empty{
    text-align:center;padding:60px 24px;
    color:var(--ar-text-muted);
}
.ar-x-empty i{font-size:42px;color:var(--ar-copper);opacity:.5;margin-bottom:14px;display:block}
.ar-x-empty strong{
    display:block;font-family:var(--ar-serif);font-size:18px;
    color:var(--ar-ink);margin-bottom:6px;font-weight:600;
}

/* X fallback — embed yüklenmezse profile yönlendirir */
.ar-x-fallback{
    text-align:center;padding:48px 28px;color:var(--ar-text-muted);
}
.ar-x-fallback > i{
    font-size:36px;color:var(--ar-ink);opacity:.55;margin-bottom:14px;display:block;
}
.ar-x-fallback strong{
    display:block;font-family:var(--ar-serif);font-size:19px;
    color:var(--ar-ink);margin-bottom:8px;font-weight:600;letter-spacing:-.2px;
}
.ar-x-fallback-sub{
    display:block;max-width:420px;margin:0 auto 22px;
    font-size:13.5px;line-height:1.6;color:var(--ar-text-muted);
}
.ar-x-fallback-cta{
    display:inline-flex;align-items:center;gap:10px;
    padding:12px 22px;border-radius:99px;
    background:#0F0A07;color:#F5ECD7;
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.18em;text-transform:uppercase;font-weight:700;
    text-decoration:none;
    transition:.2s var(--ar-ease);
    border:1px solid #0F0A07;
}
.ar-x-fallback-cta:hover{
    background:#000;border-color:#000;
    transform:translateY(-1px);
    box-shadow:0 8px 22px -8px rgba(0,0,0,.4);
}
.ar-x-fallback-cta i:first-child{font-size:13px}
.ar-x-fallback-cta i:last-child{font-size:10px;opacity:.7}

/* ═══════════════════════════════════════════════════════════════════
   YAZI DETAY SAYFASI (mevcut, polish edildi)
═══════════════════════════════════════════════════════════════════ */
.ar-d-article{}
.ar-d-head{
    padding:48px 0 32px;
    border-bottom:1px solid var(--ar-rule-soft);
    margin-bottom:36px;
}
.ar-d-cat{
    --cat:#B87333;
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 16px;border-radius:99px;
    background:color-mix(in srgb,var(--cat) 12%,transparent);
    color:var(--cat);
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.16em;text-transform:uppercase;font-weight:700;
    margin-bottom:22px;
    text-decoration:none;
    transition:.2s;
}
.ar-d-cat::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cat)}
.ar-d-cat:hover{background:color-mix(in srgb,var(--cat) 22%,transparent)}
.ar-d-title{
    font-family:var(--ar-serif);font-weight:700;
    font-size:clamp(30px,4.2vw,50px);
    color:var(--ar-ink);line-height:1.1;
    letter-spacing:-1px;margin:0 0 18px;
}
.ar-d-ozet{
    font-family:var(--ar-serif);font-style:italic;
    font-size:clamp(16.5px,1.7vw,21px);
    color:var(--ar-text-muted);line-height:1.55;
    margin:0 0 32px;
    padding-left:18px;border-left:3px solid var(--ar-copper);
}
.ar-d-meta{
    display:flex;gap:16px;align-items:center;flex-wrap:wrap;
    padding-top:6px;
}
.ar-d-yazar-mini{display:flex;gap:14px;align-items:center}
.ar-d-yazar-photo{
    width:52px;height:52px;border-radius:50%;flex-shrink:0;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border:2px solid var(--ar-paper);
    box-shadow:0 0 0 1px var(--ar-rule);
}
.ar-d-yazar-photo.ph{
    display:flex;align-items:center;justify-content:center;
    color:var(--ar-text-soft);font-size:18px;
    font-family:var(--ar-serif);font-weight:600;
}
.ar-d-yazar-mini-info{display:flex;flex-direction:column;gap:2px}
.ar-d-yazar-mini-name{
    font-family:var(--ar-serif);font-weight:700;font-size:16px;
    color:var(--ar-ink);text-decoration:none;
}
.ar-d-yazar-mini-name:hover{color:var(--ar-copper-d)}
.ar-d-yazar-mini-unvan{
    font-family:var(--ar-serif);font-style:italic;font-size:12.5px;
    color:var(--ar-text-muted);
}
.ar-d-meta-sep{
    width:1px;height:36px;background:var(--ar-rule);
}
.ar-d-meta-info{
    display:flex;gap:16px;font-family:var(--ar-mono);font-size:11px;
    color:var(--ar-text-soft);letter-spacing:.04em;flex-wrap:wrap;
}
.ar-d-meta-info i{margin-right:5px;opacity:.7}

/* Paylaşım */
.ar-d-share{
    display:flex;gap:8px;align-items:center;margin-left:auto;
}
.ar-d-share-label{
    font-family:var(--ar-mono);font-size:10px;letter-spacing:.18em;
    text-transform:uppercase;color:var(--ar-text-soft);
}
.ar-d-share-btn{
    width:34px;height:34px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--ar-cream);
    color:var(--ar-text-muted);font-size:13px;
    transition:.18s;border:0;cursor:pointer;
    text-decoration:none;
}
.ar-d-share-btn:hover{background:var(--ar-ink);color:var(--ar-gold);transform:scale(1.08)}
.ar-d-share-btn.x:hover{background:#000;color:#fff}
.ar-d-share-btn.wa:hover{background:#25D366;color:#fff}

/* COVER */
.ar-d-cover{
    width:100vw;max-width:1280px;height:clamp(280px,40vw,520px);
    margin:0 calc(50% - 50vw) 40px;
    background-size:cover;background-position:center;
    background-color:var(--ar-cream);
    border-radius:8px;
}
@media (min-width:1280px){.ar-d-cover{margin:0 -200px 40px;width:calc(100% + 400px)}}

/* CONTENT */
.ar-d-content{
    font-family:var(--ar-serif);font-size:19px;
    line-height:1.85;color:var(--ar-text-body);
    margin-bottom:48px;
}
.ar-d-content > *:first-child::first-letter{
    float:left;font-family:var(--ar-serif);font-weight:700;
    font-size:5.5em;line-height:.85;
    margin:6px 14px 0 0;color:var(--ar-copper-d);
}
.ar-d-content p{margin:0 0 1.4em}
.ar-d-content h2{
    font-family:var(--ar-serif);font-weight:700;
    font-size:1.7em;color:var(--ar-ink);
    margin:1.8em 0 .6em;letter-spacing:-.3px;
}
.ar-d-content h3{
    font-family:var(--ar-serif);font-weight:600;
    font-size:1.35em;color:var(--ar-ink);
    margin:1.6em 0 .5em;
}
.ar-d-content blockquote{
    border-left:3px solid var(--ar-copper);
    padding:8px 0 8px 28px;margin:1.6em 0;
    font-style:italic;color:var(--ar-text-muted);
    font-size:1.04em;
}
.ar-d-content a{
    color:var(--ar-copper-d);text-decoration:underline;
    text-decoration-color:rgba(184,115,51,.4);
    text-underline-offset:3px;
}
.ar-d-content a:hover{text-decoration-color:var(--ar-copper-d)}
.ar-d-content img{
    max-width:100%;height:auto;
    border-radius:8px;margin:1.4em 0;
    border:1px solid var(--ar-rule-soft);
}
.ar-d-content ul,.ar-d-content ol{margin:0 0 1.4em 1.4em;padding-left:.6em}
.ar-d-content li{margin-bottom:.4em}
.ar-d-content hr{
    border:0;border-top:1px solid var(--ar-rule);
    margin:2.4em auto;width:90px;position:relative;
}
.ar-d-content hr::after{
    content:'❋';position:absolute;top:-12px;left:50%;
    transform:translateX(-50%);
    background:var(--ar-paper);padding:0 10px;
    color:var(--ar-copper);font-size:14px;
}

/* TAGS */
.ar-d-tags{
    display:flex;gap:8px;flex-wrap:wrap;margin-bottom:48px;
    padding-top:24px;border-top:1px solid var(--ar-rule-soft);
}
.ar-d-tags:empty{display:none}
.ar-tag{
    padding:5px 13px;border:1px solid var(--ar-rule);
    border-radius:99px;font-family:var(--ar-mono);font-size:11px;
    color:var(--ar-text-muted);background:var(--ar-paper);
    transition:.18s;
}
.ar-tag:hover{
    background:var(--ar-cream);color:var(--ar-copper-d);
    border-color:var(--ar-copper);
}

/* YAZAR CARD */
.ar-d-yazar-card{
    display:flex;gap:24px;align-items:flex-start;
    padding:32px;background:linear-gradient(135deg, var(--ar-cream), var(--ar-cream-2));
    border-radius:12px;margin-bottom:48px;
    border:1px solid var(--ar-rule-soft);
    position:relative;overflow:hidden;
}
.ar-d-yazar-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg, var(--ar-copper), var(--ar-gold), var(--ar-copper));
}
.ar-d-yazar-card .ar-d-yazar-photo{
    width:96px;height:96px;border:4px solid var(--ar-paper);
    box-shadow:0 0 0 1px var(--ar-rule), 0 6px 20px -6px rgba(15,10,7,.18);
}
.ar-d-yazar-card-body{flex:1;min-width:0}
.ar-d-yazar-card-eyebrow{
    font-family:var(--ar-mono);font-size:10px;letter-spacing:.22em;
    text-transform:uppercase;color:var(--ar-copper);margin-bottom:8px;
    font-weight:700;
}
.ar-d-yazar-card-name{
    font-family:var(--ar-serif);font-weight:700;font-size:22px;
    color:var(--ar-ink);margin:0;letter-spacing:-.3px;
}
.ar-d-yazar-card-unvan{
    font-family:var(--ar-serif);font-style:italic;
    color:var(--ar-text-muted);font-size:13px;margin-bottom:10px;
}
.ar-d-yazar-card-bio{
    color:var(--ar-text-body);font-size:14px;line-height:1.65;
    margin:0 0 16px;
}
.ar-d-yazar-card-bio:empty{display:none}
.ar-d-yazar-card-actions{
    display:flex;gap:8px;flex-wrap:wrap;align-items:center;
}
.ar-d-yazar-link{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;border-radius:99px;
    background:var(--ar-paper);
    border:1px solid var(--ar-rule);
    font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.1em;font-weight:600;
    color:var(--ar-text);text-decoration:none;
    transition:.2s;
}
.ar-d-yazar-link:hover{
    background:var(--ar-ink);color:var(--ar-gold);
    border-color:var(--ar-ink);
}
.ar-d-yazar-link.x:hover{background:#000;color:#fff;border-color:#000}
.ar-d-yazar-link.primary{
    background:var(--ar-ink);color:var(--ar-gold);
    border-color:var(--ar-ink);
}
.ar-d-yazar-link.primary:hover{background:var(--ar-copper-d);border-color:var(--ar-copper-d)}

@media (max-width:700px){
    .ar-d-yazar-card{flex-direction:column;align-items:center;text-align:center}
}

/* RELATED */
.ar-d-rel-section{margin-bottom:32px}
.ar-d-rel-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:18px;
}
.ar-rel{
    display:flex;flex-direction:column;
    background:var(--ar-paper);
    border:1px solid var(--ar-rule-soft);
    border-radius:8px;overflow:hidden;
    transition:.2s var(--ar-ease);
    text-decoration:none;color:inherit;
}
.ar-rel:hover{
    transform:translateY(-2px);
    border-color:var(--ar-copper);
    box-shadow:0 8px 20px -8px rgba(15,10,7,.15);
}
.ar-rel-img{
    aspect-ratio:16/9;background-size:cover;background-position:center;
    background-color:var(--ar-cream);
}
.ar-rel-img--ph{
    background-image:linear-gradient(135deg,transparent,rgba(184,115,51,.06));
}
.ar-rel-body{padding:14px 16px 16px}
.ar-rel-title{
    font-family:var(--ar-serif);font-weight:600;
    font-size:15px;color:var(--ar-ink);line-height:1.3;
    margin:0 0 6px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.ar-rel-meta{
    font-family:var(--ar-mono);font-size:10.5px;letter-spacing:.04em;
    color:var(--ar-text-soft);
}

/* BACK BUTTON */
.ar-d-back-row{
    margin-top:36px;padding-top:24px;
    border-top:1px solid var(--ar-rule-soft);
    text-align:center;
}
.ar-d-back{
    display:inline-flex;align-items:center;gap:10px;
    padding:13px 26px;background:var(--ar-ink);color:var(--ar-paper);
    border-radius:99px;font-family:var(--ar-mono);font-size:11px;
    letter-spacing:.16em;text-transform:uppercase;font-weight:700;
    transition:.2s;text-decoration:none;
}
.ar-d-back:hover{background:var(--ar-copper-d);transform:translateY(-1px)}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════ */
@media (max-width:700px){
    .ar-hero{padding:36px 16px 44px}
    .ar-cats-wrap{margin:0 -20px 40px}
    .ar-section{margin-bottom:56px}
    .ar-section-head{flex-direction:column;align-items:flex-start;gap:12px}
    .ar-section-head-meta{text-align:left}
    .ar-section-authors{border-radius:14px 14px 0 0}
    .ar-yazar-head{padding:48px 20px}
    .ar-yazar-head-inner{flex-direction:column;text-align:center;align-items:center;gap:20px}
    .ar-yazar-socials{justify-content:center}
    .ar-d-head{padding:24px 0 24px}
    .ar-d-meta{flex-direction:column;align-items:flex-start;gap:14px}
    .ar-d-meta-sep{display:none}
    .ar-d-share{margin-left:0}
    .ar-d-meta-info{flex-wrap:wrap;gap:12px}
    .ar-d-content{font-size:17.5px}
    .ar-d-content > *:first-child::first-letter{font-size:4.4em;margin-right:10px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE RESPONSIVE — 2026 (≤1024px)
   Masaüstü düzeni korunur; tüm kurallar bu breakpoint'in altında.
═══════════════════════════════════════════════════════════════════ */

/* ───── ADIM 7.1: Yazı listesi (tablet 2 kolon, telefon 1 kolon) ───── */
@media (max-width: 1024px) {
    .ar-grid,
    [class*="yazi-grid"],
    [class*="article-grid"] {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 24px 20px !important;
    }
    .ar-grid .ar-card,
    .ar-grid .ar-card:nth-child(5n+1) {
        grid-column: span 1 !important;
    }
    .ar-grid .ar-card:nth-child(5n+1) .ar-card-img {
        aspect-ratio: 5/4;
    }
}

@media (max-width: 768px) {
    .ar-grid,
    [class*="yazi-grid"],
    [class*="article-grid"] {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }
    .ar-card,
    [class*="yazi-card"],
    [class*="article-card"] {
        padding: 0 !important;
        border-radius: 8px;
        overflow: hidden;
        background: var(--ar-paper);
        border: 1px solid var(--ar-rule-soft);
    }
    .ar-card .ar-card-img,
    [class*="cover-img"] {
        width: 100% !important;
        aspect-ratio: 16/9 !important;
        object-fit: cover;
        margin-bottom: 0 !important;
        border-radius: 8px 8px 0 0;
    }
    .ar-card-body,
    [class*="card-body"] {
        padding: 18px 18px 20px !important;
        gap: 8px;
    }
    .ar-card-title,
    .ar-card h2 {
        font-size: 1.2rem !important;
        line-height: 1.3 !important;
    }
    .ar-card-ozet,
    [class*="excerpt"] {
        font-size: 0.92rem !important;
        line-height: 1.6 !important;
    }
    .ar-card-foot,
    .ar-card .meta {
        flex-wrap: wrap;
        gap: 8px;
        font-size: 0.78rem !important;
    }
}

/* ───── ADIM 7.2: Yazı detay (hero + kapak + içerik tipografi) ───── */
@media (max-width: 768px) {
    .ar-d-head,
    .ar-detail-hero,
    [class*="detay-hero"],
    [class*="article-hero"] {
        padding: 30px 16px 24px !important;
    }
    .ar-d-title,
    .ar-d-head h1 {
        font-size: clamp(1.6rem, 6vw, 2.3rem) !important;
        line-height: 1.25 !important;
    }
    .ar-d-ozet,
    .ar-d-head .alt-baslik,
    [class*="subtitle"] {
        font-size: 1rem !important;
        line-height: 1.5;
    }
    .ar-d-yazar-mini,
    .ar-d-head .yazar-info {
        flex-wrap: wrap;
        gap: 10px;
    }
    .ar-d-yazar-photo,
    .ar-d-yazar-mini .avatar {
        width: 44px !important;
        height: 44px !important;
    }

    .ar-d-cover,
    .ar-kapak-img,
    [class*="cover-image"] {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        aspect-ratio: 16/9;
        max-height: none !important;
        object-fit: cover;
        border-radius: 6px;
    }

    .ar-d-content,
    .ar-icerik,
    [class*="article-content"],
    [class*="post-body"] {
        padding: 24px 16px !important;
        font-size: clamp(1rem, 4.5vw, 1.1rem) !important;
        line-height: 1.75 !important;
        max-width: 100% !important;
    }
    .ar-d-content h2 {
        font-size: 1.4rem !important;
        margin-top: 32px !important;
    }
    .ar-d-content h3 {
        font-size: 1.18rem !important;
        margin-top: 24px !important;
    }
    .ar-d-content blockquote {
        margin: 18px -4px !important;
        padding: 16px 18px !important;
        font-size: 1.05rem !important;
    }
    .ar-d-content img {
        width: 100% !important;
        height: auto !important;
        border-radius: 6px;
        margin: 20px 0 !important;
    }
    /* drop-cap mobilde rahatsız etmesin */
    .ar-d-content > *:first-child::first-letter {
        font-size: 3.6em !important;
        margin-right: 8px !important;
    }
}

/* ───── ADIM 7.3: Tag / chip flex-wrap ───── */
@media (max-width: 768px) {
    .ar-d-tags,
    .ar-tags,
    [class*="tag-list"] {
        flex-wrap: wrap !important;
        gap: 6px !important;
    }
    .ar-chip,
    .ar-cat-pill,
    .tag-chip,
    [class*="chip"] {
        padding: 6px 12px !important;
        font-size: 0.78rem !important;
        min-height: 32px;
        display: inline-flex;
        align-items: center;
    }
    .ar-cats-bar {
        padding: 8px 16px !important;
    }
}

/* ───── ADIM 7.4: Paylaş — sticky bottom mobil ───── */
@media (max-width: 768px) {
    .ar-d-share,
    .ar-share,
    [class*="share-bar"] {
        position: sticky;
        bottom: 70px;
        left: 0;
        right: 0;
        background: rgba(255, 253, 248, 0.96);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        padding: 10px 16px !important;
        border-top: 1px solid var(--ar-rule, #e0d5c8);
        display: flex !important;
        gap: 8px !important;
        z-index: 50;
        margin: 0 !important;
        border-radius: 0;
    }
    .ar-d-share .ar-d-share-label {
        display: none;
    }
    .ar-d-share .ar-d-share-btn,
    .ar-share button,
    [class*="share-bar"] button {
        flex: 1;
        min-height: 44px;
        min-width: 44px;
        font-size: 16px;
    }
}

/* ───── ADIM 7.5: İlgili yazılar tek kolon ───── */
@media (max-width: 768px) {
    .ar-d-rel-grid,
    .related-yazilar,
    [class*="related"] {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .ar-rel,
    .related-yazi-card,
    [class*="related-card"] {
        flex-direction: row;
        align-items: stretch;
    }
    .ar-rel .ar-rel-img {
        flex: 0 0 38%;
        aspect-ratio: 4/3;
        border-radius: 8px 0 0 8px;
    }
    .ar-rel .ar-rel-body {
        padding: 14px 16px !important;
        flex: 1;
        min-width: 0;
    }
    .ar-rel .ar-rel-title {
        font-size: 14px;
    }
}

/* ───── ADIM 7.6: Yazar profili — hero stack, avatar büyük, stats grid ───── */
@media (max-width: 768px) {
    .ar-yazar-head,
    .yazar-hero,
    [class*="author-hero"] {
        padding: 32px 20px !important;
    }
    .ar-yazar-head-inner {
        flex-direction: column !important;
        text-align: center;
        align-items: center !important;
        gap: 16px !important;
    }
    .ar-yazar-photo-lg,
    .yazar-hero .avatar,
    [class*="author-avatar"] {
        width: 96px !important;
        height: 96px !important;
        margin: 0 auto 4px;
    }
    .ar-yazar-name,
    .yazar-hero h1 {
        font-size: 1.5rem !important;
    }
    .ar-yazar-unvan {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .ar-yazar-bio,
    .yazar-hero .bio,
    [class*="bio"] {
        font-size: 0.95rem !important;
        line-height: 1.6;
        margin: 24px auto !important;
        padding: 0 16px;
    }
    .ar-yazar-socials {
        justify-content: center !important;
    }
    .yazar-stats,
    [class*="stats-row"] {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 12px !important;
    }
    .ar-yazar-yazilari,
    [class*="author-articles"] {
        grid-template-columns: 1fr !important;
    }
    /* yazar sekmeleri mobilde kompakt */
    .ar-yazar-tabs {
        margin-bottom: 24px;
    }
    .ar-yazar-tab {
        padding: 12px 16px !important;
        font-size: 10.5px !important;
    }
    /* X timeline overflow koruması */
    .ar-x-frame {
        padding: 16px !important;
        margin: 0 -4px;
    }
}

/* ───── OTONOM: Editör seçimi & yazarlar grid + hero (≤768px) ───── */
@media (max-width: 768px) {
    /* Feature/manşet kartlarını tek kolon yap */
    .ar-feat-grid {
        gap: 18px !important;
    }
    .ar-feat-lead .ar-feat-body {
        padding: 22px 18px 24px !important;
    }
    .ar-feat-lead .ar-feat-title {
        font-size: clamp(20px, 5vw, 26px) !important;
    }
    .ar-feat-side .ar-feat-body {
        padding: 14px 16px !important;
    }
    /* Yazarlar grid tek kolon, kart daha rahat */
    .ar-authors-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .ar-author {
        padding: 20px 18px 18px !important;
    }
    /* Section başlık + hero */
    .ar-hero {
        padding: 36px 16px 44px !important;
    }
    .ar-hero-title {
        font-size: clamp(1.7rem, 7vw, 2.4rem) !important;
        line-height: 1.18 !important;
    }
    .ar-hero-sub {
        font-size: 0.95rem !important;
        line-height: 1.55 !important;
    }
    .ar-section {
        margin: 0 0 48px !important;
    }
    .ar-section-title {
        font-size: 1.5rem !important;
    }
    /* Yazar kartı (detay sayfasında) */
    .ar-d-yazar-card {
        padding: 20px 18px !important;
        gap: 14px !important;
    }
    .ar-d-yazar-card-actions {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px !important;
    }
    .ar-d-yazar-link {
        font-size: 10px !important;
        padding: 8px 14px !important;
        min-height: 36px;
    }
    /* Back butonu erişim */
    .ar-d-back {
        min-height: 44px;
        padding: 13px 22px !important;
    }
}

/* ───── OTONOM: Çok küçük telefonlar (≤480px) ───── */
@media (max-width: 480px) {
    .ar-d-content {
        padding: 20px 14px !important;
    }
    .ar-d-cover {
        border-radius: 4px;
    }
    .ar-yazar-bio {
        padding: 0 14px;
    }
    .ar-rel .ar-rel-img {
        flex: 0 0 36%;
    }
    .ar-rel .ar-rel-title {
        font-size: 13.5px;
        -webkit-line-clamp: 3;
    }
}

/* ═══════════════════════════════════════════════════════════════════
   ARIFANE MOBİL — Kategori Bar → Trigger + Bottom Sheet
   2026-05-24
   Tüm kurallar @media (max-width: 768px) izole; desktop dokunulmaz.
═══════════════════════════════════════════════════════════════════ */

/* Default (desktop): trigger ve sheet gizli */
.arb-cats-trigger,
.arb-bottom-sheet,
.arb-sheet-backdrop {
    display: none;
}

@media (max-width: 768px) {

    /* ─── A. MEVCUT BAR GİZLE (DOM'da kalır, SEO + JS scraping için) ─── */
    .ar-cats-wrap,
    .ar-cats-bar {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
    }

    /* ─── B. KOMPAKT TRIGGER ─────────────────────────────────────── */
    .arb-cats-trigger:not([hidden]) {
        display: inline-flex !important;
        align-items: center !important;
        gap: 10px !important;

        width: calc(100% - 32px) !important;
        max-width: 480px !important;
        margin: 12px 16px 20px !important;
        padding: 10px 16px !important;
        min-height: 44px !important;

        background: rgba(255, 253, 248, 0.92) !important;
        -webkit-backdrop-filter: blur(12px) saturate(140%) !important;
        backdrop-filter: blur(12px) saturate(140%) !important;

        border: 1px solid rgba(184, 115, 51, 0.22) !important;
        border-radius: 99px !important;

        color: var(--ar-text, #2C1810) !important;
        font-family: var(--ar-mono, 'JetBrains Mono', monospace) !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.04em !important;
        text-align: left !important;

        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        transition: border-color .18s cubic-bezier(.16, 1, .3, 1),
                    box-shadow .18s cubic-bezier(.16, 1, .3, 1),
                    background .18s cubic-bezier(.16, 1, .3, 1),
                    transform .18s cubic-bezier(.16, 1, .3, 1) !important;
        box-shadow: 0 2px 8px rgba(15, 10, 7, 0.06) !important;
    }

    .arb-cats-trigger:hover,
    .arb-cats-trigger:active {
        border-color: var(--ar-copper, #B87333) !important;
        box-shadow:
            0 4px 12px rgba(184, 115, 51, 0.16),
            0 0 0 4px rgba(184, 115, 51, 0.08) !important;
        transform: translateY(-1px) !important;
    }

    .arb-cats-trigger[aria-expanded="true"] {
        border-color: var(--ar-copper, #B87333) !important;
        background: rgba(184, 115, 51, 0.06) !important;
    }

    .arb-trigger-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background: var(--arb-dot-color, var(--ar-gold, #C5A54E)) !important;
        flex: 0 0 8px !important;
        transition: background .2s ease !important;
        box-shadow: 0 0 0 2px rgba(184, 115, 51, 0.10) !important;
    }

    .arb-trigger-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        text-align: left !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .arb-trigger-chev {
        flex: 0 0 auto !important;
        font-size: 10px !important;
        color: var(--ar-muted, #6B5B4F) !important;
        transform: rotate(0deg) !important;
        transition: transform .3s cubic-bezier(.16, 1, .3, 1) !important;
    }

    .arb-cats-trigger[aria-expanded="true"] .arb-trigger-chev {
        transform: rotate(180deg) !important;
    }

    /* ─── C. BOTTOM SHEET ────────────────────────────────────────── */
    /* NOT: [hidden] tetiklemeyiz; UA `[hidden]{display:none}` kuralı
       display:none→flex geçişi yaratırdı ve transform transition'ı
       susturur. Bunun yerine visibility + pointer-events + transform
       kullanırız. JS sadece .is-open class'ını toggle eder.            */

    /* Backdrop */
    .arb-sheet-backdrop {
        display: block !important;
        position: fixed !important;
        inset: 0 !important;
        background: rgba(15, 10, 7, 0.42) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        backdrop-filter: blur(4px) !important;
        z-index: 1998 !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .28s cubic-bezier(.16, 1, .3, 1),
                    visibility 0s linear .28s !important;
    }

    .arb-sheet-backdrop.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: opacity .28s cubic-bezier(.16, 1, .3, 1),
                    visibility 0s linear 0s !important;
    }

    /* Sheet — always display:flex on mobile (override [hidden] UA rule
       so we avoid the display:none→flex transition-breaker)            */
    .arb-bottom-sheet {
        display: flex !important;
        flex-direction: column !important;
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 2000 !important;

        max-height: 78vh !important;
        min-height: 280px !important;

        background: rgba(255, 253, 248, 0.98) !important;
        -webkit-backdrop-filter: saturate(180%) blur(20px) !important;
        backdrop-filter: saturate(180%) blur(20px) !important;

        border-top-left-radius: 20px !important;
        border-top-right-radius: 20px !important;
        border-top: 1px solid rgba(184, 115, 51, 0.18) !important;
        box-shadow:
            0 -12px 32px -8px rgba(15, 10, 7, 0.24),
            0 -4px 16px rgba(15, 10, 7, 0.10) !important;

        transform: translateY(105%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .32s cubic-bezier(.16, 1, .3, 1),
                    visibility 0s linear .32s !important;

        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
        overflow: hidden !important;
    }

    .arb-bottom-sheet.is-open {
        transform: translateY(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: transform .32s cubic-bezier(.16, 1, .3, 1),
                    visibility 0s linear 0s !important;
    }

    /* Handle */
    .arb-sheet-handle {
        width: 40px !important;
        height: 4px !important;
        background: rgba(184, 115, 51, 0.32) !important;
        border-radius: 99px !important;
        margin: 10px auto 6px !important;
        flex: 0 0 auto !important;
    }

    /* Header */
    .arb-sheet-header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 4px 16px 10px !important;
        border-bottom: 1px solid rgba(184, 115, 51, 0.10) !important;
        flex: 0 0 auto !important;
    }

    .arb-sheet-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: var(--ar-ink, #0F0A07) !important;
        margin: 0 !important;
        letter-spacing: -0.01em !important;
        font-family: var(--ar-serif, 'Playfair Display', Georgia, serif) !important;
    }

    .arb-sheet-close {
        width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        background: rgba(184, 115, 51, 0.06) !important;
        border-radius: 99px !important;
        color: var(--ar-ink, #0F0A07) !important;
        font-size: 16px !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: background .15s ease !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .arb-sheet-close:active {
        background: rgba(184, 115, 51, 0.16) !important;
    }

    /* Search */
    .arb-sheet-search {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 12px 16px !important;
        margin: 8px 16px !important;

        border: 1px solid rgba(184, 115, 51, 0.18) !important;
        border-radius: 99px !important;
        background: #FFFEF9 !important;
        flex: 0 0 auto !important;

        transition: border-color .15s ease, box-shadow .15s ease !important;
    }

    .arb-sheet-search:focus-within {
        border-color: var(--ar-copper, #B87333) !important;
        box-shadow: 0 0 0 4px rgba(184, 115, 51, 0.10) !important;
    }

    .arb-search-icon {
        color: var(--ar-copper, #B87333) !important;
        font-size: 14px !important;
        flex: 0 0 auto !important;
    }

    .arb-sheet-search input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        outline: 0 !important;
        font-size: 16px !important;   /* iOS no-zoom */
        color: var(--ar-ink, #0F0A07) !important;
        font-family: inherit !important;
    }

    .arb-sheet-search input::placeholder {
        color: var(--ar-muted, #6B5B4F) !important;
        opacity: 0.7 !important;
    }

    /* Body */
    .arb-sheet-body {
        flex: 1 1 auto !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding: 8px 12px 20px !important;

        scrollbar-width: thin !important;
        scrollbar-color: rgba(184, 115, 51, 0.32) transparent !important;
    }

    .arb-sheet-body::-webkit-scrollbar { width: 4px !important; }
    .arb-sheet-body::-webkit-scrollbar-thumb {
        background: rgba(184, 115, 51, 0.32) !important;
        border-radius: 99px !important;
    }

    /* Cats grid — 2 sütun */
    .arb-cats-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .arb-cats-grid-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 10px 12px !important;
        min-height: 44px !important;

        background: transparent !important;
        border: 1px solid rgba(184, 115, 51, 0.18) !important;
        border-radius: 99px !important;

        color: var(--ar-text, #2C1810) !important;
        font-family: var(--ar-mono, 'JetBrains Mono', monospace) !important;
        font-size: 11.5px !important;
        font-weight: 500 !important;
        letter-spacing: 0.04em !important;

        cursor: pointer !important;
        text-decoration: none !important;
        transition: border-color .15s ease,
                    background .15s ease,
                    transform .15s ease !important;
        min-width: 0 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    .arb-cats-grid-item:hover,
    .arb-cats-grid-item:active {
        border-color: var(--ar-copper, #B87333) !important;
        background: rgba(184, 115, 51, 0.06) !important;
        transform: scale(0.98) !important;
    }

    .arb-cats-grid-item.is-active {
        background: var(--ar-ink, #0F0A07) !important;
        color: var(--ar-paper, #FAF7F2) !important;
        border-color: var(--ar-ink, #0F0A07) !important;
        box-shadow: 0 2px 8px rgba(15, 10, 7, 0.20) !important;
    }

    .arb-cats-grid-item.is-active .arb-grid-dot {
        background: var(--ar-gold, #C5A54E) !important;
    }

    .arb-grid-dot {
        width: 6px !important;
        height: 6px !important;
        border-radius: 50% !important;
        background: var(--arb-dot-color, var(--ar-copper, #B87333)) !important;
        flex: 0 0 6px !important;
    }

    .arb-grid-label {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    .arb-cats-empty {
        grid-column: 1 / -1 !important;
        padding: 24px 16px !important;
        text-align: center !important;
        color: var(--ar-muted, #6B5B4F) !important;
        font-size: 13px !important;
        margin: 0 !important;
    }

    /* Body scroll lock */
    body.arb-sheet-open {
        overflow: hidden !important;
        touch-action: none !important;
    }

    /* ─── D. YATAY OVERFLOW GUARD ───────────────────────────────── */
    html, body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }
}

/* ─── ≤480px — Daha sıkı ────────────────────────────────────────── */
@media (max-width: 480px) {
    .arb-cats-trigger:not([hidden]) {
        margin: 10px 12px 16px !important;
        padding: 9px 14px !important;
        min-height: 42px !important;
        font-size: 11.5px !important;
        width: calc(100% - 24px) !important;
    }

    .arb-cats-grid {
        gap: 5px !important;
    }

    .arb-cats-grid-item {
        padding: 9px 10px !important;
        min-height: 42px !important;
        font-size: 11px !important;
        gap: 6px !important;
    }

    .arb-sheet-search {
        margin: 6px 12px !important;
        padding: 10px 14px !important;
    }

    .arb-sheet-body {
        padding: 6px 10px 16px !important;
    }
}

/* ─── prefers-reduced-motion ────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
    .arb-bottom-sheet,
    .arb-sheet-backdrop,
    .arb-cats-trigger,
    .arb-trigger-chev,
    .arb-cats-grid-item {
        transition: none !important;
    }
}