/* =========================================================
   Jeebna — Blog (Editöryel dergi)
   Sıcak · premium · turuncu accent · tam RTL
   Renk/tipografi tokenları jeebna-theme.css'ten gelir
   (navbar.php yükler). Bu dosya yalnız blog bileşenleridir.
   ========================================================= */

.jbl {
    --jbl-accent: var(--accent, #E2611C);
    --jbl-accent-soft: var(--jeebna-orange-soft, #FBEDE3);
    --jbl-ink: var(--ink, #1F1B17);
    --jbl-muted: var(--muted, #6E665D);
    --jbl-muted-2: var(--muted-2, #8C8178);
    --jbl-muted-3: var(--muted-3, #A89E93);
    --jbl-line: var(--line, #EDE8E2);
    --jbl-line-2: var(--line-2, #E2DBD2);
    --jbl-card: #FFFFFF;
    --jbl-radius: 18px;
    --jbl-radius-lg: 24px;
    --jbl-shadow: 0 8px 22px rgba(31, 27, 23, .05);
    --jbl-shadow-hover: 0 18px 42px rgba(31, 27, 23, .12);
    --jbl-fade: linear-gradient(180deg, rgba(20, 16, 12, 0) 0%, rgba(20, 16, 12, .18) 42%, rgba(20, 16, 12, .78) 100%);
    --jbl-warm: linear-gradient(135deg, #F7C89B 0%, #E2611C 55%, #B8480C 100%);
    color: var(--jbl-ink);
}

.jbl-shell {
    max-width: 1200px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* ---------- Masthead ---------- */
.jbl-masthead {
    padding: 40px 0 26px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 26px;
    flex-wrap: wrap;
}
.jbl-masthead__intro { max-width: 640px; }
.jbl-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--jbl-accent-soft);
    color: var(--jbl-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 7px 14px;
    border-radius: 999px;
}
/* Blog logosu (favicon-512 marka işareti + Jeebna wordmark) */
.jbl-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    margin-bottom: 4px;
}
.jbl-logo__img {
    width: 48px;
    height: 48px;
    border-radius: 13px;
    box-shadow: var(--jbl-shadow);
    flex: 0 0 auto;
    transition: transform .25s cubic-bezier(.25, .8, .25, 1);
}
.jbl-logo:hover .jbl-logo__img { transform: rotate(-4deg) scale(1.04); }
.jbl-logo__text {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: 1.3rem;
    letter-spacing: -.02em;
    color: var(--jbl-ink);
    line-height: 1;
}
.jbl-logo:hover .jbl-logo__text { color: var(--jbl-accent); }

.jbl-title {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(2rem, 4.4vw, 3rem);
    line-height: 1.05;
    letter-spacing: -.02em;
    margin: 16px 0 10px;
    color: var(--jbl-ink);
}
.jbl-lead {
    font-size: 1.06rem;
    line-height: 1.6;
    color: var(--jbl-muted);
    margin: 0;
}

/* ---------- Arama ---------- */
.jbl-search { position: relative; width: min(340px, 100%); }
.jbl-search input {
    width: 100%;
    border: 1px solid var(--jbl-line-2);
    background: #fff;
    border-radius: 999px;
    padding: 13px 18px;
    padding-inline-start: 46px;
    font-size: .95rem;
    color: var(--jbl-ink);
    transition: all .25s cubic-bezier(.25, .8, .25, 1);
}
.jbl-search input::placeholder { color: var(--jbl-muted-3); }
.jbl-search input:focus {
    outline: none;
    border-color: var(--jbl-accent);
    box-shadow: 0 0 0 4px rgba(226, 97, 28, .12);
}
.jbl-search__icon {
    position: absolute;
    inset-inline-start: 18px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--jbl-muted-3);
    pointer-events: none;
    font-size: .95rem;
}

/* ---------- Öne çıkan (hero) ---------- */
.jbl-featured {
    position: relative;
    display: block;
    border-radius: var(--jbl-radius-lg);
    overflow: hidden;
    min-height: 440px;
    color: #fff;
    text-decoration: none;
    box-shadow: var(--jbl-shadow);
    isolation: isolate;
    margin-bottom: 34px;
    transition: box-shadow .3s ease;
}
.jbl-featured:hover { box-shadow: var(--jbl-shadow-hover); color: #fff; }
.jbl-featured__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: transform .6s cubic-bezier(.25, .8, .25, 1);
}
.jbl-featured:hover .jbl-featured__img { transform: scale(1.04); }
.jbl-featured__scrim {
    position: absolute;
    inset: 0;
    background: var(--jbl-fade);
    z-index: -1;
}
.jbl-featured--noimg { background: var(--jbl-warm); }
.jbl-featured__body {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 34px clamp(24px, 4vw, 48px);
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 760px;
}
.jbl-featured__title {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(1.6rem, 3.4vw, 2.5rem);
    line-height: 1.12;
    letter-spacing: -.02em;
    margin: 0;
    text-shadow: 0 2px 20px rgba(0, 0, 0, .35);
}
.jbl-featured__excerpt {
    font-size: 1.02rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, .9);
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 620px;
}
.jbl-featured .jbl-meta { color: rgba(255, 255, 255, .88); }
.jbl-featured__cta {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: #fff;
    color: var(--jbl-ink);
    font-weight: 700;
    font-size: .92rem;
    padding: 11px 22px;
    border-radius: 999px;
    margin-top: 4px;
    transition: transform .2s ease, background .2s ease;
}
.jbl-featured:hover .jbl-featured__cta { background: var(--jbl-accent); color: #fff; }
.jbl-featured__cta .jbl-arrow { transition: transform .25s ease; }
.jbl-featured:hover .jbl-featured__cta .jbl-arrow { transform: translateX(4px); }
[dir="rtl"] .jbl-featured:hover .jbl-featured__cta .jbl-arrow { transform: translateX(-4px); }

/* ---------- Kategori filtre çubuğu ---------- */
.jbl-chips {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 4px 0 20px;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.jbl-chips::-webkit-scrollbar { display: none; }
.jbl-chip {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 18px;
    border-radius: 999px;
    border: 1px solid var(--jbl-line-2);
    background: #fff;
    color: var(--jbl-ink);
    font-size: .9rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: all .2s cubic-bezier(.25, .8, .25, 1);
}
.jbl-chip:hover {
    border-color: var(--jbl-accent);
    color: var(--jbl-accent);
    transform: translateY(-2px);
}
.jbl-chip.is-active {
    background: var(--jbl-accent);
    border-color: var(--jbl-accent);
    color: #fff;
}
.jbl-chip.is-active:hover { color: #fff; transform: none; }

/* ---------- Kart ızgarası ---------- */
.jbl-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
}
.jbl-card {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--jbl-card);
    border: 1px solid var(--jbl-line);
    border-radius: var(--jbl-radius);
    overflow: hidden;
    height: 100%;
    transition: transform .3s cubic-bezier(.25, .8, .25, 1), box-shadow .3s ease, border-color .3s ease;
}
.jbl-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--jbl-shadow-hover);
    border-color: transparent;
}
.jbl-card__media {
    position: relative;
    display: block;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: var(--jbl-warm);
}
.jbl-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s cubic-bezier(.25, .8, .25, 1);
}
.jbl-card:hover .jbl-card__img { transform: scale(1.06); }
.jbl-cat-pill {
    position: absolute;
    inset-inline-start: 12px;
    top: 12px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    background: rgba(255, 255, 255, .94);
    color: var(--jbl-accent);
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 6px 12px;
    border-radius: 999px;
    text-decoration: none;
    backdrop-filter: blur(6px);
    transition: background .2s ease, color .2s ease;
}
.jbl-cat-pill:hover { background: var(--jbl-accent); color: #fff; }
/* Öne çıkan görsel üzerindeki "hayalet" kategori pili */
.jbl-featured .jbl-cat-pill--ghost {
    position: static;
    background: rgba(255, 255, 255, .18);
    color: #fff;
    backdrop-filter: blur(5px);
}
.jbl-featured .jbl-cat-pill--ghost:hover { background: rgba(255, 255, 255, .3); color: #fff; }
.jbl-card__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 20px 22px;
    flex: 1;
}
.jbl-card__title {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 700;
    font-size: 1.14rem;
    line-height: 1.3;
    letter-spacing: -.01em;
    margin: 0;
}
.jbl-card__title a { color: var(--jbl-ink); text-decoration: none; }
.jbl-card:hover .jbl-card__title a { color: var(--jbl-accent); }
.jbl-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.jbl-clamp-3 { -webkit-line-clamp: 3; }
.jbl-card__excerpt {
    font-size: .95rem;
    line-height: 1.55;
    color: var(--jbl-muted);
    margin: 0;
}
.jbl-card__foot {
    margin-top: auto;
    padding-top: 6px;
}
.jbl-card__stretch::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* ---------- Modern jeneratif kapak (gerçek kapak yoksa) ---------- */
.jbl-ph {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #FBD6BE 0%, #F09055 52%, #E2611C 100%);
}
.jbl-ph__ico {
    position: relative;
    z-index: 2;
    font-size: clamp(1.5rem, 7vw, 2.6rem);
    color: rgba(255, 255, 255, .95);
    text-shadow: 0 6px 18px rgba(0, 0, 0, .18);
    transition: transform .4s cubic-bezier(.25, .8, .25, 1);
}
.jbl-card:hover .jbl-ph__ico,
.jbl-more:hover .jbl-ph__ico { transform: scale(1.14) rotate(-5deg); }
.jbl-ph__blob {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, .18);
    pointer-events: none;
}
.jbl-ph__blob--1 { width: 54%; padding-bottom: 54%; inset-inline-start: -14%; top: -22%; background: rgba(255, 255, 255, .26); }
.jbl-ph__blob--2 { width: 36%; padding-bottom: 36%; inset-inline-end: -8%; bottom: -18%; background: rgba(255, 255, 255, .15); }
.jbl-ph__blob--3 { width: 15%; padding-bottom: 15%; inset-inline-end: 22%; top: 20%; background: rgba(255, 255, 255, .24); }

/* Tatlı-modern degrade paleti — post'a göre deterministik seçilir */
.jbl-ph--g0 { background: linear-gradient(135deg, #FFD9A0 0%, #FF8A5B 52%, #FF6B6B 100%); }
.jbl-ph--g1 { background: linear-gradient(135deg, #FFE0EC 0%, #F79CC4 52%, #E86FA0 100%); }
.jbl-ph--g2 { background: linear-gradient(135deg, #E4CCFF 0%, #A78BFA 52%, #8B5CF6 100%); }
.jbl-ph--g3 { background: linear-gradient(135deg, #AEE3FF 0%, #74B9FF 52%, #5B8DEF 100%); }
.jbl-ph--g4 { background: linear-gradient(135deg, #C6F3E4 0%, #5FE3C0 52%, #22C7B0 100%); }
.jbl-ph--g5 { background: linear-gradient(135deg, #FFE9A8 0%, #FFC46B 52%, #F59E0B 100%); }
.jbl-ph--g6 { background: linear-gradient(135deg, #FBD6BE 0%, #F09055 52%, #E2611C 100%); }
.jbl-ph--g7 { background: linear-gradient(135deg, #DCF5C6 0%, #9BDA6E 52%, #62AE39 100%); }

/* Öne çıkan (no-image): okunabilirlik için alt scrim koyulaşır */
.jbl-featured--noimg .jbl-featured__scrim {
    background: linear-gradient(180deg, rgba(20, 16, 12, 0) 34%, rgba(20, 16, 12, .58) 100%);
}

/* Yazı detayı: kapak yoksa jeneratif kutu */
.jbl-coverbox {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 8.4;
    max-height: 420px;
    border-radius: var(--jbl-radius-lg);
    overflow: hidden;
    margin: 28px 0 32px;
    box-shadow: var(--jbl-shadow);
}
.jbl-coverbox .jbl-ph__ico { font-size: clamp(2.4rem, 9vw, 4.2rem); }

/* ---------- Meta satırı + yazar ---------- */
.jbl-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 12px;
    font-size: .84rem;
    color: var(--jbl-muted-2);
}
.jbl-meta__item { display: inline-flex; align-items: center; gap: 6px; }
.jbl-meta__item i { font-size: .82em; opacity: .8; }
.jbl-dot { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .5; }
.jbl-author {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: .86rem;
    color: var(--jbl-muted);
    font-weight: 600;
}
.jbl-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--jbl-accent-soft);
    color: var(--jbl-accent);
    font-weight: 800;
    font-size: .82rem;
    text-transform: uppercase;
    flex: 0 0 auto;
}

/* ---------- Boş durum ---------- */
.jbl-empty {
    text-align: center;
    padding: 70px 20px;
    color: var(--jbl-muted);
}
.jbl-empty__icon {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: var(--jbl-accent-soft);
    color: var(--jbl-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    margin-bottom: 18px;
}

/* ---------- Sayfalama ---------- */
.jbl-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 46px 0 12px;
    flex-wrap: wrap;
}
.jbl-pager a, .jbl-pager span {
    min-width: 42px;
    height: 42px;
    padding: 0 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid var(--jbl-line-2);
    background: #fff;
    color: var(--jbl-ink);
    font-weight: 600;
    font-size: .92rem;
    text-decoration: none;
    transition: all .2s ease;
}
.jbl-pager a:hover { border-color: var(--jbl-accent); color: var(--jbl-accent); }
.jbl-pager .is-active {
    background: var(--jbl-accent);
    border-color: var(--jbl-accent);
    color: #fff;
    cursor: default;
}
.jbl-pager .is-disabled { opacity: .4; pointer-events: none; }
.jbl-pager .jbl-gap { border: 0; background: transparent; min-width: 20px; }

/* =========================================================
   Yazı detayı
   ========================================================= */
.jbl-progress {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    height: 3px;
    width: 0;
    background: var(--jbl-accent);
    z-index: 1080;
    transition: width .1s linear;
}
.jbl-article { max-width: 760px; margin-inline: auto; }
.jbl-crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: .84rem;
    color: var(--jbl-muted-2);
    margin: 26px 0 22px;
}
.jbl-crumbs a { color: var(--jbl-muted); text-decoration: none; }
.jbl-crumbs a:hover { color: var(--jbl-accent); }
.jbl-crumbs .sep { opacity: .5; }
.jbl-crumbs .cur { color: var(--jbl-ink); font-weight: 600; }

.jbl-article__head { margin-bottom: 26px; }
.jbl-article__cat {
    display: inline-flex;
    align-items: center;
    background: var(--jbl-accent-soft);
    color: var(--jbl-accent);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 6px 14px;
    border-radius: 999px;
    text-decoration: none;
    margin-bottom: 18px;
}
.jbl-article__title {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: clamp(1.9rem, 4.2vw, 2.9rem);
    line-height: 1.12;
    letter-spacing: -.02em;
    color: var(--jbl-ink);
    margin: 0 0 16px;
}
.jbl-article__excerpt {
    font-size: 1.18rem;
    line-height: 1.6;
    color: var(--jbl-muted);
    margin: 0 0 22px;
}
.jbl-article__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 16px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--jbl-line);
}
.jbl-article__meta .jbl-avatar { width: 40px; height: 40px; font-size: 1rem; }
.jbl-cover {
    width: 100%;
    max-height: 480px;
    object-fit: cover;
    border-radius: var(--jbl-radius-lg);
    margin: 28px 0 32px;
    box-shadow: var(--jbl-shadow);
}

/* ---------- Prose (gövde tipografisi) ---------- */
.jbl-prose {
    font-size: 1.12rem;
    line-height: 1.85;
    color: #2b2622;
}
.jbl-prose > p { margin: 0 0 1.35rem; }
.jbl-prose h2, .jbl-prose h3, .jbl-prose h4 {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    color: var(--jbl-ink);
    line-height: 1.25;
    letter-spacing: -.01em;
}
.jbl-prose h2 { font-size: 1.6rem; margin: 2.4rem 0 1rem; }
.jbl-prose h3 { font-size: 1.3rem; margin: 2rem 0 .8rem; }
.jbl-prose h4 { font-size: 1.12rem; margin: 1.6rem 0 .6rem; }
.jbl-prose a { color: var(--jbl-accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.jbl-prose a:hover { color: #B8480C; }
.jbl-prose img {
    max-width: 100%;
    height: auto;
    border-radius: var(--jbl-radius);
    margin: 1.6rem 0;
    box-shadow: var(--jbl-shadow);
}
.jbl-prose ul, .jbl-prose ol { margin: 0 0 1.35rem; padding-inline-start: 1.4rem; }
.jbl-prose li { margin-bottom: .5rem; }
.jbl-prose li::marker { color: var(--jbl-accent); }
.jbl-prose blockquote {
    margin: 1.8rem 0;
    padding: 4px 22px;
    border-inline-start: 4px solid var(--jbl-accent);
    background: var(--jeebna-orange-softer, #FAF8F5);
    border-radius: 4px;
    color: var(--jbl-ink);
    font-size: 1.18rem;
    font-style: italic;
}
.jbl-prose blockquote p:last-child { margin-bottom: 0; }
.jbl-prose pre {
    background: #1F1B17;
    color: #F3EDE6;
    padding: 18px 20px;
    border-radius: var(--jbl-radius);
    overflow-x: auto;
    font-size: .92rem;
    margin: 1.6rem 0;
}
.jbl-prose code {
    background: var(--jbl-accent-soft);
    color: #B8480C;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: .9em;
}
.jbl-prose pre code { background: transparent; color: inherit; padding: 0; }
.jbl-prose hr { border: 0; border-top: 1px solid var(--jbl-line); margin: 2.4rem 0; }
.jbl-prose table { width: 100%; border-collapse: collapse; margin: 1.6rem 0; font-size: .98rem; }
.jbl-prose th, .jbl-prose td { border: 1px solid var(--jbl-line); padding: 10px 12px; text-align: start; }
.jbl-prose th { background: var(--jeebna-orange-softer, #FAF8F5); font-weight: 700; }
/* Editöryel drop-cap — yalnız LTR (Arapçada uygulanmaz) */
.jbl-article:not(.jbl-rtl) .jbl-prose > p:first-of-type::first-letter {
    font-family: 'Sora', 'Manrope', sans-serif;
    float: left;
    font-size: 3.4rem;
    line-height: .82;
    font-weight: 800;
    color: var(--jbl-accent);
    margin: 6px 12px 0 0;
}

/* ---------- Etiketler ---------- */
.jbl-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 34px 0 6px; }
.jbl-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--jbl-line-2);
    color: var(--jbl-muted);
    font-size: .85rem;
    font-weight: 600;
    text-decoration: none;
    transition: all .2s ease;
}
.jbl-tag i { color: var(--jbl-accent); font-size: .78em; }
.jbl-tag:hover { border-color: var(--jbl-accent); color: var(--jbl-accent); }

/* ---------- Paylaş ---------- */
.jbl-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 30px 0;
    padding: 20px 0;
    border-top: 1px solid var(--jbl-line);
    border-bottom: 1px solid var(--jbl-line);
}
.jbl-share__label { font-weight: 700; color: var(--jbl-ink); font-size: .92rem; }
.jbl-share__btns { display: inline-flex; gap: 10px; flex-wrap: wrap; }
.jbl-share__btn {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--jbl-line-2);
    background: #fff;
    color: var(--jbl-muted);
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    transition: all .22s cubic-bezier(.25, .8, .25, 1);
}
.jbl-share__btn:hover { transform: translateY(-3px); color: #fff; border-color: transparent; }
.jbl-share__btn[data-net="whatsapp"]:hover { background: #25D366; }
.jbl-share__btn[data-net="telegram"]:hover { background: #229ED9; }
.jbl-share__btn[data-net="x"]:hover { background: #000; }
.jbl-share__btn[data-net="facebook"]:hover { background: #1877F2; }
.jbl-share__btn[data-net="copy"]:hover { background: var(--jbl-accent); }
.jbl-share__btn.is-copied { background: #16a34a; color: #fff; border-color: transparent; }

/* ---------- Yazar kartı ---------- */
.jbl-authorcard {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--jbl-line);
    border-radius: var(--jbl-radius);
    padding: 20px 22px;
    margin: 30px 0;
}
.jbl-authorcard .jbl-avatar { width: 52px; height: 52px; font-size: 1.3rem; }
.jbl-authorcard__name { font-weight: 800; color: var(--jbl-ink); font-family: 'Sora', sans-serif; }
.jbl-authorcard__role { font-size: .88rem; color: var(--jbl-muted-2); margin-top: 2px; }

/* ---------- Bölüm başlığı (ilgili/diğer) ---------- */
.jbl-sec { margin-top: 44px; }
.jbl-sec__title {
    font-family: 'Sora', 'Manrope', system-ui, sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
    letter-spacing: -.01em;
    margin: 0 0 20px;
    color: var(--jbl-ink);
}

/* ---------- İlgili ürünler ---------- */
.jbl-prod-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.jbl-prod {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--jbl-line);
    border-radius: var(--jbl-radius);
    overflow: hidden;
    background: #fff;
    text-decoration: none;
    color: var(--jbl-ink);
    transition: transform .3s ease, box-shadow .3s ease;
}
.jbl-prod:hover { transform: translateY(-5px); box-shadow: var(--jbl-shadow-hover); color: var(--jbl-ink); }
.jbl-prod__img { aspect-ratio: 3 / 4; object-fit: cover; width: 100%; background: var(--jeebna-orange-softer, #FAF8F5); }
.jbl-prod__body { padding: 12px 13px 14px; display: flex; flex-direction: column; gap: 5px; }
.jbl-prod__name { font-size: .9rem; font-weight: 600; line-height: 1.35; }
.jbl-prod__price { font-family: 'Sora', sans-serif; font-weight: 700; color: var(--jbl-accent); font-size: 1rem; }
.jbl-prod__cur { font-size: .8em; color: var(--jbl-muted-2); font-weight: 600; }

/* ---------- Diğer yazılar (mini kart) ---------- */
.jbl-more-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.jbl-more {
    display: flex;
    flex-direction: column;
    border-radius: var(--jbl-radius);
    overflow: hidden;
    text-decoration: none;
    background: #fff;
    border: 1px solid var(--jbl-line);
    transition: transform .3s ease, box-shadow .3s ease;
}
.jbl-more:hover { transform: translateY(-5px); box-shadow: var(--jbl-shadow-hover); }
.jbl-more__img { position: relative; aspect-ratio: 16 / 10; object-fit: cover; width: 100%; background: var(--jbl-warm); }
.jbl-more__title {
    padding: 14px 15px 16px;
    font-family: 'Sora', 'Manrope', sans-serif;
    font-weight: 700;
    font-size: .98rem;
    line-height: 1.32;
    color: var(--jbl-ink);
}

/* ---------- Geri dön ---------- */
.jbl-back {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin: 34px 0 10px;
    color: var(--jbl-accent);
    font-weight: 700;
    text-decoration: none;
    font-size: .95rem;
}
.jbl-back:hover { color: #B8480C; gap: 13px; }
.jbl-back i { transition: transform .2s ease; }

/* =========================================================
   Duyarlı (responsive)
   ========================================================= */
@media (max-width: 991.98px) {
    .jbl-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
    .jbl-prod-grid, .jbl-more-grid { grid-template-columns: repeat(3, 1fr); }
    .jbl-featured { min-height: 380px; }
    .jbl-masthead { padding-top: 30px; }
}
@media (max-width: 639.98px) {
    .jbl-grid { grid-template-columns: 1fr; }
    .jbl-prod-grid { grid-template-columns: repeat(2, 1fr); }
    .jbl-more-grid { grid-template-columns: 1fr; }
    .jbl-featured { min-height: 340px; }
    .jbl-featured__body { padding: 24px 20px; }
    .jbl-search { width: 100%; }
    .jbl-article__excerpt { font-size: 1.06rem; }
    .jbl-prose { font-size: 1.06rem; }
}