/*!
 * Dijitasyon Yazarlar
 * Kodu yazan ve yapan: dijitasyon.com.tr
 */

/* =========================================================================
   1. DEĞİŞKENLER VE TEMEL
   ========================================================================= */

/*
 * Renkler :root üzerinde tanımlıdır; yönetim panelindeki ayarlar bu
 * dosyadan sonra eklenen satır içi stille aynı değişkenleri ezer.
 */
:root {
    --dyz-ana: #e02020;
    --dyz-kart-bg: #f2f2f2;
    --dyz-metin: #16181d;
    --dyz-soluk: #8f8f8f;
    --dyz-cizgi: #e9e9e9;
    --dyz-bosluk: 20px;
    --dyz-yuvarlak: 12px;
}

.dyz {
    box-sizing: border-box;
    color: var(--dyz-metin);
}

.dyz *,
.dyz *::before,
.dyz *::after {
    box-sizing: border-box;
}

.dyz-kapsayici {
    max-width: 1200px;
    margin: 0 auto;
    padding: 34px 16px 52px;
}

/*
 * Tema bağlantı stilleri eklenti alanına sızmasın. Alt çizgi ve gölge burada
 * kapatılır; renkler aşağıdaki kurallarda tek tek verilir. Bağlantı kuralları
 * bilerek üç seviyeli yazılmıştır: temaların "içerik alanı içindeki bağlantı"
 * kuralları iki seviyeli olduğu için aksi hâlde onlar kazanır.
 */
.dyz a {
    text-decoration: none !important;
    box-shadow: none !important;
}

.dyz-bos {
    padding: 26px;
    border: 1px dashed #dcdcdc;
    border-radius: var(--dyz-yuvarlak);
    color: var(--dyz-soluk);
    font-size: 15px;
    text-align: center;
}

/* =========================================================================
   2. BÖLÜM BAŞLIĞI
   ========================================================================= */

.dyz-bolum-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 22px;
}

.dyz-bolum-baslik {
    position: relative;
    margin: 0;
    padding-bottom: 12px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.01em;
    color: var(--dyz-metin);
}

.dyz-bolum-baslik::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 46px;
    height: 4px;
    border-radius: 2px;
    background: var(--dyz-ana);
}

.dyz .dyz-bolum-ust .dyz-tumu {
    flex: 0 0 auto;
    padding: 7px 14px;
    border: 1px solid var(--dyz-cizgi);
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    color: #6f6f6f;
    white-space: nowrap;
    transition: border-color .18s ease, color .18s ease, background .18s ease;
}

.dyz .dyz-bolum-ust .dyz-tumu::after {
    content: " \203A";
    font-weight: 700;
}

.dyz .dyz-bolum-ust .dyz-tumu:hover {
    border-color: var(--dyz-ana);
    background: var(--dyz-ana);
    color: #fff;
}

/* =========================================================================
   3. SAYFA ÜSTÜ VE SAYFA YOLU
   ========================================================================= */

.dyz-sayfa-ust {
    margin: 0 0 28px;
}

.dyz-sayfa-baslik {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
}

.dyz-yol ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 13.5px;
    color: var(--dyz-soluk);
}

.dyz-yol li {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dyz-yol li + li::before {
    content: "\203A";
    color: #c7c7c7;
}

.dyz .dyz-yol a {
    color: #5a5a5a;
    transition: color .18s ease;
}

.dyz .dyz-yol a:hover {
    color: var(--dyz-ana);
}

/* =========================================================================
   4. KART
   ========================================================================= */

/*
 * Izgara, pencere genişliğine değil bulunduğu kolonun genişliğine göre
 * daralır: istenen sütun sayısı ancak her kart --dyz-min değerinden geniş
 * kalabildiği sürece uygulanır. Böylece kısa kod dar bir içerik alanına
 * konduğunda kartlar sıkışmaz.
 */
.dyz-izgara {
    --dyz-n: 3;
    --dyz-min: 290px;
    display: grid;
    gap: var(--dyz-bosluk);
    grid-template-columns: repeat(
        auto-fill,
        minmax(
            min(100%, max(var(--dyz-min), (100% - (var(--dyz-n) - 1) * var(--dyz-bosluk)) / var(--dyz-n))),
            1fr
        )
    );
}

.dyz-sutun-1 { --dyz-n: 1; }
.dyz-sutun-2 { --dyz-n: 2; }
.dyz-sutun-3 { --dyz-n: 3; }
.dyz-sutun-4 { --dyz-n: 4; }
.dyz-sutun-5 { --dyz-n: 5; }
.dyz-sutun-6 { --dyz-n: 6; }

/*
 * Kart iki sütunlu bir ızgaradır: solda metin, sağda görsel. Böylece başlık
 * ne kadar uzun olursa olsun fotoğrafın üzerine binemez.
 */
.dyz-kart {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38%;
    align-items: stretch;
    min-height: 200px;
    overflow: hidden;
    border-radius: var(--dyz-yuvarlak);
    background: var(--dyz-kart-bg);
    color: var(--dyz-metin);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dyz-kart::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 3px;
    height: 100%;
    background: var(--dyz-ana);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .25s ease;
}

.dyz-kart:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(0, 0, 0, .10);
}

