/* ==========================================================================
   TITLE: style.css
   EXPLAIN: BilgelikSevgisi arayüzünün bu dosyaya ait stil kuralları.
   NOTE: Final temiz sürümde dosya adı korunmuş, sürüm numaralı geçici adlar kaldırılmıştır.
   ========================================================================== */

:root {
    --ink: #151514;
    --paper: #f4f0e9;
    --line: #d8d0c5;
    --accent: #755947;
    --deep: #0f1111
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--ink);
    font-family: Inter, Arial, sans-serif
}

.topbar {
    height: 29px;
    background: #0d0f0f;
    color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    position: relative
}

.socials {
    position: absolute;
    right: 5%;
    display: flex;
    gap: 18px
}

.navbar {
    height: 72px;
    background: #f5f1eb;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6.8%;
    border-bottom: 1px solid #ded7ce;
    position: sticky;
    top: 0;
    z-index: 20
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #111;
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px;
    line-height: .83;
    font-weight: 600
}

.feather {
    font-size: 35px;
    transform: rotate(-35deg);
    display: inline-block
}

.menu-btn {
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px
}

.menu-btn span {
    height: 2px;
    background: #151515;
    display: block
}

.menu-btn span:nth-child(1) {
    width: 28px
}

.menu-btn span:nth-child(2) {
    width: 22px
}

.menu-btn span:nth-child(3) {
    width: 28px
}

.hero {
    height: 290px;
    position: relative;
    overflow: hidden;
    background: #0e1111
}

.hero-photo {
    position: absolute;
    inset: 0 0 0 38%;
    background: url("../assets/hero.jpg?v=20260817-user-images-v11") center 38%/cover no-repeat
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, #090c0c 0%, #0a0c0cf4 31%, #101313ba 48%, transparent 78%)
}

.hero-copy {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 27px 7%
}

.hero-copy small,
.hero-copy .eyebrow {
    display: block;
    font-size: 10px;
    letter-spacing: .09em
}

.hero-copy .eyebrow {
    color: #c7a27b;
    margin: 13px 0 5px
}

.hero h1,
.section-title strong,
.content-area h3,
.book-feature h3 {
    font-family: 'Cormorant Garamond', serif
}

.hero h1 {
    font-size: 52px;
    line-height: .88;
    margin: 0 0 13px;
    font-weight: 600
}

.hero p {
    font-size: 13px;
    line-height: 1.55;
    margin-bottom: 16px
}

.btn {
    display: inline-flex;
    padding: 10px 15px;
    border: 1px solid #a79d91;
    border-radius: 2px;
    text-decoration: none;
    color: #171717;
    font-size: 12px
}

.btn-dark {
    color: #fff;
    border-color: #9b826f
}

.dots {
    position: absolute;
    bottom: 12px;
    left: 34%;
    display: flex;
    gap: 10px
}

.dots i {
    width: 20px;
    height: 2px;
    background: #b8b4ad
}

.dots i.on {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin-top: -2px
}

.mag-row {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 28px;
    padding: 11px 7%;
    border-bottom: 1px solid var(--line)
}

.section-title {
    padding: 8px 25px 8px 0;
    border-right: 1px solid var(--line)
}

.section-toggle {
    border: 0;
    background: none;
    padding: 0;
    text-align: left;
    color: inherit;
    width: 100%;
    cursor: default
}

.section-toggle span {
    display: block
}

.section-toggle small {
    display: block;
    font: 600 10px Inter, sans-serif;
    letter-spacing: .03em
}

.section-toggle strong {
    display: block;
    font-size: 30px;
    line-height: 1.05;
    margin: 4px 0
}

.section-toggle b {
    display: none
}

.section-title p {
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 14px;
    max-width: 170px
}

.section-title>a,
.mini-card a {
    font-size: 11px;
    color: #2d2019;
    text-decoration: none;
    font-weight: 600
}

.content-area {
    min-width: 0
}

.announcement {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 20px;
    border: 1px solid #d7cec3;
    border-radius: 6px;
    padding: 8px;
    align-items: center
}

.announcement img {
    width: 100%;
    height: 126px;
    object-fit: cover;
    border-radius: 4px
}

.tag {
    font-size: 9px;
    background: #d9cbc0;
    padding: 4px 8px;
    border-radius: 4px
}

.announcement h3 {
    font-size: 25px;
    margin: 7px 0 6px
}

.announcement p {
    font-size: 12px
}

.meta {
    font-size: 10px;
    color: #5d554e;
    margin-top: 15px
}

.card-grid {
    display: grid;
    gap: 10px
}

.card-grid.three {
    grid-template-columns: repeat(3, 1fr)
}

.mini-card {
    border: 1px solid #d7cec3;
    border-radius: 5px;
    display: grid;
    grid-template-columns: 122px 1fr;
    min-height: 118px;
    overflow: hidden;
    background: #f7f3ed
}

.mini-card img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.mini-card>div {
    padding: 10px
}

.mini-card span {
    font-size: 9px;
    color: #7d503d;
    font-weight: 600
}

.mini-card h3 {
    font-size: 22px;
    line-height: 1;
    margin: 5px 0 9px
}

.mini-card p {
    font-size: 9px;
    color: #6f675f
}

.book-feature {
    display: flex;
    align-items: center;
    gap: 30px;
    border: 1px solid #d7cec3;
    border-radius: 5px;
    min-height: 150px;
    padding: 10px 24px
}

.book-feature img {
    width: 150px;
    height: 140px;
    object-fit: cover
}

.book-feature h3 {
    font-size: 27px;
    margin: 0
}

.book-feature strong {
    font-family: 'Cormorant Garamond', serif;
    font-size: 16px
}

.book-feature p {
    font-size: 11px;
    max-width: 600px;
    line-height: 1.45
}

.last-row {
    padding-bottom: 0
}