.dyz-kart:hover::before {
    transform: scaleY(1);
}

.dyz-kart-metin {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-width: 0;
    padding: 22px 8px 22px 22px;
}

.dyz .dyz-kart .dyz-kart-baslik {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.38;
    color: var(--dyz-metin);
    transition: color .18s ease;
}

.dyz .dyz-kart:hover .dyz-kart-baslik {
    color: var(--dyz-ana);
}

.dyz .dyz-kart .dyz-kart-yazar {
    display: block;
    margin-top: auto;
    padding-top: 14px;
    font-size: 13.5px;
    font-weight: 500;
    color: #7d7d7d;
}

.dyz-kart-gorsel {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
}

.dyz-kart-foto {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* Fotoğrafı olmayan yazarlarda baş harf avatarı. */
.dyz-bas-harf {
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: var(--dyz-ana);
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1;
    text-transform: uppercase;
}

.dyz-kart .dyz-bas-harf {
    align-self: center;
    width: 74px;
    height: 74px;
    margin-bottom: 22px;
    font-size: 25px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
}

.dyz-kart-fotosuz .dyz-kart-gorsel {
    align-items: center;
    background: rgba(0, 0, 0, .035);
}

/* =========================================================================
   5. SLIDER
   ========================================================================= */

.dyz-slider {
    position: relative;
    --dyz-gorunum: 3;
}

.dyz-slider-pencere {
    overflow: hidden;
    padding: 4px 4px 8px;
    margin: -4px -4px -8px;
}

.dyz-slider-serit {
    display: flex;
    gap: var(--dyz-bosluk);
    transition: transform .45s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
}

.dyz-slider-oge {
    flex: 0 0 calc((100% - (var(--dyz-gorunum) - 1) * var(--dyz-bosluk)) / var(--dyz-gorunum));
    min-width: 0;
}

.dyz-noktalar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 24px;
}

.dyz-nokta {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #d8d8d8;
    cursor: pointer;
    transition: background .2s ease, width .2s ease;
}

.dyz-nokta:hover {
    background: #b9b9b9;
}

.dyz-nokta.aktif {
    width: 24px;
    background: var(--dyz-ana);
}

.dyz-ok {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 14px rgba(0, 0, 0, .16);
    color: #333;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.dyz-ok:hover {
    background: var(--dyz-ana);
    color: #fff;
}

.dyz-ok-sol { left: -14px; }
.dyz-ok-sag { right: -14px; }

.dyz-ok[disabled] {
    opacity: .3;
    cursor: default;
}

.dyz-ok[disabled]:hover {
    background: #fff;
    color: #333;
}

/* =========================================================================
   6. YAZAR KUTUSU
   ========================================================================= */

.dyz-yazar-kutu {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 28px;
    min-height: 156px;
    margin: 0 0 34px;
    padding: 0 30px;
    overflow: hidden;
    border-radius: var(--dyz-yuvarlak);
    background: var(--dyz-kart-bg);
}

.dyz-yazar-kutu::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--dyz-ana);
}

.dyz-yazar-kutu-genis {
    align-items: center;
    padding: 26px 30px;
}

.dyz-yazar-kutu-foto {
    flex: 0 0 auto;
    align-self: flex-end;
}

.dyz-yazar-kutu-genis .dyz-yazar-kutu-foto {
    align-self: center;
}

.dyz-yazar-kutu-gorsel {
    display: block;
    width: 132px;
    height: 156px;
    object-fit: cover;
    object-position: center top;
    border-radius: 10px 10px 0 0;
}

.dyz-yazar-kutu-genis .dyz-yazar-kutu-gorsel {
    height: 148px;
    border-radius: 10px;
}

.dyz-yazar-kutu .dyz-bas-harf {
    width: 108px;
    height: 108px;
    font-size: 36px;
    margin-bottom: 0;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .05);
}

.dyz-yazar-kutu-fotosuz {
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px;
}

.dyz-yazar-kutu-bilgi {
    min-width: 0;
    padding: 24px 0;
}

.dyz-yazar-kutu-genis .dyz-yazar-kutu-bilgi,
.dyz-yazar-kutu-fotosuz .dyz-yazar-kutu-bilgi {
    padding: 0;
}

.dyz-rozet {
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 11px;
    border-radius: 999px;
    background: rgba(224, 32, 32, .10);
    color: var(--dyz-ana);
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.dyz-yazar-kutu-ad {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.015em;
}

.dyz .dyz-yazar-kutu-ad a {
    color: var(--dyz-metin);
}

.dyz .dyz-yazar-kutu-ad a:hover {
    color: var(--dyz-ana);
}

.dyz .dyz-yazar-kutu .dyz-yazar-kutu-eposta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14.5px;
    color: #6d6d6d;
    transition: color .18s ease;
}

.dyz .dyz-yazar-kutu .dyz-yazar-kutu-eposta:hover {
    color: var(--dyz-ana);
}

.dyz-yazar-kutu-bio {
    margin-top: 12px;
    max-width: 760px;
    font-size: 15px;
    line-height: 1.7;
    color: #4f4f4f;
}

.dyz-yazar-kutu-bio p {
    margin: 0 0 10px;
}

.dyz-yazar-kutu-bio p:last-child {
    margin-bottom: 0;
}

.dyz-kunye {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 22px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(0, 0, 0, .07);
    font-size: 13.5px;
    color: #6f6f6f;
}

.dyz-kunye-oge strong {
    color: var(--dyz-metin);
    font-weight: 700;
}

.dyz-sosyal {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.dyz .dyz-sosyal .dyz-sosyal-bag {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    color: #5c5c5c;
    transition: background .18s ease, color .18s ease, transform .18s ease;
}

.dyz .dyz-sosyal .dyz-sosyal-bag:hover {
    background: var(--dyz-ana);
    color: #fff;
    transform: translateY(-2px);
}

/* =========================================================================
   7. YAZI LİSTESİ
   ========================================================================= */

.dyz-yazi-listesi {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dyz-yazi-satir {
    position: relative;
    padding: 20px 20px 20px 22px;
    border-radius: 10px;
    border-bottom: 1px solid var(--dyz-cizgi);
    transition: background .2s ease;
}

.dyz-yazi-satir::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 3px;
    background: var(--dyz-ana);
    opacity: 0;
    transition: opacity .2s ease;
}

.dyz-yazi-satir:hover {
    background: #fafafa;
}

.dyz-yazi-satir:hover::before {
    opacity: 1;
}

.dyz-yazi-satir:last-child {
    border-bottom: 0;
}

.dyz-yazi-baslik {
    margin: 0 0 8px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.4;
}

.dyz .dyz-yazi-baslik a {
    color: var(--dyz-metin);
    transition: color .18s ease;
}

.dyz .dyz-yazi-baslik a:hover {
    color: var(--dyz-ana);
}

.dyz .dyz-yazi-satir .dyz-yazi-yazar {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--dyz-ana);
}

.dyz-yazi-ozet {
    margin: 0 0 10px;
    font-size: 14.5px;
    line-height: 1.65;
    color: #6b6b6b;
}

.dyz .dyz-yazi-ozet a {
    color: inherit;
}

.dyz-yazi-tarih {
    display: block;
    font-size: 12.5px;
    color: #a9a9a9;
}

/* =========================================================================
   8. MİNİ LİSTELER
   ========================================================================= */

.dyz-mini {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dyz-mini-oge {
    display: flex;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
}

.dyz-mini-oge:first-child {
    padding-top: 0;
}

.dyz-mini-oge:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.dyz-mini-foto {
    flex: 0 0 auto;
    width: 48px;
    height: 58px;
    object-fit: cover;
    border-radius: 8px;
    background: #eee;
}

.dyz-mini-metin {
    min-width: 0;
}

.dyz .dyz-mini .dyz-mini-baslik {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--dyz-metin);
    transition: color .18s ease;
}

.dyz .dyz-mini .dyz-mini-baslik:hover {
    color: var(--dyz-ana);
}

.dyz .dyz-mini .dyz-mini-yazar {
    display: block;
    margin-top: 6px;
    font-size: 12.5px;
    color: #9a9a9a;
}

/* Yazar profilindeki "Diğer Yazarlar" listesi. */
.dyz-yazar-mini {
    margin: 0;
    padding: 0;
    list-style: none;
}