footer {
    background: linear-gradient(110deg, #111415, #0d1010);
    color: #ddd;
    padding: 22px 7% 8px
}

.footer-grid {
    display: grid;
    grid-template-columns: 1.45fr .8fr .8fr 1.3fr 1.1fr;
    gap: 40px
}

.footer-brand {
    display: flex;
    gap: 9px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    line-height: .88
}

.footer-grid h4 {
    font-size: 11px;
    letter-spacing: .05em
}

.footer-grid p,
.footer-grid a {
    display: block;
    color: #d8d8d8;
    text-decoration: none;
    font-size: 10px;
    line-height: 1.75;
    margin: 0
}

.footer-socials {
    position: static;
    margin-top: 8px
}

.admin-btn {
    border: 1px solid #8d7768;
    padding: 11px 12px !important;
    border-radius: 3px;
    text-align: center;
    margin-top: 18px !important
}

.copyright {
    text-align: center;
    border-top: 1px solid #232727;
    margin-top: 12px;
    padding-top: 9px;
    font-size: 9px
}

.drawer-backdrop {
    position: fixed;
    inset: 0;
    background: #0008;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    z-index: 40
}

.drawer {
    position: fixed;
    right: 0;
    top: 0;
    width: 390px;
    max-width: 92vw;
    height: 100vh;
    background: #111415;
    color: #eee;
    z-index: 41;
    padding: 42px 24px 22px;
    overflow: auto;
    transform: translateX(105%);
    visibility: hidden;
    pointer-events: none;
    transition: transform .3s ease, visibility 0s linear .3s
}

.drawer.open {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform .3s ease
}

.drawer-backdrop.open {
    opacity: 1;
    visibility: visible
}

.close {
    position: absolute;
    right: 20px;
    top: 13px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 34px;
    cursor: pointer
}

.drawer > a {
    display: block;
    color: #eee;
    text-decoration: none;
    padding: 12px;
    border-bottom: 1px solid #303333;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    cursor: pointer
}

.drawer h5 {
    font-size: 10px;
    color: #d2ad8c;
    letter-spacing: .08em;
    margin: 18px 12px 5px
}



.drawer .highlight {
    border: 1px solid #6f5a47;
    background: #2a2520;
    border-radius: 5px;
    margin: 6px 0
}

.drawer-contact {
    border: 1px solid #494138;
    border-radius: 5px;
    padding: 5px 12px;
    margin-top: 12px
}

.drawer-contact p {
    font-size: 11px
}

.drawer-admin {
    background: #511f1e !important;
    border: 1px solid #7b4741 !important;
    border-radius: 5px !important;
    text-align: center;
    margin-top: 15px
}

@media(max-width:980px) {
    .navbar {
        padding: 0 4%
    }

    .hero {
        height: 360px
    }

    .hero-photo {
        inset: 0;
        background-position: 60% center
    }

    .hero-overlay {
        background: linear-gradient(90deg, #0a0c0cf2 0%, #0a0c0cbd 50%, #0a0c0c36 100%)
    }

    .hero-copy {
        padding: 50px 6%
    }

    .mag-row {
        grid-template-columns: 190px 1fr;
        padding: 12px 4%
    }

    .card-grid.three {
        grid-template-columns: 1fr
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(max-width:680px) {
    .topbar {
        height: auto;
        min-height: 31px;
        padding: 7px 48px 7px 14px;
        text-align: center;
        font-size: 8px;
        line-height: 1.4
    }

    .topbar .socials {
        display: none
    }

    .navbar {
        height: 62px;
        padding: 0 17px;
        position: relative;
        top: auto
    }

    .brand {
        font-size: 19px;
        gap: 7px;
        line-height: .9
    }

    .feather {
        font-size: 27px
    }

    .menu-btn {
        width: 38px;
        height: 38px;
        margin-left: auto;
        position: relative;
        z-index: 22;
        flex: 0 0 38px
    }

    .menu-btn span:nth-child(1),
    .menu-btn span:nth-child(3) {
        width: 25px
    }

    .menu-btn span:nth-child(2) {
        width: 19px
    }

    .hero {
        height: auto;
        display: flex;
        flex-direction: column;
        background: #0d1010;
        overflow: visible
    }

    .hero-photo {
        position: relative;
        inset: auto;
        width: 100%;
        height: 245px;
        background-position: 61% center;
        order: 1
    }

    .hero-overlay {
        display: none
    }

    .hero-copy {
        position: relative;
        order: 2;
        padding: 22px 20px 25px;
        background: #101313;
        color: #fff
    }

    .hero-copy small {
        font-size: 9px
    }

    .hero-copy .eyebrow {
        margin: 8px 0 5px
    }

    .hero h1 {
        font-size: 39px;
        line-height: .94;
        margin-bottom: 11px
    }

    .hero p {
        font-size: 12px;
        line-height: 1.6;
        margin: 0 0 17px
    }

    .dots {
        display: none
    }

    .mag-row {
        display: block;
        padding: 0 18px;
        border-bottom: 1px solid var(--line)
    }

    .section-title {
        border: 0;
        padding: 0
    }

    .section-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 17px 0 12px;
        cursor: pointer
    }

    .section-toggle small {
        font-size: 9px
    }

    .section-toggle strong {
        font-size: 26px;
        margin-top: 3px
    }

    .section-toggle b {
        display: block;
        font: 400 20px Inter, sans-serif;
        transition: .2s
    }

    .accordion-section.mobile-open .section-toggle b {
        transform: rotate(180deg)
    }

    .section-title p {
        max-width: none;
        font-size: 11px;
        margin: 0 36px 8px 0;
        line-height: 1.55
    }

    .section-title>a {
        display: inline-block;
        margin-bottom: 14px;
        font-size: 10px
    }

    .accordion-content {
        display: none;
        margin: 0 0 17px
    }

    .accordion-section.mobile-open .accordion-content {
        display: grid
    }

    .announcement {
        grid-template-columns: 1fr;
        padding: 8px
    }

    .announcement img {
        height: 175px
    }

    .announcement h3 {
        font-size: 22px
    }

    .card-grid.three {
        grid-template-columns: 1fr
    }

    .mini-card {
        grid-template-columns: 108px 1fr;
        min-height: 112px
    }

    .mini-card h3 {
        font-size: 20px
    }

    .book-feature {
        display: flex !important;
        align-items: flex-start;
        gap: 14px;
        padding: 12px
    }

    .book-feature img {
        width: 104px;
        height: 137px;
        flex: none
    }

    .book-feature h3 {
        font-size: 22px
    }

    .book-feature p {
        font-size: 10px
    }

    .footer-grid {
        display: block
    }

    .footer-grid>div {
        padding: 16px 0;
        border-bottom: 1px solid #252929
    }

    .footer-grid>div:last-child {
        border-bottom: 0
    }

    .footer-grid h4 {
        margin: 0 0 9px
    }

    .footer-grid p,
    .footer-grid a {
        font-size: 11px;
        line-height: 1.9
    }

    .footer-brand {
        font-size: 23px
    }

    .admin-btn {
        display: inline-block !important;
        margin-top: 5px !important
    }

    .copyright {
        margin-top: 4px;
        padding: 13px 0 6px;
        line-height: 1.5
    }

    .drawer {
        width: 100%;
        max-width: none;
        transform: translateX(105%)
    }

    .drawer.open {
        transform: translateX(0)
    }

    .drawer > a {
    display: block;
    color: #eee;
    text-decoration: none;
    padding: 12px;
    border-bottom: 1px solid #303333;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    cursor: pointer
}
}



/* =========================================
   HAMBURGER MENÜ ACCORDION
========================================= */

.drawer-accordion {
    border-bottom: 1px solid #303333
}

.drawer-accordion-toggle {
    width: 100%;
    min-height: 52px;
    border: 0;
    background: transparent;
    color: #eeeeee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    cursor: pointer;
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    text-align: left
}

.drawer-category {
    display: flex;
    align-items: center;
    gap: 12px
}

.category-icon {
    width: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Inter, sans-serif;
    font-size: 17px
}

.accordion-arrow {
    display: inline-block;
    font-family: Inter, sans-serif;
    font-size: 18px;
    transition: transform .3s ease, color .3s ease
}

.drawer-accordion.active .accordion-arrow {
    transform: rotate(180deg);
    color: #d2ad8c
}

.drawer-submenu {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .35s ease, opacity .25s ease
}

.drawer-accordion.active .drawer-submenu {
    grid-template-rows: 1fr;
    opacity: 1
}

.drawer-submenu-inner {
    min-height: 0;
    overflow: hidden;
    padding-left: 46px
}

.drawer-submenu a {
    position: relative;
    display: block;
    padding: 5px 12px 5px 15px;
    color: #cfcfcf;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
    transition: color .2s ease, transform .2s ease
}

.drawer-submenu a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #96755c;
    transform: translateY(-50%)
}

.drawer-submenu a:hover {
    color: #fff;
    transform: translateX(4px)
}

.drawer-accordion.active .drawer-accordion-toggle {
    color: #d7b89b
}

.drawer-accordion-toggle:hover {
    background: rgba(255,255,255,.025)
}

@media(max-width:680px) {
    .drawer-accordion-toggle {
        min-height: 55px;
        font-size: 17px
    }

    .drawer-submenu-inner {
        padding-left: 45px
    }

    .drawer-submenu a {
        font-size: 12px;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .drawer > a {
        font-size: 17px
    }
}


/* =========================================
   MOBİL - HAFTANIN KİTABI ACCORDION FIX
   book-feature üzerindeki display:flex !important
   kapalı accordion durumunu ezmesin.
========================================= */
@media(max-width:680px) {
    .accordion-section:not(.mobile-open) .book-feature {
        display: none !important;
    }

    .accordion-section.mobile-open .book-feature {
        display: flex !important;
    }
}


/* =========================================
   FONT AWESOME İKON DÜZENLEMELERİ
========================================= */
.feather i {
    font-size: .92em;
}

.socials i {
    font-size: 14px;
}

.mini-card span i,
.meta i,
.mini-card p i {
    margin-right: 5px;
}

.footer-brand > i {
    font-size: 28px;
    margin-top: 1px;
}

.footer-grid p i,
.drawer-contact p i {
    width: 18px;
    text-align: center;
    margin-right: 5px;
}

.drawer > a i {
    width: 22px;
    text-align: center;
    margin-right: 7px;
    color: #d2ad8c;
}

.drawer .highlight i {
    color: #e3c2a1;
}

.drawer-admin i {
    color: #f0d7c7 !important;
}

.category-icon i {
    font-size: 15px;
    color: #d2ad8c;
}

.accordion-arrow i,
.section-toggle b i {
    font-size: .8em;
    pointer-events: none;
}

.drawer-accordion.active .accordion-arrow {
    transform: rotate(180deg);
}

@media(max-width:680px) {
    .socials i {
        font-size: 13px;
    }

    .footer-brand > i {
        font-size: 25px;
    }
}


/* =========================================
   DERGİ BÖLÜMLERİ - MASAÜSTÜ ACCORDION
========================================= */

@media(min-width:681px) {
    .mag-row {
        align-items: stretch;
        transition: background-color .25s ease;
    }

    .section-title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 155px;
        padding: 18px 28px 18px 0;
    }

    .section-toggle {
        cursor: pointer;
        pointer-events: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
    }

    .section-toggle span {
        flex: 1;
    }

    .section-toggle b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border: 1px solid var(--line);
        border-radius: 50%;
        flex: 0 0 32px;
        color: var(--accent);
        transition: transform .3s ease, background-color .25s ease;
    }

    .accordion-section:not(.desktop-open) .section-toggle b {
        transform: rotate(0deg);
    }

    .accordion-section.desktop-open .section-toggle b {
        transform: rotate(180deg);
        background: rgba(117,89,71,.07);
    }

    .section-title p {
        max-width: 185px;
    }

    .accordion-content {
        overflow: hidden;
        opacity: 0;
        transform: translateY(-8px);
        max-height: 0;
        margin-top: 0;
        transition:
            max-height .45s ease,
            opacity .28s ease,
            transform .35s ease,
            margin-top .35s ease;
    }

    .accordion-section.desktop-open .accordion-content {
        opacity: 1;
        transform: translateY(0);
        max-height: 900px;
    }

    .accordion-section:not(.desktop-open) {
        background: #f5f1eb;
    }

    .accordion-section:not(.desktop-open) .section-title {
        min-height: 110px;
    }

    .accordion-section:not(.desktop-open) .section-title p,
    .accordion-section:not(.desktop-open) .section-title > a {
        opacity: .75;
    }
}


/* =========================================
   MASAÜSTÜ - KAPALI DERGİ BÖLÜMÜ ORTALAMA
========================================= */
@media(min-width:681px) {

    .accordion-section:not(.desktop-open) {
        display: block;
        padding: 0 7%;
    }

    .accordion-section:not(.desktop-open) .section-title {
        position: relative;
        width: 100%;
        min-height: 105px;
        border-right: 0;
        padding: 18px 70px 18px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .accordion-section:not(.desktop-open) .section-toggle {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
    }

    .accordion-section:not(.desktop-open) .section-toggle span {
        flex: 0 1 auto;
        text-align: center;
    }

    .accordion-section:not(.desktop-open) .section-toggle small,
    .accordion-section:not(.desktop-open) .section-toggle strong {
        text-align: center;
    }

    .accordion-section:not(.desktop-open) .section-toggle b {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
    }

    .accordion-section:not(.desktop-open) .section-title p {
        max-width: 420px;
        margin: 8px auto 10px;
        text-align: center;
    }

    .accordion-section:not(.desktop-open) .section-title > a {
        margin: 0 auto;
        text-align: center;
    }

    .accordion-section:not(.desktop-open) .accordion-content {
        display: none !important;
    }

    .accordion-section.desktop-open {
        display: grid;
    }
}


/* =========================================
   MASAÜSTÜ - DERGİ ŞERİDİ + ALTTA İÇERİK
========================================= */
@media(min-width:681px) {

    /* Her bölüm artık tek kolon */
    .mag-row,
    .accordion-section.desktop-open,
    .accordion-section:not(.desktop-open) {
        display: block;
        padding: 0 7%;
    }

    /* Başlık alanı her zaman ortalı */
    .section-title,
    .accordion-section.desktop-open .section-title,
    .accordion-section:not(.desktop-open) .section-title {
        width: 100%;
        min-height: 112px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        padding: 18px 70px 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        position: relative;
    }

    .section-toggle,
    .accordion-section.desktop-open .section-toggle,
    .accordion-section:not(.desktop-open) .section-toggle {
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0;
        cursor: pointer;
        pointer-events: auto;
    }

    .section-toggle span,
    .accordion-section.desktop-open .section-toggle span,
    .accordion-section:not(.desktop-open) .section-toggle span {
        flex: 0 1 auto;
        text-align: center;
    }

    .section-toggle small,
    .section-toggle strong {
        text-align: center;
    }

    .section-toggle b,
    .accordion-section.desktop-open .section-toggle b,
    .accordion-section:not(.desktop-open) .section-toggle b {
        position: absolute;
        right: 0;
        top: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid var(--line);
        border-radius: 50%;
        color: var(--accent);
        background: transparent;
        transition: transform .3s ease, background-color .25s ease;
    }

    .accordion-section.desktop-open .section-toggle b {
        transform: translateY(-50%) rotate(180deg);
        background: rgba(117,89,71,.07);
    }

    .accordion-section:not(.desktop-open) .section-toggle b {
        transform: translateY(-50%) rotate(0deg);
    }

    .section-title p,
    .accordion-section.desktop-open .section-title p,
    .accordion-section:not(.desktop-open) .section-title p {
        max-width: 520px;
        margin: 8px auto 10px;
        text-align: center;
    }

    .section-title > a,
    .accordion-section.desktop-open .section-title > a,
    .accordion-section:not(.desktop-open) .section-title > a {
        margin: 0 auto;
        text-align: center;
    }

    /* İçerik başlık alanının ALTINDAN açılır */
    .accordion-content {
        width: 100%;
        margin: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-8px);
        max-height: 0;
        transition:
            max-height .45s ease,
            opacity .28s ease,
            transform .35s ease,
            padding .35s ease,
            margin .35s ease;
    }

    .accordion-section.desktop-open .accordion-content {
        opacity: 1;
        transform: translateY(0);
        max-height: 1200px;
        margin: 14px 0 18px;
    }

    .accordion-section:not(.desktop-open) .accordion-content {
        display: none !important;
    }

    /* Son Yazılar + Editörün Seçtikleri = 3 sütun */
    .accordion-section.desktop-open .card-grid.three {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .accordion-section.desktop-open .mini-card {
        display: grid;
        grid-template-columns: 128px minmax(0, 1fr);
        width: 100%;
        min-height: 132px;
    }

    /* Duyuru bölümü altta tam genişlik */
    .accordion-section.desktop-open .announcement {
        display: grid !important;
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 22px;
        width: 100%;
    }

    /* Haftanın kitabı da altta tam genişlik */
    .accordion-section.desktop-open .book-feature {
        display: flex !important;
        width: 100%;
    }
}

/* Tablet masaüstü geçişinde kartlar taşmasın */
@media(min-width:681px) and (max-width:1100px) {
    .accordion-section.desktop-open .card-grid.three {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================
   YATAY DERGİ YAZI SLIDERLARI
   Son Yazılar + Editörün Seçtikleri
========================================= */

.article-slider-shell {
    position: relative;
    width: 100%;
    padding: 0 48px;
}

.article-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.article-slider::-webkit-scrollbar {
    display: none;
}

.article-slider .mini-card {
    flex: 0 0 calc((100% - 28px) / 3);
    min-width: 0;
    scroll-snap-align: start;
}

.slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #cfc5b8;
    background: #f7f3ed;
    color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease, opacity .2s ease;
    box-shadow: 0 4px 14px rgba(0,0,0,.06);
}

.slider-arrow:hover {
    background: #eee6dc;
}

.slider-arrow:active {
    transform: translateY(-50%) scale(.95);
}

.slider-prev {
    left: 0;
}

.slider-next {
    right: 0;
}

.slider-arrow:disabled {
    opacity: .28;
    cursor: default;
}

@media(min-width:681px) and (max-width:1100px) {
    .article-slider .mini-card {
        flex-basis: calc((100% - 14px) / 2);
    }
}

@media(max-width:680px) {
    .article-slider-shell {
        display: block !important;
        padding: 0 35px;
    }

    .article-slider {
        display: flex !important;
        grid-template-columns: none !important;
    }

    .article-slider .mini-card {
        flex: 0 0 100%;
    }

    .slider-arrow {
        width: 30px;
        height: 30px;
    }

    .slider-prev {
        left: 0;
    }

    .slider-next {
        right: 0;
    }
}

/* Açık masaüstü accordion içindeki slider shell'i grid override'ından koru */
@media(min-width:681px) {
    .accordion-section.desktop-open .article-slider-shell {
        display: block !important;
    }

    .accordion-section.desktop-open .article-slider {
        display: flex !important;
        grid-template-columns: none !important;
    }
}


/* =========================================
   NAVBAR - FONT AWESOME HAMBURGER
========================================= */
.menu-btn {
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    color: #151515;
}

.menu-btn i {
    font-size: 31px;
    line-height: 1;
}

.menu-btn span {
    display: none !important;
}

.close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.close i {
    font-size: 28px;
}

/* =========================================
   DÜŞÜNCE ALANLARI - ANA ACCORDION
========================================= */
.drawer-main-accordion {
    border-bottom: 1px solid #303333;
}

.drawer-main-toggle {
    width: 100%;
    min-height: 56px;
    border: 0;
    background: transparent;
    color: #eee;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-family: 'Cormorant Garamond', serif;
    font-size: 19px;
    text-align: left;
}

.drawer-main-toggle > span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.drawer-main-toggle > span > i {
    width: 22px;
    text-align: center;
    color: #d2ad8c;
    font-size: 16px;
}

.drawer-main-arrow {
    font-size: 13px;
    transition: transform .3s ease, color .3s ease;
}

.drawer-main-accordion.active .drawer-main-arrow {
    transform: rotate(180deg);
    color: #d2ad8c;
}

.drawer-main-content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .35s ease, opacity .25s ease;
}

.drawer-main-accordion.active .drawer-main-content {
    grid-template-rows: 1fr;
    opacity: 1;
}

.drawer-main-content-inner {
    min-height: 0;
    overflow: hidden;
}

/* İç kategoriler biraz içerden başlasın */
.thought-areas .drawer-accordion {
    margin-left: 8px;
}

.thought-areas .drawer-accordion-toggle {
    padding-left: 14px;
}

/* Ana menü sıralı ve tutarlı görünüm */
.drawer > a,
.drawer-main-accordion {
    margin: 0;
}

.drawer > a {
    display: flex;
    align-items: center;
    gap: 9px;
}

.drawer > a i {
    flex: 0 0 22px;
}

@media(max-width:680px) {
    .menu-btn {
        width: 40px;
        height: 40px;
    }

    .menu-btn i {
        font-size: 27px;
    }

    .drawer-main-toggle {
        min-height: 58px;
        font-size: 18px;
    }
}


/* =========================================
   SLIDER - MASAÜSTÜNDE 3 KART YAN YANA
========================================= */
@media(min-width:1101px) {
    .article-slider-shell {
        padding-left: 48px;
        padding-right: 48px;
    }

    .article-slider {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
    }

    .article-slider .mini-card {
        flex: 0 0 calc((100% - 28px) / 3) !important;
        width: calc((100% - 28px) / 3) !important;
        min-width: 0 !important;
    }
}

/* 3 veya daha az kartta oklar tamamen gizlenir.
   JS yalnızca gerçekten taşma olduğunda .has-overflow ekler. */
.article-slider-shell:not(.has-overflow) .slider-arrow {
    display: none !important;
}

.article-slider-shell.has-overflow .slider-arrow {
    display: inline-flex;
}


/* =========================================
   SON YAZILAR / EDİTÖRÜN SEÇTİKLERİ
   MASAÜSTÜNDE KESİN 3 KART YAN YANA
========================================= */
@media(min-width:1101px) {

    .accordion-section.desktop-open .article-slider-shell {
        display: block !important;
        width: 100% !important;
        padding: 0 48px !important;
    }

    .accordion-section.desktop-open .article-slider-shell .article-slider.card-grid.three {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .accordion-section.desktop-open .article-slider-shell .article-slider.card-grid.three > .mini-card {
        display: grid !important;
        grid-template-columns: 128px minmax(0,1fr) !important;
        flex: 0 0 calc((100% - 28px) / 3) !important;
        width: calc((100% - 28px) / 3) !important;
        max-width: calc((100% - 28px) / 3) !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
}


/* =========================================
   HERO - PASİF SON YAYINLANAN YAZI ALANI
========================================= */
.hero .dots,
.hero .hero-arrow,
.hero .slider-arrow,
.hero [class*="hero-nav"] {
    display: none !important;
}

/* Hero kullanıcı etkileşimi gerektiren slider alanı değildir. */
.hero {
    cursor: default;
}

.hero-photo {
    pointer-events: none;
}


/* HERO: sağ/sol slider oklarını ve tüm navigasyon kontrollerini kesin kaldır */
.hero button.slider-arrow,
.hero .slider-prev,
.hero .slider-next,
.hero .hero-prev,
.hero .hero-next,
.hero .hero-arrow,
.hero .carousel-control-prev,
.hero .carousel-control-next,
.hero [data-slider-prev],
.hero [data-slider-next],
.hero [class*="slider-prev"],
.hero [class*="slider-next"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* =========================================
   DÜŞÜNCE ALANLARI - ÇALIŞAN ANA ACCORDION
========================================= */
.drawer-main-accordion.thought-areas {
    width: 100%;
    border-bottom: 1px solid #303333;
}

.drawer-main-accordion.thought-areas .drawer-main-toggle {
    width: 100%;
    min-height: 58px;
    padding: 12px;
    border: 0;
    background: transparent;
    color: #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    cursor: pointer;
    font-family: 'Cormorant Garamond', serif;
    font-size: 19px;
    text-align: left;
}

.drawer-main-accordion.thought-areas .drawer-main-toggle:hover {
    background: rgba(255,255,255,.025);
}

.drawer-main-accordion.thought-areas .drawer-main-arrow {
    flex: 0 0 auto;
    font-size: 13px;
    transition: transform .3s ease, color .3s ease;
}

.drawer-main-accordion.thought-areas.active .drawer-main-arrow {
    transform: rotate(180deg);
    color: #d2ad8c;
}

.drawer-main-accordion.thought-areas .drawer-main-content {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        grid-template-rows .35s ease,
        opacity .25s ease,
        visibility 0s linear .35s;
}

.drawer-main-accordion.thought-areas.active .drawer-main-content {
    grid-template-rows: 1fr;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
        grid-template-rows .35s ease,
        opacity .25s ease,
        visibility 0s linear 0s;
}

.drawer-main-accordion.thought-areas .drawer-main-content-inner {
    min-height: 0;
    overflow: hidden;
}

/* Alt kategoriler ana bölüm içinde düzgün hizalansın */
.drawer-main-accordion.thought-areas .drawer-accordion {
    margin-left: 8px;
}

/* Drawer açıkken backdrop dış tıklamayı yakalar */
.drawer-backdrop {
    cursor: pointer;
}


/* =========================================
   MOBİL ACCORDION + YATAY CAROUSEL FIX
========================================= */
@media(max-width:680px) {

    /* Accordion açık/kapalı davranışı */
    .accordion-content {
        display: none !important;
    }

    .accordion-section.mobile-open .accordion-content {
        display: block !important;
    }

    .accordion-section.mobile-open .announcement,
    .accordion-section.mobile-open .book-feature {
        display: grid !important;
    }

    .accordion-section.mobile-open .book-feature {
        display: flex !important;
    }

    /* Başlık okunun dönüşü */
    .accordion-section .section-toggle b {
        display: inline-flex !important;
        transition: transform .25s ease;
    }

    .accordion-section.mobile-open .section-toggle b {
        transform: rotate(180deg);
    }

    /* Son Yazılar + Editörün Seçtikleri yatay slider */
    .article-slider-shell {
        position: relative;
        width: 100%;
        padding: 0 38px !important;
        overflow: visible;
    }

    .article-slider-shell .article-slider {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100%;
    }

    .article-slider-shell .article-slider::-webkit-scrollbar {
        display: none;
    }

    .article-slider-shell .article-slider > .mini-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        scroll-snap-align: start;
        margin: 0 !important;
        display: grid !important;
        grid-template-columns: 132px minmax(0,1fr) !important;
    }

    .article-slider-shell .slider-arrow {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 20;
        width: 34px;
        height: 34px;
        border-radius: 50%;
        border: 1px solid #cfc5b8;
        background: #f7f3ed;
        color: var(--accent);
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .article-slider-shell .slider-prev {
        left: 0;
    }

    .article-slider-shell .slider-next {
        right: 0;
    }

    .article-slider-shell:not(.has-overflow) .slider-arrow {
        display: none !important;
    }

    .article-slider-shell.has-overflow .slider-arrow {
        display: inline-flex !important;
    }

    .article-slider-shell .slider-arrow:disabled {
        opacity: .28 !important;
        pointer-events: none;
    }

    /* Duyurular mobilde accordion içinde normal tek kart kalsın */
    .announcement {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================
   FULLSCREEN HERO
   Topbar + navbar + hero = ilk viewport
========================================= */

:root {
    --topbar-h: 29px;
    --navbar-h: 72px;
}

.hero {
    position: relative !important;
    height: calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
    min-height: 560px;
    overflow: hidden !important;
    background: #0d1010;
}

/* Hero image fills the complete hero viewport */
.hero .hero-photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-position: center center !important;
    background-size: cover !important;
    order: initial !important;
}

/* Cinematic readable gradient */
.hero .hero-overlay {
    display: block !important;
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(5,8,8,.98) 0%,
            rgba(5,8,8,.93) 26%,
            rgba(8,10,10,.68) 48%,
            rgba(8,10,10,.20) 72%,
            rgba(8,10,10,.08) 100%
        ),
        linear-gradient(
            0deg,
            rgba(4,6,6,.40) 0%,
            transparent 28%
        ) !important;
}

/* Copy is vertically centered in the fullscreen hero */
.hero .hero-copy {
    position: absolute !important;
    z-index: 3 !important;
    left: 7%;
    top: 50%;
    transform: translateY(-50%);
    width: min(520px, 44vw);
    padding: 0 !important;
    background: transparent !important;
    color: #fff;
    order: initial !important;
}

.hero .hero-copy h1 {
    font-size: clamp(48px, 4.6vw, 78px);
    line-height: .9;
}

.hero .hero-copy p {
    max-width: 560px;
    font-size: clamp(13px, 1vw, 16px);
}

/* no old hero nav UI */
.hero .dots,
.hero .hero-arrow,
.hero .slider-arrow,
.hero [class*="slider-prev"],
.hero [class*="slider-next"],
.hero [data-slider-prev],
.hero [data-slider-next] {
    display: none !important;
}

/* =========================================
   DEVAM ET INDICATOR
========================================= */

.hero-continue {
    position: absolute;
    z-index: 6;
    left: 50%;
    bottom: 24px;
    transform: translateX(-50%);
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.92);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 8px 18px;
    cursor: pointer;
    font-family: Inter, sans-serif;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: 9px;
}

.hero-continue::before {
    content: "";
    width: 1px;
    height: 24px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,.72)
    );
    order: 3;
}

.hero-continue i {
    font-size: 14px;
    animation: heroContinueBounce 1.65s ease-in-out infinite;
}

.hero-continue span {
    opacity: .82;
    transition: opacity .2s ease;
}

.hero-continue:hover span {
    opacity: 1;
}

@keyframes heroContinueBounce {
    0%, 100% {
        transform: translateY(0);
        opacity: .62;
    }
    50% {
        transform: translateY(7px);
        opacity: 1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-continue i {
        animation: none;
    }

    html {
        scroll-behavior: auto;
    }
}

/* Tablet */
@media(max-width:980px) {
    :root {
        --topbar-h: 29px;
        --navbar-h: 72px;
    }

    .hero {
        height: calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
        min-height: 540px;
    }

    .hero .hero-photo {
        background-position: 62% center !important;
    }

    .hero .hero-copy {
        left: 6%;
        width: min(500px, 58vw);
    }

    .hero .hero-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(5,8,8,.96) 0%,
                rgba(5,8,8,.82) 46%,
                rgba(6,8,8,.30) 78%,
                rgba(6,8,8,.08) 100%
            ),
            linear-gradient(
                0deg,
                rgba(4,6,6,.44) 0%,
                transparent 32%
            ) !important;
    }
}

/* Mobile */
@media(max-width:680px) {
    :root {
        --topbar-h: 31px;
        --navbar-h: 62px;
    }

    .hero {
        display: block !important;
        height: calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
        min-height: 520px;
        overflow: hidden !important;
    }

    .hero .hero-photo {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-position: 67% center !important;
    }

    .hero .hero-overlay {
        display: block !important;
        background:
            linear-gradient(
                0deg,
                rgba(7,9,9,.98) 0%,
                rgba(7,9,9,.92) 32%,
                rgba(7,9,9,.45) 63%,
                rgba(7,9,9,.12) 100%
            ) !important;
    }

    .hero .hero-copy {
        position: absolute !important;
        left: 20px;
        right: 20px;
        top: auto;
        bottom: 92px;
        width: auto;
        transform: none;
        padding: 0 !important;
        background: transparent !important;
    }

    .hero .hero-copy small {
        font-size: 8px;
    }

    .hero .hero-copy .eyebrow {
        margin: 7px 0 5px;
    }

    .hero .hero-copy h1 {
        font-size: clamp(38px, 11vw, 52px);
        line-height: .92;
        margin-bottom: 12px;
    }

    .hero .hero-copy p {
        font-size: 11px;
        line-height: 1.55;
        max-width: 92%;
        margin-bottom: 15px;
    }

    .hero .btn {
        padding: 9px 13px;
        font-size: 11px;
    }

    .hero-continue {
        bottom: 12px;
        font-size: 8px;
        gap: 5px;
    }

    .hero-continue::before {
        height: 18px;
    }
}


/* =========================================
   MOBİL HERO - GÖRSEL ÜSTTE / YAZI ALTTA
========================================= */
@media(max-width:680px) {

    .hero {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        background: #0d1010;
    }

    .hero .hero-photo {
        position: relative !important;
        inset: auto !important;
        order: 1 !important;
        width: 100% !important;
        height: 52svh !important;
        min-height: 330px !important;
        max-height: 520px !important;
        background-position: 62% center !important;
        background-size: cover !important;
        pointer-events: none;
    }

    .hero .hero-overlay {
        display: none !important;
    }

    .hero .hero-copy {
        position: relative !important;
        inset: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        order: 2 !important;
        width: 100% !important;
        transform: none !important;
        padding: 24px 22px 30px !important;
        background: #0d1010 !important;
        color: #fff;
    }

    .hero .hero-copy small {
        font-size: 8px;
        letter-spacing: .1em;
    }

    .hero .hero-copy .eyebrow {
        margin: 8px 0 5px;
    }

    .hero .hero-copy h1 {
        font-size: clamp(40px, 11vw, 54px) !important;
        line-height: .92 !important;
        margin: 0 0 14px !important;
    }

    .hero .hero-copy p {
        max-width: 100% !important;
        font-size: 12px !important;
        line-height: 1.6 !important;
        margin: 0 0 18px !important;
    }

    .hero .hero-copy .btn {
        padding: 10px 14px;
        font-size: 11px;
    }

    /* Devam Et hero'nun alt bölümünde, yazının altında */
    .hero-continue {
        position: relative !important;
        left: auto !important;
        bottom: auto !important;
        transform: none !important;
        order: 3 !important;
        align-self: center;
        margin: 0 0 18px !important;
        padding: 4px 18px 10px !important;
        color: rgba(255,255,255,.9);
    }

    .hero-continue::before {
        height: 16px;
    }
}


/* =========================================
   ANA SAYFA GÖRSEL NETLİĞİ
========================================= */
.hero-photo,
.mini-card img,
.announcement img,
.book-feature img {
  image-rendering: auto;
  backface-visibility: hidden;
}

.hero-photo {
  background-repeat: no-repeat;
  background-size: cover;
}


/* =========================================================
   ANA SAYFA - EDITORIAL DERGİ BÖLÜMLERİ V2
   Accordion davranışını değiştirmez, görsel dili geliştirir.
========================================================= */

.section-announcements,
.section-latest,
.section-editor,
.section-book{
    position:relative;
    overflow:hidden;
}

.section-announcements::before,
.section-latest::before,
.section-editor::before,
.section-book::before{
    position:absolute;
    left:7%;
    top:28px;
    z-index:2;
    font-family:'Cormorant Garamond',serif;
    font-size:54px;
    line-height:1;
    color:rgba(117,89,71,.13);
    pointer-events:none;
}

.section-announcements::before{content:"01";}
.section-latest::before{content:"02";}
.section-editor::before{content:"03";}
.section-book::before{content:"04";}

/* Başlık şeritleri daha dergi kapağı gibi */
.section-announcements .section-title,
.section-latest .section-title,
.section-editor .section-title,
.section-book .section-title{
    position:relative;
}

.section-announcements .section-toggle strong,
.section-latest .section-toggle strong,
.section-editor .section-toggle strong,
.section-book .section-toggle strong{
    letter-spacing:-.02em;
}

.section-announcements .section-toggle small,
.section-latest .section-toggle small,
.section-editor .section-toggle small,
.section-book .section-toggle small{
    letter-spacing:.11em;
}

/* ---------------------------------------------------------
   01 DUYURULAR - Kapak haberi / issue announcement
--------------------------------------------------------- */
.section-announcements.desktop-open .announcement{
    grid-template-columns:minmax(280px,38%) 1fr !important;
    min-height:280px;
    padding:0 !important;
    overflow:hidden;
    background:#171919;
    color:#f4eee7;
    border-color:#2b2e2e;
}

.section-announcements.desktop-open .announcement img{
    width:100%;
    height:100% !important;
    min-height:280px;
    border-radius:0;
    object-fit:cover;
}

.section-announcements.desktop-open .announcement > div{
    align-self:center;
    padding:34px 38px;
}

.section-announcements.desktop-open .announcement .tag{
    background:#6b4434;
    color:#fff4ea;
}

.section-announcements.desktop-open .announcement h3{
    font-size:clamp(32px,3vw,48px);
    line-height:.96;
    margin:13px 0 14px;
    color:#fff;
}

.section-announcements.desktop-open .announcement p{
    color:#d7d0c8;
    max-width:580px;
    line-height:1.7;
}

.section-announcements.desktop-open .announcement .meta{
    color:#bcb2a8;
}

/* ---------------------------------------------------------
   02 SON YAZILAR - Modern dergi kartları
--------------------------------------------------------- */
.section-latest.desktop-open .article-slider .mini-card{
    min-height:260px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:150px 1fr;
    background:#f8f4ee;
}

.section-latest.desktop-open .article-slider .mini-card img{
    width:100%;
    height:150px !important;
    object-fit:cover;
}

.section-latest.desktop-open .article-slider .mini-card > div{
    padding:16px 18px 18px;
}

.section-latest.desktop-open .article-slider .mini-card h3{
    font-size:27px;
    line-height:.98;
    margin:8px 0 12px;
}

/* ---------------------------------------------------------
   03 EDİTÖRÜN SEÇTİKLERİ - Premium koyu seçki
--------------------------------------------------------- */
.section-editor{
    background:#ece5dc;
}

.section-editor.desktop-open .article-slider-shell{
    background:#141717;
    border-radius:6px;
    padding-top:28px !important;
    padding-bottom:28px !important;
}

.section-editor.desktop-open .article-slider .mini-card{
    min-height:245px !important;
    grid-template-columns:1fr !important;
    grid-template-rows:135px 1fr;
    background:#202323;
    border-color:#343838;
    color:#f6efe7;
}

.section-editor.desktop-open .article-slider .mini-card img{
    height:135px !important;
    width:100%;
    object-fit:cover;
    opacity:.88;
}

.section-editor.desktop-open .article-slider .mini-card > div{
    padding:16px 18px;
}

.section-editor.desktop-open .article-slider .mini-card span{
    color:#d8aa84;
}

.section-editor.desktop-open .article-slider .mini-card h3{
    color:#fff;
    font-size:27px;
}

.section-editor.desktop-open .article-slider .mini-card a{
    color:#e7c4a7;
}

.section-editor.desktop-open .slider-arrow{
    background:#f3ede5;
}

/* ---------------------------------------------------------
   04 HAFTANIN KİTABI - Editorial book spread
--------------------------------------------------------- */
.section-book.desktop-open .book-feature{
    min-height:320px;
    padding:28px 42px !important;
    gap:48px !important;
    background:
        linear-gradient(115deg,#eee5da 0%,#f8f4ee 48%,#e9ded1 100%);
    border-color:#d1c2b3;
    overflow:hidden;
    position:relative;
}

.section-book.desktop-open .book-feature::after{
    content:"HAFTANIN KİTABI";
    position:absolute;
    right:-20px;
    bottom:6px;
    font-family:'Cormorant Garamond',serif;
    font-size:64px;
    color:rgba(117,89,71,.07);
    white-space:nowrap;
    pointer-events:none;
}

.section-book.desktop-open .book-feature img{
    width:220px !important;
    height:270px !important;
    object-fit:cover;
    box-shadow:0 18px 30px rgba(42,31,23,.18);
    transform:rotate(-2deg);
}

.section-book.desktop-open .book-feature > div{
    max-width:660px;
    position:relative;
    z-index:2;
}

.section-book.desktop-open .book-feature h3{
    font-size:44px;
    line-height:.95;
    margin-bottom:7px;
}

.section-book.desktop-open .book-feature strong{
    font-size:19px;
}

.section-book.desktop-open .book-feature p{
    max-width:580px;
    font-size:12px;
    line-height:1.75;
}

/* Bölüm çizgilerini zarif yap */
.section-announcements,
.section-latest,
.section-editor,
.section-book{
    border-bottom:1px solid #d4cabf;
}

/* =========================================================
   TABLET
========================================================= */
@media(min-width:681px) and (max-width:1100px){
    .section-announcements::before,
    .section-latest::before,
    .section-editor::before,
    .section-book::before{
        left:4%;
        font-size:44px;
    }

    .section-announcements.desktop-open .announcement{
        grid-template-columns:42% 1fr !important;
    }

    .section-announcements.desktop-open .announcement > div{
        padding:26px;
    }

    .section-book.desktop-open .book-feature{
        gap:30px !important;
    }

    .section-book.desktop-open .book-feature img{
        width:180px !important;
        height:235px !important;
    }
}

/* =========================================================
   MOBILE
   Accordion + carousel davranışı korunur.
========================================================= */
@media(max-width:680px){
    .section-announcements::before,
    .section-latest::before,
    .section-editor::before,
    .section-book::before{
        left:auto;
        right:58px;
        top:18px;
        font-size:35px;
        color:rgba(117,89,71,.10);
    }

    .section-announcements .section-title,
    .section-latest .section-title,
    .section-editor .section-title,
    .section-book .section-title{
        padding-left:0;
        padding-right:0;
    }

    /* Duyuru mobilde kapak kartı gibi */
    .section-announcements.mobile-open .announcement{
        background:#171919;
        color:#f5eee7;
        border-color:#303434;
    }

    .section-announcements.mobile-open .announcement > div{
        padding:14px 12px 16px;
    }

    .section-announcements.mobile-open .announcement h3{
        color:#fff;
    }

    .section-announcements.mobile-open .announcement p,
    .section-announcements.mobile-open .announcement .meta{
        color:#cbc3ba;
    }

    /* Son yazılar mobil carousel kartı */
    .section-latest.mobile-open .article-slider .mini-card{
        background:#f8f4ee;
    }

    /* Editörün seçtikleri mobilde koyu kart */
    .section-editor.mobile-open .article-slider-shell{
        background:#151818;
        padding-top:14px !important;
        padding-bottom:14px !important;
        border-radius:5px;
    }

    .section-editor.mobile-open .article-slider .mini-card{
        background:#202323;
        border-color:#343838;
        color:#fff;
    }

    .section-editor.mobile-open .article-slider .mini-card h3,
    .section-editor.mobile-open .article-slider .mini-card a{
        color:#fff;
    }

    .section-editor.mobile-open .article-slider .mini-card span{
        color:#d9aa83;
    }

    /* Haftanın kitabı mobilde sade spread */
    .section-book.mobile-open .book-feature{
        background:linear-gradient(135deg,#ece1d4,#f8f4ee);
        padding:16px !important;
        gap:16px !important;
    }

    .section-book.mobile-open .book-feature img{
        width:112px !important;
        height:148px !important;
        object-fit:cover;
        box-shadow:0 10px 22px rgba(42,31,23,.16);
    }
}

/* ===== 15.08.2026 - FULL EDITORIAL VISUAL SHOW ===== */
.editorial-home{background:#f7f2eb;padding:34px 0 0;color:#111}.editorial-section{width:min(1480px,92%);margin:0 auto 38px}.editorial-heading{display:flex;align-items:center;gap:18px;margin-bottom:18px}.editorial-heading h2{font-family:Inter,sans-serif;font-size:18px;letter-spacing:1.5px;margin:0;white-space:nowrap}.editorial-heading:after{content:"";height:1px;background:#d7c9ba;flex:1}.announcement-showcase{min-height:410px;background:#151717;color:#f8f3ec;border-radius:7px;display:grid;grid-template-columns:330px 1fr 170px;gap:42px;align-items:center;padding:38px 48px;box-shadow:0 12px 30px rgba(25,20,15,.08)}.magazine-cover-wrap{text-align:center}.magazine-cover-wrap img{width:245px;height:330px;object-fit:cover;object-position:center;border-radius:2px;box-shadow:0 18px 28px rgba(0,0,0,.35)}.announcement-copy .tag{display:inline-block;background:#76503b;color:#fff;padding:7px 10px;border-radius:4px;font:600 11px Inter,sans-serif}.announcement-copy h3{font:600 clamp(38px,4.2vw,68px)/.98 'Cormorant Garamond',serif;margin:24px 0;color:#fff}.announcement-copy p{font:16px/1.7 Inter,sans-serif;color:#eee5dc}.announcement-copy .meta{display:flex;gap:14px;align-items:center;color:#e9dfd5;font:14px Inter,sans-serif;margin-top:26px}.announcement-copy .meta b{width:1px;height:20px;background:#705f53}.ornament{display:flex;align-items:center;gap:12px;color:#8d5f42;max-width:520px}.ornament span{height:1px;background:#76503b;flex:1}.outline-action,.center-action{border:1px solid #8d5f42;color:inherit;text-decoration:none;padding:13px 24px;font:600 12px Inter,sans-serif;letter-spacing:.5px}.announcement-showcase>.outline-action{align-self:end;margin-bottom:24px;color:#d6b79e;text-align:center}.editorial-slider-shell{position:relative;padding:0 42px}.editorial-cards{display:flex!important;grid-template-columns:none!important;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0!important}.editorial-cards::-webkit-scrollbar{display:none}.editorial-card{flex:0 0 calc(50% - 10px)!important;display:block!important;min-width:0!important;border:1px solid #ded3c7!important;border-radius:5px!important;background:#fbf8f3!important;overflow:hidden;scroll-snap-align:start}.editorial-card img{width:100%!important;height:250px!important;object-fit:cover!important;display:block}.editorial-card>div{padding:20px 22px 22px!important}.editorial-card span{font:600 11px Inter,sans-serif;color:#8b4e2f}.editorial-card h3{font:600 29px/1.05 'Cormorant Garamond',serif;margin:7px 0 9px}.editorial-card p{font:13px/1.55 Inter,sans-serif;color:#4f4943;margin:0 0 18px}.editorial-card a{font:700 11px Inter,sans-serif;color:#8b4e2f;text-decoration:none}.editorial-slider-shell .slider-arrow{display:flex!important;position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border:1px solid #d9c8b8;background:#fbf7f1;border-radius:50%;align-items:center;justify-content:center;color:#875c40;cursor:pointer}.editorial-slider-shell .slider-prev{left:-12px}.editorial-slider-shell .slider-next{right:-12px}.center-action{display:table;margin:22px auto 0;color:#70472f;min-width:190px;text-align:center}.book-showcase{display:grid;grid-template-columns:56% 44%;min-height:390px;border-radius:6px;overflow:hidden;background:#151717;color:#fff}.book-visual{background:linear-gradient(90deg,rgba(72,47,30,.1),rgba(0,0,0,.28)),url("../assets/mutluluk.jpg?v=20260817-user-images-v11") center/cover}.book-visual img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.3));padding:28px}.book-copy{padding:58px 48px;display:flex;flex-direction:column;justify-content:center}.book-copy h3{font:600 43px/1 'Cormorant Garamond',serif;color:#d7a779;margin:0 0 8px}.book-copy strong{font:500 14px Inter,sans-serif;color:#d7a779}.book-copy p{font:14px/1.7 Inter,sans-serif;color:#ddd3ca;max-width:520px;margin:25px 0}.book-copy .outline-action{align-self:flex-start;color:#d7a779}.newsletter{width:min(1480px,92%);margin:10px auto 28px;border:1px solid #dfd3c6;border-radius:6px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#f1e8de}.newsletter-title{display:flex;align-items:center;gap:16px}.newsletter-title>i{font-size:24px;border:1px solid #8d5f42;border-radius:50%;padding:12px;color:#74482e}.newsletter-title div{display:flex;flex-direction:column;gap:4px}.newsletter-title strong{font:700 12px Inter,sans-serif;letter-spacing:.6px}.newsletter-title span{font:12px Inter,sans-serif}.newsletter form{display:flex;gap:12px;flex:1;max-width:650px}.newsletter input{flex:1;padding:14px;border:1px solid #d9cfc5;background:#faf7f2}.newsletter button{padding:14px 25px;background:#151717;color:#fff;border:0;font-weight:700}
@media(max-width:800px){.editorial-home{padding-top:24px}.editorial-section{width:92%;margin-bottom:30px}.announcement-showcase{grid-template-columns:1fr;padding:24px;gap:22px}.magazine-cover-wrap img{width:min(230px,75%);height:auto;aspect-ratio:3/4}.announcement-copy{text-align:center}.announcement-copy h3{font-size:38px}.ornament{margin:auto}.announcement-copy .meta{justify-content:center;flex-wrap:wrap}.announcement-showcase>.outline-action{justify-self:center;align-self:auto;margin:0}.editorial-slider-shell{padding:0 28px}.editorial-card{flex-basis:100%!important}.editorial-card img{height:210px!important}.book-showcase{grid-template-columns:1fr}.book-visual{height:350px}.book-copy{padding:30px 25px}.book-copy h3{font-size:36px}.newsletter{flex-direction:column;align-items:stretch}.newsletter form{max-width:none}.newsletter-title{justify-content:center}.editorial-heading h2{font-size:15px}}
@media(max-width:480px){.editorial-section{width:94%}.announcement-showcase{padding:20px 16px}.announcement-copy h3{font-size:31px}.announcement-copy p br{display:none}.editorial-slider-shell{padding:0 25px}.editorial-card img{height:190px!important}.newsletter form{flex-direction:column}.newsletter-title{align-items:flex-start}.book-visual{height:290px}}

/* =========================================================
   15.08.2026 - REFINED EDITORIAL SHOW
   Daha kibar ölçüler + net görseller + referans footer
========================================================= */
.editorial-home{padding-top:28px}
.editorial-section{width:min(1260px,90%);margin-bottom:30px}
.editorial-heading{margin-bottom:14px}
.editorial-heading h2{font-size:15px;letter-spacing:1.35px}

/* Duyuru: aynı kimlik, daha zarif oran */
.announcement-showcase{
  min-height:335px;
  grid-template-columns:250px minmax(0,1fr) 130px;
  gap:30px;
  padding:30px 36px;
  border-radius:6px;
}
.magazine-cover-wrap img{
  width:190px;
  height:258px;
  object-fit:cover;
  object-position:center;
  transform:translateY(7px);
  image-rendering:auto;
}
.announcement-copy .tag{padding:5px 8px;font-size:9px}
.announcement-copy h3{font-size:clamp(34px,3.6vw,53px);margin:17px 0 15px;line-height:.97}
.announcement-copy p{font-size:13px;line-height:1.6;margin:13px 0 0}
.announcement-copy .meta{font-size:11px;margin-top:18px;gap:10px}
.ornament{max-width:420px}
.announcement-showcase>.outline-action{padding:11px 15px;font-size:10px;margin-bottom:18px;min-width:105px}
.announcement-all{margin-top:16px!important}

/* Butonlar daha narin */
.center-action{
  margin:17px auto 0;
  min-width:170px;
  padding:10px 20px;
  font-size:10px;
  letter-spacing:.65px;
  border-radius:2px;
}

/* Son Yazılar + Editörün Seçtikleri: 2 kart görünür */
.editorial-slider-shell{padding:0 36px}
.editorial-cards{gap:16px}
.editorial-card{
  flex:0 0 calc(50% - 8px)!important;
  border-radius:4px!important;
}
.editorial-card img{
  height:190px!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
  transform:none!important;
}
.editorial-card>div{padding:15px 17px 17px!important}
.editorial-card span{font-size:9px}
.editorial-card h3{font-size:24px;line-height:1.03;margin:5px 0 7px}
.editorial-card p{font-size:11px;line-height:1.5;margin-bottom:13px;min-height:33px}
.editorial-card a{font-size:9.5px;letter-spacing:.3px}
.editorial-slider-shell .slider-arrow{width:34px;height:34px;font-size:11px}
.editorial-slider-shell .slider-prev{left:-5px}
.editorial-slider-shell .slider-next{right:-5px}

/* Görsel netliği: özellikle daha düşük çözünürlüklü görselleri dev büyütme */
.editorial-card img,.magazine-cover-wrap img,.book-visual img{
  backface-visibility:visible!important;
  filter:none!important;
}

/* Haftanın kitabı: tek geniş kart, görsel üstte ve içerik altta */
.book-showcase{
  display:block;
  min-height:0;
  width:min(930px,100%);
  margin:0 auto;
  background:#f9f5ef;
  color:#171717;
  border:1px solid #ded3c7;
  border-radius:5px;
}
.book-visual{
  height:285px;
  background:#181a1a;
  overflow:hidden;
}
.book-visual img{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  object-fit:cover;
  object-position:center 48%;
  filter:none;
}
.book-copy{
  display:block;
  padding:22px 26px 25px;
  text-align:left;
}
.book-kicker{display:block;font:700 9px Inter,sans-serif;letter-spacing:1px;color:#8b4e2f;margin-bottom:7px}
.book-copy h3{font-size:31px;color:#171717;margin:0 0 5px}
.book-copy strong{font-size:11px;color:#76503b}
.book-copy p{font-size:11px;line-height:1.6;color:#4f4943;max-width:700px;margin:13px 0 16px}
.book-copy .outline-action{display:inline-block;color:#76503b;padding:9px 15px;font-size:9.5px}

/* Newsletter aynı dergi şeridi, daha ince */
.newsletter{width:min(1260px,90%);padding:14px 20px;margin-bottom:22px;gap:22px}
.newsletter-title>i{font-size:18px;padding:9px}
.newsletter-title strong{font-size:10px}
.newsletter-title span{font-size:10px}
.newsletter input,.newsletter button{padding:11px 13px}
.newsletter button{font-size:10px}

/* Footer - referans görseldeki koyu, 4 kolonlu yapı */
.editorial-footer{
  width:min(1320px,94%);
  margin:0 auto 18px;
  background:#101212;
  color:#d9d3cc;
  border-radius:5px;
  padding:32px 38px 14px;
}
.editorial-footer .footer-grid{
  display:grid;
  grid-template-columns:1.45fr .8fr .9fr 1.25fr;
  gap:42px;
  max-width:none;
  padding:0;
}
.editorial-footer .footer-brand{display:flex;align-items:center;gap:11px;color:#f5eee6;font-family:'Cormorant Garamond',serif;font-size:24px;line-height:.88;margin-bottom:13px}
.editorial-footer .footer-brand i{font-size:25px;color:#dfc0a4}
.editorial-footer .footer-about>p{max-width:300px;font-size:10px;line-height:1.65;color:#aaa39c}
.editorial-footer h4{font-size:9px;letter-spacing:1px;color:#e2b996;margin:0 0 15px}
.editorial-footer a{display:block;margin:0 0 10px;color:#c8c1bb;text-decoration:none;font-size:10px}
.editorial-footer a:hover{color:#e2b996}
.editorial-footer .footer-contact p{font-size:10px;line-height:1.55;margin:0 0 9px;color:#c8c1bb}
.editorial-footer .footer-contact p i{width:17px;color:#d9aa82}
.editorial-footer .footer-socials{display:flex;gap:13px;margin-top:15px;color:#d9aa82}
.editorial-footer .footer-socials i{font-size:12px}
.editorial-footer .footer-admin{
  display:inline-flex;
  align-items:center;
  gap:7px;
  width:auto;
  margin-top:12px;
  padding:9px 11px;
  border:1px solid #765a47;
  border-radius:3px;
  color:#dfc0a4;
  font-size:9px;
}
.editorial-footer .copyright{
  display:flex;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid #292c2c;
  margin-top:25px;
  padding:12px 0 0;
  font-size:8.5px;
  color:#77736f;
}

@media(max-width:900px){
  .editorial-section{width:92%}
  .announcement-showcase{grid-template-columns:205px 1fr;padding:26px;gap:24px}
  .announcement-showcase>.outline-action{grid-column:2;justify-self:start;margin:0}
  .magazine-cover-wrap img{width:165px;height:224px}
  .announcement-copy h3{font-size:36px}
  .editorial-card img{height:170px!important}
  .editorial-footer .footer-grid{grid-template-columns:1fr 1fr;gap:28px 40px}
}

@media(max-width:680px){
  .editorial-home{padding-top:20px}
  .editorial-section{width:94%;margin-bottom:25px}
  .announcement-showcase{grid-template-columns:1fr;padding:20px 17px;text-align:center;gap:17px}
  .magazine-cover-wrap img{width:min(170px,62%);height:auto;aspect-ratio:3/4;transform:none}
  .announcement-copy h3{font-size:31px}
  .announcement-copy p{font-size:11px}
  .announcement-copy .meta{justify-content:center;flex-wrap:wrap}
  .announcement-showcase>.outline-action{grid-column:auto;justify-self:center}
  .editorial-slider-shell{padding:0 27px}
  .editorial-card{flex-basis:100%!important}
  .editorial-card img{height:180px!important}
  .book-showcase{width:100%}
  .book-visual{height:230px}
  .book-copy{padding:18px}
  .book-copy h3{font-size:27px}
  .newsletter{width:94%}
  .editorial-footer{width:96%;padding:27px 22px 12px}
  .editorial-footer .footer-grid{grid-template-columns:1fr;gap:24px}
  .editorial-footer .copyright{flex-direction:column;gap:5px}
}



/* =========================================================
   SON DÜZENLEMELER
   - Drawer iletişim / yönetim butonu aralığı
   - Footer yazı boyutları
   - Bülten kuş tüyü ikonu
========================================================= */

/* Hamburger menü: iletişim kartı ve yönetim butonu nefes alsın */
.drawer-contact{
    margin-top:16px;
    margin-bottom:18px;
}

.drawer-admin{
    margin-top:0 !important;
}

/* Bülten: kuş tüyü ikonu görseldeki gibi daha zarif */
.newsletter-title > i.fa-feather-pointed{
    font-size:20px;
    padding:10px;
    width:42px;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #8d5f42;
    border-radius:50%;
    color:#74482e;
}

/* Footer: yazıları biraz daha okunaklı büyüt */
.editorial-footer .footer-about > p{
    font-size:11.5px;
    line-height:1.7;
}

.editorial-footer h4{
    font-size:10.5px;
    margin-bottom:16px;
}

.editorial-footer a{
    font-size:11.5px;
    line-height:1.45;
}

.editorial-footer .footer-contact p{
    font-size:11.5px;
    line-height:1.6;
}

.editorial-footer .footer-socials i{
    font-size:14px;
}

.editorial-footer .footer-admin{
    font-size:10.5px;
    padding:10px 12px;
    margin-top:15px;
}

.editorial-footer .copyright{
    font-size:9.5px;
}

/* Tablet/telefon: büyüyen footer yazıları taşmasın */
@media(max-width:900px){
    .editorial-footer h4{
        font-size:10.5px;
    }

    .editorial-footer a,
    .editorial-footer .footer-contact p,
    .editorial-footer .footer-about > p{
        font-size:11.5px;
    }

    .drawer-contact{
        margin-bottom:18px;
    }
}


/* =========================================================
   15.08.2026 - FINAL GÖRSEL NETLİĞİ + HAFTANIN KİTABI
========================================================= */

/* Tarayıcı tarafında gereksiz filtre/scale yok */
img{
  image-rendering:auto;
}

.hero-photo,
.magazine-cover-wrap img,
.editorial-card img,
.book-visual img{
  filter:none !important;
  transform:none;
  backface-visibility:visible;
}

/* Büyük yüksek çözünürlüklü hero görseli doğal şekilde kullan */
.hero-photo{
  background-size:cover;
  background-repeat:no-repeat;
  image-rendering:auto;
}

/* Kart görselleri: 1400px kaynakları gereksiz devleştirmeden kullan */
.editorial-slider-shell{
  max-width:1260px;
  margin-inline:auto;
}

.editorial-card img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Dergi kapağı: doğal oran */
.magazine-cover-wrap img{
  width:190px;
  height:258px;
  object-fit:cover;
}

/* ---------------------------------------------------------
   HAFTANIN KİTABI
   hero benzeri yatay kart: sol görsel / sağ metin
--------------------------------------------------------- */
.book-showcase-section{
  width:min(1120px,90%);
}

.book-showcase{
  width:100%;
  min-height:330px;
  margin:0 auto;
  display:grid !important;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  overflow:hidden;
  border:1px solid #ded3c7;
  border-radius:6px;
  background:#f8f4ee;
  color:#171717;
}

.book-visual{
  height:330px !important;
  min-height:330px;
  background:#171919 !important;
  overflow:hidden;
}

.book-visual img{
  display:block;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center 48% !important;
}

.book-copy{
  min-width:0;
  padding:34px 38px !important;
  display:flex !important;
  flex-direction:column;
  justify-content:center !important;
  align-items:flex-start;
  text-align:left;
}

.book-kicker{
  display:inline-block;
  margin:0 0 9px;
  padding:5px 9px;
  border-radius:999px;
  background:#eee2d5;
  color:#8b4e2f;
  font:700 9px Inter,sans-serif;
  letter-spacing:.8px;
}

.book-copy h3{
  margin:0 0 5px !important;
  color:#171717 !important;
  font:600 36px/1 'Cormorant Garamond',serif !important;
}

.book-copy strong{
  color:#76503b !important;
  font:600 12px Inter,sans-serif !important;
}

.book-copy p{
  max-width:480px !important;
  margin:17px 0 15px !important;
  color:#4f4943 !important;
  font:11.5px/1.65 Inter,sans-serif !important;
}

.book-meta{
  width:100%;
  max-width:430px;
  display:flex;
  align-items:center;
  gap:22px;
  padding:12px 0;
  margin:0 0 17px;
  border-top:1px solid #ded3c7;
  border-bottom:1px solid #ded3c7;
  color:#71685f;
  font:10.5px Inter,sans-serif;
}

.book-meta > *{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.book-comments{
  color:#76503b;
  text-decoration:none;
}

.book-comments:hover{
  text-decoration:underline;
}

.book-copy .outline-action{
  align-self:flex-start;
  display:inline-block;
  padding:10px 16px;
  color:#76503b;
  border-color:#8d5f42;
  font-size:10px;
}

/* ---------------------------------------------------------
   Responsive
--------------------------------------------------------- */
@media(max-width:900px){
  .book-showcase-section{
    width:92%;
  }

  .book-showcase{
    grid-template-columns:46% 54%;
    min-height:290px;
  }

  .book-visual{
    height:290px !important;
    min-height:290px;
  }

  .book-copy{
    padding:26px 25px !important;
  }

  .book-copy h3{
    font-size:31px !important;
  }

  .book-copy p{
    margin:13px 0 !important;
  }
}

@media(max-width:680px){
  .book-showcase{
    display:block !important;
  }

  .book-visual{
    width:100%;
    height:270px !important;
    min-height:270px;
  }

  .book-copy{
    padding:23px 20px 25px !important;
  }

  .book-copy h3{
    font-size:30px !important;
  }

  .book-meta{
    flex-wrap:wrap;
    gap:10px 18px;
  }

  .editorial-card img{
    height:190px !important;
  }
}


/* =========================================================
   HAFTANIN KİTABI V2
   16.08.2026
   Benzersiz sınıflar: eski book-showcase CSS'inden etkilenmez.
========================================================= */

.weekly-book-v2-section{
  width:min(1120px,90%) !important;
  margin-left:auto;
  margin-right:auto;
}

.weekly-book-v2{
  width:100%;
  min-height:330px;
  display:grid;
  grid-template-columns:minmax(0,52%) minmax(0,48%);
  overflow:hidden;
  border:1px solid #ded3c7;
  border-radius:6px;
  background:#f9f5ef;
  box-shadow:0 7px 20px rgba(51,37,27,.035);
}

/* SOL TARAF - NET GÖRSEL */
.weekly-book-v2-visual{
  min-width:0;
  height:330px;
  overflow:hidden;
  background:#171919;
}

.weekly-book-v2-visual img{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  margin:0;
  object-fit:cover;
  object-position:center 48%;
  image-rendering:auto;
  filter:none !important;
  transform:none !important;
  backface-visibility:visible;
}

/* SAĞ TARAF */
.weekly-book-v2-copy{
  min-width:0;
  padding:32px 38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  color:#171717;
}

.weekly-book-v2-kicker{
  display:inline-flex;
  align-items:center;
  margin-bottom:11px;
  padding:6px 10px;
  border-radius:999px;
  background:#eee2d5;
  color:#8a583b;
  font:700 9px/1 Inter,Arial,sans-serif;
  letter-spacing:.08em;
}

.weekly-book-v2-copy h3{
  margin:0 0 9px;
  color:#171717;
  font:600 clamp(31px,2.6vw,39px)/.98 'Cormorant Garamond',serif;
}

.weekly-book-v2-author{
  display:flex;
  align-items:center;
  gap:8px;
  color:#624530;
  font:500 12px/1.3 Inter,Arial,sans-serif;
}

.weekly-book-v2-author i{
  color:#9b6849;
}

.weekly-book-v2-author strong{
  font-weight:500;
}

.weekly-book-v2-copy > p{
  max-width:485px;
  margin:20px 0 17px;
  color:#4b4540;
  font:11.5px/1.72 Inter,Arial,sans-serif;
}

/* YORUM / OKUMA / PUAN */
.weekly-book-v2-meta{
  width:100%;
  max-width:440px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px 25px;
  padding:13px 0;
  margin-bottom:18px;
  border-top:1px solid #ded3c7;
  border-bottom:1px solid #ded3c7;
  color:#786f67;
  font:10.5px/1.2 Inter,Arial,sans-serif;
}

.weekly-book-v2-meta > span,
.weekly-book-v2-comments{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.weekly-book-v2-meta i{
  color:#966247;
}

.weekly-book-v2-comments{
  color:#78503a;
  text-decoration:none;
}

.weekly-book-v2-comments:hover{
  text-decoration:underline;
}

/* DEVAMINI OKU */
.weekly-book-v2-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:11px 17px;
  border:1px solid #8d5f42;
  border-radius:2px;
  color:#774b32;
  background:transparent;
  text-decoration:none;
  font:700 10px/1 Inter,Arial,sans-serif;
  letter-spacing:.04em;
  transition:background .22s ease,color .22s ease;
}

.weekly-book-v2-button:hover{
  background:#7a5038;
  color:#fff;
}

/* TABLET */
@media(max-width:900px){
  .weekly-book-v2-section{
    width:92% !important;
  }

  .weekly-book-v2{
    grid-template-columns:45% 55%;
    min-height:295px;
  }

  .weekly-book-v2-visual{
    height:295px;
  }

  .weekly-book-v2-copy{
    padding:25px 27px;
  }

  .weekly-book-v2-copy h3{
    font-size:31px;
  }

  .weekly-book-v2-copy > p{
    margin:15px 0;
  }

  .weekly-book-v2-meta{
    margin-bottom:15px;
  }
}

/* TELEFON */
@media(max-width:680px){
  .weekly-book-v2-section{
    width:94% !important;
  }

  .weekly-book-v2{
    display:block;
    min-height:0;
  }

  .weekly-book-v2-visual{
    width:100%;
    height:255px;
  }

  .weekly-book-v2-copy{
    padding:22px 20px 24px;
  }

  .weekly-book-v2-copy h3{
    font-size:30px;
  }

  .weekly-book-v2-copy > p{
    font-size:11px;
  }

  .weekly-book-v2-meta{
    gap:11px 18px;
  }
}


/* =========================================================
   SON YAZILAR + EDİTÖRÜN SEÇTİKLERİ
   SABİT 3 SÜTUN / SON 3 İÇERİK
========================================================= */

@media(min-width:681px){

  /* Sağ / sol oklar tamamen kaldırıldı */
  .section-latest .slider-arrow,
  .section-editor .slider-arrow,
  .section-latest .editorial-slider-arrow,
  .section-editor .editorial-slider-arrow{
    display:none !important;
  }

  /* Slider kabuğu artık normal grid alanı */
  .section-latest .editorial-slider-shell,
  .section-editor .editorial-slider-shell{
    padding-left:0 !important;
    padding-right:0 !important;
    overflow:visible !important;
  }

  /* Sabit üç sütun */
  .section-latest .editorial-track,
  .section-editor .editorial-track,
  .section-latest .article-slider,
  .section-editor .article-slider{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scroll-behavior:auto !important;
    transform:none !important;
  }

  /* Kartlar üç sütunda eşit genişlikte */
  .section-latest .editorial-card,
  .section-editor .editorial-card,
  .section-latest .mini-card,
  .section-editor .mini-card{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    scroll-snap-align:none !important;
  }

  /* Görseller net ve dengeli */
  .section-latest .editorial-card img,
  .section-editor .editorial-card img,
  .section-latest .mini-card img,
  .section-editor .mini-card img{
    width:100% !important;
    height:190px !important;
    object-fit:cover !important;
    object-position:center !important;
    image-rendering:auto;
    filter:none !important;
    transform:none !important;
  }
}

/* Tablet: 3 sütun kalsın ama daha kompakt */
@media(min-width:681px) and (max-width:980px){
  .section-latest .editorial-track,
  .section-editor .editorial-track,
  .section-latest .article-slider,
  .section-editor .article-slider{
    gap:12px !important;
  }

  .section-latest .editorial-card img,
  .section-editor .editorial-card img,
  .section-latest .mini-card img,
  .section-editor .mini-card img{
    height:155px !important;
  }
}

/* Telefon: kartlar alt alta */
@media(max-width:680px){
  .section-latest .slider-arrow,
  .section-editor .slider-arrow,
  .section-latest .editorial-slider-arrow,
  .section-editor .editorial-slider-arrow{
    display:none !important;
  }

  .section-latest .editorial-track,
  .section-editor .editorial-track,
  .section-latest .article-slider,
  .section-editor .article-slider{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:14px !important;
    overflow:visible !important;
    transform:none !important;
  }

  .section-latest .editorial-card,
  .section-editor .editorial-card,
  .section-latest .mini-card,
  .section-editor .mini-card{
    width:100% !important;
    min-width:0 !important;
  }
}


/* =========================================================
   16.08.2026 FINAL
   AYIN DERGİSİ + SABİT SON 3 İÇERİK
========================================================= */

/* ---------------- AYIN DERGİSİ ---------------- */
.monthly-issue-newsletter{
  width:100% !important;
  margin:34px 0 0 !important;
  padding:58px 7% !important;
  border:0 !important;
  border-radius:0 !important;
  background:#171919 !important;
  color:#f4eee7 !important;
}

.monthly-issue-newsletter .newsletter-inner{
  width:min(1320px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:78px;
  align-items:center;
}

.monthly-issue-newsletter .newsletter-copy>span{
  display:block;
  color:#d6aa87;
  font:700 9px/1 Inter,Arial,sans-serif;
  letter-spacing:.1em;
}

.monthly-issue-newsletter .newsletter-copy h2{
  margin:10px 0 13px;
  color:#f5eee7;
  font:600 46px/1 'Cormorant Garamond',serif;
}

.monthly-issue-newsletter .newsletter-copy p{
  max-width:540px;
  margin:0;
  color:#c9c3bc;
  font:12px/1.7 Inter,Arial,sans-serif;
}

.monthly-issue-newsletter .newsletter-form{
  display:flex;
  width:100%;
  max-width:none;
  gap:0;
}

.monthly-issue-newsletter .newsletter-form input{
  flex:1;
  min-width:0;
  padding:16px 18px;
  border:1px solid #76675b;
  border-right:0;
  background:#f4f0e9;
  color:#171717;
  outline:none;
}

.monthly-issue-newsletter .newsletter-form button{
  min-width:140px;
  padding:0 23px;
  border:1px solid #a88970;
  background:#6b382f;
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  font-weight:700;
  cursor:pointer;
}

/* ---------------- SON YAZILAR / EDİTÖRÜN SEÇTİKLERİ ---------------- */

/* Oklar HTML'den de kaldırıldı; ekstra güvenlik */
.editorial-section.slider-section .slider-arrow{
  display:none !important;
}

/* Artık gerçek slider değil: düz 3 sütun grid */
.editorial-section.slider-section .editorial-slider-shell{
  padding:0 !important;
  overflow:visible !important;
}

.editorial-section.slider-section .article-slider.editorial-cards{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  overflow:visible !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  transform:none !important;
  padding:0 !important;
}

.editorial-section.slider-section .editorial-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  flex:none !important;
  margin:0 !important;
  scroll-snap-align:none !important;
}

.editorial-section.slider-section .editorial-card img{
  width:100% !important;
  height:190px !important;
  object-fit:cover !important;
  object-position:center !important;
  image-rendering:auto !important;
  filter:none !important;
  transform:none !important;
}

/* Tablet: üç sütun korunur, biraz kompakt */
@media(min-width:681px) and (max-width:980px){
  .editorial-section.slider-section .article-slider.editorial-cards{
    gap:12px !important;
  }

  .editorial-section.slider-section .editorial-card img{
    height:150px !important;
  }

  .monthly-issue-newsletter .newsletter-inner{
    gap:34px;
  }

  .monthly-issue-newsletter .newsletter-copy h2{
    font-size:39px;
  }
}

/* Telefon: okunabilirlik için tek sütun */
@media(max-width:680px){
  .editorial-section.slider-section .article-slider.editorial-cards{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .editorial-section.slider-section .editorial-card img{
    height:210px !important;
  }

  .monthly-issue-newsletter{
    padding:40px 22px !important;
  }

  .monthly-issue-newsletter .newsletter-inner{
    grid-template-columns:1fr;
    gap:25px;
  }

  .monthly-issue-newsletter .newsletter-copy h2{
    font-size:36px;
  }

  .monthly-issue-newsletter .newsletter-form{
    flex-direction:column;
    gap:10px;
  }

  .monthly-issue-newsletter .newsletter-form input{
    border-right:1px solid #76675b;
  }

  .monthly-issue-newsletter .newsletter-form button{
    min-height:48px;
  }
}


/* =========================================================
   16.08.2026 - AYIN DERGİSİ + FOOTER TEK KOYU BLOK
   İçerik korunur, yalnızca görsel bütünlük ve okunabilirlik.
========================================================= */

/* Alt kısım artık kesintisiz koyu yüzey */
.monthly-issue-newsletter{
  margin-bottom:0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:#151818 !important;
}

.editorial-footer{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:#101313 !important;
  color:#f3eee8 !important;
  box-shadow:none !important;
}

/* Footer'ın içeriğini ortala; dışarıda krem çerçeve görünmesin */
.editorial-footer .footer-shell,
.editorial-footer .footer-inner,
.editorial-footer .footer-grid{
  width:min(1440px,86%) !important;
  max-width:1440px !important;
  margin:0 auto !important;
}

/* Eğer footer-grid doğrudan footer içindeyse yine aynı ölçüyü uygula */
.editorial-footer > .footer-grid{
  padding-top:34px !important;
  padding-bottom:26px !important;
}

/* Muhtemel iç wrapper yapılarında dikey boşluk */
.editorial-footer .footer-shell,
.editorial-footer .footer-inner{
  padding-top:34px !important;
}

/* Footer başlıkları daha net ve bir kademe büyük */
.editorial-footer h4{
  margin-bottom:16px !important;
  color:#e5b186 !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  letter-spacing:.05em !important;
}

/* Linkler / açıklamalar */
.editorial-footer a{
  color:#f1ece6 !important;
  font-size:13px !important;
  line-height:1.75 !important;
}

.editorial-footer p{
  color:#d2cbc4 !important;
  font-size:12.5px !important;
  line-height:1.75 !important;
}

/* Marka alanı */
.editorial-footer .footer-brand,
.editorial-footer .footer-logo,
.editorial-footer .footer-about .brand{
  color:#fff !important;
  font-size:30px !important;
  line-height:.95 !important;
}

.editorial-footer .footer-about > p{
  max-width:390px !important;
  font-size:12.5px !important;
}

/* İletişim satırları */
.editorial-footer .footer-contact p,
.editorial-footer .footer-contact a{
  font-size:13px !important;
}

.editorial-footer .footer-contact i{
  color:#d8a474 !important;
  font-size:14px !important;
}

/* Sosyal ikonlar */
.editorial-footer .footer-socials{
  margin-top:17px !important;
  gap:18px !important;
}

.editorial-footer .footer-socials i{
  color:#e5b186 !important;
  font-size:18px !important;
}

/* Yönetim paneli */
.editorial-footer .footer-admin,
.editorial-footer .admin-btn{
  margin-top:18px !important;
  padding:12px 17px !important;
  border-color:#a77956 !important;
  color:#f0d1b4 !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

/* Alt çizgi + copyright */
.editorial-footer .copyright{
  width:min(1440px,86%) !important;
  margin:10px auto 0 !important;
  padding:16px 0 18px !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  color:#9f9992 !important;
  font-size:10.5px !important;
  line-height:1.5 !important;
}

/* Newsletter ile footer arasında tek koyu blok etkisi */
.monthly-issue-newsletter + .editorial-footer{
  margin-top:0 !important;
}

/* Tablet */
@media(max-width:980px){
  .editorial-footer .footer-shell,
  .editorial-footer .footer-inner,
  .editorial-footer .footer-grid,
  .editorial-footer .copyright{
    width:90% !important;
  }

  .editorial-footer h4{
    font-size:12px !important;
  }

  .editorial-footer a,
  .editorial-footer p,
  .editorial-footer .footer-contact p,
  .editorial-footer .footer-contact a{
    font-size:12.5px !important;
  }
}

/* Telefon */
@media(max-width:680px){
  .editorial-footer{
    padding:0 !important;
  }

  .editorial-footer .footer-shell,
  .editorial-footer .footer-inner,
  .editorial-footer .footer-grid,
  .editorial-footer .copyright{
    width:88% !important;
  }

  .editorial-footer .footer-grid{
    display:block !important;
    padding-top:24px !important;
  }

  .editorial-footer .footer-grid > div{
    padding:18px 0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .editorial-footer .footer-grid > div:last-child{
    border-bottom:0 !important;
  }

  .editorial-footer h4{
    font-size:12px !important;
  }

  .editorial-footer a,
  .editorial-footer p,
  .editorial-footer .footer-contact p,
  .editorial-footer .footer-contact a{
    font-size:12.5px !important;
  }

  .editorial-footer .footer-brand,
  .editorial-footer .footer-logo{
    font-size:27px !important;
  }
}


/* =========================================================
   TÜM YAZILAR SAYFASI
========================================================= */

.articles-page{background:#f5f0e9;color:#171615}

.articles-hero{
  min-height:180px;
  display:flex;
  align-items:center;
  color:#f6f0e8;
  background:
    linear-gradient(90deg,rgba(11,10,9,.94),rgba(26,19,15,.64)),
    url("../assets/dergi.jpg?v=20260817-user-images-v11") center 48%/cover no-repeat;
}
.articles-hero-inner{width:min(1450px,92%);margin:auto}
.articles-hero h1{font:500 46px/1 Georgia,serif;margin:0 0 16px}
.articles-breadcrumb{font-size:13px;color:#d6cdc4}.articles-breadcrumb span{margin:0 10px}

.articles-content{padding:38px 0 54px}
.articles-shell{
  width:min(1450px,92%);
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(260px,.88fr);
  gap:34px;
  align-items:start;
}

.articles-filterbar{
  display:grid;
  grid-template-columns:repeat(6,minmax(92px,1fr));
  gap:12px;
  margin-bottom:26px;
}
.article-filter{
  min-height:84px;
  border:1px solid #d9cdbf;
  border-radius:6px;
  background:#f8f4ee;
  color:#332b25;
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:center;
  align-items:center;
  cursor:pointer;
  transition:.2s ease;
  font-size:12px;
}
.article-filter i{font-size:20px}
.article-filter:hover,
.article-filter.active{
  background:#5b3025;
  color:#fff;
  border-color:#5b3025;
}

.articles-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.article-list-card{
  border:1px solid #ded2c6;
  border-radius:7px;
  overflow:hidden;
  background:#f9f5ef;
  min-width:0;
  transition:.25s ease;
}
.article-list-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(60,43,31,.08);
}
.article-list-card.is-hidden{display:none}
.article-list-image{height:190px;position:relative;overflow:hidden;background:#241c17}
.article-list-image img{width:100%;height:100%;object-fit:cover;display:block;filter:none}
.article-badge{
  position:absolute;
  top:13px;left:13px;
  z-index:2;
  background:#5f3428;
  color:#fff;
  border-radius:4px;
  padding:6px 9px;
  font-size:10px;
}
.article-list-body{padding:17px 18px 20px}
.article-list-body small{display:block;color:#77695e;font-size:11px;margin-bottom:11px}
.article-list-body h2{
  font:500 23px/1.05 Georgia,serif;
  margin:0 0 12px;
}
.article-list-body p{
  color:#5b514a;
  font-size:12.5px;
  line-height:1.62;
  margin:0 0 14px;
}
.article-list-body a{
  color:#6e382b;
  font-weight:700;
  text-decoration:none;
  font-size:12px;
}
.article-list-body a span{margin-left:8px}

.articles-pagination{
  display:flex;
  justify-content:center;
  gap:6px;
  margin-top:28px;
}
.articles-pagination button{
  min-width:36px;height:36px;
  border:1px solid #d5c7ba;
  background:#f9f5ef;
  color:#5d4d42;
  border-radius:3px;
}
.articles-pagination .active{background:#4f3026;color:#fff}

.articles-sidebar{display:grid;gap:18px}
.article-sidebox{
  background:#f8f3ed;
  border:1px solid #dccfc2;
  border-radius:7px;
  padding:22px;
}
.article-sidebox h3{
  margin:0 0 15px;
  font:500 22px/1.1 Georgia,serif;
}
.article-sidebox h3 i{color:#a77a5c;margin-right:8px}

.article-sidebox>a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  text-decoration:none;
  color:#302a25;
  border-bottom:1px solid #e2d7cc;
  padding:11px 0;
  font-size:12px;
}
.article-sidebox>a:last-child{border-bottom:0}
.article-sidebox>a span{display:flex;align-items:center;gap:8px}
.article-sidebox>a b{
  background:#eadfd4;
  border-radius:999px;
  padding:3px 7px;
  font-size:10px;
  font-weight:500;
}

.tag-cloud{display:flex;flex-wrap:wrap;gap:7px}
.tag-cloud a{
  border:1px solid #d3c4b6;
  background:#f3ece5;
  color:#5b4c41;
  text-decoration:none;
  border-radius:4px;
  padding:5px 8px;
  font-size:10px;
}

.article-newsletter{text-align:center}
.side-news-icon{
  width:68px;height:68px;
  margin:0 auto 17px;
  border:1px solid #b58d6e;
  border-radius:50%;
  display:grid;place-items:center;
  font-size:27px;
}
.article-newsletter h3{font-size:23px}
.article-newsletter p{color:#6c5e54;font-size:12px;line-height:1.6}
.article-newsletter input{
  width:100%;box-sizing:border-box;
  padding:13px;
  border:1px solid #cdbdae;
  background:#fffaf5;
  margin:10px 0 8px;
}
.article-newsletter button{
  width:100%;
  border:0;
  padding:13px;
  background:#68352a;
  color:#fff;
  font-weight:700;
}
.article-newsletter small{
  display:block;
  margin-top:18px;
  text-align:left;
  color:#6c5e54;
  font-size:10px;
  line-height:1.6;
}

@media(max-width:1180px){
  .articles-filterbar{grid-template-columns:repeat(4,minmax(90px,1fr))}
  .articles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .articles-shell{grid-template-columns:1fr}
  .articles-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-newsletter{grid-column:1/-1}
}
@media(max-width:680px){
  .articles-hero{min-height:145px}
  .articles-hero h1{font-size:36px}
  .articles-content{padding-top:25px}
  .articles-shell{width:90%}
  .articles-filterbar{
    display:flex;
    overflow-x:auto;
    padding-bottom:8px;
    gap:10px;
  }
  .article-filter{min-width:95px;min-height:76px}
  .articles-grid{grid-template-columns:1fr}
  .article-list-image{height:220px}
  .articles-sidebar{grid-template-columns:1fr}
}

/* YAZILAR GÖRSEL NETLİĞİ */
.article-list-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;image-rendering:auto!important;filter:none!important;transform:none!important;backface-visibility:visible!important;}
.article-list-image{overflow:hidden;background:#211b17;}


/* =========================================================
   TÜM YAZILAR - KART ÖNİZLEME MODALI
========================================================= */
.article-list-card{cursor:pointer}
.article-list-card .article-list-body a{position:relative;z-index:2}

.article-preview-modal{
  position:fixed;inset:0;z-index:100000;display:none;
  align-items:center;justify-content:center;padding:24px;
}
.article-preview-modal.is-open{display:flex}
.article-preview-backdrop{
  position:absolute;inset:0;background:rgba(34,26,21,.34);
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
.article-preview-dialog{
  position:relative;z-index:1;width:min(860px,calc(100vw - 40px));
  max-height:88vh;overflow:auto;display:grid;
  grid-template-columns:minmax(0,42%) minmax(0,58%);
  background:#fbf7f1;border:1px solid #d8cabc;border-radius:12px;
  box-shadow:0 28px 80px rgba(24,17,13,.28);
  animation:articlePreviewIn .22s ease both;
}
@keyframes articlePreviewIn{
  from{opacity:0;transform:translateY(10px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.article-preview-x{
  position:absolute;top:12px;right:12px;width:36px;height:36px;
  border:1px solid rgba(116,78,54,.25);border-radius:50%;
  background:rgba(251,247,241,.9);color:#6d402d;
  display:grid;place-items:center;cursor:pointer;z-index:4;
}
.article-preview-image-wrap{min-height:470px;background:#211a16;overflow:hidden}
.article-preview-image-wrap img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  image-rendering:auto;filter:none!important;transform:none!important;
}
.article-preview-copy{
  padding:46px 46px 38px;display:flex;flex-direction:column;justify-content:center;
}
.article-preview-meta{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-bottom:17px;color:#7a695d;font-size:11px;
}
.article-preview-meta>span:first-child{
  padding:6px 10px;border-radius:999px;background:#6a382c;color:#fff;font-weight:700;
}
.article-preview-meta b{font-weight:500}
.article-preview-copy h2{
  margin:0 0 18px;font:500 clamp(32px,3vw,45px)/.98 Georgia,serif;color:#1b1714;
}
.article-preview-abstract{
  margin:0;color:#4f463f;font-size:14px;line-height:1.78;
}
.article-preview-actions{
  margin-top:28px;padding-top:20px;border-top:1px solid #ddd1c5;
  display:flex;justify-content:flex-end;gap:10px;
}
.article-preview-actions a,.article-preview-actions button{
  min-height:42px;padding:0 17px;border-radius:3px;font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;cursor:pointer;
}
.article-preview-secondary{border:1px solid #cdbbac;background:transparent;color:#6a584c}
.article-preview-primary{border:1px solid #6c3a2c;background:#6c3a2c;color:#fff}
body.article-preview-open{overflow:hidden}

@media(max-width:760px){
  .article-preview-dialog{display:block;width:min(560px,calc(100vw - 24px))}
  .article-preview-image-wrap{min-height:0;height:270px}
  .article-preview-copy{padding:28px 22px 24px}
  .article-preview-copy h2{font-size:31px}
  .article-preview-abstract{font-size:13px}
}


/* =========================================================
   17.08.2026 - MODAL NETLİK + CACHE FIX
   Blur SADECE arka plan katmanında kalır.
========================================================= */

.article-preview-modal{
  isolation:isolate;
}

.article-preview-backdrop{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:rgba(34,26,21,.34) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  filter:none !important;
  transform:none !important;
}

.article-preview-dialog{
  position:relative !important;
  z-index:2 !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none;
  image-rendering:auto;
  will-change:auto;
}

.article-preview-image-wrap{
  overflow:hidden;
  background:#211a16;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}

.article-preview-image-wrap img,
#previewImage{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  image-rendering:auto !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  backface-visibility:visible !important;
}

/* Kart görsellerinde de tarayıcı tarafı keskinliği bozacak efekt yok */
.article-list-image,
.article-list-image img{
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transform:none !important;
}

.article-list-image img{
  image-rendering:auto !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Modal görselini masaüstünde gereksiz devleştirme */
@media(min-width:761px){
  .article-preview-dialog{
    width:min(820px,calc(100vw - 48px)) !important;
    grid-template-columns:minmax(0,40%) minmax(0,60%) !important;
  }

  .article-preview-image-wrap{
    min-height:430px !important;
    max-height:520px !important;
  }
}

/* Küçük ekranlarda doğal oran */
@media(max-width:760px){
  .article-preview-image-wrap{
    height:240px !important;
    min-height:0 !important;
  }
}

/* FINAL NETLIK FIX */
.article-preview-modal{isolation:isolate!important;filter:none!important;transform:none!important}
.article-preview-backdrop{
 position:absolute!important;inset:0!important;z-index:0!important;
 background:rgba(25,19,15,.44)!important;
 backdrop-filter:blur(7px) brightness(.86)!important;
 -webkit-backdrop-filter:blur(7px) brightness(.86)!important;
 filter:none!important;transform:none!important;
}
.article-preview-dialog{
 position:relative!important;z-index:5!important;
 width:min(940px,calc(100vw - 48px))!important;
 display:grid!important;grid-template-columns:42% 58%!important;
 background:#fbf7f1!important;border-radius:14px!important;
 filter:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;transform:none!important;
 animation:articlePreviewFadeOnly .18s ease-out both!important;
}
@keyframes articlePreviewFadeOnly{from{opacity:0}to{opacity:1}}
.article-preview-image-wrap{
 min-height:560px!important;overflow:hidden!important;background:#1b1714!important;
 filter:none!important;backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;transform:none!important;
}
.article-preview-image-wrap img,#previewImage,
.article-list-image img{
 width:100%!important;height:100%!important;display:block!important;
 object-fit:cover!important;object-position:center!important;
 image-rendering:auto!important;filter:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 transform:none!important;opacity:1!important;mix-blend-mode:normal!important;
}
.article-preview-copy{
 background:#fbf7f1!important;filter:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 transform:none!important;
}
@media(max-width:760px){
 .article-preview-dialog{display:block!important;width:min(560px,calc(100vw - 22px))!important}
 .article-preview-image-wrap{min-height:0!important;height:285px!important}
}


/* USER IMAGE SET + CACHE BREAK 20260817-user-images-v11 */
img {
  image-rendering: auto;
}
.article-list-image img,
.article-preview-image-wrap img,
#previewImage,
.article-cover img,
#articleCover {
  filter: none !important;
  -webkit-filter: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  image-rendering: auto !important;
}


/* =========================================================
   ANA SAYFA - TÜM YAZI KARTLARI DERGİ MODALI
========================================================= */
.home-card-modal{
  position:fixed; inset:0; z-index:150000; display:none;
  align-items:center; justify-content:center; padding:24px; isolation:isolate;
}
.home-card-modal.is-open{display:flex}
.home-card-modal__backdrop{
  position:absolute; inset:0; z-index:0;
  background:rgba(24,18,14,.46);
  backdrop-filter:blur(8px) brightness(.84);
  -webkit-backdrop-filter:blur(8px) brightness(.84);
}
.home-card-modal__dialog{
  position:relative; z-index:2;
  width:min(980px,calc(100vw - 44px)); max-height:88vh;
  display:grid; grid-template-columns:42% 58%;
  overflow:hidden; border-radius:14px;
  background:#fbf7f0; border:1px solid rgba(105,66,45,.22);
  box-shadow:0 28px 90px rgba(0,0,0,.32);
  animation:homeModalFade .18s ease-out both;
}
@keyframes homeModalFade{from{opacity:0}to{opacity:1}}
.home-card-modal__close{
  position:absolute; top:14px; right:14px; z-index:5;
  width:40px;height:40px;border-radius:50%;
  border:1px solid #d8c8ba;background:#f8f1e9;color:#6b372b;
  display:grid;place-items:center;cursor:pointer;
}
.home-card-modal__visual{
  min-height:570px;background:#181512;overflow:hidden;
}
.home-card-modal__visual img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  display:block;filter:none!important;transform:none!important;opacity:1!important;
  image-rendering:auto!important;
}
.home-card-modal__content{
  padding:48px 48px 38px;
  display:flex;flex-direction:column;justify-content:center;
}
.home-card-modal__meta{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  color:#7a695d;font-size:11px;margin-bottom:16px;
}
.home-card-modal__meta>span:first-child{
  background:#6a382c;color:white;padding:6px 11px;border-radius:999px;font-weight:700;
}
.home-card-modal__content h2{
  font:500 clamp(34px,3.2vw,48px)/.98 Georgia,serif;
  margin:0 0 18px;color:#181411;
}
.home-card-modal__quote{
  display:none;
  margin:0 0 20px;padding:0 0 0 18px;
  border-left:2px solid #a36b4f;
  color:#6c4233;font:italic 17px/1.55 Georgia,serif;
}
.home-card-modal__quote.has-quote{display:block}
.home-card-modal__abstract{
  margin:0;color:#4d443e;font-size:14px;line-height:1.8;
}
.home-card-modal__social{
  display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;
}
.home-card-modal__social button,
.home-card-modal__social a{
  min-height:42px;padding:0 15px;
  border:1px solid #d4c2b3;background:transparent;color:#673c2d;
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-size:11px;font-weight:700;border-radius:4px;cursor:pointer;
}
.home-card-modal__cta{
  margin-top:13px;min-height:48px;
  background:#613023;color:#fff;text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:12px;font-weight:700;border-radius:4px;
}
body.home-card-modal-open{overflow:hidden}

/* Ana sayfadaki yazı kartları clickable hissi */
.editorial-card,
.article-card,
.home-article-card{cursor:pointer}

@media(max-width:760px){
  .home-card-modal{padding:12px}
  .home-card-modal__dialog{
    display:block;width:min(560px,calc(100vw - 20px));
    max-height:92vh;overflow:auto;
  }
  .home-card-modal__visual{min-height:0;height:280px}
  .home-card-modal__content{padding:28px 22px 24px}
  .home-card-modal__content h2{font-size:31px}
}

/* INDEX modal V19 - hero untouched */
article.editorial-card.mini-card[data-home-slug]{cursor:pointer}
.home-card-modal{pointer-events:none}
.home-card-modal.is-open{pointer-events:auto}
.home-card-modal__dialog,.home-card-modal__backdrop{pointer-events:auto}


/* =========================================================
   HERO FINAL - 2 SÜTUN / ESKİ DÜŞÜNEN ADAM
   Cache: 20260817-hero-2col-v20
   Masaüstü: solda metin, sağda net görsel.
========================================================= */

@media (min-width: 761px) {
  .hero {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 50% 50% !important;
    height: calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
    min-height: 600px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #080b0b !important;
  }

  .hero-photo {
    position: relative !important;
    inset: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    background-image: url("../assets/hero.jpg?v=20260817-hero-2col-v20") !important;
    background-size: cover !important;
    background-position: 62% center !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    image-rendering: auto !important;
  }

  /* Sadece iki sütunun birleşiminde hafif geçiş; görselin kendisi opak/net. */
  .hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        90deg,
        #080b0b 0%,
        #080b0b 44%,
        rgba(8,11,11,.97) 47%,
        rgba(8,11,11,.55) 50%,
        rgba(8,11,11,.08) 55%,
        rgba(8,11,11,0) 60%
      ) !important;
  }

  .hero-copy {
    position: relative !important;
    inset: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    z-index: 4 !important;
    width: auto !important;
    max-width: 620px !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: clamp(42px,5vw,90px) clamp(34px,5vw,86px) !important;
    transform: none !important;
    background: transparent !important;
    color: #fff !important;
  }

  .hero-copy h1 {
    max-width: 560px !important;
    margin-top: 8px !important;
  }

  .hero-copy p {
    max-width: 540px !important;
  }

  .hero-continue {
    position: absolute !important;
    left: 50% !important;
    bottom: 22px !important;
    z-index: 6 !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    order: initial !important;
    color: rgba(255,255,255,.94) !important;
  }
}

/* Telefon/tablet: görsel üstte, metin altta; görsel yine net ve opak. */
@media (max-width: 760px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: #080b0b !important;
  }

  .hero-photo {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    width: 100% !important;
    height: 48svh !important;
    min-height: 320px !important;
    max-height: 500px !important;

    background-image: url("../assets/hero.jpg?v=20260817-hero-2col-v20") !important;
    background-size: cover !important;
    background-position: 68% center !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .hero-overlay {
    display: none !important;
  }

  .hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
    padding: 26px 24px 32px !important;
    background: #080b0b !important;
    color: #fff !important;
  }

  .hero-continue {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 3 !important;
    align-self: center !important;
    margin: 0 0 18px !important;
  }
}


/* =========================================================
   HERO FINAL - TEK PARÇA / ESKİ DÜŞÜNEN ADAM
   Cache: 20260817-hero-single-v21
   Masaüstü: full-width hero, yazılar solda ve dikeyde ortada.
========================================================= */

@media (min-width: 761px) {
  .hero {
    position: relative !important;
    display: block !important;
    height: calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
    min-height: 600px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #080b0b !important;
  }

  .hero-photo {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    background-image: url("../assets/hero.jpg?v=20260817-hero-single-v21") !important;
    background-size: cover !important;
    background-position: center 38% !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    image-rendering: auto !important;
  }

  .hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
      linear-gradient(
        90deg,
        rgba(5,8,8,.98) 0%,
        rgba(5,8,8,.94) 30%,
        rgba(5,8,8,.78) 46%,
        rgba(5,8,8,.36) 64%,
        rgba(5,8,8,.08) 82%,
        rgba(5,8,8,0) 100%
      ),
      linear-gradient(
        0deg,
        rgba(4,6,6,.30) 0%,
        rgba(4,6,6,0) 34%
      ) !important;
  }

  .hero-copy {
    position: absolute !important;
    z-index: 4 !important;

    left: clamp(56px, 7vw, 120px) !important;
    top: 0 !important;
    bottom: 0 !important;
    right: auto !important;

    width: min(600px, 46vw) !important;
    height: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: transparent !important;
    color: #fff !important;
  }

  .hero-copy h1 {
    margin: 10px 0 18px !important;
    max-width: 580px !important;
  }

  .hero-copy p {
    max-width: 540px !important;
    margin-bottom: 22px !important;
  }

  .hero-continue {
    position: absolute !important;
    left: 50% !important;
    bottom: 22px !important;
    z-index: 6 !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    order: initial !important;
    color: rgba(255,255,255,.94) !important;
  }
}

/* Mobil/tablet: sevdiğimiz düzen korunur — görsel üstte, yazı altta. */
@media (max-width: 760px) {
  .hero {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    background: #080b0b !important;
  }

  .hero-photo {
    position: relative !important;
    inset: auto !important;
    order: 1 !important;
    width: 100% !important;
    height: 48svh !important;
    min-height: 320px !important;
    max-height: 500px !important;

    background-image: url("../assets/hero.jpg?v=20260817-hero-single-v21") !important;
    background-size: cover !important;
    background-position: 68% center !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    transform: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  .hero-overlay {
    display: none !important;
  }

  .hero-copy {
    position: relative !important;
    inset: auto !important;
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    transform: none !important;
    padding: 28px 24px 34px !important;
    background: #080b0b !important;
    color: #fff !important;
  }

  .hero-continue {
    position: relative !important;
    left: auto !important;
    bottom: auto !important;
    transform: none !important;
    order: 3 !important;
    align-self: center !important;
    margin: 0 0 18px !important;
  }
}


/* =========================================================
   MODAL GÖRSELİ - INSTAGRAM TARZI FIT
   Ana görsel kırpılmaz; arka planda blur kopya görünür.
========================================================= */

.home-card-modal__visual{
  position:relative !important;
  overflow:hidden !important;
  min-height:570px !important;
  background:#171310 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  isolation:isolate !important;
}

/* Arka plan kopyası */
.home-card-modal__visual::before{
  content:"" !important;
  position:absolute !important;
  inset:-24px !important;
  z-index:0 !important;
  background-image:var(--modal-bg-image) !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  filter:blur(22px) brightness(.62) saturate(.92) !important;
  transform:scale(1.08) !important;
  opacity:.95 !important;
}

/* Hafif koyu katman */
.home-card-modal__visual::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  background:rgba(18,14,12,.18) !important;
  pointer-events:none !important;
}

/* Asıl görsel: tam sığar, kırpılmaz */
.home-card-modal__visual img,
#homeModalImage{
  position:relative !important;
  z-index:2 !important;
  width:auto !important;
  height:auto !important;
  max-width:92% !important;
  max-height:92% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;

  opacity:1 !important;
  filter:none !important;
  -webkit-filter:none !important;
  transform:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  image-rendering:auto !important;

  box-shadow:0 8px 28px rgba(0,0,0,.18) !important;
}

/* Modal sol alanı çok geniş görünmesin */
@media (min-width:761px){
  .home-card-modal__dialog{
    grid-template-columns:41% 59% !important;
  }
}

@media (max-width:760px){
  .home-card-modal__visual{
    min-height:0 !important;
    height:300px !important;
  }

  .home-card-modal__visual img,
  #homeModalImage{
    max-width:94% !important;
    max-height:92% !important;
  }
}


/* =========================================================
   GLOBAL YAZI MODALI - ORTAK BİLEŞEN
========================================================= */
.global-preview-card{cursor:pointer}

.global-article-modal{
  position:fixed;inset:0;z-index:200000;
  display:none;align-items:center;justify-content:center;
  padding:24px;isolation:isolate;pointer-events:none;
}
.global-article-modal.is-open{display:flex;pointer-events:auto}

.global-article-modal__backdrop{
  position:absolute;inset:0;z-index:0;
  background:rgba(25,19,15,.44);
  backdrop-filter:blur(8px) brightness(.84);
  -webkit-backdrop-filter:blur(8px) brightness(.84);
}

.global-article-modal__dialog{
  position:relative;z-index:2;
  width:min(980px,calc(100vw - 44px));
  max-height:88vh;
  display:grid;grid-template-columns:41% 59%;
  overflow:hidden;
  border:1px solid rgba(106,67,46,.22);
  border-radius:14px;
  background:#fbf7f0;
  box-shadow:0 30px 90px rgba(0,0,0,.30);
  animation:globalModalFade .18s ease-out both;
}
@keyframes globalModalFade{from{opacity:0}to{opacity:1}}

.global-article-modal__close{
  position:absolute;top:14px;right:14px;z-index:6;
  width:40px;height:40px;border-radius:50%;
  border:1px solid #d8c8ba;
  background:#f8f1e9;color:#6b372b;
  display:grid;place-items:center;cursor:pointer;
}

.global-article-modal__visual{
  position:relative;
  min-height:570px;
  overflow:hidden;
  background:#171310;
  display:flex;align-items:center;justify-content:center;
  isolation:isolate;
}
.global-article-modal__visual::before{
  content:"";
  position:absolute;inset:-24px;z-index:0;
  background-image:var(--global-modal-bg);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:blur(22px) brightness(.62) saturate(.92);
  transform:scale(1.08);
  opacity:.95;
}
.global-article-modal__visual::after{
  content:"";
  position:absolute;inset:0;z-index:1;
  background:rgba(18,14,12,.18);
  pointer-events:none;
}
.global-article-modal__visual img{
  position:relative;z-index:2;
  width:auto;height:auto;
  max-width:92%;max-height:92%;
  object-fit:contain;object-position:center;
  display:block;
  opacity:1;filter:none!important;transform:none!important;
  image-rendering:auto!important;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
}

.global-article-modal__content{
  padding:48px 48px 38px;
  display:flex;flex-direction:column;justify-content:center;
}
.global-article-modal__meta{
  display:flex;align-items:center;gap:13px;flex-wrap:wrap;
  margin-bottom:16px;color:#7b6a5e;font-size:11px;
}
.global-article-modal__meta>span:first-child{
  padding:6px 11px;border-radius:999px;
  background:#6a382c;color:#fff;font-weight:700;
}
.global-modal-author{
  display:inline-flex;align-items:center;gap:6px;
}
.global-modal-author[hidden]{display:none!important}

.global-article-modal__content h2{
  margin:0 0 18px;
  font:500 clamp(34px,3.2vw,48px)/.98 Georgia,serif;
  color:#181411;
}
.global-article-modal__quote{
  display:none;
  margin:0 0 20px;
  padding:0 0 0 18px;
  border-left:2px solid #a36b4f;
  color:#6c4233;
  font:italic 17px/1.55 Georgia,serif;
}
.global-article-modal__quote.has-quote{display:block}
.global-article-modal__abstract{
  margin:0;color:#4d443e;
  font-size:14px;line-height:1.8;
}
.global-article-modal__social{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-top:28px;
}
.global-article-modal__social button,
.global-article-modal__social a{
  min-height:42px;padding:0 15px;
  border:1px solid #d4c2b3;
  background:transparent;color:#673c2d;
  display:inline-flex;align-items:center;gap:8px;
  text-decoration:none;font-size:11px;font-weight:700;
  border-radius:4px;cursor:pointer;
}
.global-article-modal__social button.is-liked{
  background:#f3e7df;
}
.global-article-modal__cta{
  margin-top:13px;min-height:48px;
  background:#713624;color:#fff;
  text-decoration:none;
  display:flex;align-items:center;justify-content:center;gap:10px;
  font-size:12px;font-weight:700;border-radius:4px;
}
body.global-modal-open{overflow:hidden}

@media(max-width:760px){
  .global-article-modal{padding:12px}
  .global-article-modal__dialog{
    display:block;
    width:min(560px,calc(100vw - 20px));
    max-height:92vh;overflow:auto;
  }
  .global-article-modal__visual{
    min-height:0;height:300px;
  }
  .global-article-modal__visual img{
    max-width:94%;max-height:92%;
  }
  .global-article-modal__content{
    padding:28px 22px 24px;
  }
  .global-article-modal__content h2{
    font-size:31px;
  }
}


/* =========================================================
   TOPBAR - SİZDEN GELENLER / DERGİ ARŞİVİ
========================================================= */
.topbar{
  display:grid !important;
  grid-template-columns:1fr auto auto !important;
  align-items:center !important;
}
.topbar-links{
  display:flex;
  align-items:center;
  gap:18px;
  margin-right:18px;
}
.topbar-links a{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:inherit;
  text-decoration:none;
  font-size:11px;
  opacity:.92;
}
.topbar-links a:hover{opacity:1}
@media(max-width:760px){
  .topbar{
    grid-template-columns:1fr auto !important;
  }
  .topbar>span{display:none}
  .topbar-links{
    margin:0 10px 0 14px;
    gap:12px;
  }
  .topbar-links a span{display:none}
}

/* =========================================================
   EDİTÖRÜN SEÇTİKLERİ
========================================================= */
.editor-picks-page{
  background:#f7f1e8;
  color:#191512;
}
.editor-picks-hero{
  max-width:1420px;
  margin:0 auto;
  min-height:230px;
  padding:52px 44px 34px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #dfd2c5;
}
.editor-picks-kicker,
.editor-picks-heading>div>span{
  display:block;
  color:#8a5035;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
  margin-bottom:8px;
}
.editor-picks-hero h1{
  margin:0;
  font:500 clamp(42px,4.5vw,68px)/.95 Georgia,serif;
}
.editor-picks-hero p{
  margin:14px 0 0;
  color:#655a52;
  font-size:15px;
}
.editor-picks-hero-mark{
  width:150px;height:110px;
  display:grid;place-items:center;
  color:#9a674c;
  font-size:62px;
  opacity:.8;
}

.editor-tab-section{
  max-width:1420px;
  margin:0 auto;
  padding:26px 44px 6px;
}
.editor-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.editor-tab{
  min-height:42px;
  padding:0 16px;
  border:1px solid #d8c4b3;
  border-radius:999px;
  background:#fbf7f1;
  color:#6a3d2d;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
}
.editor-tab.active{
  background:#713725;
  border-color:#713725;
  color:#fff;
}

.editor-picks-content{
  max-width:1420px;
  margin:0 auto;
  padding:34px 44px 56px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:34px;
  align-items:start;
}
.editor-picks-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  margin-bottom:22px;
  padding-bottom:16px;
  border-bottom:1px solid #ddcfc2;
}
.editor-picks-heading h2{
  margin:0 0 7px;
  font:500 34px/1 Georgia,serif;
}
.editor-picks-heading p{
  margin:0;color:#71655c;font-size:13px;
}
.editor-result-count{
  white-space:nowrap;
  font-size:11px;
  color:#76513f;
}

.editor-picks-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.editor-pick-card{
  background:#fbf7f1;
  border:1px solid #ddcfc3;
  border-radius:8px;
  overflow:hidden;
  min-width:0;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease;
}
.editor-pick-card:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 30px rgba(64,43,30,.08);
}
.editor-pick-image{
  height:205px;
  position:relative;
  overflow:hidden;
  background:#1b1714;
}
.editor-pick-image>span{
  position:absolute;
  left:12px;top:12px;z-index:2;
  background:#713725;color:white;
  font-size:10px;font-weight:700;
  padding:6px 9px;border-radius:4px;
}
.editor-pick-image img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:none!important;transform:none!important;
}
.editor-pick-body{
  padding:17px 17px 15px;
}
.editor-pick-body small{
  color:#77685d;
  font-size:10px;
}
.editor-pick-body small em{font-style:normal;margin:0 4px}
.editor-pick-body h2{
  margin:10px 0 9px;
  font:500 24px/1.08 Georgia,serif;
}
.editor-pick-body p{
  min-height:64px;
  margin:0;
  color:#5f554e;
  font-size:12px;
  line-height:1.55;
}
.editor-pick-stats{
  display:flex;
  gap:12px;
  border-top:1px solid #e3d8ce;
  margin-top:14px;
  padding-top:12px;
  color:#76513f;
  font-size:10px;
}
.editor-pick-body>a{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#713725;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}

.editor-sidebar{
  position:sticky;
  top:18px;
}
.editor-filter-box,
.editor-side-note{
  background:#fbf7f1;
  border:1px solid #ddcfc3;
  border-radius:8px;
}
.editor-filter-title{
  min-height:56px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e4d9cf;
}
.editor-filter-title>div{
  display:flex;align-items:center;gap:8px;
  font:500 19px/1 Georgia,serif;
}
.editor-filter-title button{
  border:0;background:transparent;color:#6b4938;cursor:pointer;
}
.editor-filter-body{
  padding:4px 16px 16px;
}
.editor-filter-body.is-collapsed{display:none}
.editor-filter-group{
  border-bottom:1px solid #e5d9cf;
}
.editor-filter-head{
  width:100%;
  padding:14px 0;
  display:flex;align-items:center;justify-content:space-between;
  border:0;background:transparent;cursor:pointer;
  color:#251e1a;font-size:11px;font-weight:800;text-align:left;
}
.editor-filter-options{
  display:none;
  padding:0 0 14px;
}
.editor-filter-group.open .editor-filter-options{
  display:grid;
  gap:10px;
}
.editor-filter-options label{
  display:flex;align-items:center;gap:8px;
  font-size:11px;color:#51463f;
}
.editor-filter-options input{accent-color:#713725}
.editor-filter-options select{
  width:100%;min-height:38px;
  border:1px solid #d9c8b9;border-radius:5px;
  background:#fffaf4;padding:0 9px;color:#4e4138;
}
.editor-clear-filters{
  width:100%;min-height:40px;margin-top:15px;
  border:1px solid #b88a70;border-radius:5px;
  background:transparent;color:#74432f;
  font-size:11px;font-weight:700;cursor:pointer;
}
.editor-side-note{
  margin-top:16px;
  padding:22px 18px;
  text-align:center;
}
.editor-side-note>i{
  font-size:28px;color:#9b674d;
}
.editor-side-note h3{
  margin:10px 0 8px;font:500 22px Georgia,serif;
}
.editor-side-note p{
  margin:0;color:#706157;font-size:11px;line-height:1.6;
}
.editor-empty{
  padding:60px 20px;
  text-align:center;
  border:1px dashed #cfb9a8;
}
.editor-empty i{font-size:34px;color:#9b674d}
.editor-empty h3{font:500 25px Georgia,serif}

@media(max-width:1100px){
  .editor-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
  .editor-picks-content{
    grid-template-columns:1fr;
  }
  .editor-sidebar{
    position:relative;
    top:auto;
    order:-1;
  }
}
@media(max-width:620px){
  .editor-picks-hero,
  .editor-tab-section,
  .editor-picks-content{
    padding-left:20px;padding-right:20px;
  }
  .editor-picks-hero-mark{display:none}
  .editor-picks-grid{grid-template-columns:1fr}
}

/* v27: topbar exact order */
.topbar{
  display:flex!important;
  align-items:center!important;
  grid-template-columns:none!important;
}
.topbar>span:first-child{margin-right:auto}
.topbar-links{order:2!important;margin:0 18px 0 18px!important}
.topbar .socials{order:3!important}
.topbar-links a{white-space:nowrap}
.editor-filter-options select + select{margin-top:8px}
.editor-subarea-badge{
  display:inline-flex;
  margin:9px 0 0;
  padding:4px 7px;
  border:1px solid #d8c4b3;
  border-radius:999px;
  color:#84513b;
  background:#f8eee5;
  font-size:9px;
  font-weight:800;
  letter-spacing:.03em;
}
@media(max-width:760px){
  .topbar>span:first-child{display:none}
  .topbar-links{margin-left:auto!important}
}


/* =========================================================
   V28 TOPBAR FINAL HİZALAMA
========================================================= */
.topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:100% !important;
  min-height:34px !important;
  padding:0 28px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

.topbar > span:first-child{
  display:block !important;
  margin:0 auto 0 22px !important;
  padding:0 !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.topbar-links{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 18px 0 24px !important;
  flex:0 0 auto !important;
  order:2 !important;
}

.topbar-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

.topbar .socials{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  flex:0 0 auto !important;
  order:3 !important;
}

.topbar .socials span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
}

@media(max-width:900px){
  .topbar{
    padding:0 16px !important;
  }

  .topbar > span:first-child{
    margin-left:8px !important;
  }

  .topbar-links{
    gap:12px !important;
    margin-left:14px !important;
    margin-right:12px !important;
  }
}

@media(max-width:760px){
  .topbar > span:first-child{
    display:none !important;
  }

  .topbar-links{
    margin-left:auto !important;
  }

  .topbar-links a span{
    display:none !important;
  }
}

/* Alt alan select sadece düşünce alanı seçildikten sonra aktif */
#editorSubareaFilter:disabled{
  opacity:.58 !important;
  cursor:not-allowed !important;
  background:#f4eee7 !important;
}


/* =========================================================
   V29 TOPBAR - TEK SATIR, ÇAKIŞMASIZ
========================================================= */
.topbar{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:36px !important;
  padding:0 34px !important;
  box-sizing:border-box !important;
  gap:0 !important;
  overflow:hidden !important;
}

.topbar > span:first-child{
  flex:1 1 auto !important;
  min-width:180px !important;
  margin:0 !important;
  padding-left:18px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.topbar-links{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:20px !important;
  margin:0 20px 0 26px !important;
  order:2 !important;
}

.topbar-links a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  line-height:1 !important;
}

.topbar .socials{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  gap:15px !important;
  margin:0 !important;
  padding:0 !important;
  order:3 !important;
}

.topbar .socials span,
.topbar .socials i{
  flex:0 0 auto !important;
  margin:0 !important;
  padding:0 !important;
}

@media(max-width:980px){
  .topbar{
    padding:0 18px !important;
  }
  .topbar > span:first-child{
    min-width:120px !important;
    padding-left:8px !important;
  }
  .topbar-links{
    gap:13px !important;
    margin-left:16px !important;
    margin-right:14px !important;
  }
}

@media(max-width:760px){
  .topbar > span:first-child{display:none !important;}
  .topbar-links{margin-left:auto !important;}
  .topbar-links a span{display:none !important;}
}

/* Filtre butonları */
.editor-apply-filters,
.editor-clear-filters{
  width:100%;
  min-height:42px;
  border-radius:5px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.editor-apply-filters{
  margin-top:15px;
  border:1px solid #713725;
  background:#713725;
  color:#fff;
}
.editor-clear-filters{
  margin-top:9px;
}


/* =========================================================
   V30 - ESKİ TOPBAR GÖRÜNÜMÜ GERİ YÜKLENDİ
   Bu blok önceki V28/V29 flex zorlamalarını etkisizleştirir.
========================================================= */
.topbar{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:32px !important;
  height:auto !important;
  padding:0 26px !important;
  overflow:visible !important;
  white-space:normal !important;
}

.topbar > span:first-child{
  display:block !important;
  flex:none !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

.topbar-links{
  display:none !important;
}

/* Eski topbar'daki sosyal ikon grubu sağda */
.topbar .socials{
  position:absolute !important;
  right:28px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  margin:0 !important;
  padding:0 !important;
}

.topbar .socials span,
.topbar .socials i{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
}

/* =========================================================
   FILTRE BUTONLARI
========================================================= */
.editor-apply-filters,
.editor-clear-filters{
  width:100% !important;
  min-height:44px !important;
  border-radius:5px !important;
  font-size:11px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

.editor-apply-filters{
  display:block !important;
  margin:16px 0 0 !important;
  border:1px solid #713725 !important;
  background:#713725 !important;
  color:#fff !important;
}

.editor-apply-filters:hover{
  background:#5f2d20 !important;
}

.editor-clear-filters{
  margin-top:9px !important;
  background:transparent !important;
  border:1px solid #b88a70 !important;
  color:#74432f !important;
}

@media(max-width:760px){
  .topbar{
    justify-content:flex-start !important;
    padding-left:18px !important;
  }

  .topbar .socials{
    right:18px !important;
    gap:12px !important;
  }
}

/* V34 link target pages */
.simple-page{
  min-height:52vh;
  padding:70px 24px;
  background:#f7f1e8;
  display:flex;
  align-items:center;
  justify-content:center;
}
.simple-page-inner{
  width:min(900px,92%);
  text-align:center;
}
.simple-page-inner i{
  font-size:38px;
  color:#8d573f;
  margin-bottom:18px;
}
.simple-page-inner h1{
  margin:0 0 14px;
  font:500 clamp(38px,5vw,62px)/1 Georgia,serif;
  color:#1d1815;
}
.simple-page-inner p{
  max-width:650px;
  margin:0 auto;
  color:#6d5f55;
  line-height:1.7;
}
.active-subarea-note{
  margin:0 0 18px;
  padding:10px 13px;
  border:1px solid #d8c8bb;
  background:#fbf6ef;
  color:#6f4938;
  font-size:11px;
  border-radius:5px;
}


/* =========================================================
   V35 - YAZILAR SIDEBAR FİLTRESİ
========================================================= */
.articles-filter-box{
  background:#fbf7f1;
  border:1px solid #ddcfc3;
  border-radius:8px;
  overflow:hidden;
}
.articles-filter-title{
  min-height:58px;
  padding:0 18px;
  display:flex;
  align-items:center;
  border-bottom:1px solid #e4d9cf;
}
.articles-filter-title>div{
  display:flex;
  align-items:center;
  gap:9px;
  font:500 24px/1 Georgia,serif;
}
.articles-filter-body{
  padding:4px 18px 18px;
}
.articles-filter-group{
  border-bottom:1px solid #e5d9cf;
}
.articles-filter-head{
  width:100%;
  padding:15px 0;
  border:0;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:11px;
  font-weight:800;
  color:#2b211c;
}
.articles-filter-options{
  display:grid;
  gap:10px;
  padding:0 0 15px;
}
.articles-filter-options select{
  width:100%;
  min-height:42px;
  padding:0 10px;
  border:1px solid #d9c8b9;
  border-radius:5px;
  background:#fffaf4;
  color:#4e4138;
}
.articles-filter-options select + select{
  margin-top:8px;
}
.articles-filter-options select:disabled{
  opacity:.58;
  cursor:not-allowed;
  background:#f4eee7;
}
.articles-filter-options label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:#51463f;
}
.articles-filter-options input{
  accent-color:#713725;
}
.articles-apply-filters,
.articles-clear-filters{
  width:100%;
  min-height:44px;
  border-radius:5px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.articles-apply-filters{
  margin-top:16px;
  border:1px solid #713725;
  background:#713725;
  color:#fff;
}
.articles-clear-filters{
  margin-top:9px;
  border:1px solid #b88a70;
  background:transparent;
  color:#74432f;
}


/* =========================================================
   DERGİ ARŞİVİ V1
========================================================= */
.magazine-archive-page{
  background:#f7f1e8;
  color:#1c1714;
}
.magazine-archive-hero{
  min-height:270px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  border-bottom:1px solid #ded1c5;
  overflow:hidden;
  background:#f7f1e8;
}
.magazine-archive-hero-copy{
  padding:54px clamp(28px,6vw,92px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.magazine-archive-kicker{
  color:#8f5a40;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:12px;
}
.magazine-archive-hero h1{
  margin:0;
  font:500 clamp(42px,5vw,68px)/.95 Georgia,serif;
}
.magazine-archive-hero p{
  margin:16px 0 24px;
  max-width:630px;
  color:#62564e;
  font-size:14px;
  line-height:1.65;
}
.magazine-archive-hero-visual{
  position:relative;
  min-height:270px;
  overflow:hidden;
}
.magazine-archive-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#f7f1e8 0%,rgba(247,241,232,.55) 16%,rgba(247,241,232,0) 46%);
}
.magazine-archive-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:sepia(.12) saturate(.85);
}
.magazine-year-filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.magazine-year-filters button{
  min-width:80px;
  height:38px;
  border:1px solid #d7c4b4;
  border-radius:999px;
  background:#fbf7f1;
  color:#6f4938;
  cursor:pointer;
  font-size:11px;
  font-weight:700;
}
.magazine-year-filters button.active{
  background:#713725;
  color:#fff;
  border-color:#713725;
}

.magazine-issues-section{
  max-width:1500px;
  margin:0 auto;
  padding:48px 48px 56px;
}
.magazine-issues-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:32px;
  margin-bottom:24px;
  padding-bottom:16px;
  border-bottom:1px solid #dfd1c5;
}
.magazine-issues-head span{
  color:#8f5a40;
  font-size:10px;
  font-weight:800;
  letter-spacing:.11em;
}
.magazine-issues-head h2{
  margin:7px 0 0;
  font:500 34px/1 Georgia,serif;
}
.magazine-issues-head p{
  max-width:500px;
  margin:0;
  color:#75675d;
  font-size:12px;
  line-height:1.6;
}

.magazine-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.magazine-card{
  position:relative;
  min-height:660px;
  border-radius:12px;
  overflow:hidden;
  color:#fff;
  box-shadow:0 14px 35px rgba(48,31,22,.14);
  border:1px solid rgba(79,52,39,.28);
  background:#17120f;
}
.magazine-card-bg,
.magazine-card-shade{
  position:absolute;
  inset:0;
}
.magazine-card-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.magazine-card-shade{
  background:
    linear-gradient(180deg,rgba(20,14,11,.18) 0%,rgba(20,14,11,.08) 30%,rgba(18,13,10,.64) 70%,rgba(18,13,10,.92) 100%),
    linear-gradient(90deg,rgba(20,14,11,.16),rgba(20,14,11,.03));
}
.magazine-card-content{
  position:relative;
  z-index:2;
  min-height:660px;
  padding:28px 28px 86px;
}
.magazine-brand{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:75%;
}
.magazine-brand-mark{
  font-size:28px;
}
.magazine-brand strong{
  display:block;
  font:500 27px Georgia,serif;
}
.magazine-brand small{
  display:block;
  margin-top:3px;
  font-size:8px;
  letter-spacing:.08em;
}
.magazine-issue-number{
  position:absolute;
  right:24px;
  top:26px;
  text-align:center;
}
.magazine-issue-number small{
  display:block;
  font:500 11px Georgia,serif;
}
.magazine-issue-number strong{
  display:block;
  font:500 42px/.95 Georgia,serif;
}
.magazine-issue-number span{
  display:block;
  margin-top:8px;
  font-size:10px;
  line-height:1.35;
}
.magazine-topics{
  position:absolute;
  left:28px;
  bottom:98px;
  width:50%;
}
.magazine-topics>span,
.magazine-book-copy small{
  display:block;
  font:500 11px Georgia,serif;
  letter-spacing:.02em;
  margin-bottom:10px;
}
.magazine-topics ul{
  list-style:none;
  margin:0;
  padding:0;
}
.magazine-topics li{
  position:relative;
  padding:8px 0 8px 13px;
  border-bottom:1px solid rgba(255,255,255,.18);
  font:500 14px/1.25 Georgia,serif;
}
.magazine-topics li::before{
  content:"•";
  position:absolute;
  left:0;
}
.magazine-book{
  position:absolute;
  right:18px;
  bottom:92px;
  width:42%;
  min-height:160px;
  padding:16px 12px 14px;
  border-radius:12px;
  background:rgba(249,242,232,.94);
  color:#241a16;
  display:grid;
  grid-template-columns:1fr 64px;
  gap:10px;
  align-items:end;
  box-shadow:0 7px 20px rgba(0,0,0,.14);
}
.magazine-book-copy strong{
  display:block;
  font:500 15px/1.1 Georgia,serif;
}
.magazine-book-copy span{
  display:block;
  margin-top:6px;
  font-size:9px;
  line-height:1.35;
}
.magazine-book img{
  width:64px;
  height:94px;
  object-fit:cover;
  border-radius:3px;
  display:block;
  box-shadow:0 4px 10px rgba(0,0,0,.16);
}
.magazine-open-btn{
  position:absolute;
  z-index:4;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  min-width:156px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-radius:999px;
  background:#f8f1e8;
  color:#693f30;
  border:1px solid #d5b9a7;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
}
.magazine-open-btn:hover{
  background:#fff;
}

.magazine-empty{
  padding:70px 20px;
  text-align:center;
  border:1px dashed #cdb8a8;
  background:#fbf7f1;
}
.magazine-empty i{
  font-size:36px;
  color:#9b674d;
}
.magazine-empty h3{
  font:500 25px Georgia,serif;
  margin:12px 0 8px;
}
.magazine-empty p{
  margin:0;
  color:#706157;
  font-size:12px;
}

.magazine-archive-cta{
  max-width:1400px;
  margin:0 auto 36px;
  padding:16px 22px;
  min-height:72px;
  border:1px solid #dbc9bb;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  background:#efe4d7;
}
.magazine-archive-cta>div{
  display:flex;
  align-items:center;
  gap:13px;
  color:#4e3e34;
  font-size:12px;
}
.magazine-archive-cta>div i{
  width:38px;
  height:38px;
  border-radius:50%;
  background:#6f3929;
  color:#fff;
  display:grid;
  place-items:center;
}
.magazine-archive-cta>a{
  min-width:118px;
  height:40px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#713725;
  color:#fff;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}

@media(max-width:1100px){
  .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .magazine-archive-hero{grid-template-columns:1fr}
  .magazine-archive-hero-visual{display:none}
  .magazine-issues-section{padding:34px 20px 44px}
  .magazine-issues-head{display:block}
  .magazine-issues-head p{margin-top:12px}
  .magazine-grid{grid-template-columns:1fr}
  .magazine-card{min-height:620px}
  .magazine-card-content{min-height:620px}
  .magazine-archive-cta{
    margin-left:20px;
    margin-right:20px;
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   DERGİ FLIPBOOK MODAL V2
   Mevcut site teması değiştirilmeden eklenmiştir.
========================================================= */
body.flipbook-open{overflow:hidden}

.flipbook-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(23,18,15,.64);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.flipbook-overlay.open{display:flex}

.flipbook-shell{
  position:relative;
  width:min(1180px,94vw);
  height:min(800px,92vh);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.flipbook-close{
  position:absolute;
  z-index:10;
  right:2px;
  top:0;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.4);
  background:rgba(18,14,11,.62);
  color:#fff;
  cursor:pointer;
  font-size:18px;
}
.flipbook-book{
  width:min(1040px,88vw);
  height:min(610px,72vh);
  perspective:2200px;
  filter:drop-shadow(0 24px 34px rgba(0,0,0,.34));
}
.flipbook-spread{
  width:100%;
  height:100%;
  display:grid;
  grid-template-columns:1fr 1fr;
  transform-style:preserve-3d;
  transform-origin:center;
}
.flipbook-spread.is-turning{
  animation:flipSpreadIn .42s ease both;
}
@keyframes flipSpreadIn{
  from{opacity:.35;transform:rotateY(-5deg) scale(.985)}
  to{opacity:1;transform:rotateY(0) scale(1)}
}

.flip-page{
  position:relative;
  min-width:0;
  height:100%;
  overflow:hidden;
}
.flip-page:first-child{
  border-radius:14px 2px 2px 14px;
  box-shadow:inset -15px 0 22px rgba(71,50,39,.09);
}
.flip-page:last-child{
  border-radius:2px 14px 14px 2px;
  box-shadow:inset 15px 0 22px rgba(71,50,39,.08);
}
.flip-paper-page{
  background:
    linear-gradient(90deg,rgba(102,75,57,.04),transparent 10%),
    #f4eadc;
  color:#241b17;
}
.flip-page-inner{
  height:100%;
  box-sizing:border-box;
  padding:48px 46px;
  overflow:auto;
}
.flip-page-inner h2{
  margin:5px 0 13px;
  font:500 clamp(30px,3vw,45px)/1 Georgia,serif;
}
.flip-page-inner h3{
  margin:24px 0 6px;
  font:600 14px Georgia,serif;
}
.flip-page-inner p{
  margin:0 0 12px;
  font:400 13px/1.72 Georgia,serif;
  color:#493d35;
}
.flip-eyebrow{
  display:block;
  color:#8a553d;
  font-size:9px;
  font-weight:800;
  letter-spacing:.11em;
}
.flip-ornament{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:15px 0 22px;
  color:#9a694f;
}
.flip-ornament::before,.flip-ornament::after{
  content:"";
  width:48px;
  height:1px;
  background:#ccb39f;
}

.flip-cover-page{
  cursor:pointer;
  background:#17110e;
  color:#fff;
}
.flip-cover-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.flip-cover-gradient{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,11,8,.08),rgba(17,11,8,.18) 35%,rgba(17,11,8,.88) 100%);
}
.flip-cover-content{
  position:relative;
  z-index:2;
  height:100%;
  padding:30px;
  box-sizing:border-box;
}
.flip-cover-brand{
  display:flex;
  align-items:center;
  gap:12px;
}
.flip-cover-brand>i{font-size:31px}
.flip-cover-brand strong{
  display:block;
  font:500 29px Georgia,serif;
}
.flip-cover-brand small{
  display:block;
  margin-top:3px;
  font-size:8px;
  letter-spacing:.08em;
}
.flip-cover-number{
  position:absolute;
  right:25px;
  top:27px;
  text-align:center;
}
.flip-cover-number small{display:block;font:500 10px Georgia,serif}
.flip-cover-number b{display:block;font:500 42px/.95 Georgia,serif}
.flip-cover-number span{display:block;margin-top:7px;font-size:9px;line-height:1.35}
.flip-cover-topics{
  position:absolute;
  left:30px;
  bottom:70px;
  width:50%;
}
.flip-cover-topics>small{font:600 10px Georgia,serif}
.flip-cover-topics p{
  margin:8px 0;
  padding-bottom:6px;
  border-bottom:1px solid rgba(255,255,255,.18);
  font:500 13px/1.2 Georgia,serif;
}
.flip-cover-book{
  position:absolute;
  right:18px;
  bottom:65px;
  width:38%;
  min-height:135px;
  box-sizing:border-box;
  padding:14px;
  border-radius:10px;
  display:grid;
  grid-template-columns:1fr 56px;
  gap:10px;
  background:rgba(248,239,226,.95);
  color:#241914;
}
.flip-cover-book small,.flip-cover-book b,.flip-cover-book span{display:block}
.flip-cover-book small{font:600 9px Georgia,serif}
.flip-cover-book b{margin-top:8px;font:500 13px/1.1 Georgia,serif}
.flip-cover-book span{margin-top:5px;font-size:8px}
.flip-cover-book img{
  width:56px;
  height:82px;
  object-fit:cover;
  align-self:end;
}
.flip-cover-turn-hint{
  position:absolute;
  left:50%;
  bottom:19px;
  transform:translateX(-50%);
  font-size:9px;
  opacity:.85;
}

.flip-toc{margin-top:16px}
.flip-toc>div{
  display:grid;
  grid-template-columns:28px 1fr 76px;
  gap:10px;
  padding:10px 0;
  border-bottom:1px solid #d9c7b8;
}
.flip-toc b{font:500 11px Georgia,serif}
.flip-toc strong{display:block;font:500 12px/1.25 Georgia,serif}
.flip-toc small{display:block;margin-top:3px;font-size:8px;color:#806f62}
.flip-toc em{font:400 8px Georgia,serif;color:#79695f}

.flip-author-image{
  width:72%;
  max-height:255px;
  object-fit:cover;
  display:block;
  margin:18px auto 20px;
  border-radius:6px;
  filter:sepia(.12) saturate(.8);
}
.flip-author-page{text-align:left}
.flip-author-page h2{font-size:26px}

.flip-foreword blockquote{
  margin:24px 0;
  padding:0 0 0 18px;
  border-left:2px solid #ad7557;
  color:#704a39;
  font:italic 17px/1.55 Georgia,serif;
}
.flip-signature{
  margin-top:34px;
  font:italic 20px Georgia,serif;
  color:#684738;
}
.flip-image-page{
  background:#15100d;
}
.flip-image-page>img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:sepia(.18) saturate(.78) brightness(.72);
}
.flip-image-caption{
  position:absolute;
  left:32px;
  bottom:28px;
  color:#fff;
  font:italic 15px Georgia,serif;
}
.flip-dropcap::first-letter{
  float:left;
  margin:3px 7px 0 0;
  font:500 48px/.7 Georgia,serif;
  color:#81523d;
}
.flip-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:22px;
}
.flip-article-meta span{
  padding:5px 8px;
  border:1px solid #d4bca9;
  border-radius:999px;
  color:#774d3b;
  font-size:8px;
}

.flipbook-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  margin-top:16px;
  color:#fff;
}
.flipbook-arrow{
  width:44px;
  height:44px;
  border:1px solid rgba(255,255,255,.64);
  border-radius:50%;
  background:rgba(24,18,14,.52);
  color:#fff;
  cursor:pointer;
}
.flipbook-arrow:disabled{opacity:.25;cursor:not-allowed}
.flipbook-progress{
  min-width:260px;
  text-align:center;
}
.flipbook-progress strong{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  font-weight:600;
}
.flipbook-dots{
  display:flex;
  justify-content:center;
  gap:8px;
}
.flipbook-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.flipbook-dot.active{background:#fff}
.flipbook-key-hint{
  margin-top:11px;
  padding:7px 13px;
  border-radius:7px;
  background:rgba(20,15,12,.72);
  color:#fff;
  font-size:9px;
}
.magazine-card{cursor:pointer}

@media(max-width:800px){
  .flipbook-overlay{padding:10px}
  .flipbook-shell{height:96vh}
  .flipbook-book{
    width:94vw;
    height:75vh;
    overflow:auto;
  }
  .flipbook-spread{
    grid-template-columns:1fr;
    height:auto;
  }
  .flip-page{
    min-height:620px;
    border-radius:10px!important;
  }
  .flipbook-controls{gap:15px}
  .flipbook-progress{min-width:190px}
  .flipbook-key-hint{display:none}
}


/* =========================================================
   FLIPBOOK V3 - BASILI DERGİ SAYFA AKIŞI
   Sayfa içinde scroll yok. Taşan içerik sonraki fiziksel sayfaya ayrılır.
========================================================= */
.flip-page{
  overflow:hidden !important;
}

.flip-page-inner{
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  padding:42px 42px 36px !important;
}

.flip-page-inner h2{
  font-size:clamp(27px,2.55vw,40px) !important;
  line-height:1.02 !important;
  margin-bottom:12px !important;
}

.flip-page-inner h3{
  margin-top:18px !important;
}

.flip-page-inner p{
  font-size:12px !important;
  line-height:1.6 !important;
  margin-bottom:10px !important;
}

.flip-author-image{
  width:62% !important;
  max-height:215px !important;
  object-fit:cover !important;
  margin:12px auto 14px !important;
}

.flip-author-name{
  margin:10px 0 8px !important;
  font:500 22px/1.1 Georgia,serif !important;
}

.flip-toc>div{
  padding:8px 0 !important;
}

.flip-foreword blockquote{
  margin:18px 0 !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

/* Her sağ-sol çift gerçek iki ayrı sayfa gibi sabit kalır */
.flipbook-spread{
  overflow:hidden !important;
}

@media(max-width:800px){
  .flipbook-book{
    overflow:hidden !important;
  }
  .flipbook-spread{
    grid-template-columns:1fr 1fr !important;
    height:100% !important;
  }
  .flip-page{
    min-height:0 !important;
    height:100% !important;
  }
  .flip-page-inner{
    padding:24px 20px !important;
  }
}


/* =========================================================
   FLIPBOOK V4 — UZUNLAMASINA, 64 SAYFA, İNTERAKTİF İÇİNDEKİLER
   Sadece dergi modalını etkiler.
========================================================= */

.flipbook-shell{
  width:min(1240px,96vw) !important;
  height:min(900px,96vh) !important;
}

.flipbook-book{
  width:min(1080px,88vw) !important;
  height:min(760px,82vh) !important;
  aspect-ratio:1.42 / 1 !important;
  flex:0 0 auto !important;
}

.flipbook-spread{
  height:100% !important;
  grid-template-columns:1fr 1fr !important;
}

.flip-page{
  height:100% !important;
  overflow:hidden !important;
}

.flip-page-inner{
  height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  padding:42px 44px 34px !important;
}

.flip-page-inner h2{
  font-size:clamp(27px,2.2vw,39px) !important;
}

.flip-page-inner p{
  font-size:11.5px !important;
  line-height:1.58 !important;
}

.flip-image-page>img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.flip-image-page::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 14px 0 22px rgba(37,25,18,.18);
  pointer-events:none;
}

/* İçindekiler daha yoğun ama scrollsuz */
.flip-contents-page .flip-page-inner{
  padding-top:34px !important;
  padding-bottom:28px !important;
}

.flip-contents-page h2{
  margin-bottom:7px !important;
}

.flip-contents-page .flip-ornament{
  margin:8px 0 12px !important;
}

.flip-toc-clickable{
  display:grid !important;
  gap:0 !important;
  margin-top:0 !important;
}

.flip-toc-row{
  width:100%;
  min-height:40px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) 78px 14px;
  gap:9px;
  align-items:center;
  padding:7px 2px;
  border:0;
  border-bottom:1px solid #d9c7b8;
  background:transparent;
  color:#241b17;
  text-align:left;
  cursor:pointer;
  transition:background .16s ease, padding-left .16s ease;
}

.flip-toc-row:hover{
  background:rgba(135,83,57,.07);
  padding-left:7px;
}

.flip-toc-row>b{
  font:500 10px Georgia,serif;
}

.flip-toc-row span strong{
  display:block;
  font:500 11px/1.14 Georgia,serif;
}

.flip-toc-row span small{
  display:block;
  margin-top:2px;
  font-size:7.5px;
  color:#78675c;
}

.flip-toc-row em{
  font:400 7.5px Georgia,serif;
  color:#725f54;
}

.flip-toc-row>i{
  font-size:8px;
  color:#9a6c54;
  opacity:0;
  transition:opacity .16s ease;
}

.flip-toc-row:hover>i{
  opacity:1;
}

.flip-toc-help{
  margin-top:9px !important;
  text-align:center;
  font-size:8px !important;
  color:#86634f !important;
}

/* Metin solda, görsel sağda eşleştiğinde ortadaki kitap çizgisi daha belirgin */
.flip-page:first-child{
  border-radius:13px 2px 2px 13px !important;
  box-shadow:
    inset -18px 0 24px rgba(73,49,34,.11),
    inset -1px 0 0 rgba(97,66,47,.14) !important;
}

.flip-page:last-child{
  border-radius:2px 13px 13px 2px !important;
  box-shadow:
    inset 18px 0 24px rgba(73,49,34,.10),
    inset 1px 0 0 rgba(97,66,47,.13) !important;
}

.flipbook-controls{
  margin-top:12px !important;
}

.flipbook-progress{
  min-width:300px !important;
}

.flipbook-dots{
  max-width:310px;
  margin:0 auto;
  flex-wrap:nowrap;
}

.flipbook-dot{
  width:7px !important;
  height:7px !important;
  flex:0 0 7px;
}

.flipbook-dot.active{
  transform:scale(1.25);
}

/* Uzun sayfaya uygun kapak oranı */
.flip-cover-content{
  padding:28px !important;
}

.flip-cover-topics{
  bottom:84px !important;
}

.flip-cover-book{
  bottom:80px !important;
}

/* mobile: iki sayfa korunur, modal ekrana ölçeklenir */
@media(max-width:900px){
  .flipbook-shell{
    width:98vw !important;
    height:96vh !important;
  }
  .flipbook-book{
    width:96vw !important;
    height:min(700px,77vh) !important;
  }
  .flip-page-inner{
    padding:26px 20px !important;
  }
  .flip-page-inner h2{
    font-size:24px !important;
  }
  .flip-page-inner p{
    font-size:10px !important;
  }
  .flip-toc-row{
    grid-template-columns:24px minmax(0,1fr) 50px 10px;
    gap:5px;
    min-height:34px;
    padding:5px 0;
  }
  .flip-toc-row span strong{font-size:9px}
  .flip-toc-row em{font-size:6.5px}
}


/* =========================================================
   FLIPBOOK V5 — KAPAK TEK KAYNAK + FİZİKSEL SAYFA DEVAMI
========================================================= */
.flipbook-overlay{
  overscroll-behavior:none !important;
  touch-action:none !important;
}

.flipbook-book,
.flipbook-spread,
.flip-page,
.flip-page-inner{
  overflow:hidden !important;
  overscroll-behavior:none !important;
}

.flip-page-inner{
  scrollbar-width:none !important;
}
.flip-page-inner::-webkit-scrollbar{
  display:none !important;
}

.flipbook-key-hint::after{
  content:" · ↓ / ↑, mouse tekerleği veya parmak kaydırma ile de çevirebilirsiniz.";
}

/* Continue pages are genuinely separate physical pages */
.flip-page .flip-eyebrow{
  white-space:nowrap;
}

/* facing image always fills the page */
.flip-image-page img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* Prevent contents from visually escaping the page */
.flip-toc-clickable{
  max-height:calc(100% - 100px) !important;
  overflow:hidden !important;
}

@media(max-width:900px){
  .flipbook-overlay{
    touch-action:none !important;
  }
  .flipbook-book{
    overflow:hidden !important;
  }
}


/* =========================================================
   FLIPBOOK V6 — GERÇEK KİTAP SAYFASI ÇEVİRME HİSSİ
========================================================= */
.flipbook-book{
  position:relative !important;
  perspective:2200px !important;
  transform-style:preserve-3d !important;
}

.flip-turn-layer{
  position:absolute;
  top:0;
  width:50%;
  height:100%;
  z-index:50;
  display:none;
  overflow:hidden;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  pointer-events:none;
}

.flip-turn-layer .flip-page{
  width:100% !important;
  height:100% !important;
  border-radius:0 !important;
}

.flip-turn-layer.turn-next{
  right:0;
  transform-origin:left center;
  transform:rotateY(0deg);
  box-shadow:-8px 0 18px rgba(0,0,0,.12);
}

.flip-turn-layer.turn-next.active{
  animation:pageTurnNext .43s cubic-bezier(.55,.05,.35,1) forwards;
}

@keyframes pageTurnNext{
  0%{
    transform:rotateY(0deg);
    filter:brightness(1);
  }
  45%{
    filter:brightness(.82);
  }
  100%{
    transform:rotateY(-180deg);
    filter:brightness(.94);
  }
}

.flip-turn-layer.turn-prev{
  left:0;
  transform-origin:right center;
  transform:rotateY(0deg);
  box-shadow:8px 0 18px rgba(0,0,0,.12);
}

.flip-turn-layer.turn-prev.active{
  animation:pageTurnPrev .43s cubic-bezier(.55,.05,.35,1) forwards;
}

@keyframes pageTurnPrev{
  0%{
    transform:rotateY(0deg);
    filter:brightness(1);
  }
  45%{
    filter:brightness(.82);
  }
  100%{
    transform:rotateY(180deg);
    filter:brightness(.94);
  }
}

/* Kitap sırtı gölgesi */
.flipbook-spread::after{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  transform:translateX(-50%);
  width:22px;
  height:100%;
  pointer-events:none;
  z-index:12;
  background:linear-gradient(
    90deg,
    rgba(50,34,24,.08),
    rgba(50,34,24,.18) 48%,
    rgba(255,255,255,.10) 52%,
    rgba(50,34,24,.06)
  );
  opacity:.7;
}

/* Sayfa dönüşü sırasında daha gerçekçi kenar ışığı */
.flip-turn-layer::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.06),
    rgba(0,0,0,.08) 55%,
    rgba(0,0,0,.16)
  );
  pointer-events:none;
}


/* =========================================================
   FLIPBOOK V7 — TAM SAYFA DEVAMI + HIZLI SADE GEÇİŞ
========================================================= */

/* İçindekiler satırı asla kesilmez */
.flip-toc-row{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
  overflow:visible !important;
  flex-shrink:0 !important;
}

/* Satırın yarısı sayfanın altında görünmesin */
.flip-toc-clickable{
  overflow:hidden !important;
}

/* Paragraflar tek blok; yarım paragraf görünmesin */
.flip-text-flow{
  display:block !important;
}
.flip-paragraph{
  break-inside:avoid !important;
  page-break-inside:avoid !important;
  overflow:visible !important;
}

/* Hızlı, sade sayfa geçişi */
.flip-turn-layer.slide-next{
  right:0 !important;
  left:auto !important;
  transform:translateX(0);
  transform-origin:center !important;
}
.flip-turn-layer.slide-next.active{
  animation:pageSlideNext .26s ease forwards !important;
}
@keyframes pageSlideNext{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(-100%);opacity:.92}
}

.flip-turn-layer.slide-prev{
  left:0 !important;
  right:auto !important;
  transform:translateX(0);
  transform-origin:center !important;
}
.flip-turn-layer.slide-prev.active{
  animation:pageSlidePrev .26s ease forwards !important;
}
@keyframes pageSlidePrev{
  from{transform:translateX(0);opacity:1}
  to{transform:translateX(100%);opacity:.92}
}

/* Eski rotateY animasyonlarını etkisizleştir */
.flip-turn-layer.turn-next.active,
.flip-turn-layer.turn-prev.active{
  animation:none !important;
}


/* =========================================================
   FLIPBOOK V8 — ANİMASYONSUZ DERGİ AKIŞI
========================================================= */
.flipbook-spread,
.flipbook-spread.is-turning,
.flip-turn-layer,
.flip-turn-layer.active,
.flip-turn-layer.slide-next.active,
.flip-turn-layer.slide-prev.active{
  animation:none !important;
  transition:none !important;
}
.flip-turn-layer{display:none !important;}
.flip-section-end-page{display:flex;align-items:center;justify-content:center;}
.flip-section-end{margin:auto;text-align:center;opacity:.45;display:flex;flex-direction:column;gap:12px;align-items:center;}
.flip-section-end span{font-family:Georgia,serif;font-style:italic;font-size:14px;}

/* Yönetim panelinden gelen Hero yazar bilgisi */
.hero-managed-author{
  margin-top:7px;
  margin-bottom:12px;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
  letter-spacing:.025em;
  color:rgba(255,255,255,.9);
}
@media (max-width:767px){
  .hero-managed-author{font-size:13px;margin-top:6px;margin-bottom:10px;}
}

/* Yayınlanan Hero yazısının Son Yazılar'daki etiketi */
.managed-latest-image-wrap{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:inherit;
}
.managed-latest-image-wrap > img{
  display:block;
  width:100%;
  height:100%;
}
.managed-published-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 10px;
  border-radius:999px;
  background:#8b452d;
  color:#111;
  font-family:Inter,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  box-shadow:0 6px 18px rgba(0,0,0,.18);
}


/* Son Yazılar: masaüstünde her zaman 3 sütun */
@media (min-width: 768px){
  #latestArticlesSlider{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:24px;
  }
  #latestArticlesSlider > .editorial-card{
    min-width:0 !important;
    width:auto !important;
  }
}

/* =========================================================
   HERO FINAL OVERRIDE — 50 / 50 VİTRİN
   2026-08-20
   Not: Önceki hero-single bloklarının sonradan 2 sütun düzenini
   ezmesini engellemek için dosyanın EN SONUNDA tutulur.
========================================================= */
@media (min-width: 768px){
  #latestPublishedHero.hero{
    position:relative !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:1fr !important;
    height:calc(100svh - var(--topbar-h) - var(--navbar-h)) !important;
    min-height:600px !important;
    max-height:none !important;
    overflow:hidden !important;
    background:#080b0b !important;
  }

  #latestPublishedHero .hero-photo{
    position:relative !important;
    inset:auto !important;
    grid-column:2 !important;
    grid-row:1 !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:none !important;
    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    opacity:1 !important;
    filter:none !important;
    -webkit-filter:none !important;
    transform:none !important;
    z-index:1 !important;
  }

  #latestPublishedHero .hero-overlay{
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;
    background:linear-gradient(
      90deg,
      #080b0b 0%,
      #080b0b 46%,
      rgba(8,11,11,.98) 48%,
      rgba(8,11,11,.72) 50%,
      rgba(8,11,11,.28) 52.5%,
      rgba(8,11,11,.08) 55%,
      rgba(8,11,11,0) 58%
    ) !important;
  }

  #latestPublishedHero .hero-copy{
    position:relative !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:none !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
    margin:0 !important;
    padding:clamp(42px,5vw,88px) clamp(44px,6vw,110px) !important;
    transform:none !important;
    background:#080b0b !important;
    color:#fff !important;
    z-index:3 !important;
  }

  #latestPublishedHero .hero-copy h1{
    max-width:100% !important;
    margin:10px 0 18px !important;
  }

  #latestPublishedHero .hero-copy p{
    max-width:100% !important;
    margin-bottom:22px !important;
  }

  #latestPublishedHero .hero-continue{
    position:absolute !important;
    left:50% !important;
    bottom:22px !important;
    transform:translateX(-50%) !important;
    z-index:6 !important;
  }
}

/* Mobilde mevcut tek sütun davranışı korunur. */
@media (max-width: 767px){
  #latestPublishedHero.hero{
    display:flex !important;
    flex-direction:column !important;
  }
}

/* Son Yazılar: okur yazısı etiketi */
.managed-reader-badge{position:absolute;left:16px;top:16px;z-index:3;background:#f1d6ad;color:#111!important;border:1px solid rgba(94,56,33,.22);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;letter-spacing:.05em;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.08)}

/* 23.08.2026 — Ana sayfa mesaj / Sizden Gelenler dosya gönderimi */
.reader-contact-section{padding:72px 24px 34px;background:#f8f3ed}
.reader-contact-inner{max-width:1180px;margin:0 auto;background:#fffaf6;border:1px solid #ead6c7;border-radius:22px;padding:34px;box-shadow:0 18px 45px rgba(74,43,27,.06)}
.reader-contact-head{max-width:760px;margin-bottom:26px}.reader-contact-head>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#8b3f28}.reader-contact-head h2{font-family:'Cormorant Garamond',serif;font-size:42px;line-height:1;margin:7px 0 10px;color:#1c1714}.reader-contact-head p{margin:0;color:#78675e;line-height:1.7}
.reader-contact-form{display:grid;gap:16px}.reader-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reader-contact-form label>span{display:block;font-size:12px;font-weight:700;margin:0 0 8px;color:#3f312b}.reader-contact-control{height:54px;border:1px solid #e6cdbc;border-radius:13px;background:#fff;display:flex;align-items:center;gap:11px;padding:0 15px}.reader-contact-control i{color:#8b3f28}.reader-contact-control input,.reader-contact-control textarea{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#211a17}.reader-contact-textarea{height:auto;align-items:flex-start;padding-top:15px}.reader-contact-textarea textarea{resize:vertical;min-height:122px;line-height:1.55}.reader-contact-tools{display:flex;gap:12px;flex-wrap:wrap}.reader-submission-toggle,.reader-file-btn{min-height:54px;border:1px solid #e3c7b3;background:#fffaf6;color:#71361f;border-radius:13px;padding:0 18px;display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.reader-submission-toggle.is-active{background:#8a3e27;color:#fff;border-color:#8a3e27}.reader-file-btn{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;text-align:left}.reader-file-btn i{grid-row:1/3}.reader-file-btn small{font-size:9px;font-weight:500;color:#8b7569}.reader-contact-files{display:flex;gap:8px;flex-wrap:wrap}.contact-file-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid #ead5c6;background:#fff;border-radius:999px;padding:8px 11px;font-size:11px;color:#5f493e}.contact-file-chip small{color:#9a7d6d}.reader-contact-submit{height:56px;border:0;border-radius:13px;background:#833a24;color:#fff;font-weight:800;font-size:14px;cursor:pointer;box-shadow:0 10px 20px rgba(131,58,36,.14)}.reader-contact-submit:disabled{opacity:.65;cursor:wait}.reader-contact-success{position:fixed;top:92px;left:50%;transform:translate(-50%,-12px);z-index:10050;min-width:min(430px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;background:#f1fbf2;border:1px solid #b8dbbd;border-radius:14px;padding:15px 18px;color:#276331;box-shadow:0 18px 46px rgba(35,80,42,.18);opacity:0;pointer-events:none;animation:readerSuccessIn .28s ease forwards}.reader-contact-success[hidden]{display:none!important}.reader-contact-success i{font-size:22px}.reader-contact-success div{display:grid;gap:3px}.reader-contact-success strong{font-size:14px}.reader-contact-success span{font-size:12px}.reader-contact-success::after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#83b98c;border-radius:0 0 14px 14px;animation:readerSuccessTimer 5s linear forwards}@keyframes readerSuccessIn{to{opacity:1;transform:translate(-50%,0)}}@keyframes readerSuccessTimer{from{width:100%}to{width:0}}
@media(max-width:700px){.reader-contact-section{padding:44px 14px 24px}.reader-contact-inner{padding:22px 16px}.reader-contact-grid{grid-template-columns:1fr}.reader-contact-head h2{font-size:34px}.reader-contact-tools{display:grid}.reader-submission-toggle,.reader-file-btn{width:100%}}

/* 2026-08-23 message form cleanup */
.reader-contact-tools{display:flex;align-items:center;justify-content:flex-start}
.reader-file-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:210px;padding:10px 20px;gap:3px}
.reader-file-btn i{grid-row:auto;margin-bottom:2px}
.reader-file-btn span,.reader-file-btn small{width:100%;text-align:center}
@media(max-width:700px){.reader-contact-tools{display:flex}.reader-file-btn{width:100%}}

/* ===== Son Yazılar: PDF/BELGE etiketi ve belge okuyucu ===== */
.managed-latest-image-wrap{position:relative}.managed-document-badge{position:absolute;right:10px;top:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#5b2d23;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;box-shadow:0 5px 14px rgba(0,0,0,.16)}
.global-document-reader{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:28px}.global-document-reader__backdrop{position:absolute;inset:0;background:rgba(31,25,21,.68);backdrop-filter:blur(6px)}.global-document-reader__dialog{position:relative;width:min(1180px,94vw);height:min(840px,92vh);background:#fbf6f0;border:1px solid #dac1b1;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 35px 90px rgba(0,0,0,.35)}.global-document-reader__dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #e3d0c4;background:#fffaf5}.global-document-reader__dialog header span{font-size:12px;font-weight:800;color:#8b3f28;letter-spacing:.09em}.global-document-reader__dialog header h2{margin:4px 0 2px;font-size:25px}.global-document-reader__dialog header small{color:#8a7468}.global-document-reader__dialog header button{width:42px;height:42px;border:1px solid #dfc6b7;border-radius:50%;background:#fff;color:#7e3a29;cursor:pointer}.global-document-reader__dialog iframe{flex:1;width:100%;border:0;background:#e7e7e7}.global-document-reader__dialog footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 20px;border-top:1px solid #e3d0c4;background:#fffaf5}.global-document-reader__dialog footer a{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;text-decoration:none;font-weight:800}.global-document-reader__download{border:1px solid #d9bda9;color:#7d3928;background:white}.global-document-reader__open{background:#853d29;color:#fff}.global-document-reader__word{flex:1;display:grid;place-items:center;align-content:center;text-align:center;padding:60px}.global-document-reader__word i{font-size:70px;color:#8b3f28;margin-bottom:18px}.global-document-reader__word h3{font-size:24px;margin:0 0 8px}.global-document-reader__word p{color:#806c61}
@media(max-width:700px){.global-document-reader{padding:8px}.global-document-reader__dialog{width:100%;height:97vh;border-radius:16px}.global-document-reader__dialog footer{flex-wrap:wrap}.global-document-reader__dialog footer a{flex:1;justify-content:center}}

/* Son Yazılar kart bazlı yayın ayarları */
.managed-latest-stats{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 12px;color:#8a3f28;font-size:12px}.managed-latest-stats span{display:inline-flex;align-items:center;gap:5px}.managed-latest-featured{box-shadow:0 0 0 2px rgba(138,63,40,.18),0 14px 36px rgba(80,48,29,.1)}

/* Okunma sayısı - global yazı önizleme modalı */
.global-article-modal__social .global-modal-views{
  display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 16px;
  border:1px solid rgba(132,58,34,.22);border-radius:6px;color:#6f4b3c;background:#fffaf4;
  font-size:14px;font-weight:600;white-space:nowrap;
}
.global-article-modal__social .global-modal-views[hidden]{display:none!important;}

.reader-contact-title{display:block;margin-bottom:16px}.reader-contact-title>span{display:block;font-weight:700;margin-bottom:8px}
.reader-contact-control select{border:0;outline:0;background:transparent;width:100%;font:inherit;color:#211a17;cursor:pointer}.reader-contact-category{display:block}

/* Son Yazılar - Elife etiketi */
.managed-elife-badge{
  position:absolute;left:16px;top:16px;z-index:4;
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;border-radius:999px;
  background:#4f7f5b;color:#fff!important;
  border:1px solid rgba(255,255,255,.22);
  font-size:11px;font-weight:900;letter-spacing:.05em;line-height:1;
  box-shadow:0 3px 10px rgba(0,0,0,.10)
}

/* Dinamik Son Yazılar: tam metin modalı */
.global-fulltext-reader{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:28px}
.global-fulltext-reader__backdrop{position:absolute;inset:0;background:rgba(24,18,15,.72);backdrop-filter:blur(7px)}
.global-fulltext-reader__dialog{position:relative;z-index:1;width:min(1080px,94vw);max-height:90vh;overflow:auto;background:#fbf7f1;border:1px solid #ead7c8;border-radius:24px;padding:48px 56px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.global-fulltext-reader__close{position:sticky;top:0;float:right;width:46px;height:46px;border-radius:50%;border:1px solid #dec8b7;background:#fffaf5;color:#7b3925;display:grid;place-items:center;cursor:pointer;z-index:2}
.global-fulltext-reader__dialog header{padding-right:58px;margin-bottom:28px}
.global-fulltext-reader__dialog header>span{display:block;color:#8b432c;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.global-fulltext-reader__dialog h2{font-family:"Times New Roman",serif;font-size:clamp(36px,5vw,66px);line-height:.98;margin:0 0 16px;color:#1f1916}
.global-fulltext-reader__dialog header>div{color:#8a766a}
.global-fulltext-reader__cover{display:block;width:min(760px,100%);max-height:520px;object-fit:cover;margin:18px auto 34px;border-radius:16px}
.global-fulltext-reader__dialog blockquote{font-family:"Times New Roman",serif;font-size:24px;font-style:italic;border-left:3px solid #8b432c;padding-left:20px;margin:0 0 30px;color:#6e4a3e}
.global-fulltext-reader__body{font-family:"Times New Roman",serif;font-size:19px;line-height:1.75;color:#2c2521}
.global-fulltext-reader__body p{margin:0 0 1.25em}
.global-fulltext-reader__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:32px}
.global-fulltext-reader__gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}
@media(max-width:720px){.global-fulltext-reader{padding:10px}.global-fulltext-reader__dialog{padding:28px 22px;border-radius:18px}.global-fulltext-reader__body{font-size:17px}}
/* Dinamik Yazılar Yönetim Sistemi kaynak etiketleri */
.article-list-card .dynamic-reader-badge{background:#f4d59d!important;color:#1b1713!important;}
.article-list-card .dynamic-elife-badge{background:#2f7d4a!important;color:#fff!important;}
/* Dergi sayısına içerik ekleme akışı */
.mag-add-to-issue{margin-top:18px;padding:18px 20px;border:1px solid #ead5c7;border-radius:16px;background:#fffaf6;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.4fr) auto;gap:18px;align-items:end}.mag-add-to-issue>div{display:flex;flex-direction:column;gap:5px}.mag-add-to-issue small{color:#8c766a}.mag-add-to-issue label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700}.mag-add-to-issue select{height:46px;border:1px solid #e6cdbc;border-radius:11px;background:#fff;padding:0 14px}.mag-issue-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 0 16px;border-bottom:1px solid #eee0d6}.mag-issue-summary span{color:#8c766a}.mag-toc-admin-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.mag-toc-admin-row{display:grid;grid-template-columns:34px 64px 1fr auto;gap:14px;align-items:center;padding:11px;border:1px solid #ead5c7;border-radius:14px}.mag-toc-admin-row>b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#963f24;color:#fff}.mag-toc-admin-row>img{width:64px;height:48px;object-fit:cover;border-radius:9px}.mag-toc-admin-row>div:not(.mag-row-actions){display:flex;flex-direction:column;gap:4px}.mag-toc-admin-row span{font-size:12px;color:#8c766a}@media(max-width:900px){.mag-add-to-issue{grid-template-columns:1fr}.mag-toc-admin-row{grid-template-columns:32px 54px 1fr}.mag-toc-admin-row .mag-row-actions{grid-column:1/-1;justify-content:flex-end}}

/* === Dijital Dergi v8: teaser + dergi içi okuyucu === */
.flip-cms-teaser{display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;padding:48px 50px!important}
.flip-cms-teaser h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.6vw,42px);line-height:1.06;margin:12px 0 10px;color:#251b16}
.flip-cms-teaser>p{font-size:14px;line-height:1.65;color:#5d4d44}.flip-cms-teaser blockquote{margin:18px 0;padding-left:15px;border-left:2px solid #984c32;font:italic 16px/1.5 Georgia,serif;color:#6e5144}
.flip-cms-byline{font-weight:700!important;color:#74584a!important}.flip-cms-stats{margin-top:auto;padding-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#81685b}.flip-cms-read{margin-top:14px;border:0;border-radius:10px;background:#873d29;color:#fff;padding:12px 17px;font-weight:800;cursor:pointer}
.flip-cms-ann{padding:14px 0;border-bottom:1px solid rgba(116,84,64,.18)}.flip-cms-ann strong{display:block;font-family:Georgia,serif;font-size:17px}.flip-cms-ann small{display:block;color:#957c6e;margin-top:3px}.flip-cms-ann p{font-size:13px;line-height:1.5;margin:7px 0 0}
.flip-cms-back{position:relative}.flip-cms-back blockquote{position:absolute;z-index:3;left:42px;right:42px;bottom:55px;color:#fff;text-align:center;font:italic 21px/1.45 Georgia,serif;text-shadow:0 2px 12px rgba(0,0,0,.5)}
/* Kapak nefesi: kitap kartı sağda daha yukarı, başlıklar solda. */
.flip-cover-topics{max-width:55%!important}.flip-cover-book{bottom:76px!important;right:28px!important;max-width:195px!important}.flip-cover-topics p{font-size:clamp(10px,1vw,13px)!important;line-height:1.32!important}

.flip-reader-modal{position:fixed;inset:0;z-index:200000;display:grid;place-items:center;padding:26px}.flip-reader-backdrop{position:absolute;inset:0;background:rgba(28,22,18,.76);backdrop-filter:blur(7px)}
.flip-reader-dialog{position:relative;z-index:2;width:min(1050px,94vw);max-height:92vh;overflow:auto;background:#fbf4e9;border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.38)}.flip-reader-close{position:absolute;right:20px;top:20px;z-index:4;width:46px;height:46px;border-radius:50%;border:1px solid #dac4b4;background:#fffaf5;color:#713624;font-size:26px;cursor:pointer}
.flip-reader-cover{display:block;width:calc(100% - 100px);max-height:480px;object-fit:cover;margin:50px auto 0;border-radius:16px}.flip-reader-copy{padding:42px 64px 58px}.flip-reader-copy>small{display:block;color:#8e432c;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.flip-reader-copy h2{font:500 clamp(36px,5vw,64px)/1.02 Georgia,'Times New Roman',serif;margin:10px 0 15px;color:#211814}.flip-reader-meta{display:flex;gap:14px;flex-wrap:wrap;color:#826b5e;font-size:13px}.flip-reader-stats{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.flip-reader-stats span{padding:9px 12px;border:1px solid #dfcabb;border-radius:10px;background:#fffaf6;font-size:12px}.flip-reader-copy blockquote{font:italic 21px/1.55 Georgia,serif;color:#654a3e;border-left:3px solid #984a31;padding-left:19px;margin:25px 0}.flip-reader-content{font:18px/1.82 Georgia,'Times New Roman',serif;color:#332721}.flip-reader-comments{margin-top:40px;padding-top:25px;border-top:1px solid #e3d0c3}.flip-reader-comments h3{font-family:Georgia,serif;font-size:24px;margin:0 0 8px}
.flip-pdf-dialog{position:relative;z-index:2;width:min(1180px,95vw);height:min(880px,92vh);background:#fbf4e9;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.flip-pdf-dialog header{padding:18px 70px 18px 24px;border-bottom:1px solid #dfcdbf;background:#fffaf5}.flip-pdf-dialog header small{color:#91482f;font-weight:800;letter-spacing:.08em}.flip-pdf-dialog header h3{margin:4px 0 0}.flip-pdf-body{flex:1;min-height:0;background:#dedede}.flip-pdf-body iframe{width:100%;height:100%;border:0}.flip-pdf-empty{height:100%;display:grid;place-items:center;color:#78665c}
body.flip-reader-open{overflow:hidden}
@media(max-width:760px){.flip-reader-modal{padding:8px}.flip-reader-dialog{width:100%;border-radius:16px}.flip-reader-cover{width:calc(100% - 34px);margin-top:66px}.flip-reader-copy{padding:28px 22px 40px}.flip-reader-content{font-size:17px}.flip-pdf-dialog{width:100%;height:96vh;border-radius:16px}}

/* === Dergi v9: editoryal teaser ve daha küçük kapak üst bilgileri === */
.flip-cover-brand{left:26px!important;top:26px!important;gap:9px!important}
.flip-cover-brand>i{font-size:24px!important}
.flip-cover-brand strong{font-size:24px!important;line-height:1!important}
.flip-cover-brand small{font-size:7px!important;margin-top:5px!important;letter-spacing:.14em!important}
.flip-cover-number{right:25px!important;top:25px!important}
.flip-cover-number small{font-size:8px!important}
.flip-cover-number b{font-size:36px!important}
.flip-cover-number span{font-size:8px!important;margin-top:5px!important}
.flip-cms-teaser-meta{display:flex;gap:12px;flex-wrap:wrap;margin:2px 0 8px;color:#7b6255;font-size:11px;font-weight:700}
.flip-cms-teaser{background:#fbf4e9!important}
.flip-cms-teaser>p{max-width:92%}
\n\n/* V10 — İçindekilerden açılan kibar tanıtım kartı ve dijital dergi okuma modalı */\n.flip-toc-row.is-clickable{cursor:pointer;transition:background .18s ease}.flip-toc-row.is-clickable:hover{background:rgba(139,64,43,.055)}\n.flip-teaser-modal{position:fixed;inset:0;z-index:210000;display:grid;place-items:center;padding:26px}.flip-teaser-dialog{position:relative;z-index:2;width:min(1040px,94vw);max-height:88vh;overflow:hidden;background:#fbf4e9;border-radius:22px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr);box-shadow:0 32px 100px rgba(0,0,0,.38)}\n.flip-teaser-copy{padding:46px 42px 36px;display:flex;flex-direction:column;min-width:0}.flip-teaser-copy>small{color:#8e432c;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.flip-teaser-copy h2{font:500 clamp(31px,3.2vw,48px)/1.03 Georgia,'Times New Roman',serif;margin:14px 0 18px;color:#211814}.flip-teaser-copy>p{font-size:15px;line-height:1.72;color:#62534b;margin:0 0 18px}.flip-teaser-byline{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:17px;border-bottom:1px solid #e4d2c5;color:#806b60;font-size:12px}.flip-teaser-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.flip-teaser-stats span{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:center;align-content:center;column-gap:7px;min-height:58px;padding:8px;border:1px solid #dfcabb;border-radius:10px;background:#fffaf6;color:#704e3f}.flip-teaser-stats span>b{font-size:13px}.flip-teaser-stats span>small{font-size:10px;color:#8d786d}.flip-teaser-copy blockquote{font:italic 16px/1.5 Georgia,serif;color:#654a3e;border-left:2px solid #984a31;padding-left:16px;margin:0 0 20px}.flip-teaser-read{margin-top:auto;width:100%;min-height:46px}.flip-teaser-media{min-height:560px;background:#1d3438;display:flex;align-items:center;justify-content:center;padding:34px}.flip-teaser-media img{width:100%;height:100%;max-height:530px;object-fit:cover}\n.flip-reader-dialog{width:min(880px,94vw);max-height:88vh;border-radius:20px}.flip-reader-cover{width:calc(100% - 88px);max-height:330px;margin:42px 44px 0;border-radius:12px}.flip-reader-copy{padding:30px 44px 42px}.flip-reader-copy h2{font-size:clamp(30px,3.8vw,46px)}.flip-reader-content{font-size:16px;line-height:1.78}.flip-reader-comments{margin-top:28px;padding-top:20px}\n@media(max-width:800px){.flip-teaser-modal{padding:8px}.flip-teaser-dialog{grid-template-columns:1fr;overflow:auto;width:100%;border-radius:16px}.flip-teaser-copy{padding:30px 24px}.flip-teaser-media{min-height:280px;padding:20px}.flip-reader-cover{width:calc(100% - 36px);margin:60px 18px 0}.flip-reader-copy{padding:28px 22px 36px}}\n
/* V13 — dijital dergi okuma modalları ve kapanış */
.flip-v13-reader-shell{position:relative;z-index:2;width:min(1050px,calc(100vw - 90px));max-height:92vh}.flip-v13-reader-shell>.flip-reader-dialog,.flip-v13-reader-shell>.flip-pdf-dialog{width:100%;max-width:none;margin:0}.flip-v13-outside-close{position:absolute;right:-58px;top:0;z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#302824;color:#fff;font-size:26px;cursor:pointer}.flip-v13-pdf-header{text-align:center!important;padding:28px 86px 24px!important}.flip-v13-pdf-header small{display:block;color:#91482f;font-size:11px;font-weight:800;letter-spacing:.11em}.flip-v13-pdf-header h3{font:500 clamp(28px,3vw,42px)/1.05 Georgia,'Times New Roman',serif;margin:9px 0 7px!important}.flip-v13-pdf-header p{margin:0;color:#7b675d}.flip-v13-comment-list{display:grid;gap:10px;margin:14px 0 18px}.flip-v13-comment{padding:12px 14px;border:1px solid #e2cfc1;border-radius:11px;background:#fffaf6}.flip-v13-comment>div{display:flex;justify-content:space-between;gap:12px}.flip-v13-comment small{color:#8d786d}.flip-v13-comment p{margin:7px 0 0;line-height:1.55}.flip-v13-comment-form{display:grid;grid-template-columns:150px 1fr auto;gap:9px;align-items:end}.flip-v13-comment-form input,.flip-v13-comment-form textarea{border:1px solid #dfcabb;border-radius:10px;background:#fff;padding:10px 11px;font:inherit}.flip-v13-comment-form textarea{min-height:72px;resize:vertical}.flip-v13-book-stats{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.flip-v13-book-stats span{padding:8px 10px;border:1px solid #dec9bb;border-radius:10px;background:#fffaf6;font-size:11px}
@media(max-width:760px){.flip-v13-reader-shell{width:100%}.flip-v13-outside-close{right:4px;top:-52px}.flip-v13-comment-form{grid-template-columns:1fr}}

/* =========================================================
   V25 — Public modal / reader mobile responsive standardı
   ========================================================= */
@media (max-width: 700px) {
  .article-preview-modal,
  .home-card-modal,
  .global-article-modal,
  .global-document-reader,
  .global-fulltext-reader,
  .flip-reader-modal {
    padding: 14px 10px !important;
  }

  .article-preview-dialog,
  .home-card-modal__dialog,
  .global-article-modal__dialog,
  .global-fulltext-reader__dialog,
  .flip-reader-dialog,
  .flip-pdf-dialog,
  .global-document-reader__dialog {
    width: calc(100vw - 20px) !important;
    max-width: 540px !important;
    max-height: calc(100dvh - 24px) !important;
    border-radius: 18px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }

  .home-card-modal__dialog,
  .global-article-modal__dialog {
    grid-template-columns: 1fr !important;
    overflow: auto !important;
  }
  .home-card-modal__visual,
  .global-article-modal__visual {
    min-height: 210px !important;
    height: min(34vh, 280px) !important;
  }
  .home-card-modal__content,
  .global-article-modal__content { padding: 20px 17px 24px !important; }
  .home-card-modal__content h2,
  .global-article-modal__content h2 { font-size: clamp(28px, 8vw, 42px) !important; line-height: 1.02 !important; }

  .global-fulltext-reader__dialog { padding: 28px 18px 34px !important; }
  .global-fulltext-reader__dialog header { padding-right: 36px !important; }
  .global-fulltext-reader__dialog h2 { font-size: clamp(31px, 10vw, 46px) !important; }
  .global-fulltext-reader__body { font-size: 17px !important; line-height: 1.68 !important; }
  .global-fulltext-reader__cover { max-height: 35vh !important; margin-bottom: 22px !important; }
  .global-fulltext-reader__close {
    position: absolute !important; top: 0 !important; right: 0 !important;
    transform: translate(24%, -24%) !important; float: none !important;
    width: 40px !important; height: 40px !important;
    background:#302824 !important;color:#fff !important;border-color:rgba(255,255,255,.35)!important;
  }

  .global-document-reader__dialog { height: calc(100dvh - 24px) !important; }
  .global-document-reader__dialog header { padding: 14px 16px !important; }
  .global-document-reader__dialog header h2 { font-size: 20px !important; }
  .global-document-reader__dialog footer { padding: 10px 12px !important; gap: 7px !important; }
  .global-document-reader__dialog footer a { flex: 1; justify-content: center; padding: 10px 8px !important; font-size: 11px !important; }

  .flip-v13-reader-shell {
    width: calc(100vw - 24px) !important;
    max-width: 540px !important;
    max-height: calc(100dvh - 28px) !important;
  }
  .flip-v13-outside-close {
    right: 0 !important; top: 0 !important;
    transform: translate(25%, -25%) !important;
    width: 40px !important; height: 40px !important; font-size: 22px !important;
  }
  .flip-reader-dialog { overflow: auto !important; }
  .flip-reader-close { width: 40px !important; height: 40px !important; right: 12px !important; top: 12px !important; }
  .flip-v13-pdf-header { padding: 22px 20px 18px !important; }
  .flip-v13-comment-form { grid-template-columns: 1fr !important; }
  .flip-pdf-dialog { height: calc(100dvh - 30px) !important; }

  /* Görsel ve galeri taşmalarını önle */
  .article-preview-dialog img,
  .home-card-modal__dialog img,
  .global-article-modal__dialog img,
  .global-fulltext-reader__dialog img { max-width: 100% !important; }
  .global-fulltext-reader__gallery { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; }
}

@media (max-width: 430px) {
  .article-preview-dialog,
  .home-card-modal__dialog,
  .global-article-modal__dialog,
  .global-fulltext-reader__dialog,
  .flip-reader-dialog,
  .flip-pdf-dialog,
  .global-document-reader__dialog {
    width: calc(100vw - 14px) !important;
    border-radius: 16px !important;
  }
  .global-fulltext-reader__dialog { padding-inline: 15px !important; }
  .global-fulltext-reader__gallery { grid-template-columns: 1fr 1fr !important; }
}


/* V28 — Telefon okuma modallarında iç scrollbar yerine doğal dokunmatik akış */
@media (max-width:700px){
  .flip-reader-modal{
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:56px 10px 70px!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
  }
  .flip-reader-modal::-webkit-scrollbar{display:none!important}
  .flip-v13-reader-shell{
    width:min(100%,560px)!important;
    max-height:none!important;
    margin:0 auto!important;
  }
  .flip-reader-dialog{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .flip-v13-outside-close{
    position:fixed!important;
    right:14px!important;
    top:14px!important;
    transform:none!important;
    z-index:40!important;
  }
}

/* =========================================================
   V29 FRONTEND READER = ADMIN PREVIEW
   Dergi arşivindeki okuyucu panel önizlemesinin akışıyla eşlendi:
   kapak tek başına, ardından iki sayfalık doğal spread.
========================================================= */
.flipbook-spread.is-cover-only{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  justify-items:center !important;
  width:auto !important;
  height:100% !important;
  margin-inline:auto !important;
  overflow:visible !important;
  background:transparent !important;
  box-shadow:none !important;
}
.flipbook-spread.is-cover-only > .flip-page{
  width:auto !important;
  height:100% !important;
  aspect-ratio:1600/2200 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  box-shadow:0 28px 75px rgba(0,0,0,.55) !important;
}
.flipbook-spread.is-cover-only > .flip-cover-page{
  cursor:pointer;
}
.flipbook-book:has(.flipbook-spread.is-cover-only){
  width:auto !important;
  height:min(720px,82vh) !important;
  aspect-ratio:1600/2200 !important;
  filter:none !important;
}
.flipbook-spread.is-cover-only .flip-cover-content{
  padding:30px !important;
}
.flipbook-spread.is-cover-only .flip-cover-turn-hint{
  display:none !important;
}
@media(max-width:900px){
  .flipbook-book:has(.flipbook-spread.is-cover-only){
    width:min(88vw,calc((100vh - 145px) * .72727)) !important;
    height:auto !important;
    max-height:78vh !important;
    aspect-ratio:1600/2200 !important;
  }
  .flipbook-spread.is-cover-only > .flip-page{
    width:100% !important;
    height:100% !important;
  }
}

/* =========================================================
   V31 — FRONTEND / PANEL DERGI DENKLIGI
   - Arşiv kartları panel kapak önizlemesiyle aynı oran ve hiyerarşi
   - Ön/arka kapak tek sayfa ve aynı tasarım dili
   - İçindekiler responsive panel satırları (görsel + no + başlık + yazar)
   - Sayfa sayacı paneldeki kompakt navigasyonla eşleşir
========================================================= */

/* Arşiv: paneldeki 8/11 kapak kartı oranı */
.magazine-grid{align-items:start;gap:28px!important}
.magazine-card{
  min-height:0!important;
  aspect-ratio:8/11!important;
  border-radius:16px!important;
  box-shadow:0 18px 42px rgba(33,24,19,.16)!important;
  overflow:hidden!important;
}
.magazine-card-content{min-height:0!important;height:100%!important;padding:5.3% 5.1%!important;box-sizing:border-box!important}
.magazine-card-shade{background:linear-gradient(180deg,rgba(12,10,8,.05),rgba(10,8,6,.18) 39%,rgba(10,8,6,.74) 100%)!important}
.magazine-brand{position:absolute!important;left:5.2%!important;top:5.1%!important;max-width:58%!important;gap:8px!important;align-items:center!important}
.magazine-brand::after{content:"";position:absolute;right:-13%;top:2px;width:1px;height:44px;background:rgba(255,255,255,.72)}
.magazine-brand-mark{font-size:clamp(18px,2vw,28px)!important}
.magazine-brand strong{font:600 clamp(18px,2.15vw,30px)/.95 Georgia,serif!important}
.magazine-brand small{font-size:clamp(5px,.56vw,8px)!important;letter-spacing:.12em!important;margin-top:5px!important}
.magazine-issue-number,.magazine-issue{position:absolute!important;right:5.2%!important;top:4.7%!important;display:flex!important;align-items:center!important;gap:9px!important;text-align:left!important}
.magazine-issue-number::before,.magazine-issue::before{content:"";width:1px;height:44px;background:rgba(255,255,255,.72);order:1}
.magazine-issue-number small,.magazine-issue small{display:none!important}
.magazine-issue-number strong,.magazine-issue strong{order:0;font:600 clamp(30px,3.25vw,46px)/.84 Georgia,serif!important}
.magazine-issue-number span,.magazine-issue span{order:2;margin:0!important;font-size:clamp(6px,.66vw,9px)!important;line-height:1.15!important;text-align:left!important}
.magazine-topics{left:5.2%!important;bottom:auto!important;top:35.5%!important;width:39%!important}
.magazine-topics>span,.magazine-topics>small{font-size:clamp(9px,.8vw,12px)!important;margin-bottom:9px!important}
.magazine-topics li,.magazine-topics p{padding:5px 0!important;margin:0!important;border-bottom:0!important;font:600 clamp(10px,.96vw,14px)/1.12 Georgia,serif!important}
.magazine-book{right:4.8%!important;bottom:auto!important;top:36.5%!important;width:47%!important;min-height:0!important;padding:3.5%!important;border-radius:14px!important;background:rgba(255,250,244,.96)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 31%!important;gap:10px!important}
.magazine-book-copy small,.magazine-book>div small{font-size:clamp(6px,.55vw,8px)!important}
.magazine-book-copy strong,.magazine-book>div strong{font:600 clamp(12px,1.35vw,18px)/1.02 Georgia,serif!important;margin:6px 0 3px!important}
.magazine-book-copy span,.magazine-book>div span{font-size:clamp(7px,.66vw,9px)!important}
.magazine-book img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:5px!important}
.magazine-card-content::after{content:"“Daha iyi\A bir düşünce dünyası\A mümkün.”";white-space:pre;position:absolute;left:5.2%;bottom:9%;font:italic 600 clamp(12px,1.25vw,18px)/1.14 Georgia,serif;color:white}
.magazine-open-btn{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;z-index:9!important;border-radius:0!important;padding:0!important;margin:0!important}
.magazine-card:focus-within,.magazine-card:hover{transform:translateY(-3px);transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 24px 52px rgba(33,24,19,.22)!important}

/* Okuyucu kapakları: panel kapak düzeni */
.flip-cover-content{padding:5.3%!important}
.flip-cover-topbar{position:absolute;left:5.2%;right:5.2%;top:4.8%;display:flex;align-items:center;color:#fff}
.flip-cover-topbar>.flip-cover-brand{position:static!important;flex:1;min-width:0}
.flip-cover-brand>i{font-size:clamp(22px,2.3vw,34px)!important}
.flip-cover-brand strong{font:600 clamp(24px,2.6vw,38px)/.94 Georgia,serif!important}
.flip-cover-brand small{font-size:clamp(6px,.66vw,9px)!important;letter-spacing:.12em!important;margin-top:5px!important}
.flip-cover-divider{display:block;width:1px;height:clamp(36px,4.2vw,52px);background:rgba(255,255,255,.72);flex:0 0 1px}
.flip-cover-topbar>.flip-cover-divider{margin-inline:12px}
.flip-cover-number{position:static!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important}
.flip-cover-number>small{display:none!important}
.flip-cover-number>b{font:600 clamp(36px,4vw,58px)/.84 Georgia,serif!important}
.flip-cover-number>span:last-child{font-size:clamp(7px,.72vw,10px)!important;line-height:1.15!important;margin:0!important}
.flip-cover-topics{left:5.2%!important;top:35%!important;bottom:auto!important;width:39%!important}
.flip-cover-topics>small{font-size:clamp(10px,.8vw,13px)!important;font-weight:700!important}
.flip-cover-topics p{font:600 clamp(11px,.95vw,14px)/1.12 Georgia,serif!important;margin:7px 0!important;padding:0!important;border:0!important}
.flip-cover-book{right:4.8%!important;top:36%!important;bottom:auto!important;width:47%!important;min-height:0!important;padding:3.5%!important;border-radius:14px!important;grid-template-columns:minmax(0,1fr) 31%!important;background:rgba(255,250,244,.96)!important}
.flip-cover-book small{font-size:clamp(6px,.58vw,8px)!important}.flip-cover-book b{font:600 clamp(13px,1.35vw,19px)/1.02 Georgia,serif!important;margin-top:6px!important}.flip-cover-book span,.flip-cover-book em{font-size:clamp(7px,.68vw,9px)!important;line-height:1.2!important}.flip-cover-book em{display:block;margin-top:6px;font-style:italic}.flip-cover-book img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;align-self:center!important}
.flip-cover-slogan{position:absolute;left:5.2%;bottom:8.5%;margin:0;color:#fff;font:italic 600 clamp(14px,1.45vw,20px)/1.12 Georgia,serif}

/* Arka kapak paneldeki final kapak gibi tek ve merkezde */
.flipbook-spread.is-back-only{display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;width:auto!important;height:100%!important;margin-inline:auto!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}
.flipbook-spread.is-back-only>.flip-page{width:auto!important;height:100%!important;aspect-ratio:1600/2200!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 28px 75px rgba(0,0,0,.55)!important}
.flipbook-book:has(.flipbook-spread.is-back-only){width:auto!important;height:min(720px,82vh)!important;aspect-ratio:1600/2200!important;filter:none!important}
.flip-back-cover-page{position:relative!important;padding:0!important;background:#17110e!important;color:#fff!important}
.flip-back-cover-page>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover!important;filter:none!important}
.flip-back-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,7,6,.32),rgba(9,7,6,.64) 60%,rgba(9,7,6,.84))}
.flip-back-brand{position:absolute;left:6%;right:6%;top:5.2%;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;color:#fff}
.flip-back-brand>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}.flip-back-brand i{grid-row:1/3;font-size:28px}.flip-back-brand strong{font:600 26px/.95 Georgia,serif}.flip-back-brand span{font-size:6px;letter-spacing:.12em;margin-top:4px}.flip-back-brand>small{text-align:right;font:600 9px/1.4 Georgia,serif}
.flip-back-copy{position:absolute;left:7%;right:7%;bottom:7%;text-align:center;display:grid;justify-items:center;gap:11px;color:#fff}.flip-back-copy blockquote{max-width:78%;margin:0;font:italic 600 19px/1.28 Georgia,serif}.flip-back-copy h2{margin:0;font:600 27px/1 Georgia,serif}.flip-back-copy p{max-width:80%;margin:0;font:11px/1.45 Arial,sans-serif}.flip-back-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:88%;padding:14px 0;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.flip-back-icons span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:7px;letter-spacing:.08em}.flip-back-icons i{font-size:15px}.flip-back-copy>em{font:italic 14px Georgia,serif}.flip-back-copy>small{font-size:7px;letter-spacing:.12em}

/* İçindekiler = paneldeki responsive liste */
.flip-contents-page .flip-page-inner{padding:6.5% 7% 5.5%!important}
.flip-contents-page h2{font-size:clamp(28px,2.5vw,40px)!important;margin:5px 0 12px!important}
.flip-contents-page .flip-ornament{display:none!important}
.flip-toc-clickable{margin-top:4px!important}
.flip-toc-row{grid-template-columns:42px 28px minmax(0,1fr) 72px 12px!important;gap:9px!important;min-height:54px!important;padding:7px 0!important;align-items:center!important}
.flip-toc-thumb{width:42px;height:42px;object-fit:cover;border-radius:7px;display:block;background:#e7d8cc}
.flip-toc-row>b{font:600 10px Georgia,serif!important;text-align:center}
.flip-toc-row span strong{font:600 11px/1.16 Georgia,serif!important}.flip-toc-row span small{font-size:7px!important}.flip-toc-row em{font-size:7px!important;text-align:right}.flip-toc-row>i{opacity:.72!important;font-size:8px!important}

/* Paneldeki kompakt navigasyon */
.flipbook-controls{margin-top:10px!important;gap:18px!important;align-items:center!important}
.flipbook-arrow{width:50px!important;height:50px!important;background:rgba(37,31,27,.72)!important;border:1px solid rgba(255,255,255,.4)!important;font-size:15px!important}
.flipbook-progress{min-width:220px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important}
.flipbook-progress strong{margin:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important}
.flipbook-dots{max-width:210px!important;gap:7px!important;overflow:hidden!important;flex-wrap:nowrap!important}
.flipbook-dot{width:7px!important;height:7px!important;flex:0 0 7px!important}
.flipbook-key-hint{display:none!important}

@media(max-width:900px){
  .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
  .flipbook-book:has(.flipbook-spread.is-back-only){width:min(88vw,calc((100vh - 145px) * .72727))!important;height:auto!important;max-height:78vh!important}
  .flipbook-spread.is-back-only>.flip-page{width:100%!important;height:100%!important}
  .flip-toc-row{grid-template-columns:36px 25px minmax(0,1fr) 10px!important;min-height:48px!important;gap:7px!important}
  .flip-toc-thumb{width:36px;height:36px!important}.flip-toc-row em{display:none!important}
}
@media(max-width:700px){
  .magazine-issues-section{padding-inline:14px!important}.magazine-grid{grid-template-columns:1fr!important;max-width:430px;margin-inline:auto}
  .magazine-card{border-radius:14px!important}.magazine-brand strong{font-size:clamp(20px,6vw,28px)!important}.magazine-brand-mark{font-size:clamp(18px,5.5vw,25px)!important}.magazine-issue-number strong,.magazine-issue strong{font-size:clamp(30px,9.5vw,43px)!important}.magazine-topics li,.magazine-topics p{font-size:clamp(9px,2.65vw,12px)!important}.magazine-book-copy strong,.magazine-book>div strong{font-size:clamp(12px,3.5vw,17px)!important}.magazine-card-content::after{font-size:clamp(11px,3.1vw,15px)!important}
  .flipbook-controls{gap:12px!important}.flipbook-arrow{width:46px!important;height:46px!important}.flipbook-progress{min-width:145px!important}.flipbook-progress strong{font-size:11px!important}.flipbook-dots{display:none!important}
  .flip-contents-page .flip-page-inner{padding:7% 6%!important}.flip-toc-row{grid-template-columns:34px 23px minmax(0,1fr) 9px!important;min-height:45px!important}.flip-toc-thumb{width:34px!important;height:34px!important}.flip-toc-row span strong{font-size:9px!important}.flip-toc-row span small{font-size:6px!important}.flip-toc-row>b{font-size:8px!important}
  .flip-back-brand strong{font-size:20px}.flip-back-brand i{font-size:22px}.flip-back-copy blockquote{font-size:15px}.flip-back-copy h2{font-size:22px}.flip-back-copy p{font-size:9px}.flip-back-icons{width:94%}
}

/* ===== V32 — Dergi Arşivi: panel kapak tasarımı + görünür incele butonu ===== */
.magazine-issues-section{padding-bottom:72px}
.magazine-grid{align-items:start;gap:28px!important}
.magazine-card{position:relative!important;min-height:0!important;height:auto!important;aspect-ratio:1600/2200!important;border-radius:18px!important;overflow:hidden!important;background:#211a16!important;box-shadow:0 18px 42px rgba(35,25,20,.14)!important}
.magazine-card-content{position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;padding:5.2%!important;box-sizing:border-box!important}
.magazine-card-shade{background:linear-gradient(180deg,rgba(12,10,8,.05),rgba(10,8,6,.18) 38%,rgba(10,8,6,.76) 100%)!important}
.magazine-brand{position:absolute!important;top:5.2%!important;left:5.2%!important;right:auto!important;display:flex!important;align-items:flex-start!important;gap:9px!important;color:#fff!important}
.magazine-brand strong{display:block!important;font:700 clamp(17px,1.85vw,29px)/.95 Georgia,serif!important;white-space:nowrap!important}
.magazine-brand small{display:block!important;margin-top:5px!important;font-size:clamp(5px,.55vw,8px)!important;letter-spacing:.12em!important;white-space:nowrap!important}
.magazine-brand>i,.magazine-brand-mark{font-size:clamp(17px,1.55vw,24px)!important;color:#fff!important}
.magazine-issue-number,.magazine-issue{position:absolute!important;top:5.1%!important;right:5.1%!important;display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:end!important;column-gap:10px!important;color:#fff!important;text-align:left!important}
.magazine-issue-number small,.magazine-issue small{grid-column:1!important;font-size:clamp(6px,.56vw,8px)!important;font-weight:800!important;letter-spacing:.08em!important}
.magazine-issue-number strong,.magazine-issue strong{grid-column:1!important;font:700 clamp(29px,3.2vw,49px)/.84 Georgia,serif!important}
.magazine-issue-number span,.magazine-issue span{grid-column:2!important;grid-row:1/3!important;border-left:1px solid rgba(255,255,255,.68)!important;padding-left:10px!important;font-size:clamp(7px,.72vw,10px)!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}
.magazine-topics{position:absolute!important;left:5.2%!important;top:35.7%!important;width:40.5%!important;color:#fff!important;margin:0!important}
.magazine-topics>span,.magazine-topics>small{display:block!important;font:700 clamp(9px,.82vw,12px)/1 Georgia,serif!important;margin-bottom:10px!important;letter-spacing:.02em!important}
.magazine-topics ul{list-style:none!important;padding:0!important;margin:0!important}
.magazine-topics li,.magazine-topics p{position:relative!important;padding:4px 0 4px 12px!important;margin:0!important;border:0!important;color:#fff!important;font:600 clamp(10px,1vw,15px)/1.14 Georgia,serif!important;overflow-wrap:anywhere!important}
.magazine-topics li::before,.magazine-topics p::before{content:"•"!important;position:absolute!important;left:0!important;top:4px!important;color:#fff!important}
.magazine-book{position:absolute!important;right:5%!important;top:36.2%!important;width:45.5%!important;min-height:16.5%!important;box-sizing:border-box!important;padding:2.7% 3%!important;border-radius:15px!important;background:rgba(255,250,244,.97)!important;color:#241a15!important;display:grid!important;grid-template-columns:minmax(0,1fr) 27%!important;align-items:center!important;gap:12px!important;box-shadow:0 8px 22px rgba(0,0,0,.10)!important}
.magazine-book-copy,.magazine-book>div{min-width:0!important;display:block!important}
.magazine-book-copy small,.magazine-book>div small{display:block!important;font-size:clamp(6px,.56vw,8px)!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1.15!important;margin:0!important}
.magazine-book-copy strong,.magazine-book>div strong{display:block!important;font:600 clamp(12px,1.32vw,19px)/1.03 Georgia,serif!important;margin:7px 0 4px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
.magazine-book-copy span,.magazine-book>div span{display:block!important;font-size:clamp(7px,.66vw,9px)!important;line-height:1.25!important;overflow-wrap:normal!important;word-break:normal!important}
.magazine-book img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:5px!important;align-self:center!important}
.magazine-card-content::after{content:"“Daha iyi\A bir düşünce dünyası\A mümkün.”"!important;white-space:pre!important;position:absolute!important;left:5.2%!important;bottom:12.2%!important;font:italic 600 clamp(12px,1.25vw,18px)/1.13 Georgia,serif!important;color:#fff!important;z-index:2!important}
.magazine-open-btn{position:absolute!important;inset:auto auto 3.1% 50%!important;transform:translateX(-50%)!important;width:auto!important;height:auto!important;min-width:160px!important;opacity:1!important;z-index:12!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:12px 22px!important;border-radius:999px!important;border:1px solid rgba(114,66,43,.16)!important;background:rgba(255,249,241,.97)!important;color:#6f3d29!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important;cursor:pointer!important}
.magazine-open-btn:hover{background:#fff!important;transform:translateX(-50%) translateY(-2px)!important}
.magazine-card:focus-within,.magazine-card:hover{transform:translateY(-3px)!important;transition:transform .18s ease,box-shadow .18s ease!important;box-shadow:0 24px 52px rgba(33,24,19,.22)!important}
.flipbook-progress strong{font-size:12px!important;font-weight:700!important;letter-spacing:.01em!important}.flipbook-dots{max-width:260px!important;gap:7px!important}.flipbook-dot{width:7px!important;height:7px!important;flex:0 0 7px!important}
@media(max-width:1100px){.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.magazine-open-btn{min-width:145px!important;padding:10px 18px!important;font-size:11px!important}}
@media(max-width:700px){.magazine-issues-section{padding-inline:14px!important}.magazine-grid{grid-template-columns:1fr!important;max-width:430px!important;margin-inline:auto!important}.magazine-card{border-radius:14px!important}.magazine-brand strong{font-size:clamp(20px,6vw,28px)!important}.magazine-brand>i,.magazine-brand-mark{font-size:clamp(18px,5.5vw,25px)!important}.magazine-issue-number strong,.magazine-issue strong{font-size:clamp(30px,9.5vw,43px)!important}.magazine-topics{width:40%!important}.magazine-topics li,.magazine-topics p{font-size:clamp(9px,2.65vw,12px)!important;padding-block:3px!important}.magazine-book{width:47%!important;padding:2.5%!important;gap:8px!important}.magazine-book-copy strong,.magazine-book>div strong{font-size:clamp(12px,3.5vw,17px)!important}.magazine-card-content::after{font-size:clamp(11px,3.1vw,15px)!important}.magazine-open-btn{min-width:140px!important;padding:10px 17px!important;font-size:11px!important}.flipbook-dots{display:none!important}}

/* ===== V33 — Dergi arşivi kartları + panel önizleme denkliği ===== */
/* Kartın CTA'sı her zaman görünür; kartın tamamı da tıklanabilir kalır. */
.magazine-open-btn{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:2.9%!important;
  transform:translateX(-50%)!important;
  z-index:30!important;
  min-width:154px!important;
  min-height:40px!important;
  padding:10px 20px!important;
  border-radius:999px!important;
  border:1px solid rgba(111,61,41,.16)!important;
  background:rgba(255,249,241,.98)!important;
  color:#6f3d29!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.magazine-open-btn i{font-size:10px!important}
.magazine-open-btn:hover{background:#fff!important;transform:translateX(-50%) translateY(-2px)!important}

/* Haftanın kitabı: daha uzun-ince, başlık/yazar birbirine girmeden okunur. */
.magazine-book{
  top:37.1%!important;
  right:4.8%!important;
  width:47.5%!important;
  min-height:13.8%!important;
  padding:2.1% 2.4%!important;
  grid-template-columns:minmax(0,1fr) 25%!important;
  gap:8px!important;
  align-items:center!important;
  border-radius:14px!important;
}
.magazine-book-copy,.magazine-book>div{padding-right:1px!important;overflow:hidden!important}
.magazine-book-copy small,.magazine-book>div small{font-size:clamp(5.5px,.52vw,7.5px)!important;letter-spacing:.05em!important;margin-bottom:4px!important}
.magazine-book-copy strong,.magazine-book>div strong{
  margin:3px 0 4px!important;
  font:600 clamp(11px,1.12vw,16px)/1.04 Georgia,serif!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
.magazine-book-copy span,.magazine-book>div span{font-size:clamp(6px,.58vw,8px)!important;line-height:1.18!important;white-space:normal!important}
.magazine-book img{width:100%!important;max-height:100%!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:5px!important}
.magazine-card-content::after{bottom:10.4%!important}

/* Okuyucu: panel önizlemesindeki oran ve yüzey dili. */
.flipbook-overlay{padding:18px!important;background:rgba(32,28,25,.78)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
.flipbook-shell{width:min(1280px,97vw)!important;height:min(900px,96vh)!important}
.flipbook-close{right:0!important;top:0!important;width:48px!important;height:48px!important;background:rgba(35,29,25,.82)!important;border:1px solid rgba(255,255,255,.42)!important;font-size:20px!important}
.flipbook-book{width:min(1110px,91vw)!important;height:min(720px,82vh)!important;filter:drop-shadow(0 28px 52px rgba(0,0,0,.38))!important}
.flipbook-spread{gap:0!important;border-radius:18px!important;overflow:hidden!important;background:transparent!important}
.flip-page{background:#f4eadc!important}
.flip-page:first-child{border-radius:18px 0 0 18px!important}
.flip-page:last-child{border-radius:0 18px 18px 0!important}
.flip-paper-page{background:#f4eadc!important;color:#241b17!important}
.flip-page-inner{padding:7.5% 7%!important;scrollbar-width:none!important}
.flip-page-inner::-webkit-scrollbar{display:none!important}
.flip-page-inner h2{font:500 clamp(28px,3vw,46px)/.98 Georgia,serif!important;margin:5px 0 16px!important}
.flip-page-inner h3{font:600 14px/1.2 Georgia,serif!important;margin:22px 0 7px!important}
.flip-page-inner p{font:400 12px/1.62 Georgia,serif!important;color:#493d35!important}
.flip-eyebrow{font-size:8px!important;letter-spacing:.11em!important;color:#8b5138!important}

/* İçindekiler paneldeki responsive tablo/kart hissine eşitlendi. */
.flip-contents-page .flip-page-inner{padding:6.2% 6.5%!important}
.flip-toc-clickable{margin-top:8px!important}
.flip-toc-row{
  grid-template-columns:44px 27px minmax(0,1fr) 76px 12px!important;
  min-height:54px!important;
  gap:9px!important;
  padding:7px 0!important;
  align-items:center!important;
  border-bottom:1px solid #d9c7b8!important;
}
.flip-toc-thumb{width:44px!important;height:44px!important;border-radius:7px!important;object-fit:cover!important}
.flip-toc-row>b{font:600 9px Georgia,serif!important;text-align:center!important}
.flip-toc-row span strong{font:600 10.5px/1.15 Georgia,serif!important;color:#2b201a!important}
.flip-toc-row span small{font-size:6.5px!important;margin-top:3px!important;color:#806f62!important}
.flip-toc-row em{font:400 6.5px/1.2 Georgia,serif!important;text-align:right!important;color:#79695f!important}
.flip-toc-row>i{font-size:7px!important;opacity:.7!important}

/* Ön/arka kapaklar paneldeki tek sayfa sunumu gibi ortada. */
.flipbook-spread.is-cover-only,.flipbook-spread.is-back-only{
  width:auto!important;
  height:100%!important;
  aspect-ratio:1600/2200!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:18px!important;
}
.flipbook-spread.is-cover-only>.flip-page,.flipbook-spread.is-back-only>.flip-page{
  width:100%!important;height:100%!important;max-width:none!important;aspect-ratio:auto!important;border-radius:18px!important;box-shadow:0 28px 75px rgba(0,0,0,.48)!important
}
.flipbook-book:has(.flipbook-spread.is-cover-only),.flipbook-book:has(.flipbook-spread.is-back-only){width:auto!important;height:min(720px,82vh)!important;aspect-ratio:1600/2200!important;filter:none!important}

/* Kapak iç yerleşimi panelde hazırlanan canlı kapakla aynı geometriye yaklaştırılır. */
.flip-cover-content{padding:5.4%!important}
.flip-cover-topbar{position:absolute!important;top:5.2%!important;left:5.2%!important;right:5.2%!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
.flip-cover-brand strong{font:700 clamp(20px,2.25vw,33px)/.95 Georgia,serif!important}
.flip-cover-brand small{font-size:clamp(5px,.55vw,8px)!important;letter-spacing:.11em!important}
.flip-cover-brand>i{font-size:clamp(18px,1.75vw,27px)!important}
.flip-cover-number{position:static!important;display:flex!important;align-items:flex-end!important;gap:10px!important;text-align:left!important}
.flip-cover-number b{font:700 clamp(34px,3.8vw,55px)/.84 Georgia,serif!important}
.flip-cover-number span{border-left:1px solid rgba(255,255,255,.72)!important;padding-left:10px!important;font-size:clamp(7px,.7vw,10px)!important;font-weight:800!important}
.flip-cover-topics{left:5.5%!important;top:34.5%!important;bottom:auto!important;width:40%!important}
.flip-cover-topics>small{font:700 clamp(9px,.8vw,12px)/1 Georgia,serif!important}
.flip-cover-topics p{font:600 clamp(10px,1vw,15px)/1.14 Georgia,serif!important;margin:6px 0!important;padding:0!important;border:0!important}
.flip-cover-book{right:4.8%!important;top:35.3%!important;bottom:auto!important;width:47%!important;min-height:14%!important;padding:2.1% 2.4%!important;border-radius:14px!important;grid-template-columns:minmax(0,1fr) 25%!important;gap:8px!important;align-items:center!important}
.flip-cover-book small{font-size:clamp(5.5px,.52vw,7.5px)!important;font-weight:900!important;letter-spacing:.05em!important}
.flip-cover-book b{font:600 clamp(11px,1.15vw,16px)/1.04 Georgia,serif!important;margin:4px 0!important}
.flip-cover-book span,.flip-cover-book em{font-size:clamp(6px,.58vw,8px)!important;line-height:1.18!important}
.flip-cover-book img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;border-radius:5px!important}
.flip-cover-slogan{position:absolute!important;left:5.5%!important;bottom:8.7%!important;margin:0!important;font:italic 600 clamp(13px,1.35vw,19px)/1.14 Georgia,serif!important;color:#fff!important}

.flipbook-controls{margin-top:12px!important;gap:22px!important}
.flipbook-progress strong{font-size:12px!important;font-weight:700!important}
.flipbook-dots{gap:7px!important;max-width:285px!important}
.flipbook-dot{width:7px!important;height:7px!important;flex:0 0 7px!important}

@media(max-width:900px){
  .flipbook-shell{height:96vh!important}
  .flipbook-book{width:min(92vw,760px)!important;height:min(74vh,650px)!important}
  .flipbook-spread:not(.is-cover-only):not(.is-back-only){grid-template-columns:1fr!important;width:min(88vw,520px)!important;margin-inline:auto!important;border-radius:14px!important}
  .flipbook-spread:not(.is-cover-only):not(.is-back-only)>.flip-page:nth-child(2){display:none!important}
  .flipbook-spread:not(.is-cover-only):not(.is-back-only)>.flip-page{border-radius:14px!important}
  .flip-toc-row{grid-template-columns:38px 24px minmax(0,1fr) 10px!important;gap:7px!important;min-height:48px!important}
  .flip-toc-thumb{width:38px!important;height:38px!important}.flip-toc-row em{display:none!important}
}
@media(max-width:700px){
  .magazine-book{width:48%!important;min-height:14%!important;padding:2.2%!important;grid-template-columns:minmax(0,1fr) 27%!important}
  .magazine-book-copy strong,.magazine-book>div strong{font-size:clamp(11px,3.3vw,16px)!important}
  .magazine-card-content::after{bottom:10.8%!important}
  .magazine-open-btn{bottom:2.8%!important;min-width:136px!important;min-height:37px!important;padding:9px 15px!important;font-size:10px!important}
  .flipbook-overlay{padding:6px!important;align-items:center!important}
  .flipbook-close{width:42px!important;height:42px!important;right:4px!important;top:4px!important}
  .flipbook-book{width:min(94vw,430px)!important;height:auto!important;max-height:80vh!important;aspect-ratio:1600/2200!important}
  .flipbook-spread:not(.is-cover-only):not(.is-back-only){width:100%!important;height:100%!important;aspect-ratio:1600/2200!important}
  .flipbook-book:has(.flipbook-spread.is-cover-only),.flipbook-book:has(.flipbook-spread.is-back-only){width:min(92vw,430px)!important;height:auto!important;max-height:80vh!important;aspect-ratio:1600/2200!important}
  .flip-page-inner{padding:7% 6%!important}
  .flip-toc-row{grid-template-columns:34px 22px minmax(0,1fr) 9px!important;min-height:45px!important}
  .flip-toc-thumb{width:34px!important;height:34px!important}.flip-toc-row span strong{font-size:9px!important}.flip-toc-row span small{font-size:6px!important}.flip-toc-row>b{font-size:8px!important}
  .flipbook-dots{display:none!important}
}

/* ===== V34 — Arşiv kartı üst kimliği geri yüklendi =====
   BilgelikSevgisi logo/isim + sayı/tarih yerleşimi, panel kapak önizlemesindeki
   iki ayraçlı hiyerarşiyle tekrar eşitlendi. V33 kitap kutusu ve CTA korunur. */
.magazine-brand{
  position:absolute!important;
  left:5.2%!important;
  top:5.1%!important;
  right:auto!important;
  max-width:58%!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
}
.magazine-brand::after{
  content:""!important;
  position:absolute!important;
  right:-13%!important;
  top:2px!important;
  width:1px!important;
  height:44px!important;
  background:rgba(255,255,255,.72)!important;
}
.magazine-brand-mark,.magazine-brand>i{
  font-size:clamp(18px,2vw,28px)!important;
  color:#fff!important;
}
.magazine-brand strong{
  display:block!important;
  font:600 clamp(18px,2.15vw,30px)/.95 Georgia,serif!important;
  white-space:nowrap!important;
}
.magazine-brand small{
  display:block!important;
  margin-top:5px!important;
  font-size:clamp(5px,.56vw,8px)!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.magazine-issue-number,.magazine-issue{
  position:absolute!important;
  right:5.2%!important;
  top:4.7%!important;
  display:flex!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  align-items:center!important;
  gap:9px!important;
  color:#fff!important;
  text-align:left!important;
}
.magazine-issue-number::before,.magazine-issue::before{
  content:""!important;
  width:1px!important;
  height:44px!important;
  background:rgba(255,255,255,.72)!important;
  order:1!important;
}
.magazine-issue-number small,.magazine-issue small{display:none!important}
.magazine-issue-number strong,.magazine-issue strong{
  order:0!important;
  grid-column:auto!important;
  font:600 clamp(30px,3.25vw,46px)/.84 Georgia,serif!important;
}
.magazine-issue-number span,.magazine-issue span{
  order:2!important;
  grid-column:auto!important;
  grid-row:auto!important;
  margin:0!important;
  padding-left:0!important;
  border-left:0!important;
  font-size:clamp(6px,.66vw,9px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  text-align:left!important;
  white-space:nowrap!important;
}

/* Okuyucunun ön kapağı da paneldeki üst kimlikle aynı geometriyi kullanır. */
.flip-cover-topbar{
  position:absolute!important;
  left:5.2%!important;
  right:5.2%!important;
  top:4.8%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  color:#fff!important;
}
.flip-cover-topbar>.flip-cover-brand{position:static!important;flex:1!important;min-width:0!important}
.flip-cover-brand>i{font-size:clamp(22px,2.3vw,34px)!important}
.flip-cover-brand strong{font:600 clamp(24px,2.6vw,38px)/.94 Georgia,serif!important}
.flip-cover-brand small{font-size:clamp(6px,.66vw,9px)!important;letter-spacing:.12em!important;margin-top:5px!important}
.flip-cover-divider{display:block!important;width:1px!important;height:clamp(36px,4.2vw,52px)!important;background:rgba(255,255,255,.72)!important;flex:0 0 1px!important}
.flip-cover-topbar>.flip-cover-divider{margin-inline:12px!important}
.flip-cover-number{position:static!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important}
.flip-cover-number>b{font:600 clamp(36px,4vw,58px)/.84 Georgia,serif!important}
.flip-cover-number>span:last-child{border-left:0!important;padding-left:0!important;font-size:clamp(7px,.72vw,10px)!important;line-height:1.15!important;margin:0!important}

@media(max-width:700px){
  .magazine-brand::after,.magazine-issue-number::before,.magazine-issue::before{height:36px!important}
  .magazine-brand{max-width:57%!important}
  .magazine-brand strong{font-size:clamp(20px,6vw,28px)!important}
  .magazine-brand-mark,.magazine-brand>i{font-size:clamp(18px,5.5vw,25px)!important}
  .magazine-issue-number strong,.magazine-issue strong{font-size:clamp(30px,9.5vw,43px)!important}
}

/* =========================================================
   V35 — Arayüz arşiv kapağı = panel kapak tasarımı
   + "Dergiyi İncele" = panel Önizle okuyucusunun kendisi
   ========================================================= */
.magazine-card{
  aspect-ratio:1600/2200!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.magazine-card .magazine-card-content{padding:0!important}
.magazine-card .magazine-brand{
  top:4.1%!important;left:5.5%!important;right:auto!important;
  width:55%!important;max-width:55%!important;gap:8px!important;align-items:center!important;
}
.magazine-card .magazine-brand-mark{font-size:clamp(17px,1.55vw,24px)!important;line-height:1!important}
.magazine-card .magazine-brand strong{font:700 clamp(19px,2vw,30px)/.94 Georgia,serif!important;letter-spacing:-.02em!important}
.magazine-card .magazine-brand small{font-size:clamp(5px,.5vw,7.5px)!important;letter-spacing:.13em!important;margin-top:4px!important}
.magazine-card .magazine-issue-number{
  top:4%!important;right:5.2%!important;display:flex!important;align-items:center!important;gap:9px!important;
  grid-template-columns:none!important;grid-template-rows:none!important;text-align:left!important;
}
.magazine-card .magazine-issue-number::before{content:"";display:block;width:1px;height:clamp(31px,3.2vw,43px);background:rgba(255,255,255,.72);margin-right:1px}
.magazine-card .magazine-issue-number small{display:none!important}
.magazine-card .magazine-issue-number strong{display:block!important;grid-column:auto!important;font:700 clamp(30px,3.25vw,49px)/.84 Georgia,serif!important}
.magazine-card .magazine-issue-number span{display:block!important;grid-column:auto!important;grid-row:auto!important;border-left:1px solid rgba(255,255,255,.72)!important;padding-left:9px!important;margin:0!important;font-size:clamp(6px,.58vw,8.5px)!important;line-height:1.13!important}
.magazine-card .magazine-topics{left:5.5%!important;top:34.5%!important;width:38%!important}
.magazine-card .magazine-topics>span{font-size:clamp(8px,.72vw,11px)!important;margin-bottom:8px!important}
.magazine-card .magazine-topics li{font:600 clamp(9px,.9vw,13px)/1.1 Georgia,serif!important;padding:3px 0 3px 11px!important}
.magazine-card .magazine-book{right:4.8%!important;top:34.5%!important;width:47.5%!important;min-height:0!important;padding:2.2% 2.5%!important;grid-template-columns:minmax(0,1fr) 29%!important;gap:8px!important;border-radius:14px!important;align-items:center!important}
.magazine-card .magazine-book-copy small{font-size:clamp(5px,.5vw,7px)!important;margin:0!important}
.magazine-card .magazine-book-copy strong{font:700 clamp(11px,1.05vw,15px)/1.02 Georgia,serif!important;margin:5px 0 3px!important}
.magazine-card .magazine-book-copy span{font-size:clamp(6px,.55vw,8px)!important;line-height:1.15!important}
.magazine-card .magazine-book img{width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important}
.magazine-card .magazine-card-content::after{left:5.5%!important;bottom:9.4%!important;font:italic 600 clamp(11px,1.1vw,16px)/1.12 Georgia,serif!important}
.magazine-card .magazine-open-btn{bottom:2.5%!important;min-width:148px!important;padding:10px 20px!important;font-size:11px!important}

body.panel-reader-open{overflow:hidden!important}
.public-mag-panel-reader.mag-preview-overlay{position:fixed!important;inset:0!important;z-index:30000!important;display:grid!important;place-items:center!important;padding:28px!important;background:rgba(24,18,15,.76)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.public-mag-panel-reader .mag-preview-shell{width:min(1280px,96vw)!important;height:min(960px,96vh)!important;position:relative!important}
.public-mag-panel-reader .mag-preview-spread{height:calc(100% - 70px)!important;display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 30px 80px #0008!important;background:transparent!important}
.public-mag-panel-reader .mag-preview-page{position:relative!important;background:#f8eddd!important;padding:46px!important;overflow:auto!important;box-sizing:border-box!important;color:#2c211b!important}
.public-mag-panel-reader .mag-preview-page.image{padding:0!important;background:#201a17!important;overflow:hidden!important}
.public-mag-panel-reader .mag-preview-page.image>img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.public-mag-panel-reader .mag-preview-page h1,.public-mag-panel-reader .mag-preview-page h2{font-family:Georgia,serif!important}.public-mag-panel-reader .mag-preview-page h2{font-size:40px!important;margin:8px 0 20px!important}.public-mag-panel-reader .mag-preview-page h3{font:600 17px/1.2 Georgia,serif!important}.public-mag-panel-reader .mag-preview-page p{font:14px/1.7 Georgia,serif!important;color:#493d35!important}
.public-mag-panel-reader .mag-preview-cover-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,#0002,#000b)!important}
.public-mag-panel-reader .mag-preview-cover-copy{position:absolute!important;inset:0!important;color:#fff!important}
.public-mag-panel-reader .mag-v19-preview-top{position:absolute!important;left:5.5%!important;right:5.5%!important;top:4%!important;display:flex!important;align-items:center!important}
.public-mag-panel-reader .mag-v19-preview-top .brand{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;min-width:0!important}.public-mag-panel-reader .mag-v19-preview-top .brand>i{font-size:clamp(18px,2.1vw,27px)!important}.public-mag-panel-reader .mag-v19-preview-top .brand span{display:block!important}.public-mag-panel-reader .mag-v19-preview-top .brand b{display:block!important;font:700 clamp(20px,2.25vw,28px)/.94 Georgia,serif!important}.public-mag-panel-reader .mag-v19-preview-top .brand small{display:block!important;font-size:7px!important;letter-spacing:.15em!important;margin-top:4px!important}
.public-mag-panel-reader .mag-v19-divider{display:block!important;width:1px!important;height:42px!important;background:rgba(255,255,255,.72)!important;margin:0 9px!important;flex:0 0 1px!important}
.public-mag-panel-reader .mag-v19-preview-top .issue{display:flex!important;align-items:center!important}.public-mag-panel-reader .mag-v19-preview-top .issue b{font:700 clamp(35px,4vw,48px)/.84 Georgia,serif!important}.public-mag-panel-reader .mag-v19-preview-top .issue span{font-size:8px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important}
.public-mag-panel-reader .mag-preview-cover-copy .topics{position:absolute!important;left:5.5%!important;top:30.5%!important;width:36%!important;max-width:none!important}.public-mag-panel-reader .mag-preview-cover-copy .topics strong{display:block!important;font:700 12px Georgia,serif!important;margin-bottom:8px!important}.public-mag-panel-reader .mag-preview-cover-copy .topics p{font:600 clamp(11px,1.35vw,15px)/1.18 Georgia,serif!important;color:#fff!important;margin:7px 0!important}
.public-mag-panel-reader .mag-preview-book{position:absolute!important;left:auto!important;right:5.5%!important;top:30.5%!important;bottom:auto!important;width:49%!important;max-width:none!important;box-sizing:border-box!important;padding:13px!important;border-radius:14px!important;background:#fff9!important;color:#2c211b!important;min-height:0!important;overflow:hidden!important}.public-mag-panel-reader .mag-preview-book img{float:right!important;width:31%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;margin:0 0 5px 8px!important;border-radius:6px!important}.public-mag-panel-reader .mag-preview-book small{font-size:7px!important;font-weight:800!important;letter-spacing:.08em!important}.public-mag-panel-reader .mag-preview-book strong{display:block!important;font:700 clamp(14px,1.7vw,19px)/1.05 Georgia,serif!important;margin:5px 0 3px!important}.public-mag-panel-reader .mag-preview-book div{font-size:9px!important}.public-mag-panel-reader .mag-preview-book em{display:block!important;font:italic 8px/1.25 Georgia,serif!important;margin-top:7px!important}
.public-mag-panel-reader .mag-v19-preview-slogan{position:absolute!important;left:5.5%!important;bottom:5.3%!important;margin:0!important;color:#fff!important;font:italic 600 clamp(13px,1.55vw,17px)/1.12 Georgia,serif!important}
.public-mag-panel-reader .mag-preview-spread.is-cover-only{width:min(720px,82vw,calc((100vh - 105px) * .72727))!important;height:auto!important;aspect-ratio:1600/2200!important;margin-inline:auto!important;grid-template-columns:1fr!important;overflow:hidden!important}.public-mag-panel-reader .mag-preview-spread.is-cover-only>.mag-preview-page{width:100%!important;height:100%!important;padding:0!important}
.public-mag-panel-reader .mag-preview-spread.is-final-only{width:min(720px,82vw,calc((100vh - 105px) * .72727))!important;height:auto!important;aspect-ratio:1600/2200!important;margin-inline:auto!important;grid-template-columns:1fr!important;overflow:hidden!important}.public-mag-panel-reader .mag-preview-spread.is-final-only>.mag-preview-page{width:100%!important;height:100%!important;padding:0!important}
.public-mag-panel-reader .mag-preview-close{position:absolute!important;right:-58px!important;top:0!important;width:46px!important;height:46px!important;border-radius:50%!important;border:1px solid #fff5!important;background:#2d2724!important;color:#fff!important;font-size:20px!important;cursor:pointer!important;z-index:30!important}
.public-mag-panel-reader .mag-preview-nav{height:70px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:22px!important;color:#fff!important}.public-mag-panel-reader .mag-preview-nav button{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid #fff5!important;background:#2d2724!important;color:#fff!important;cursor:pointer!important}.public-mag-panel-reader .mag-preview-nav button:disabled{opacity:.35!important;cursor:default!important}.public-mag-panel-reader .mag-preview-dots{font-size:13px!important;min-width:120px!important;text-align:center!important;font-weight:700!important}
.public-mag-panel-reader .mag-v26-toc-page{overflow:hidden!important}.public-mag-panel-reader .mag-v26-toc-page>small{font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#8a3f28!important}.public-mag-panel-reader .mag-v26-toc-page h2{font:500 38px/1 Georgia,serif!important;margin:8px 0 18px!important}.public-mag-panel-reader .mag-v26-toc-row{display:grid!important;grid-template-columns:54px 32px minmax(0,1fr) 16px!important;gap:9px!important;align-items:center!important;min-height:58px!important;padding:6px 0!important;border-bottom:1px solid #dcc8b8!important}.public-mag-panel-reader .mag-v26-toc-row>img{width:54px!important;height:46px!important;object-fit:cover!important;border-radius:7px!important}.public-mag-panel-reader .mag-v26-toc-row>b{font:600 13px Georgia,serif!important}.public-mag-panel-reader .mag-v26-toc-row span strong{display:block!important;font:600 12px/1.15 Georgia,serif!important}.public-mag-panel-reader .mag-v26-toc-row span small{display:block!important;margin-top:3px!important;font-size:9px!important;color:#806d63!important}.public-mag-panel-reader .mag-v26-toc-row>i{font-size:10px!important;color:#8a432c!important}
.public-mag-panel-reader .mag-v6-image-caption{position:absolute!important;left:34px!important;bottom:30px!important;color:#fff!important;font:italic 18px Georgia,serif!important;text-shadow:0 2px 10px #000!important}.public-mag-panel-reader .mag-v8-article-page blockquote,.public-mag-panel-reader .mag-v13-book-page blockquote,.public-mag-panel-reader .mag-v19-scientist-page blockquote{font:italic 20px/1.4 Georgia,serif!important;border-left:2px solid #9b4b31!important;padding-left:16px!important;color:#674639!important}.public-mag-panel-reader .mag-v8-page-stats{display:flex!important;gap:12px!important;margin-top:18px!important;font-size:10px!important}.public-mag-panel-reader .mag-v6-byline{font-size:10px!important;color:#806d63!important}.public-mag-panel-reader .panel-reader-longtext{line-height:1.8!important}
.public-mag-panel-reader .mag-v14-final-page{position:relative!important}.public-mag-panel-reader .mag-v14-final-shade{position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(12,9,8,.2),rgba(14,9,7,.86))!important}.public-mag-panel-reader .mag-v17-back-brand{position:absolute!important;left:6%!important;right:6%!important;top:6%!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important;color:#fff!important}.public-mag-panel-reader .mag-v17-back-brand>div{display:grid!important}.public-mag-panel-reader .mag-v17-back-brand strong{font:700 26px Georgia,serif!important}.public-mag-panel-reader .mag-v17-back-brand span,.public-mag-panel-reader .mag-v17-back-brand small{font-size:8px!important;letter-spacing:.1em!important}.public-mag-panel-reader .mag-v14-final-copy{position:absolute!important;left:8%!important;right:8%!important;bottom:8%!important;color:#fff!important}.public-mag-panel-reader .mag-v14-final-copy blockquote{font:italic 22px/1.3 Georgia,serif!important;margin:0 0 10px!important}.public-mag-panel-reader .mag-v14-final-copy h2{font:700 32px Georgia,serif!important;margin:0 0 10px!important}.public-mag-panel-reader .mag-v14-final-copy p{color:#fff!important;max-width:70%!important}.public-mag-panel-reader .mag-v17-back-icons{display:flex!important;gap:14px!important;margin:16px 0!important;font-size:9px!important}.public-mag-panel-reader .mag-v17-back-icons span{display:flex!important;gap:5px!important;align-items:center!important}

@media(max-width:900px){
  .public-mag-panel-reader .mag-preview-close{right:0!important;top:-54px!important}
  .public-mag-panel-reader .mag-preview-shell{width:min(96vw,980px)!important}
  .public-mag-panel-reader .mag-preview-spread:not(.is-cover-only):not(.is-final-only){grid-template-columns:1fr 1fr!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important}
  .public-mag-panel-reader .mag-preview-spread:not(.is-cover-only):not(.is-final-only)>.mag-preview-page{height:100%!important;padding:24px 18px!important}
  .public-mag-panel-reader .mag-preview-spread:not(.is-cover-only):not(.is-final-only)>.mag-preview-page.image{padding:0!important}
}
@media(max-width:700px){
  .magazine-card .magazine-brand{width:57%!important;max-width:57%!important}.magazine-card .magazine-brand strong{font-size:clamp(18px,5.7vw,26px)!important}.magazine-card .magazine-issue-number strong{font-size:clamp(30px,9.5vw,43px)!important}.magazine-card .magazine-topics{width:38%!important}.magazine-card .magazine-book{width:49%!important;padding:2.2%!important}.magazine-card .magazine-card-content::after{font-size:clamp(11px,3.2vw,15px)!important}
  .public-mag-panel-reader.mag-preview-overlay{display:block!important;overflow-y:auto!important;overflow-x:hidden!important;padding:58px 10px 110px!important;scrollbar-width:none!important}.public-mag-panel-reader.mag-preview-overlay::-webkit-scrollbar{display:none!important}
  .public-mag-panel-reader .mag-preview-shell{width:min(100%,560px)!important;height:auto!important;min-height:calc(100dvh - 80px)!important;margin:0 auto!important}.public-mag-panel-reader .mag-preview-close{position:fixed!important;right:14px!important;top:14px!important;z-index:50!important}
  .public-mag-panel-reader .mag-preview-spread.is-cover-only,.public-mag-panel-reader .mag-preview-spread.is-final-only{width:min(88vw,430px)!important;height:auto!important;aspect-ratio:1600/2200!important;margin:auto!important}
  .public-mag-panel-reader .mag-preview-spread.is-mobile-single{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;box-shadow:none!important;background:transparent!important}
  .public-mag-panel-reader .mag-preview-spread.is-mobile-single>.mag-preview-page{display:block!important;width:100%!important;height:auto!important;min-height:70dvh!important;overflow:visible!important;border-radius:16px!important;box-shadow:0 24px 60px #0007!important}.public-mag-panel-reader .mag-preview-spread.is-mobile-single>.mag-preview-page.image{padding:0!important;overflow:hidden!important}.public-mag-panel-reader .mag-preview-spread.is-mobile-single>.mag-preview-page.image>img{height:auto!important;min-height:70dvh!important;object-fit:cover!important}
  .public-mag-panel-reader .mag-preview-nav{position:sticky!important;bottom:8px!important;z-index:30!important;width:max-content!important;max-width:calc(100vw - 28px)!important;margin:10px auto 0!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(35,29,25,.82)!important;backdrop-filter:blur(10px)!important;height:auto!important}.public-mag-panel-reader .mag-preview-nav button{width:42px!important;height:42px!important}.public-mag-panel-reader .mag-preview-dots{min-width:105px!important}
  .public-mag-panel-reader .mag-v19-preview-top .brand b{font-size:20px!important}.public-mag-panel-reader .mag-v19-preview-top .brand>i{font-size:19px!important}.public-mag-panel-reader .mag-v19-preview-top .issue b{font-size:34px!important}.public-mag-panel-reader .mag-preview-book{padding:10px!important}.public-mag-panel-reader .mag-preview-page h2{font-size:30px!important}
}
\n\n/* ===== V37 — Public Dergi İncele = panel Önizle kapağı birebir yüzey denkliği ===== */\n/* Panel önizlemede kapak üst kimliği beyazdır; genel site tipografi kuralları bunu ezmesin. */\n.public-mag-panel-reader .mag-preview-cover-copy,\n.public-mag-panel-reader .mag-v19-preview-top,\n.public-mag-panel-reader .mag-v19-preview-top .brand,\n.public-mag-panel-reader .mag-v19-preview-top .brand i,\n.public-mag-panel-reader .mag-v19-preview-top .brand b,\n.public-mag-panel-reader .mag-v19-preview-top .brand small,\n.public-mag-panel-reader .mag-v19-preview-top .issue,\n.public-mag-panel-reader .mag-v19-preview-top .issue b,\n.public-mag-panel-reader .mag-v19-preview-top .issue span{color:#fff!important}\n\n/* Panelde onaylanan kapak geometrisi: aynı oran, aynı merkezleme ve aynı gölge. */\n.public-mag-panel-reader .mag-preview-spread.is-cover-only{\n  width:min(720px,82vw,calc((100vh - 105px) * .72727))!important;\n  height:auto!important;aspect-ratio:1600/2200!important;\n  margin-inline:auto!important;grid-template-columns:minmax(0,1fr)!important;\n  justify-items:center!important;background:transparent!important;\n  box-shadow:none!important;overflow:visible!important\n}\n.public-mag-panel-reader .mag-preview-spread.is-cover-only>.mag-preview-page{\n  width:100%!important;height:100%!important;max-width:none!important;\n  border-radius:18px!important;overflow:hidden!important;\n  box-shadow:0 28px 75px #0009!important\n}\n.public-mag-panel-reader .mag-v19-preview-top{left:5.5%!important;right:5.5%!important;top:4%!important}\n.public-mag-panel-reader .mag-v19-preview-top>.mag-v19-divider,\n.public-mag-panel-reader .mag-v19-preview-top .issue .mag-v19-divider{height:42px!important;background:rgba(255,255,255,.72)!important}\n.public-mag-panel-reader .mag-preview-cover-copy .topics{left:5.5%!important;top:30.5%!important;width:36%!important}\n.public-mag-panel-reader .mag-preview-cover-copy .topics strong{color:#fff!important}\n.public-mag-panel-reader .mag-preview-cover-copy .topics strong:after{content:"";display:block;width:32px;border-top:2px solid #fff;margin-top:8px}\n.public-mag-panel-reader .mag-preview-cover-copy .topics p{color:#fff!important}\n\n/* Haftanın kitabı panel önizlemesindeki opak krem kart gibi görünür. */\n.public-mag-panel-reader .mag-preview-book{\n  right:5.5%!important;top:30.5%!important;width:49%!important;\n  padding:15px!important;border-radius:16px!important;\n  background:rgba(255,249,241,.96)!important;color:#2d211b!important;\n  box-shadow:0 10px 26px rgba(30,20,14,.12)!important\n}\n.public-mag-panel-reader .mag-preview-book small,\n.public-mag-panel-reader .mag-preview-book strong,\n.public-mag-panel-reader .mag-preview-book div,\n.public-mag-panel-reader .mag-preview-book em{color:#2d211b!important}\n.public-mag-panel-reader .mag-preview-book img{width:31%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important}\n.public-mag-panel-reader .mag-v19-preview-slogan{left:5.5%!important;bottom:5.3%!important;color:#fff!important;text-shadow:0 2px 8px #0008!important}\n\n/* Paneldeki kapak, görseli ağırlaştırmadan yalnız alt bölümü okunur kılar. */\n.public-mag-panel-reader .mag-preview-cover-shade{background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.62) 100%)!important}\n
/* =========================================================
   V45 — Dergi Arşivi kartlarını kompaktlaştırma
   Yalnızca arşiv grid/kart görünümü değişir. Okuyucu modalı,
   Devamını Oku / PDF'i Oku ve mevcut click akışı korunur.
   ========================================================= */
.magazine-issues-section{
  width:min(1500px,calc(100% - 48px))!important;
  margin-inline:auto!important;
}
.magazine-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:start!important;
}
.magazine-card{
  container-type:inline-size!important;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1600/1740!important;
  min-height:0!important;
  border-radius:16px!important;
  box-shadow:0 12px 30px rgba(35,25,20,.13)!important;
}
.magazine-card .magazine-card-bg img{object-fit:cover!important}
.magazine-card .magazine-brand{
  left:5.2%!important;top:4.8%!important;width:55%!important;max-width:55%!important;
  gap:2.1cqw!important;align-items:center!important;
}
.magazine-card .magazine-brand::after{
  right:-8%!important;top:0!important;height:9.5cqw!important;
}
.magazine-card .magazine-brand-mark{
  flex:0 0 auto!important;font-size:5.2cqw!important;
}
.magazine-card .magazine-brand strong{
  font:700 6.5cqw/.94 Georgia,serif!important;
  letter-spacing:-.025em!important;white-space:nowrap!important;
}
.magazine-card .magazine-brand small{
  margin-top:1.1cqw!important;font-size:1.65cqw!important;
  letter-spacing:.12em!important;white-space:nowrap!important;
}
.magazine-card .magazine-issue-number{
  top:4.65%!important;right:4.8%!important;gap:2.1cqw!important;
  white-space:nowrap!important;
}
.magazine-card .magazine-issue-number::before{
  height:9.5cqw!important;margin-right:0!important;
}
.magazine-card .magazine-issue-number strong{
  font:700 10.2cqw/.84 Georgia,serif!important;
}
.magazine-card .magazine-issue-number span{
  padding-left:2cqw!important;font-size:1.75cqw!important;
  line-height:1.16!important;white-space:nowrap!important;
}
.magazine-card .magazine-topics{
  left:5.5%!important;top:34%!important;width:39%!important;
}
.magazine-card .magazine-topics>span{
  font-size:2.45cqw!important;margin-bottom:2cqw!important;
}
.magazine-card .magazine-topics li{
  font:600 3.15cqw/1.08 Georgia,serif!important;
  padding:.8cqw 0 .8cqw 2.8cqw!important;
}
.magazine-card .magazine-topics li::before{top:.8cqw!important}
.magazine-card .magazine-book{
  right:4.7%!important;top:34%!important;width:48%!important;
  padding:2.6cqw!important;gap:2cqw!important;border-radius:3.2cqw!important;
}
.magazine-card .magazine-book-copy small{font-size:1.55cqw!important}
.magazine-card .magazine-book-copy strong{
  font:700 3.5cqw/1.02 Georgia,serif!important;margin:1.2cqw 0 .7cqw!important;
}
.magazine-card .magazine-book-copy span{font-size:1.75cqw!important}
.magazine-card .magazine-card-content::after{
  left:5.5%!important;bottom:10.8%!important;
  font:italic 600 3.55cqw/1.1 Georgia,serif!important;
}
.magazine-card .magazine-open-btn{
  bottom:2.7%!important;min-width:0!important;width:auto!important;
  padding:2.5cqw 5.5cqw!important;font-size:2.7cqw!important;gap:2cqw!important;
  border-radius:999px!important;
}
.magazine-card .magazine-open-btn i{font-size:2.3cqw!important}

@media(max-width:1280px){
  .magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .magazine-issues-section{width:min(100% - 28px,760px)!important}
  .magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
}
@media(max-width:560px){
  .magazine-issues-section{width:min(100% - 24px,430px)!important}
  .magazine-grid{grid-template-columns:1fr!important;gap:18px!important}
}

/* V59 · Son Yazılar Röportaj etiketi */
.managed-interview-badge{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#b95b35;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;box-shadow:0 5px 14px rgba(83,43,25,.18)}

/* V60 · Kartlarda çoklu kaynak + PDF/BELGE rozet sistemi */
.managed-latest-image-wrap,.managed-editor-image-wrap{position:relative}
.managed-editor-image-wrap>img{display:block;width:100%;height:auto}
.managed-card-badges{position:absolute;left:14px;top:14px;z-index:6;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);flex-wrap:wrap}
.managed-card-badges .managed-interview-badge,
.managed-card-badges .managed-reader-badge,
.managed-card-badges .managed-elife-badge,
.managed-card-badges .managed-document-badge,
.managed-card-badges .managed-collaboration-badge,
.managed-card-badges .managed-generic-source-badge,
.managed-card-badges .managed-published-badge{position:static!important;left:auto!important;right:auto!important;top:auto!important;margin:0!important}
.managed-collaboration-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#75609a;color:#fff!important;border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:900;letter-spacing:.045em;line-height:1;box-shadow:0 3px 10px rgba(0,0,0,.10)}
.managed-generic-source-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 11px;border-radius:999px;background:#8a7468;color:#fff!important;font-size:10px;font-weight:900;letter-spacing:.045em;line-height:1}
.managed-card-badges .managed-document-badge{background:#5b2d23;color:#fff!important;padding:7px 10px;font-size:10px}
@media(max-width:700px){.managed-card-badges{left:10px;top:10px;gap:5px}.managed-card-badges span{font-size:9px!important;padding:6px 9px!important}}
.editorial-card>.managed-editor-image-wrap{padding:0!important;position:relative!important}
.editorial-card>.managed-editor-image-wrap>img{width:100%!important;height:250px!important;object-fit:cover!important;display:block!important}
@media(max-width:800px){.editorial-card>.managed-editor-image-wrap>img{height:210px!important}}
@media(max-width:480px){.editorial-card>.managed-editor-image-wrap>img{height:190px!important}}

/* V66 — ortak kart kimliği + hero görsel uyarlama */
.hero-photo{overflow:hidden;background-position:center!important;}
.hero-photo .hero-foreground-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:1;filter:none;transform:scale(.88);}
.hero-photo.hero-photo--contained{inset:0 0 0 38%;background-size:cover!important;}
.hero-photo.hero-photo--contained::after{content:"";position:absolute;inset:-18px;background:inherit;background-size:cover!important;background-position:center!important;filter:blur(18px);transform:scale(1.08);opacity:.68;z-index:0;}
.article-list-image .article-source-badges{position:absolute;left:14px;top:14px;z-index:4;display:flex;gap:7px;flex-wrap:wrap;}
.article-list-image{position:relative}
.article-source-badges .article-badge{position:static!important;margin:0!important;}
.article-list-category-line{display:block;margin:0 0 7px;color:#9a4a31;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}
.article-badge.dynamic-reader-badge{background:#f4d59d!important;color:#1b1713!important;}
.article-badge.dynamic-elife-badge{background:#2f7d4a!important;color:#fff!important;}
.global-article-modal__dialog{overflow:visible!important;}
.global-article-modal__close{top:-18px!important;right:-18px!important;z-index:30!important;}
@media(max-width:700px){.global-article-modal__close{top:-12px!important;right:-8px!important}.hero-photo .hero-foreground-image{transform:scale(.94)}}


/* V67 — Duyuru ve Haftanın Kitabı ziyaretçi senkronu */
.announcements-page{max-width:1320px;margin:0 auto;padding:72px 6% 100px}
.announcements-page-head{max-width:760px;margin-bottom:34px}.announcements-page-head>span,.weekly-book-public-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#93472d}.announcements-page-head h1{font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);margin:8px 0 10px;color:#211711}.announcements-page-head p{color:#77665b;line-height:1.7}
.announcements-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.announcements-page-card{background:#fffaf4;border:1px solid #ead8c9;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(54,34,24,.06)}.announcements-page-card>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.announcements-page-card>div{padding:22px}.announcements-page-card span{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#9a4a30;margin-bottom:9px}.announcements-page-card h2{font-family:Georgia,serif;font-size:25px;line-height:1.08;margin:0 0 12px;color:#201612}.announcements-page-card p{color:#6f6056;line-height:1.65;margin:0 0 16px}.announcements-page-card small{color:#967768}.announcements-page-empty{grid-column:1/-1;padding:40px;border:1px dashed #dfc8b6;border-radius:16px;text-align:center;color:#8b7466}
body.weekly-book-public-open{overflow:hidden}.weekly-book-public-modal{position:fixed;inset:0;z-index:99990;display:grid;place-items:center;padding:34px}.weekly-book-public-backdrop{position:absolute;inset:0;background:rgba(22,17,14,.68);backdrop-filter:blur(10px)}.weekly-book-public-dialog{position:relative;width:min(1050px,92vw);max-height:88vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.25fr);background:#fffaf3;border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.35)}.weekly-book-public-close{position:absolute;right:-18px;top:-18px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#241d19;color:#fff;font-size:19px;z-index:2;cursor:pointer}.weekly-book-public-hero{min-height:540px;background:#2a211c;border-radius:22px 0 0 22px;overflow:hidden}.weekly-book-public-hero img{width:100%;height:100%;object-fit:cover}.weekly-book-public-content{padding:48px 48px 40px;overflow:auto}.weekly-book-public-content h2{font-family:Georgia,serif;font-size:clamp(36px,5vw,58px);line-height:1.02;margin:10px 0 12px;color:#201612}.weekly-book-public-author{font-weight:700;color:#6c5041;margin-bottom:18px}.weekly-book-public-stats{display:flex;gap:18px;flex-wrap:wrap;padding:14px 0 20px;border-bottom:1px solid #ead8c9;color:#775f51;font-size:13px}.weekly-book-public-content blockquote{font-family:Georgia,serif;font-style:italic;font-size:24px;line-height:1.4;margin:24px 0;padding-left:18px;border-left:2px solid #9a4a30;color:#684d3f}.weekly-book-public-lead,.weekly-book-public-content p{font-family:Georgia,serif;font-size:18px;line-height:1.75;color:#42342c}.weekly-book-public-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.weekly-book-review-link,.weekly-book-modal-close-action{display:inline-flex;align-items:center;gap:9px;padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:700;border:1px solid #9a4a30}.weekly-book-review-link{background:#8c422d;color:white}.weekly-book-modal-close-action{background:transparent;color:#6d3a2b;cursor:pointer}
@media(max-width:900px){.announcements-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-book-public-dialog{grid-template-columns:1fr;max-height:90vh;overflow:auto}.weekly-book-public-hero{min-height:300px;border-radius:22px 22px 0 0}.weekly-book-public-content{overflow:visible;padding:34px 28px}}
@media(max-width:620px){.announcements-page{padding:46px 18px 72px}.announcements-page-grid{grid-template-columns:1fr}.weekly-book-public-modal{padding:18px}.weekly-book-public-dialog{width:100%}.weekly-book-public-close{right:-4px;top:-16px}}


/* =========================================================
   V69 — Duyuru tanıtım -> detay modalı
   ========================================================= */
body.home-announcement-open{overflow:hidden}
.home-announcement-modal{position:fixed;inset:0;z-index:100120;display:grid;place-items:center;padding:34px;box-sizing:border-box}
.home-announcement-backdrop{position:absolute;inset:0;background:rgba(27,21,17,.66);backdrop-filter:blur(10px)}
.home-announcement-dialog{position:relative;z-index:2;width:min(980px,92vw);display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);background:#fffaf3;border-radius:22px;box-shadow:0 32px 90px rgba(0,0,0,.34);overflow:visible}
.home-announcement-close{position:absolute;right:-15px;top:-15px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:#251d18;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:5}
.home-announcement-intro-image{min-height:500px;overflow:hidden;border-radius:22px 0 0 22px;background:#352921}.home-announcement-intro-image img{width:100%;height:100%;object-fit:cover}
.home-announcement-intro-copy{padding:46px 44px;display:flex;flex-direction:column;justify-content:center}.home-announcement-intro-copy>span,.home-announcement-detail-head>span{font-size:11px;font-weight:900;letter-spacing:.15em;color:#93472d}.home-announcement-intro-copy h2,.home-announcement-detail-head h2{font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.05;margin:10px 0 12px;color:#211711}.home-announcement-intro-copy small,.home-announcement-detail-head small{color:#8a7465}.home-announcement-intro-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.72;color:#514036;margin:26px 0 0}.home-announcement-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.home-announcement-primary,.home-announcement-secondary{border-radius:10px;padding:12px 17px;font-weight:800;cursor:pointer;text-decoration:none;font:inherit}.home-announcement-primary{border:1px solid #8e442e;background:#8e442e;color:#fff}.home-announcement-secondary{border:1px solid #caa995;background:#fffaf3;color:#70402f}
.home-announcement-dialog.is-detail{display:block;width:min(900px,92vw);max-height:88vh;overflow:auto;padding:42px 46px;box-sizing:border-box}.home-announcement-dialog.is-detail::-webkit-scrollbar{display:none}.home-announcement-dialog.is-detail{scrollbar-width:none}.home-announcement-detail-head{padding-right:30px}.home-announcement-detail-image{width:100%;height:min(360px,42vh);object-fit:cover;border-radius:17px;margin:24px 0}.home-announcement-detail-body{font-family:Georgia,serif;color:#46362d}.home-announcement-detail-body p{font-size:18px;line-height:1.8}.home-announcement-detail-body .lead{font-size:21px;color:#6b493b}
@media(max-width:760px){.home-announcement-modal{padding:18px}.home-announcement-dialog{grid-template-columns:1fr;max-height:90vh;overflow:auto}.home-announcement-intro-image{min-height:260px;border-radius:22px 22px 0 0}.home-announcement-intro-copy{padding:28px 22px}.home-announcement-close{right:-5px;top:-12px}.home-announcement-dialog.is-detail{padding:30px 20px}}

/* =========================================================
   V69 — Haftanın Kitabı panel modalı: doğal tekerlek akışı,
   içeride scrollbar görünmez, form ve footer kesilmez.
   ========================================================= */
.weekly-book-wizard-modal{scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior:contain!important}
.weekly-book-wizard-modal::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.weekly-book-wizard-dialog,.weekly-book-edit-body,.weekly-book-edit-body .editor-edit-preview,.weekly-book-edit-body .editor-edit-fields{max-height:none!important;overflow:visible!important}
.weekly-book-wizard-dialog .announcement-wizard-footer{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;overflow:visible!important;flex-wrap:wrap!important}
.weekly-book-wizard-dialog .announcement-wizard-footer-actions{flex-wrap:wrap!important;max-width:100%!important}
.weekly-book-wizard-dialog button{max-width:100%;box-sizing:border-box}


/* 29.08.2026 v72 — Duyurular + Kitaplar ortak arşiv görünümü */
.public-archive-page{background:#fbf7f1;color:#231913;min-height:70vh}.public-archive-hero{max-width:1450px;margin:0 auto;padding:54px 6% 48px;border-bottom:1px solid #e7d8cb;background:linear-gradient(90deg,#f6eee5 0%,#fbf7f1 58%,#eee3d7 100%)}.public-archive-hero>div{max-width:760px}.public-archive-hero span{font-size:11px;font-weight:900;letter-spacing:.16em;color:#93472d}.public-archive-hero h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,68px);line-height:.95;margin:9px 0 12px}.public-archive-hero p{font-size:16px;color:#6f6056;line-height:1.7;margin:0}.public-archive-shell{max-width:1450px;margin:0 auto;padding:28px 6% 88px}.public-archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}.public-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.public-filter-pills button{border:1px solid #e2d1c2;background:#fffaf5;color:#5c4639;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:700;cursor:pointer}.public-filter-pills button.active{background:#8e482f;border-color:#8e482f;color:#fff}.public-archive-search{display:flex;align-items:center;gap:9px;border:1px solid #dfcdbf;background:#fffaf5;border-radius:999px;padding:0 14px;min-width:min(320px,100%)}.public-archive-search input{border:0;outline:0;background:transparent;width:100%;padding:11px 0;color:#3e2d24}.public-archive-empty{padding:42px;border:1px dashed #dcc7b8;border-radius:16px;text-align:center;color:#897267}.public-announcement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.public-announcement-card{background:#fffaf5;border:1px solid #ead9cc;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.public-announcement-card>img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.public-announcement-body{padding:18px;display:flex;flex-direction:column;align-items:flex-start;flex:1}.public-card-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.06em;background:#efe1d4;color:#7e402b;margin-bottom:11px}.public-announcement-body small{font-size:11px;color:#947769}.public-announcement-body h2{font-family:Georgia,serif;font-size:23px;line-height:1.12;margin:10px 0}.public-announcement-body p{font-size:13px;line-height:1.65;color:#6f6056;margin:0 0 17px}.public-card-link{margin-top:auto;border:0;background:transparent;color:#8f452e;font-weight:800;padding:0;cursor:pointer}.public-books-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.public-book-card{background:#fffaf5;border:1px solid #ead9cc;border-radius:15px;padding:15px;min-width:0;display:flex;flex-direction:column}.public-book-cover{aspect-ratio:4/5.4;border-radius:10px;overflow:hidden;background:#eee2d7;margin-bottom:14px}.public-book-cover img{width:100%;height:100%;object-fit:cover;display:block}.public-book-body{display:flex;flex-direction:column;flex:1}.public-book-body h2{font-family:Georgia,serif;font-size:20px;line-height:1.12;margin:0 0 5px}.public-book-body strong{font-size:12px;color:#91462e;margin-bottom:10px}.public-book-body p{font-size:12px;line-height:1.55;color:#6f6056;margin:0 0 14px}.public-book-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#8b6d5e;margin-top:auto}.public-book-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:14px;border:1px solid #d9b9a6;border-radius:9px;padding:9px 11px;color:#87432f;text-decoration:none;font-size:11px;font-weight:800}.public-detail-open{overflow:hidden}.public-detail-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:30px}.public-detail-backdrop{position:absolute;inset:0;background:rgba(26,20,16,.68);backdrop-filter:blur(8px)}.public-detail-dialog{position:relative;z-index:1;width:min(980px,92vw);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fffaf4;border-radius:22px;border:1px solid #ead7c9;box-shadow:0 30px 80px rgba(20,12,8,.24);overflow:visible}.public-detail-media{min-height:470px;border-radius:22px 0 0 22px;overflow:hidden;background:#211811}.public-detail-media img{width:100%;height:100%;object-fit:cover}.public-detail-copy{padding:42px}.public-detail-copy>span{font-size:11px;font-weight:900;letter-spacing:.12em;color:#99492f}.public-detail-copy h2{font-family:Georgia,serif;font-size:38px;line-height:1.06;margin:8px 0 10px}.public-detail-copy small{color:#977766}.public-detail-copy p{font-family:Georgia,serif;font-size:17px;line-height:1.75;color:#4e3b30}.public-detail-copy p.lead{font-size:19px}.public-detail-actions{margin-top:24px}.public-detail-actions button{border:1px solid #cda995;background:#fffaf4;color:#80402d;border-radius:9px;padding:10px 14px;font-weight:800}.public-detail-close{position:absolute;right:-18px;top:-18px;width:46px;height:46px;border:1px solid #7c6a60;border-radius:50%;background:#2b221d;color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}
@media(max-width:1050px){.public-books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-announcement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.public-archive-hero{padding:40px 20px 34px}.public-archive-shell{padding:22px 18px 64px}.public-announcement-grid,.public-books-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-detail-dialog{grid-template-columns:1fr}.public-detail-media{min-height:260px;border-radius:22px 22px 0 0}.public-detail-copy{padding:28px 22px}.public-detail-close{right:-8px;top:-16px}}
@media(max-width:520px){.public-announcement-grid,.public-books-grid{grid-template-columns:1fr}.public-archive-search{min-width:100%}}

/* =========================================================
   V75 — Duyuru modallarında ortak kapatma butonu standardı
   Tanıtım ve Duyurular arşivi detay modallarında X,
   modal kartının dışında sağ üstte; büyük ve erişilebilir.
   ========================================================= */
.home-announcement-dialog,
.public-detail-dialog{
  overflow:visible!important;
}
.home-announcement-close,
.public-detail-close{
  position:absolute!important;
  top:0!important;
  right:0!important;
  transform:translate(42%,-42%)!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  background:#2b221d!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:0 10px 26px rgba(24,16,11,.24)!important;
  z-index:30!important;
  padding:0!important;
  line-height:1!important;
  font-size:20px!important;
  cursor:pointer!important;
}
.home-announcement-close i,
.public-detail-close i{
  font-size:20px!important;
  line-height:1!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .home-announcement-close,
  .public-detail-close{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    transform:translate(24%,-24%)!important;
    font-size:18px!important;
  }
  .home-announcement-close i,
  .public-detail-close i{font-size:18px!important}
}


/* v76 Site Ayarları ziyaretçi görünümü */
.site-social-link{color:inherit;text-decoration:none;display:inline-flex}.about-public-shell,.contact-public-shell{max-width:1120px!important;text-align:left!important}.about-public-shell>i,.contact-public-shell>i{display:none!important}.about-public-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:#8e432c;margin-bottom:8px}.about-public-shell h1,.contact-public-shell h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,6vw,72px);line-height:1;margin:0 0 28px}.about-public-layout{display:grid;gap:34px;align-items:start}.about-public-layout.has-photo{grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr)}.about-public-layout.no-photo{grid-template-columns:1fr}.about-public-layout figure{margin:0;border-radius:18px;overflow:hidden;background:#e9ded3}.about-public-layout figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.about-public-layout article{padding:10px 0}.about-public-layout article p{font:18px/1.85 Georgia,'Times New Roman',serif;color:#49382f;margin:0 0 18px;max-width:760px}.contact-public-lead{font:17px/1.7 Georgia,serif;color:#6c574c;max-width:760px;margin-bottom:28px!important}.contact-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contact-public-grid>a,.contact-public-grid>div{display:flex;gap:13px;align-items:center;padding:20px;border:1px solid #e4d2c4;border-radius:16px;background:#fffaf5;color:#2c211b;text-decoration:none}.contact-public-grid i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f0dfd2;color:#8d432d}.contact-public-grid span{display:grid;gap:5px;min-width:0}.contact-public-grid small{font-size:9px;font-weight:800;letter-spacing:.1em;color:#9a7968}.contact-public-grid strong{font-size:13px;overflow-wrap:anywhere}@media(max-width:760px){.about-public-layout.has-photo{grid-template-columns:1fr}.about-public-layout figure{max-width:360px}.contact-public-grid{grid-template-columns:1fr}}
\n\n/* =========================================================\n   V77 — Duyuru detaylarında güncel içerik + doğal sayfa akışı\n   İç modal scrollbar yerine overlay doğal olarak aşağı/yukarı kayar.\n   ========================================================= */\n.home-announcement-modal{\n  display:block!important;\n  overflow-y:auto!important;\n  overflow-x:hidden!important;\n  padding:40px 34px 64px!important;\n  box-sizing:border-box!important;\n  scrollbar-width:none!important;\n}\n.home-announcement-modal::-webkit-scrollbar{display:none!important}\n.home-announcement-backdrop{position:fixed!important;inset:0!important}\n.home-announcement-dialog{\n  margin:0 auto!important;\n  max-height:none!important;\n}\n.home-announcement-dialog.is-detail{\n  max-height:none!important;\n  overflow:visible!important;\n  margin:0 auto!important;\n}\n.home-announcement-dialog.is-detail::-webkit-scrollbar{display:none!important}\nbody.home-announcement-open{overflow:hidden!important}\n\n.public-detail-modal{\n  display:block!important;\n  overflow-y:auto!important;\n  overflow-x:hidden!important;\n  padding:40px 30px 64px!important;\n  box-sizing:border-box!important;\n  scrollbar-width:none!important;\n}\n.public-detail-modal::-webkit-scrollbar{display:none!important}\n.public-detail-backdrop{position:fixed!important;inset:0!important}\n.public-detail-dialog{\n  margin:0 auto!important;\n  max-height:none!important;\n}\n@media(max-width:760px){\n  .home-announcement-modal,.public-detail-modal{padding:28px 16px 48px!important}\n}\n

/* =========================================================
   V79 — Duyuru canlı yayın senkronu + gerçek doğal modal akışı
   ========================================================= */
.home-announcement-modal,
.public-detail-modal{
  overflow-y:scroll!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  align-items:start!important;
}
.home-announcement-dialog,
.public-detail-dialog{
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:18px!important;
  margin-bottom:42px!important;
}
.home-announcement-dialog.is-detail{
  overflow:visible!important;
  max-height:none!important;
}
body.home-announcement-open,
body.public-detail-open{
  overflow:hidden!important;
}


/* ===== V80 Sizden Gelenler public page ===== */
.reader-page{background:#f7f1e9;color:#2b201a;min-height:60vh}.reader-hero{position:relative;min-height:300px;display:grid;place-items:center;background:url('../assets/hq/kitap.jpg') center 48%/cover no-repeat;overflow:hidden}.reader-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,15,10,.78),rgba(33,21,14,.48),rgba(24,15,10,.72))}.reader-hero-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:720px;padding:54px 24px}.reader-hero-content i{font-size:28px;color:#e7c3a3;margin-bottom:12px}.reader-hero-content h1{font:600 clamp(46px,6vw,76px)/.95 'Cormorant Garamond',Georgia,serif;margin:0 0 16px}.reader-hero-content p{font-size:16px;line-height:1.7;margin:0;color:#f6eee8}.reader-listing{max-width:1420px;margin:auto;padding:34px 5vw 70px}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.reader-filters{display:flex;gap:8px;flex-wrap:wrap}.reader-filters button{border:1px solid #dfcdbd;background:#fffaf5;color:#6b4a37;padding:10px 16px;border-radius:999px;cursor:pointer}.reader-filters button.is-active{background:#8f4a2f;color:#fff;border-color:#8f4a2f}.reader-search{width:min(330px,100%);display:flex;align-items:center;gap:10px;border:1px solid #decdbf;background:#fffaf6;border-radius:14px;padding:0 14px}.reader-search input{width:100%;border:0;background:transparent;outline:0;padding:13px 0;font-size:15px}.reader-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.reader-card{background:#fffaf5;border:1px solid #e2d2c5;border-radius:18px;overflow:hidden;cursor:pointer;transition:.2s ease;min-width:0}.reader-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(58,37,26,.08)}.reader-card-image{height:225px;position:relative;background:#e9dfd4}.reader-card-image img{width:100%;height:100%;object-fit:cover}.reader-card-role{position:absolute;left:14px;top:14px;background:#f4dcae;color:#55341e;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.06em}.reader-card-body{padding:20px}.reader-card-category{display:block;color:#9a5136;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}.reader-card h2{font:600 29px/1.02 'Cormorant Garamond',Georgia,serif;margin:0 0 10px}.reader-card p{color:#66574e;line-height:1.6;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reader-card-meta{display:flex;gap:14px;flex-wrap:wrap;color:#826b5d;font-size:12px;border-top:1px solid #eee1d7;padding-top:15px}.reader-card-more{margin-top:15px;border:0;background:none;color:#8f4a2f;padding:0;font-weight:800;cursor:pointer}.reader-empty{text-align:center;padding:40px;color:#806d60}.reader-modal{position:fixed;inset:0;z-index:99999;display:none;overflow:auto;padding:70px 24px}.reader-modal.is-open{display:block}.reader-modal-backdrop{position:fixed;inset:0;background:rgba(18,12,9,.72);backdrop-filter:blur(6px)}.reader-modal-card{position:relative;z-index:1;width:min(760px,92vw);margin:0 auto;background:#fffaf5;border-radius:20px;padding:34px;box-shadow:0 26px 90px rgba(0,0,0,.3)}.reader-modal-close{position:absolute;right:-22px;top:-22px;width:50px;height:50px;border-radius:50%;border:1px solid #806b5e;background:#251c17;color:#fff;font-size:21px;cursor:pointer}.reader-preview-badge{display:inline-block;background:#f1dfce;color:#8d4b30;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:800;text-transform:uppercase}.reader-modal-card h2{font:600 clamp(38px,5vw,56px)/.95 'Cormorant Garamond',Georgia,serif;margin:14px 0 10px}.reader-preview-meta{display:flex;gap:16px;flex-wrap:wrap;color:#7f685a;font-size:13px;margin-bottom:20px}.reader-preview-image{width:100%;max-height:360px;object-fit:cover;border-radius:14px;margin-bottom:22px}.reader-modal-card p{font:18px/1.75 Georgia,serif;color:#4a3a31}.reader-preview-read{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#8f4a2f;color:#fff!important;padding:13px 18px;border-radius:10px;text-decoration:none;font-weight:800}.reader-modal-open{overflow:hidden}@media(max-width:1000px){.reader-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.reader-hero{min-height:250px}.reader-toolbar{align-items:stretch;flex-direction:column}.reader-search{width:100%}.reader-grid{grid-template-columns:1fr}.reader-card-image{height:210px}.reader-modal{padding:58px 14px}.reader-modal-card{padding:25px 20px}.reader-modal-close{right:-4px;top:-48px}}



/* =========================================================
   V81 — Sizden Gelenler hero / Dergi Arşivi ile ortak dil
========================================================= */
.reader-hero.reader-hero-archive-style{
  min-height:270px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  place-items:stretch;
  overflow:hidden;
  background:#f7f1e8;
  border-bottom:1px solid #ded1c5;
}
.reader-hero-archive-style .reader-hero-copy{
  padding:54px clamp(28px,6vw,92px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.reader-hero-archive-style .reader-hero-kicker{
  color:#8f5a40;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:12px;
}
.reader-hero-archive-style h1{
  margin:0;
  color:#1c1714;
  font:500 clamp(42px,5vw,68px)/.95 Georgia,serif;
}
.reader-hero-archive-style .reader-hero-copy>p{
  margin:16px 0 24px;
  max-width:630px;
  color:#62564e;
  font-size:14px;
  line-height:1.65;
}
.reader-hero-archive-style .reader-hero-visual{
  position:relative;
  min-height:270px;
  overflow:hidden;
}
.reader-hero-archive-style .reader-hero-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#f7f1e8 0%,rgba(247,241,232,.55) 16%,rgba(247,241,232,0) 46%);
}
.reader-hero-archive-style .reader-hero-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  filter:sepia(.12) saturate(.85);
}
.reader-hero-archive-style .reader-filters{gap:10px}
.reader-hero-archive-style .reader-filters button{
  min-width:80px;
  height:38px;
  padding:0 16px;
  border:1px solid #d7c4b4;
  border-radius:999px;
  background:#fbf7f1;
  color:#6f4938;
  font-size:11px;
  font-weight:700;
}
.reader-hero-archive-style .reader-filters button.is-active{
  background:#713725;
  color:#fff;
  border-color:#713725;
}
.reader-toolbar-search-only{justify-content:flex-end}
@media(max-width:760px){
  .reader-hero.reader-hero-archive-style{grid-template-columns:1fr}
  .reader-hero-archive-style .reader-hero-visual{display:none}
  .reader-hero-archive-style .reader-hero-copy{padding:42px 20px}
}

/* =========================================================
   V83 — Ortak yönetilebilir sayfa hero sistemi
========================================================= */
.managed-page-hero{
  min-height:270px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  overflow:hidden;
  background:#f7f1e8;
  border-bottom:1px solid #ded1c5;
}
.managed-page-hero-copy{
  padding:54px clamp(28px,6vw,92px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.managed-page-hero-kicker{
  color:#8f5a40;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  margin-bottom:12px;
}
.managed-page-hero h1{
  margin:0;
  color:#1c1714;
  font:500 clamp(42px,5vw,68px)/.95 Georgia,serif;
}
.managed-page-hero-copy>p{
  margin:16px 0 0;
  max-width:630px;
  color:#62564e;
  font-size:14px;
  line-height:1.65;
}
.managed-page-hero-visual{position:relative;min-height:270px;overflow:hidden}
.managed-page-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7f1e8 0%,rgba(247,241,232,.55) 16%,rgba(247,241,232,0) 46%)}
.managed-page-hero-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(.12) saturate(.85)}
.managed-page-hero.is-no-visual,.magazine-archive-hero.is-no-visual,.reader-hero.reader-hero-archive-style.is-no-visual{grid-template-columns:1fr}
.managed-page-hero.is-no-visual .managed-page-hero-copy,.magazine-archive-hero.is-no-visual .magazine-archive-hero-copy,.reader-hero-archive-style.is-no-visual .reader-hero-copy{text-align:center;align-items:center}
.managed-page-hero.is-no-visual .managed-page-hero-copy>p,.magazine-archive-hero.is-no-visual p,.reader-hero-archive-style.is-no-visual .reader-hero-copy>p{margin-left:auto;margin-right:auto}
.managed-page-hero.is-no-visual .managed-page-hero-visual,.magazine-archive-hero.is-no-visual .magazine-archive-hero-visual,.reader-hero-archive-style.is-no-visual .reader-hero-visual{display:none!important}
.public-books-hero{margin:0}
.about-page{padding:0!important;background:#f7f1e8}
.about-content-shell{max-width:1120px;margin:0 auto;padding:54px 28px 70px!important;text-align:left!important}
@media(max-width:760px){
 .managed-page-hero{grid-template-columns:1fr}
 .managed-page-hero-visual{display:none!important}
 .managed-page-hero-copy{padding:42px 20px}
}

/* V93 — Kitap yönetimi + abone tercihleri + e-posta test akışı */
.newsletter-form{flex-wrap:wrap!important}
.newsletter-pref-v93{order:3;width:100%;margin-top:14px;padding-top:14px;border-top:1px solid rgba(153,119,92,.28);font-family:Inter,Arial,sans-serif}
.newsletter-pref-title-v93{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.newsletter-pref-title-v93 strong{font-size:13px}.newsletter-pref-title-v93 span{font-size:11px;opacity:.7}
.newsletter-pref-options-v93{display:flex;flex-wrap:wrap;gap:8px}.newsletter-pref-options-v93 label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(153,119,92,.28);border-radius:999px;cursor:pointer;font-size:12px;background:rgba(255,255,255,.04)}.newsletter-pref-options-v93 input{width:auto!important;flex:none!important;accent-color:#8a452f}
@media(max-width:760px){.newsletter-pref-title-v93{align-items:flex-start;flex-direction:column}.newsletter-pref-options-v93 label{width:100%}}


/* V94 — Abonelik: ad soyad + e-posta + açılır bildirim tercihleri */
.newsletter-form-v94{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:stretch!important}
.newsletter-fields-v94{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.newsletter-fields-v94 label{display:grid;gap:6px}.newsletter-fields-v94 label>span{font:700 10px/1.2 Inter,Arial,sans-serif;letter-spacing:.03em;color:inherit;opacity:.82}
.newsletter-form-v94 .newsletter-fields-v94 input{width:100%!important;min-width:0!important;box-sizing:border-box!important;border:1px solid rgba(154,119,91,.45)!important;border-radius:8px!important;background:#f7f2eb!important;color:#1d1d1c!important;padding:13px 14px!important;font:500 13px Inter,Arial,sans-serif!important}
.newsletter-pref-drawer-v94{border:1px solid rgba(154,119,91,.32);border-radius:10px;background:rgba(255,255,255,.025);overflow:hidden;color:inherit}
.newsletter-pref-drawer-v94 summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 14px;font:600 12px Inter,Arial,sans-serif}.newsletter-pref-drawer-v94 summary::-webkit-details-marker{display:none}.newsletter-pref-drawer-v94 summary>span{display:flex;align-items:center;gap:9px}.newsletter-pref-drawer-v94 summary small{font-size:10px;font-weight:500;opacity:.6}.newsletter-pref-drawer-v94 summary>i:last-child{font-size:10px;transition:.2s}.newsletter-pref-drawer-v94[open] summary>i:last-child{transform:rotate(180deg)}
.newsletter-pref-options-v94{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(154,119,91,.24)}
.newsletter-pref-options-v94 label{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid rgba(154,119,91,.16);cursor:pointer}.newsletter-pref-options-v94 label:nth-child(odd){border-right:1px solid rgba(154,119,91,.16)}.newsletter-pref-options-v94 label>span{display:grid;gap:2px}.newsletter-pref-options-v94 b{font:700 11px Inter,Arial,sans-serif}.newsletter-pref-options-v94 small{font:500 9px Inter,Arial,sans-serif;opacity:.62}.newsletter-pref-options-v94 input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.newsletter-pref-options-v94 label>i{width:35px;height:20px;border-radius:999px;background:#6c6761;position:relative;flex:none;transition:.2s}.newsletter-pref-options-v94 label>i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 1px 3px #0003}.newsletter-pref-options-v94 input:checked+i{background:#9b5137}.newsletter-pref-options-v94 input:checked+i:after{transform:translateX(15px)}
.newsletter-submit-v94{justify-self:end!important;min-width:150px!important;min-height:44px!important;border-radius:8px!important;padding:0 20px!important}
@media(max-width:760px){.newsletter-fields-v94,.newsletter-pref-options-v94{grid-template-columns:1fr}.newsletter-pref-options-v94 label:nth-child(odd){border-right:0}.newsletter-pref-drawer-v94 summary{grid-template-columns:1fr auto}.newsletter-pref-drawer-v94 summary small{display:none}.newsletter-submit-v94{width:100%!important;justify-self:stretch!important;justify-content:center!important}}

/* V99 — Yazılar sayfası ortak yönetilebilir hero */
.articles-managed-hero{margin:0;}
.articles-managed-hero + .articles-content{padding-top:38px;}
@media(max-width:760px){.articles-managed-hero + .articles-content{padding-top:28px;}}

/* V101 — Public modal close button placement: clean inside-corner alignment */
.global-article-modal__close,.flipbook-close,.global-fulltext-reader__close{top:14px!important;right:14px!important;transform:none!important;margin:0!important}
@media(max-width:700px){.global-article-modal__close,.flipbook-close,.global-fulltext-reader__close{top:10px!important;right:10px!important}}

/* V103 — yönetilebilir sosyal / iletişim görünürlüğü */
.drawer-socials.settings-managed-socials{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}.drawer-socials.settings-managed-socials a,.contact-socials.settings-managed-socials a{display:inline-grid;place-items:center;text-decoration:none}.contact-socials.settings-managed-socials{margin-top:26px;padding-top:20px;border-top:1px solid #ead8ca;display:flex;align-items:center;justify-content:space-between;gap:16px}.contact-socials.settings-managed-socials>span{font-size:12px;font-weight:800}.contact-socials.settings-managed-socials>div{display:flex;gap:12px}.contact-socials.settings-managed-socials a{width:42px;height:42px;border:1px solid #e1c8b6;border-radius:50%;color:#8f432e;background:#fff}.site-social-link[hidden]{display:none!important}


/* =========================================================
   V109 SAFE — SADECE ÖN YÜZ MAKALE MODALI
   Sayfanın diğer tasarım alanlarına dokunmaz.
========================================================= */
.global-article-modal__dialog{grid-template-columns:45% 55%!important;max-height:88vh!important;overflow:hidden!important}
.global-article-modal__left{min-width:0;background:#fbf7f0;border-right:1px solid rgba(106,67,46,.15);display:flex;flex-direction:column}
.global-article-modal__visual{min-height:330px!important;height:330px!important}
.global-article-modal__visual img{max-width:94%!important;max-height:92%!important}
.global-article-modal__left-info{padding:22px 24px 24px}
.global-article-modal__left-info h2{margin:12px 0 16px;font:500 clamp(28px,2.8vw,40px)/1 Georgia,serif;color:#181411}
.global-article-modal__left-info .global-article-modal__social{margin-top:16px}
.global-article-modal__content{padding:48px 42px 38px!important;justify-content:center!important}
.global-article-modal__quote{display:block;margin-bottom:22px}
.global-article-modal__quote:empty{display:none}
.global-article-modal__abstract{font-size:15px;line-height:1.8}
.global-article-modal__cta{margin-top:24px}
.global-article-modal__close{top:18px!important;right:18px!important}
@media(max-width:760px){.global-article-modal__dialog{display:block!important;overflow:auto!important}.global-article-modal__left{border-right:0;border-bottom:1px solid rgba(106,67,46,.15)}.global-article-modal__visual{height:250px!important;min-height:250px!important}.global-article-modal__left-info{padding:18px 20px}.global-article-modal__content{padding:24px 20px 26px!important}.global-article-modal__close{top:12px!important;right:12px!important}}

/* V109 SAFE — Sizden Gelenler önizleme modalını ortak düzene yaklaştırır. */
.reader-modal{display:none;place-items:center;padding:24px}.reader-modal.is-open{display:grid}.reader-modal-card{width:min(980px,calc(100vw - 44px));padding:0;display:grid;grid-template-columns:45% 55%;overflow:hidden;border-radius:14px;background:#fbf7f0}.reader-modal-close{right:18px!important;top:18px!important;z-index:8;width:40px;height:40px;background:#f8f1e9;color:#6b372b;border:1px solid #d8c8ba}.reader-preview-left{border-right:1px solid rgba(106,67,46,.15);min-width:0}.reader-preview-left>.reader-preview-image{width:100%;height:330px;max-height:none;object-fit:cover;border-radius:0;margin:0}.reader-preview-left-info{padding:22px 24px 24px}.reader-preview-left-info h2{font:500 clamp(28px,2.8vw,40px)/1 Georgia,serif;margin:12px 0 14px}.reader-preview-right{padding:48px 42px 38px;display:flex;flex-direction:column;justify-content:center}.reader-preview-right p{margin:0;font:16px/1.8 Georgia,serif;color:#4d443e}.reader-preview-right .reader-preview-read{margin-top:24px;justify-content:center;border-radius:4px}@media(max-width:760px){.reader-modal{padding:12px}.reader-modal-card{display:block;width:min(560px,calc(100vw - 20px));max-height:92vh;overflow:auto}.reader-preview-left{border-right:0;border-bottom:1px solid rgba(106,67,46,.15)}.reader-preview-left>.reader-preview-image{height:250px}.reader-preview-left-info{padding:18px 20px}.reader-preview-right{padding:24px 20px 26px}.reader-modal-close{right:12px!important;top:12px!important}}


/* V119 — Sizden Gelenler modalını önceki dengeli boyutuna döndürür. */
.reader-modal{padding:34px 24px!important;place-items:center!important}
.reader-modal-card{width:min(900px,calc(100vw - 56px))!important;max-height:min(680px,88vh)!important;grid-template-columns:44% 56%!important;overflow:hidden!important;border-radius:18px!important}
.reader-preview-left{min-height:0!important;display:flex!important;flex-direction:column!important}
.reader-preview-left>.reader-preview-image{height:280px!important;max-height:280px!important;object-fit:cover!important;margin:0!important}
.reader-preview-left-info{padding:18px 22px 20px!important}
.reader-preview-left-info h2{font-size:clamp(27px,2.5vw,36px)!important;margin:10px 0 12px!important}
.reader-preview-right{padding:38px 36px 32px!important;overflow:auto!important;justify-content:center!important}
.reader-preview-right p{font-size:15px!important;line-height:1.72!important}
.reader-modal-close{right:16px!important;top:16px!important;width:38px!important;height:38px!important}
@media(max-width:760px){.reader-modal{padding:12px!important}.reader-modal-card{display:block!important;width:min(560px,calc(100vw - 20px))!important;max-height:92vh!important;overflow:auto!important}.reader-preview-left>.reader-preview-image{height:220px!important}.reader-preview-right{padding:22px 20px 26px!important}.reader-modal-close{right:12px!important;top:12px!important}}

/* V119 — eksik ana sayfa kutuları gizlendiğinde kalanlar dengeli genişlesin. */
.home-gateway-inner.is-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.home-gateway-inner.is-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}


/* 18.09.2026 — Ana sayfa modülleri kapalıyken Hero → bulutsu geçiş → Abone Ol */
#magazineContent.home-modules-empty{
  margin-top:0 !important;
  padding-top:0 !important;
  background:#f5eee5 !important;
}

/* Kartlar tamamen kapandığında abonelik alanı hero ile tek kompozisyon gibi birleşir. */
.monthly-issue-newsletter.newsletter-direct-after-hero{
  position:relative;
  isolation:isolate;
  margin-top:0 !important;
  padding-top:112px !important;
  padding-bottom:58px !important;
  overflow:visible !important;
  background:#f5eee5 !important;
  color:#171919 !important;
  border:0 !important;
}

/* Keskin dalga yerine koyudan kreme doğru yumuşak, bulutsu bir renk tabakası. */
.monthly-issue-newsletter.newsletter-direct-after-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-2%;
  right:-2%;
  top:-165px;
  height:310px;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 10% 18%, rgba(233,196,163,.76) 0 16%, rgba(192,145,109,.42) 34%, transparent 62%),
    radial-gradient(ellipse at 36% 35%, rgba(245,219,195,.82) 0 20%, rgba(201,158,123,.42) 42%, transparent 69%),
    radial-gradient(ellipse at 66% 22%, rgba(221,180,145,.68) 0 18%, rgba(154,113,83,.34) 39%, transparent 66%),
    radial-gradient(ellipse at 90% 34%, rgba(248,222,199,.82) 0 18%, rgba(192,147,113,.36) 42%, transparent 70%),
    linear-gradient(to bottom, rgba(16,18,18,0) 0%, rgba(43,36,31,.22) 16%, rgba(107,79,60,.54) 34%, rgba(196,151,116,.72) 54%, rgba(239,207,179,.90) 72%, #f5eee5 96%);
  filter:blur(16px);
  transform:scaleX(1.04);
  opacity:1;
}

.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-inner{
  position:relative;
  z-index:1;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-copy>span{
  color:#8a5138 !important;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-copy h2{
  color:#171919 !important;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-copy p{
  color:#5f5953 !important;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-pref-drawer-v94{
  background:#151818 !important;
  color:#f4eee7 !important;
  border-color:#3d3f3f !important;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-form input,
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-fields-v94 input{
  background:#fffaf4 !important;
  color:#171919 !important;
}
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-form button,
.monthly-issue-newsletter.newsletter-direct-after-hero .newsletter-submit-v94{
  background:#7c3f2d !important;
  color:#fff !important;
}

@media (max-width:768px){
  .monthly-issue-newsletter.newsletter-direct-after-hero{
    padding-top:88px !important;
    padding-bottom:44px !important;
  }
  .monthly-issue-newsletter.newsletter-direct-after-hero::before{
    top:-118px;
    height:220px;
    filter:blur(12px);
  }
}



/* V122 — Modül Görünürlüğü: kartlar gerçekten gizlenir ve kalanlar yeniden dizilir. */
.home-gateway[hidden],
.home-gateway-link[hidden],
.monthly-issue-newsletter[hidden]{display:none!important}
.home-gateway-inner.is-one{grid-template-columns:minmax(0,1fr)!important;max-width:560px!important}
.home-gateway-inner.is-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.home-gateway-inner.is-three{grid-template-columns:repeat(3,minmax(0,1fr))!important}

/* =========================================================
   V129 — FULL COVER HERO
   V128 iskeleti korunur; yalnız ana sayfa hero sunumu değişir.
========================================================= */
.hero{
  position:relative!important;
  display:block!important;
  height:clamp(610px,calc(100svh - var(--topbar-h) - var(--navbar-h)),860px)!important;
  min-height:610px!important;
  max-height:860px!important;
  overflow:hidden!important;
  background:#080b0b!important;
}
.hero .hero-photo{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  z-index:0!important;
  background:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
.hero .hero-photo .hero-foreground-image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  border:0!important;
}
.hero .hero-overlay{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(5,8,8,.91) 0%,rgba(5,8,8,.76) 28%,rgba(5,8,8,.44) 49%,rgba(5,8,8,.12) 72%,rgba(5,8,8,.05) 100%)!important;
}
.hero .hero-copy{
  position:relative!important;
  inset:auto!important;
  z-index:3!important;
  width:min(680px,52vw)!important;
  max-width:680px!important;
  height:100%!important;
  margin:0!important;
  padding:clamp(54px,6vw,96px) clamp(36px,6vw,104px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  transform:none!important;
  background:transparent!important;
  color:#fff!important;
}
.hero .hero-copy h1{max-width:620px!important;margin-top:8px!important}
.hero .hero-copy p{max-width:570px!important}
.hero .hero-article-meta{display:none!important}
.hero .hero-continue{
  position:absolute!important;
  left:50%!important;
  bottom:22px!important;
  z-index:5!important;
  transform:translateX(-50%)!important;
  margin:0!important;
  color:rgba(255,255,255,.94)!important;
}
@media (max-width:760px){
  .hero{
    height:clamp(570px,78svh,720px)!important;
    min-height:570px!important;
    max-height:720px!important;
    overflow:hidden!important;
  }
  .hero .hero-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    order:initial!important;
  }
  .hero .hero-photo .hero-foreground-image{object-position:62% center!important}
  .hero .hero-overlay{
    display:block!important;
    background:linear-gradient(90deg,rgba(5,8,8,.88) 0%,rgba(5,8,8,.66) 56%,rgba(5,8,8,.22) 100%),linear-gradient(0deg,rgba(5,8,8,.50) 0%,rgba(5,8,8,0) 45%)!important;
  }
  .hero .hero-copy{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    max-width:620px!important;
    height:100%!important;
    padding:46px 24px 72px!important;
    justify-content:center!important;
    background:transparent!important;
    order:initial!important;
  }
  .hero .hero-copy h1{font-size:clamp(38px,10vw,58px)!important;line-height:.98!important;max-width:92%!important}
  .hero .hero-copy p{max-width:88%!important}
  .hero .hero-continue{display:none!important}
}