.dyz-yazar-mini-oge {
    border-bottom: 1px solid #ededed;
}

.dyz-yazar-mini-oge:last-child {
    border-bottom: 0;
}

.dyz .dyz-yazar-mini-oge a {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 10px;
    border-radius: 10px;
    color: var(--dyz-metin);
    transition: background .18s ease;
}

.dyz .dyz-yazar-mini-oge a:hover {
    background: #f6f6f6;
}

.dyz-yazar-mini-foto {
    flex: 0 0 auto;
}

.dyz-yazar-mini-gorsel {
    display: block;
    width: 46px;
    height: 46px;
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;
    background: #eee;
}

.dyz-yazar-mini .dyz-bas-harf {
    width: 46px;
    height: 46px;
    font-size: 16px;
    background: var(--dyz-kart-bg);
}

.dyz-yazar-mini-metin {
    min-width: 0;
}

.dyz-yazar-mini-ad {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.dyz-yazar-mini-unvan {
    display: block;
    margin-top: 3px;
    font-size: 12.5px;
    color: #9a9a9a;
}

/* =========================================================================
   9. TEKİL YAZI VE İKİ SÜTUNLU DÜZEN
   ========================================================================= */

.dyz-yazi-duzen {
    display: grid;
    gap: 44px;
    grid-template-columns: minmax(0, 1fr);
}

.dyz-yazi-duzen.dyz-kenarli {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.dyz-yazar-ana,
.dyz-yazi-ana,
.dyz-yazar-kenar,
.dyz-yazi-kenar {
    min-width: 0;
}

.dyz-yazar-kenar,
.dyz-yazi-kenar {
    align-self: start;
    padding: 22px;
    border: 1px solid var(--dyz-cizgi);
    border-radius: var(--dyz-yuvarlak);
    background: #fff;
}

/* Kenar çubuğu dar olduğu için başlık ve bağlantı küçültülür. */
.dyz-yazar-kenar .dyz-bolum-ust,
.dyz-yazi-kenar .dyz-bolum-ust {
    gap: 10px;
    margin-bottom: 16px;
}

.dyz-yazar-kenar .dyz-bolum-baslik,
.dyz-yazi-kenar .dyz-bolum-baslik {
    font-size: 18px;
    padding-bottom: 10px;
    white-space: nowrap;
}

.dyz-yazar-kenar .dyz-bolum-baslik::after,
.dyz-yazi-kenar .dyz-bolum-baslik::after {
    width: 34px;
    height: 3px;
}

.dyz .dyz-yazar-kenar .dyz-bolum-ust .dyz-tumu,
.dyz .dyz-yazi-kenar .dyz-bolum-ust .dyz-tumu {
    padding: 5px 10px;
    font-size: 11.5px;
}

.dyz-tekil-baslik {
    margin: 6px 0 14px;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.dyz-tekil-tarih {
    margin-bottom: 20px;
    font-size: 13px;
    color: #9a9a9a;
}

.dyz-tekil-gorsel {
    margin: 0 0 24px;
    border-radius: var(--dyz-yuvarlak);
    overflow: hidden;
}

.dyz-tekil-gorsel img {
    display: block;
    width: 100%;
    height: auto;
}

.dyz-araclar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 4px 0 18px;
    margin-bottom: 26px;
    border-bottom: 1px solid var(--dyz-cizgi);
}

.dyz-paylas {
    display: flex;
    gap: 10px;
}

.dyz .dyz-paylas .dyz-paylas-buton {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: #fff;
    transition: transform .18s ease, opacity .18s ease;
}

.dyz .dyz-paylas .dyz-paylas-buton:hover {
    transform: translateY(-2px);
    opacity: .9;
}

.dyz-paylas-facebook { background: #1877f2; }
.dyz-paylas-x        { background: #101010; }
.dyz-paylas-whatsapp { background: #25d366; }
.dyz-paylas-eposta   { background: #b6b6b6; }

.dyz-arac-sag {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dyz-arac {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #5a5a5a;
    font-size: 19px;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease;
}

.dyz-arac:hover {
    background: #f1f1f1;
    color: var(--dyz-ana);
}

.dyz-boyut-simge {
    font-size: 17px;
    font-weight: 700;
    color: #5a5a5a;
}

.dyz-icerik {
    font-size: var(--dyz-icerik-boyut, 17px);
    line-height: 1.9;
    color: #23252b;
    text-align: justify;
    hyphens: auto;
}

.dyz-icerik p {
    margin: 0 0 20px;
}

.dyz-icerik h2,
.dyz-icerik h3,
.dyz-icerik h4 {
    margin: 28px 0 12px;
    text-align: left;
    line-height: 1.35;
}

.dyz-icerik img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.dyz .dyz-icerik a {
    color: var(--dyz-ana);
    text-decoration: underline !important;
}

.dyz-icerik blockquote {
    margin: 24px 0;
    padding: 4px 0 4px 20px;
    border-left: 4px solid var(--dyz-ana);
    color: #444;
    font-style: italic;
}

.dyz-ilgili {
    margin-top: 46px;
}

/* =========================================================================
   10. SAYFALAMA
   ========================================================================= */

.dyz-sayfalama {
    margin-top: 34px;
}

.dyz-sayfalama ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dyz .dyz-sayfalama a,
.dyz .dyz-sayfalama span {
    display: block;
    min-width: 40px;
    padding: 9px 13px;
    border: 1px solid var(--dyz-cizgi);
    border-radius: 8px;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    transition: border-color .18s ease, color .18s ease;
}

.dyz .dyz-sayfalama a:hover {
    border-color: var(--dyz-ana);
    color: var(--dyz-ana);
}

.dyz-sayfalama .current {
    border-color: var(--dyz-ana) !important;
    background: var(--dyz-ana);
    color: #fff !important;
}

/* =========================================================================
   11. İMZA
   ========================================================================= */

.dyz-imza {
    margin-top: 30px;
    font-size: 12px;
    color: #a5a5a5;
}

.dyz .dyz-imza a {
    color: #8a8a8a;
    text-decoration: underline !important;
}

/* =========================================================================
   12. DUYARLI DÜZEN
   ========================================================================= */

@media (max-width: 1100px) {

    .dyz-yazi-duzen.dyz-kenarli {
        grid-template-columns: minmax(0, 1fr) 290px;
        gap: 30px;
    }

    .dyz-tekil-baslik {
        font-size: 29px;
    }
}

@media (max-width: 900px) {

    .dyz-yazi-duzen.dyz-kenarli {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }

    .dyz-yazar-kutu {
        gap: 20px;
        padding-left: 22px;
        padding-right: 22px;
    }
}

@media (max-width: 640px) {

    .dyz-kapsayici {
        padding: 22px 14px 38px;
    }

    .dyz-izgara {
        --dyz-min: 100%;
    }

    .dyz-bolum-ust {
        align-items: flex-start;
    }

    .dyz-bolum-baslik {
        font-size: 21px;
    }

    .dyz-sayfa-baslik {
        font-size: 24px;
    }

    .dyz-tekil-baslik {
        font-size: 25px;
    }

    .dyz-kart {
        min-height: 168px;
        grid-template-columns: minmax(0, 1fr) 40%;
    }

    .dyz-kart-metin {
        padding: 18px 6px 18px 18px;
    }

    .dyz .dyz-kart .dyz-kart-baslik {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

    .dyz-yazar-kutu {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 22px;
        text-align: left;
    }

    .dyz-yazar-kutu-foto,
    .dyz-yazar-kutu-genis .dyz-yazar-kutu-foto {
        align-self: flex-start;
    }

    .dyz-yazar-kutu-gorsel,
    .dyz-yazar-kutu-genis .dyz-yazar-kutu-gorsel {
        width: 96px;
        height: 96px;
        border-radius: 50%;
    }

    .dyz-yazar-kutu .dyz-bas-harf {
        width: 84px;
        height: 84px;
        font-size: 28px;
    }

    .dyz-yazar-kutu-bilgi {
        padding: 0;
    }

    .dyz-yazar-kutu-ad {
        font-size: 22px;
    }

    .dyz-yazi-satir {
        padding: 16px 12px 16px 16px;
    }

    .dyz-yazi-baslik {
        font-size: 17px;
    }

    .dyz-icerik {
        text-align: left;
    }

    .dyz-ok {
        display: none;
    }
}

/* =========================================================================
   13. YAZDIRMA
   ========================================================================= */

@media print {

    .dyz-araclar,
    .dyz-yazi-kenar,
    .dyz-yazar-kenar,
    .dyz-yol,
    .dyz-noktalar,
    .dyz-ok,
    .dyz-ilgili,
    .dyz-imza,
    .dyz-sayfalama {
        display: none !important;
    }

    .dyz-yazi-duzen.dyz-kenarli {
        grid-template-columns: minmax(0, 1fr);
    }

    .dyz-icerik {
        font-size: 12pt;
        line-height: 1.6;
    }
}