/*
Theme Name: Eti Tema
Theme URI: 
Author: Celebi Selli / Eti Tema
Author URI: https://www.r10.net/wordpress-temalari/4202701-dunyanin-en-hizli-wordpress-temasi-v3-128640-300-000-tl-kazanmama-yardimci-olan-tema.html
Description: Seo uyumlu, hızlı ve modern WordPress blog/magazin teması.
Version: 4.0
Text Domain: eti-tema
*/
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
*, *::before, *::after {
    box-sizing: border-box;
}
h1.site-title{width:fit-content;float:left;margin:32px 0 20px 5px}
img.searchicon{margin:4px 0 -8px -33px;position:absolute;width:20px;height:20px;border:none}
input#search{height:26px;border:1px solid rgba(0,0,0,.1);border-radius:5px}
form.searchbox{margin:auto;float:right}
.menu-item{font-size:15px;font-weight:600}
h1{font-size:28px;margin:20px 0}
h2{font-size:25px;margin:35px 0 15px}
h3{font-size:22px;margin:35px 0 15px}
h4{font-size:19px;margin:35px 0 15px}
h5{font-size:16px;margin:35px 0 15px}
h6{font-size:14px;margin:35px 0 15px}
img.attachment-post-thumb.size-post-thumb.wp-post-image{float:right;margin:0 0 10px 10px}
p{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;font-size:20px;color:#393e46;line-height:32px;display:block}
img.attachment-post-thumb.size-post-thumb.wp-post-image{max-width:100%;height:auto}
.footerc a{color:#fff;font-weight:400;font-size:14px}
a.singlesitetitle{float:left;margin:32px 0 20px 5px;font-size:28px;font-weight:700}
li{line-height:22px;margin:15px 0;color:#2c2f34}
.comment{margin:20px 0;border:1px solid #e4e4e4;padding:10px;border-radius:5px}
ol.comment-list{padding:0}
.comment-meta.commentmetadata{display:none}
.comment-author.vcard{margin:5px 0 0}
img.avatar{max-width:30px;max-height:30px;margin:-8px 0}
.top{position:fixed;bottom:20px;right:20px;z-index:9999;text-decoration:none;padding:8px 12px;font-family:sans-serif;color:#fff;background:#e53935;border-radius:5px;white-space:nowrap;font-size:16px;margin:0!important;display:none}
h3#reply-title{padding:10px 0 10px 20px;border-radius:4px;border-left:15px solid #065c8e;background-color:#f7f7f7!important}
ul#menu-footer{margin:-10px 5px 5px}
a.comment-reply-link{background-color:#818181;color:#fff;padding:5px 10px;border-radius:5px;margin:0 0 10px;display:inline-block}
.saat{width:16px;height:16px;margin:0 5px -2px 0}
a.footertext{color:#fff;padding:0 1px 0 0;margin:0 0 0 5px}
span.says{display:none}
a.url{color:#254d27!important;font-size:20px;font-weight:200}
.alignright{float:right;margin:0 0 10px 20px}
.rand-title{margin:8px 0 0;font-size:17px;display:block;font-weight:600}
p.comment-form-author,p.comment-form-email,p.comment-form-url,p.form-submit{margin:15px 0}
.post-wrap{text-align:left}
.relatedpost{padding:10px 0 10px 20px;border-radius:4px;border-left:15px solid #065c8e;background-color:#f7f7f7!important;padding:15px 10px 15px 10px}
a.breada{color:#000}
.alignleft{float:left;margin:0 20px 10px 0}
h3.relatedpost{margin:40px 0 20px 5px !important}
.aligncenter{display:block;margin:0 auto 1px;clear:both}
.related-post{width:274px;height:275px;margin:7px 5px;padding:7px 7px 13px;display:inline-grid}
.wp-caption p.wp-caption-text{font-size:12px;font-style:italic;line-height:20px;padding:0 5px;margin:5px 0}
textarea#comment{width:80%}
ul{list-style:none}
.menu-item::before{display:none}
ul li::before{content:"\2022";color:#16cc62;font-weight:700;display:inline-block;width:25px;font-size:48px;position:relative;left:0;top:10px}
ul{padding:0 15px}
header#masthead{margin:0 0 20px;display:block;clear:both;height:auto!important}
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image{max-width:100%}
body{font-family:sans-serif}
.wp-caption{max-width:100%}
.postdesc{color:#666;padding:0;line-height:20px;font-size:13px}
.postdesc p{color:#666;padding:0;line-height:20px;font-size:13px}
.fipost{float:left;margin:0 10px 0 0;max-width:100%}
div#primary{display:flex}
span.entry-date{font-size:13px;color:#45464f;display:inherit;margin:10px 0}
.more-link{background-color:#065c8e;padding:8px 15px;color:#fff;display:inline-block;border-radius:3px;font-size:13px}
a{text-decoration:none;color:#333}
a.breadcrumb{color:#000}
.menuimg{margin:32px 5px}
span.page-numbers.current{background-color:#45464f;color:#fff;padding:5px 10px;border-radius:5px;margin:15px 3px;display:inline-block}
a.page-numbers{color:#003f00;padding:5px 10px;border-radius:5px;margin:15px 3px;display:inline-block;border:1px solid #333}
input{height:26px;border:1px solid #d0d0d0}
textarea#comment{border:1px solid #d0d0d0}
p.comment-notes{font-size:13px;line-height:30px}
p.comment-form-cookies-consent{font-size:13px;display:flex;line-height:30px}
.footerc{background-color:#191919;color:#fff;width:100%;position:absolute;right:0;padding:12px 0 5px}
.post-wrap{border:1px solid #e9e9e9;clear:both;margin:12px 0;height:197px;display:block;max-height:197px;border-radius:5px;width:inherit}
.page-nav-container{clear:both;text-align:center;margin:15px 0 30px}
img.custom-logo{float:left;margin:15px 0 0 5px}
@media only print and (min-width:1px) {
header#masthead,.breadcrumb{display:none}
}
@media only screen and (max-width:971px) {
span.h2tit{font-size:20px;font-weight:600;display:inline-block;margin:16px 0 0}
.top{margin-left:90%}
.titlecat{margin:20px 10px}
ul#menu-footer{margin:5px}
.footerc{text-align:center;padding:10px 0}
.footerc li a{color:#fff;font-weight:600;font-size:17px;border:1px solid #333;padding:5px 10px;display:table-cell;margin:-10px!important;background-color:#191919}
.footerc li{border:none;display:inline-block;padding:5px;margin:0 5px}
div#footer-menu{margin:20px 0 10px}
h1.site-title{margin:32px 0 20px 10px}
article.box{padding:0 5px}
.postdesc{padding:0}
.showhide{margin-bottom:.4em}
.showhide .show{display:none}
.showhide:target .show{display:block}
.showhide:target .hide{display:none}
form.searchbox{margin:25px 0 35px 10px;height:20px;float:initial;text-align:center}
}
img.custom-logo{margin:20px 0 10px 5px}
.breadcrumb{font-size:13px;line-height:20px;padding:10px 2px 10px 0}
@media only screen and (max-width:760px) {
.featured-image[style*="float: right;"]{margin:0 auto;width:-webkit-fill-available}
.featured-image[style*="float: left;"]{margin:0 auto;width:-webkit-fill-available}
.post-wrap{border:unset!important}
img.custom-logo{max-width:240px!important;max-height:100px}
.menuimg{margin:14px 5px}
span.paylas{display:none}
span.spandivshare{width:28px}
img.attachment-post-thumb.size-post-thumb.wp-post-image{float:unset;max-width:100%;height:auto;margin:0 auto}
img{max-width:100%;height:auto}
img.custom-logo{float:left}
h2.h2tit{margin:15px 0;width:100%}
div#comments{padding:5px 10px}
.breadcrumb{padding:5px 3px 0 5px}
.relatedpost{padding:15px 10px;max-width:90%;margin:30px 10px 20px 13px}
.related-post{width:274px;margin:15px 0;padding:0;border:none}
.rposts{max-width:274px;margin:0 auto;float:initial}
}
.icerik{float:left;max-width:900px;clear:both;margin-top:15px}
@media only screen and (max-width:1300px) {
.dddddss{float:left}
.h2tit{white-space:unset!important}
.post-wrap{border:none!important;padding:5px 10px 25px!important;margin:1rem auto!important;max-width:350px!important;display:inline-table!important}
}
@media only screen and (max-width:1250px) {
.sidebar{float:inherit!important;margin:0 auto!important}
}
@media only screen and (max-width:460px) {
.menu-items li:hover > ul{width:min-content}
.featured-image[style*="float: right;"]{margin-left:0!important}
body{width:-webkit-fill-available}
.icerik{margin:0;width:100%}
.post-wrap{padding:5px 10px 25px;display:inline-table}
.fipost{float:left;margin:0;max-width:100%}
}
.homeic{width:14px;height:14px;margin:0 5px -1px 0}
label{display:block}
input#submit{background-color:#065c8e;color:#fff;padding:15px;border-radius:5px;display:inline-block;border:none;font-size:initial;height:45px!important}
@media only screen and (min-width:769px) {
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.searchhhh{margin:auto}
.menu-items li:hover > ul{width:max-content}
ul#menu-footer{display:flex;margin:auto}
.footerc li{margin:5px 15px}
form.searchbox{margin:auto auto auto 10px;margin:0 auto}
}
@media only screen and (min-width:768px) {
.featured-image[style*="float: left;"]{margin:0 15px 0 0}
.featured-image[style*="float: right;"]{margin:0 0 0 15px}
}
@media only screen and (max-width:768px) {
.footerc{position:unset;right:0}
.featured-image[style*="float: right;"]{float:unset!important}
.post-wrap{display:inline-block!important;height:unset!important;max-height:fit-content!important}
.icerikler{text-align:center}
}
@media only screen and (min-width:1280px) {
body{max-width:1280px!important}
}
@media only screen and (max-width:320px) {
img.custom-logo{width:75%!important}
.right-sidebar{display:inline-block!important;max-width:90%!important}
.sidebar{max-width:90%!important}
.post-wrap{max-width:90%!important}
}
@media only screen and (max-width:1220px) {
h3#reply-title{display:inline-block!important;width:277px}
.icerikler{margin:0 auto}
}
@media only screen and (min-width:972px) {
a.footertext{padding:0 1px 0 106px}
.post-wrap{margin:5px 0}
div#respond{border:1px solid #e2e2e2;margin:20px 0;padding:10px 25px}
.h2tit{margin:10px 0 0;font-size:20px;font-weight:600;display:flow!important;display:inline-block;white-space:nowrap;max-width:539px;text-overflow:ellipsis;overflow:hidden}
div#content{border:1px solid #f4f4f4;padding:10px 20px;margin:10px 0 25px;max-width:900px}
.rposts{max-width:900px;float:left}
div#comments{max-width:900px;float:left}
.fipost{margin:0 20px 0 -10px}
.post-wrap{padding:0 10px}
body{max-width:1275px}
}
table{width:100%;border-collapse:collapse;margin-bottom:20px;font-family:'Arial',sans-serif;box-shadow:0 4px 8px rgba(0,0,0,0.1);border-radius:8px}
caption{padding-top:16px;caption-side:top;text-align:center;font-weight:700}
.pysdiv{height:36px;max-width:900px}
.paylasbuton{padding:3px;display:flex;width:32px;float:left;margin:-4px 10px 0 0}
.xtwt{margin:3px 0 3px 2px}
.paylas{margin:0 10px;padding:3px 5px;display:table-caption}
.whatsp{padding:0;display:flex;width:38px;float:left;margin:-4px 10px 0 0}
.spandivshare{border:1px solid #e0e0e0;padding:6px;display:flex;width:96px;float:left;margin:-4px 10px 0 0}
thead{background-color:#4CAF50;color:#fff;text-align:center}
th{font-weight:700;padding:12px 16px;border:1px solid #ddd}
tbody{background-color:#fff}
tr{border:1px solid #ddd;transition:background-color .3s ease}
tr:nth-child(even){background-color:#f9fafb}
tr:hover{background-color:#e0e0e0!important}
@media screen and (max-width: 600px) {
table{width:100%;overflow-x:auto}
th,td{padding:8px 12px}
}
.wp-block-table table{margin:20px auto}
@media only screen and (max-width: 1272px) {
header#masthead{flex-direction:row;justify-content:space-between;align-items:center;display:block}
}
@media only screen and (min-width: 1236px) {
body{margin:0 auto!important;padding:0 10px}
}
@media only screen and (max-width: 1236px) {
.icerikler{float:unset!important;margin:0 auto!important}
}
@media only screen and (max-width: 768px) {
table td,table th{padding:10px;overflow-wrap:anywhere}
}
img.custom-logo{max-width:300px;max-height:100px}
a.more-link{background:linear-gradient(to right,#45464f,#45464f,#8ba594);text-align:center;transition:.5s;background-size:200% auto}
.post-wrap{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.06);box-shadow:0 2px 5px rgba(0,0,0,.06)}
a.more-link{margin:-5px 0 0}
.post-wrap{border:1px solid #f7f7f7;clear:both;margin:12px 0;height:197px;display:block;max-height:197px;border-radius:5px;width:inherit}
.postdesc p{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;font-size:18px;color:#393e46;line-height:32px;display:block;margin:8px 0 17px}
h2,h3,h4,h5,h6,.popularhaber,h3#reply-title,h3.relatedpost{display:flex;padding:10px 0 10px 20px;border-left:15px solid #640000;background-color:rgba(247,247,247,1);max-width:900px;box-shadow:rgba(23,43,99,0.3) 0 7px 28px;font-weight:600;color:#000!important;border-radius:4px;margin:2rem 0}
table td,table th{padding:.4em;text-align:left;border-right:1px dotted rgba(0,0,0,0.1)}
table tbody td,.entry table tbody th{border:1px solid rgba(0,0,0,0.1)}
table tr:nth-child(even){background:rgba(0,0,0,0.03)}
table{border-spacing:0;border-collapse:separate;margin-bottom:1.5em}
#respond > p > a,p.must-log-in{color:#333}
.js-rmp-rating-item:before{content:unset}
.related-post{height:unset}
.top{background:#64bc45}
.post-wrap{display:inline-table}
.menu-item{text-transform:uppercase!important}
.opseques-reklam-header{margin:10px 0}
span.fffff{font-size:20px;font-weight:600;margin:15px 0 0;display:block}
.fpost-wrap{float:left;width:350px;margin:33px;display:block}
img.fffpf{border-radius:5px}
.sidebar{float:right;width:320px;margin:-20px 0 0}
.icerikler{max-width:900px;width:100%;float:left;clear:both;margin-top:15px}
span.h2tit.side{font-size:24px;margin:22px 0 0}
h2.widget-title{box-shadow:rgba(23,43,99,0.3) 0 1px 12px;font-size:20px;margin:2rem 0 1rem}
.right-sidebar{margin:8px 0 0}
.sidebar{float:right;width:320px;margin:-20px 0 0;display:block!important}
img{max-width:100%}
.custom-selected-posts-widget{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:20px}
.custom-selected-posts-widget .widget-title{font-size:18px;font-weight:700;margin-bottom:10px;color:#333}
.custom-selected-posts{list-style:none;margin:21px 0 0;padding:0}
.custom-selected-posts li{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:15px;display:block;align-items:center;transition:background-color .3s ease}
.custom-selected-posts li:hover{background-color:#f1f1f1}
.custom-selected-posts .selected-post-thumbnail{margin-right:15px;flex-shrink:0;float:left}
.custom-selected-posts .selected-post-thumbnail img{width:110px;height:75px;border-radius:4px;object-fit:cover}
.custom-selected-posts .selected-post-content{flex:1;display:block;flex-direction:column;align-items:flex-end}
.custom-selected-posts .selected-post-title{font-family:system-ui;font-size:14px;font-weight:500;display:block;margin-bottom:5px}
.custom-selected-posts .selected-post-title:hover{text-decoration:underline}
.custom-selected-posts .selected-post-date{font-size:12px;color:#666;text-align:left}
@media (max-width: 768px) {
.custom-selected-posts li{flex-direction:column;align-items:flex-start}
.custom-selected-posts .selected-post-thumbnail{margin-bottom:10px;width:100%;max-width:110px}
.custom-selected-posts .selected-post-title,.custom-selected-posts .selected-post-date{text-align:left}
}
.custom-selected-posts-widget .widefat{width:100%;box-sizing:border-box;padding:10px;border-radius:4px;border:1px solid #ddd;margin-bottom:10px}
.custom-selected-posts-widget .checkbox{margin-right:5px}
.custom-selected-posts-widget small{display:block;margin-top:5px;color:#777}
li.xx::before{display:none}
.inline-related-post{display:flex;align-items:center;background-color:#f4f4f4;border-left:4px solid #0073aa;padding:10px 15px;margin:20px 0;font-size:16px;font-family:Arial,sans-serif;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.inline-related-post .related-toggle{font-weight:700;color:#333;margin-right:10px}
.inline-related-post .related-link{color:#0073aa;text-decoration:none;font-weight:700;transition:color .3s ease}
.inline-related-post .related-link:hover{color:#005a8c;text-decoration:underline}
@media (min-width: 1300px) {
.ozel-icerik-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:10px 0 50px}
}
@media only screen and (max-width: 320px) {
body{width:120%!important}
}
@media (max-width: 768px) {
.inline-related-post{flex-direction:column;align-items:flex-start}
.inline-related-post .related-toggle{margin-bottom:5px}
}
.footersp{margin:5px 0 0;display:inline-block}
.ad-middle-content,.ad-before-content,.ad-in-content,.after-content-ad,.header-ad{max-height:280px;height:280px;overflow:hidden;margin:10px 0;text-align:center;padding:10px;box-sizing:border-box}
iframe{max-width:100%}
button.searchbutton{display:contents}
aside#search-2{display:grid}
ul.sub-menu{max-width:100%}
.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.site-header .main-navigation{margin-left:auto}
.menu-icon{display:none}
@media (max-width: 768px) {
.main-navigation{display:none}
.menu-icon{display:block}
}

/* ==========================================================================
   Eti Tema - Sidebar Toggle & Post Layout Stilleri (Görsellerdeki Tasarım)
   ========================================================================== */

/* 1. Sidebar Kapalı (no-sidebar) Hizalaması */
body.no-sidebar .sidebar {
    display: none !important;
}
body.no-sidebar .icerikler,
body.no-sidebar .icerik,
body.no-sidebar div#content,
body.no-sidebar .postsingle,
body.no-sidebar .rposts,
body.no-sidebar div#comments {
    max-width: 1200px !important;
    width: 100% !important;
    float: none !important;
    margin: 0 auto 25px !important;
}

/* 2. Kart Kapsayıcı Grid Düzenleri */
.eti-posts-container {
    width: 100%;
    margin-bottom: 30px;
}
.eti-layout-1col {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.eti-layout-2col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.eti-layout-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.eti-layout-4col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

/* Maksimum Hız & Performans: Tüm Animasyonlar & Geçişler Devre Dışı */
*, *::before, *::after {
    transition: none !important;
    animation: none !important;
}

/* 3. Tekli Kart Tasarımı (1_col - Görseldeki Pixel-Perfect Tasarım) */
.eti-card-1col {
    display: flex;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    padding: 16px;
    gap: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    align-items: center;
    min-height: 262px;
    contain: layout;
}
.eti-card-1col .eti-card-image {
    flex: 0 0 380px !important;
    width: 380px !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    aspect-ratio: 380 / 230 !important;
    contain: layout size;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    background: #f1f5f9;
}
.eti-card-1col .eti-card-image img,
.eti-card-1col .eti-card-image img.attachment-post-thumb,
.eti-card-1col .eti-card-image img.wp-post-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: inherit !important;
    object-fit: cover !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
    border-radius: 10px !important;
}

/* 4. Grid Kart Tasarımı (2_col, 3_col, 4_col) */
.eti-card-grid {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    height: 100%;
}
.eti-card-grid .eti-card-image {
    position: relative;
    width: 100%;
    height: 190px;
    max-height: 200px;
    aspect-ratio: 16 / 9 !important;
    contain: layout size;
    overflow: hidden;
    background: #f1f5f9;
}
.eti-card-grid .eti-card-image img,
.eti-card-grid .eti-card-image img.attachment-post-thumb,
.eti-card-grid .eti-card-image img.wp-post-image {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    aspect-ratio: inherit !important;
    object-fit: cover !important;
    display: block !important;
    float: none !important;
    margin: 0 !important;
}

/* Kategori Rozeti (Görselin Sağ Alt Köşesi) */
.eti-card-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    background: #c0392b;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 14px;
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    text-decoration: none;
    z-index: 2;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    letter-spacing: 0.2px;
}

/* Yazar/Tarih/Yorum Rozeti (Görselin Sol Alt Köşesi) */
.eti-card-meta {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 12px;
    min-height: 28px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    max-width: calc(100% - 120px);
    white-space: nowrap;
    overflow: hidden;
}
.eti-card-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #ffffff !important;
}
.eti-card-meta svg,
.eti-card-meta .meta-item svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

/* Kart İçerik Alanı & Meta Bilgileri */
.eti-card-content {
    flex: 1 1 auto;
    min-width: 0;
    contain: layout;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
.eti-card-grid .eti-card-content {
    padding: 16px;
    gap: 8px;
}

/* Meta Bilgileri Şeridi (Yazar, Zaman, Yorum, Okunma) */
.eti-card-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 13px;
    color: #64748b;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: 500;
    line-height: 1.2 !important;
}
.eti-card-meta .meta-item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}
.eti-card-meta svg {
    color: #64748b;
}

/* Kart Başlıkları & Özet (Görseldeki Gibi 100% Sıfırlama) */
.eti-card-title,
.eti-card-title h2,
.eti-card-title h3,
.eti-card-title h4,
h2.eti-card-title,
h3.eti-card-title {
    display: block !important;
    border: none !important;
    border-left: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 2px 0 4px !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #0f172a !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}
.eti-card-grid .eti-card-title,
.eti-card-grid h3.eti-card-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
}
.eti-card-title a,
h2.eti-card-title a,
h3.eti-card-title a {
    color: #0f172a !important;
    text-decoration: none !important;
}
.eti-card-title a:hover,
h2.eti-card-title a:hover,
h3.eti-card-title a:hover {
    color: #0066ff !important;
}
.eti-card-excerpt p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Mavi "Devamını Oku »" Butonu */
.eti-card-btn {
    display: inline-block;
    background: #0066ff;
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    padding: 7px 20px;
    border-radius: 20px;
    text-decoration: none;
    align-self: flex-start;
    margin-top: 6px !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.35);
}
.eti-card-btn:hover {
    background: #0052cc;
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(0, 102, 255, 0.4);
}

/* Yer Tutucu (Placeholder) */
.eti-card-placeholder {
    width: 100%;
    height: 100%;
    background: #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    padding: 15px;
    text-align: center;
}

/* Responsive (Mobil / Tablet Kırılımları) */
@media (max-width: 992px) {
    .eti-layout-4col { grid-template-columns: repeat(2, 1fr); }
    .eti-layout-3col { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
    .eti-card-1col { flex-direction: column; }
    .eti-card-1col .eti-card-image { flex: unset; width: 100%; min-height: 180px; }
    .eti-layout-2col, .eti-layout-3col, .eti-layout-4col { grid-template-columns: 1fr; }
}

/* Sidebar Kapalı (no-sidebar) Kesin Hizalama ve Ortalama */
body.no-sidebar .sidebar {
    display: none !important;
}
body.no-sidebar .icerikler,
body.no-sidebar .icerik,
body.no-sidebar div#content,
body.no-sidebar .postsingle,
body.no-sidebar .rposts,
body.no-sidebar div#comments,
body.no-sidebar .eti-posts-container {
    max-width: 1200px !important;
    width: 100% !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
}

/* Son Dakika (Ticker Badge) Yüksek Kontrast Çözümü */
.eti-ticker-badge {
    background: #cc0000 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    min-height: 28px !important;
}

/* ==============================================================================
   SATILIKARABA.NET BİREBİR ŞIK MOBİL TASARIMI (@media max-width: 768px)
   ============================================================================== */
@media (max-width: 768px) {
    html, body {
        max-width: 100vw !important;
        overflow-x: hidden !important;
        width: 100% !important;
    }
    
    .container,
    .icerikler,
    .icerik,
    .site-header,
    #masthead,
    .eti-header-dark-nav,
    .eti-ticker-bar,
    .eti-posts-container {
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }

    img, iframe, video, table, pre, code {
        max-width: 100% !important;
    }

    /* 1. Masaüstü Dev Amblemi Gizle */
    .eti-header-top-logo {
        display: none !important;
    }

    /* 2. Mobil Üst Şerit (En Solda Menü İkonu, Yanında Logo, En Sağda Ara Butonu) */
    .eti-header-dark-nav {
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        height: 52px !important;
        color: #0f172a !important;
        position: relative !important;
    }

    .eti-header-dark-nav .nav-container {
        padding: 0 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        height: 100% !important;
    }

    .eti-header-dark-nav .main-navigation {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        height: 100% !important;
    }

    .eti-header-dark-nav .menu-icon {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #0f172a !important;
        font-size: 22px !important;
        cursor: pointer !important;
        padding: 4px !important;
        margin: 0 !important;
    }

    /* Logo (Menü İkonunun Sağ Yanında) */
    .mobile-header-brand {
        display: flex !important;
        align-items: center !important;
        margin-left: 6px !important;
    }
    .mobile-header-brand img,
    .mobile-header-brand .custom-logo {
        max-height: 38px !important;
        width: auto !important;
    }
    .mobile-header-brand a {
        font-size: 20px !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        text-decoration: none !important;
        letter-spacing: -0.5px !important;
    }

    /* Açılır Mobil Menü Liste Hizalaması */
    .eti-header-dark-nav .menu-items {
        display: none;
        flex-direction: column !important;
        width: 100% !important;
        background: #ffffff !important;
        position: absolute !important;
        top: 52px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 99999 !important;
        box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
        border-top: 1px solid #e2e8f0 !important;
        border-bottom: 2px solid #e2e8f0 !important;
        padding: 6px 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    #menu-toggle:checked ~ .menu-items {
        display: flex !important;
    }

    .eti-header-dark-nav .menu-items li {
        width: 100% !important;
        display: block !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .eti-header-dark-nav .menu-items li a {
        color: #0f172a !important;
        border-bottom: 1px solid #f1f5f9 !important;
        border-top: none !important;
        padding: 12px 20px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        display: flex !important;
        align-items: center !important;
        height: auto !important;
        text-decoration: none !important;
        background: #ffffff !important;
    }

    .eti-header-dark-nav .menu-items li a:hover {
        background: #f8fafc !important;
        color: #0066ff !important;
    }

    /* En Sağdaki Arama Butonu - Yazı Gizli, Sadece İkon */
    .eti-nav-searchbox {
        position: relative !important;
        margin-left: auto !important;
    }
    .eti-nav-searchbox input[type="text"] {
        width: 36px !important;
        height: 36px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        color: transparent !important;
        cursor: pointer !important;
    }
    .eti-nav-searchbox input[type="text"]::placeholder {
        color: transparent !important;
    }
    .eti-nav-searchbox input[type="text"]::-webkit-input-placeholder {
        color: transparent !important;
    }
    .eti-nav-searchbox input[type="text"]:focus {
        width: 180px !important;
        background: #ffffff !important;
        border: 1px solid #cbd5e1 !important;
        padding: 6px 36px 6px 14px !important;
        color: #0f172a !important;
        border-radius: 20px !important;
        position: absolute !important;
        right: 0 !important;
        top: -6px !important;
        z-index: 100 !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    }
    .eti-nav-searchbox input[type="text"]:focus::placeholder {
        color: #94a3b8 !important;
    }
    .eti-nav-searchbox button {
        position: absolute !important;
        right: 8px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        color: #0f172a !important;
        background: transparent !important;
        z-index: 101 !important;
        border: none !important;
        padding: 0 !important;
        cursor: pointer !important;
    }

    /* 3. Son Dakika Şimşekli Band (Yazı Yok, Sadece Şimşek İkonlu Kırmızı Kutu) */
    .eti-ticker-bar {
        height: 36px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #eee !important;
        border-top: none !important;
        display: flex !important;
        align-items: center !important;
    }
    .eti-ticker-container {
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
    }
    .eti-ticker-badge {
        width: 36px !important;
        height: 36px !important;
        min-height: 36px !important;
        padding: 0 !important;
        background: #e53935 !important; /* Canlı Kırmızı Kutu */
        border-radius: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-shrink: 0 !important;
        box-shadow: none !important;
    }
    .eti-ticker-badge svg {
        width: 16px !important;
        height: 16px !important;
        fill: #ffffff !important;
        color: #ffffff !important;
    }
    .ticker-text-label {
        display: none !important; /* "SON DAKİKA" yazısını gizler */
    }
    .eti-ticker-content {
        margin-left: 10px !important;
        flex-grow: 1 !important;
    }
    .eti-ticker-item a {
        font-size: 13px !important;
        color: #333333 !important;
        font-weight: 500 !important;
    }

    /* 4. "What's new" Kırmızı Verev Başlık Şeridi */
    .ozel-icerik-grid-title,
    .h2tit,
    span.ozel-icerik-grid-title {
        display: inline-block !important;
        background: #e53935 !important;
        color: #ffffff !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        padding: 6px 22px 6px 12px !important;
        clip-path: polygon(0 0, 84% 0, 100% 100%, 0 100%) !important;
        margin: 15px 0 15px 0 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        border-radius: 4px 0 0 4px !important;
        text-align: left !important;
        box-shadow: none !important;
    }

    /* 5. Mobil Kart Tasarımı (Görsel İçinde Meta + Görsel Altında Başlık & Kısa Açıklama) */
    .eti-posts-container {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        padding: 0 10px !important;
    }

    .eti-card-1col,
    .eti-card-grid {
        position: relative !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 0 20px 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        min-height: unset !important;
    }

    /* Görsel Kapsayıcısı */
    .eti-card-1col .eti-card-image,
    .eti-card-grid .eti-card-image {
        width: 100% !important;
        flex: unset !important;
        height: 210px !important;
        min-height: 200px !important;
        max-height: 230px !important;
        aspect-ratio: 16 / 9 !important;
        background: #f7f4ea !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        position: relative !important;
        margin-bottom: 10px !important;
    }

    .eti-card-1col .eti-card-image img,
    .eti-card-grid .eti-card-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        border-radius: 8px !important;
    }

    /* Görsel İçindeki Sağ Alt Turuncu Kategori Rozeti */
    .eti-card-badge {
        position: absolute !important;
        bottom: 10px !important;
        right: 10px !important;
        top: auto !important;
        left: auto !important;
        z-index: 12 !important;
        background: #e67e22 !important;
        color: #ffffff !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        padding: 4px 10px !important;
        min-height: 24px !important;
        border-radius: 4px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
    }

    /* GÖRSEL İÇİNDE SOL ALTTTAKİ YAZAR, TARİH VE YORUM ROZETİ (Kategori ile Aynı Hizada & Düzende) */
    .eti-card-meta {
        position: absolute !important;
        bottom: 10px !important;
        left: 10px !important;
        top: auto !important;
        right: auto !important;
        z-index: 12 !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 11px !important;
        color: #ffffff !important;
        background: rgba(0, 0, 0, 0.65) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        padding: 4px 10px !important;
        min-height: 24px !important;
        border-radius: 4px !important;
        max-width: calc(100% - 110px) !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        margin: 0 !important;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
    }

    .eti-card-meta .meta-item {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        color: #ffffff !important;
        font-weight: 600 !important;
    }

    .eti-card-meta svg,
    .eti-card-meta .meta-item svg {
        color: #ffffff !important;
        stroke: #ffffff !important;
        width: 12px !important;
        height: 12px !important;
    }

    /* GÖRSEL ALTINDA BAŞLIK VE KISA AÇIKLAMA */
    .eti-card-content {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
    }

    /* Görsel Altındaki Kalın Başlık */
    .eti-card-title,
    .eti-card-title h2,
    .eti-card-title h3,
    h2.eti-card-title,
    h3.eti-card-title {
        order: 1 !important;
        font-size: 18px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
        color: #111111 !important;
        margin: 8px 0 6px 0 !important;
    }
    .eti-card-title a {
        color: #111111 !important;
    }

    /* Başlığın Altındaki Kısa Açıklama */
    .eti-card-excerpt p {
        order: 2 !important;
        font-size: 13.5px !important;
        color: #555555 !important;
        line-height: 1.5 !important;
        margin: 0 0 14px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .eti-card-btn {
        display: none !important;
    }
}

/* ==========================================================================
   Single Post Redesign (satilikaraba.net style)
   ========================================================================== */
.postsingle-container {
    background: #ffffff;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

/* Breadcrumb */
.eti-single-breadcrumb {
    font-size: 13px;
    color: #666666;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
}
.eti-single-breadcrumb a {
    color: #555555;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.eti-single-breadcrumb a:hover {
    color: #e53935;
}
.eti-single-breadcrumb .bc-sep {
    color: #aaaaaa;
    font-size: 12px;
}
.eti-single-breadcrumb .breadcrumb-current {
    color: #888888;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/* H1 Title */
.eti-single-title {
    font-size: 26px;
    font-weight: 700;
    color: #111111;
    line-height: 1.35;
    margin: 0 0 14px 0;
    padding: 0;
    border: none !important;
    background: transparent !important;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Meta Line */
.eti-single-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 13px;
    color: #666666;
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f0f0f0;
}
.eti-single-meta .meta-icon {
    width: 15px;
    height: 15px;
    fill: #777777;
    vertical-align: -2px;
    margin-right: 4px;
}
.eti-single-meta .meta-sep {
    color: #cccccc;
}
.eti-single-meta .red-views {
    color: #e53935;
    font-weight: 600;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
}
.eti-single-meta .red-views .meta-icon {
    fill: #e53935;
}

/* Featured Image */
.eti-single-featured-image {
    width: 100%;
    margin-bottom: 22px;
    border-radius: 8px;
    overflow: hidden;
}
.eti-single-featured-image img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    display: block;
    border-radius: 8px;
}

/* Post Content & Heading Styles */
.eti-single-content {
    font-size: 16.5px;
    line-height: 1.75;
    color: #222222;
    margin-bottom: 25px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    max-width: 100%;
}
.eti-single-content p {
    margin-bottom: 18px;
}
.eti-single-content img,
.eti-single-content iframe,
.eti-single-content video,
.eti-single-content embed,
.eti-single-content object {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    margin: 15px 0;
    box-sizing: border-box;
}
.eti-single-content table {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto;
    box-sizing: border-box;
}
.eti-single-content pre,
.eti-single-content code {
    max-width: 100%;
    white-space: pre-wrap;
    word-break: break-all;
    box-sizing: border-box;
}

/* Content Headings H2, H3, H4 */
.eti-single-content h2 {
    font-size: 22px;
    font-weight: 700;
    color: #111111;
    margin: 30px 0 16px 0;
    padding-left: 12px;
    border-left: 4px solid #e53935;
    line-height: 1.35;
    background: linear-gradient(to right, rgba(229, 57, 53, 0.04), transparent);
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 0 4px 4px 0;
}
.eti-single-content h3 {
    font-size: 19px;
    font-weight: 700;
    color: #222222;
    margin: 26px 0 14px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #f0f0f0;
    line-height: 1.35;
    position: relative;
}
.eti-single-content h3::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #e53935;
}
.eti-single-content h4 {
    font-size: 17px;
    font-weight: 600;
    color: #333333;
    margin: 22px 0 12px 0;
    line-height: 1.4;
}

/* Share Bar */
.eti-single-share-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin: 25px 0 30px 0;
    max-width: 100%;
    box-sizing: border-box;
}
.eti-single-share-bar .share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11px 16px;
    border-radius: 6px;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 14px;
    transition: opacity 0.2s ease, transform 0.1s ease;
}
.eti-single-share-bar .share-btn:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}
.eti-single-share-bar .share-btn svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    flex-shrink: 0;
}
.share-fb { background-color: #1877f2; }
.share-x  { background-color: #000000; }
.share-wa { background-color: #25d366; }
.share-tg { background-color: #0088cc; }

/* Related Posts Horizontal Carousel / Slider (2 Cards visible on screen) */
.eti-single-related {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 2px solid #f2f2f2;
    overflow: hidden;
}
.relatedpost-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    color: #111111;
}
.rposts-grid {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 12px;
    margin-bottom: -4px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}
.rposts-grid::-webkit-scrollbar {
    height: 5px;
}
.rposts-grid::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.rposts-grid::-webkit-scrollbar-thumb {
    background: #e53935;
    border-radius: 4px;
}
.related-card {
    flex: 0 0 calc(50% - 6px) !important;
    min-width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    scroll-snap-align: start;
    background: #f9f9f9;
    border-radius: 6px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease;
}
.related-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.related-card img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    border-radius: 4px;
    display: block;
    margin-bottom: 8px;
}
.related-card-title {
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.35;
    margin: 6px 0 4px 0;
    padding: 0;
}
.related-card-title a {
    color: #222222;
    text-decoration: none;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    word-break: break-word !important;
    max-height: 37px;
}
.related-card-title a:hover {
    color: #e53935;
}
.related-card-date {
    font-size: 12px;
    color: #888888;
}

@media (max-width: 768px) {
    .postsingle-container {
        padding: 15px;
    }
    .eti-single-title {
        font-size: 20px;
    }
    .eti-single-meta {
        font-size: 12px;
    }
    .eti-single-meta .red-views {
        margin-left: 0;
        width: 100%;
        margin-top: 2px;
    }
    .eti-single-share-bar {
        grid-template-columns: repeat(2, 1fr);
    }
    .eti-single-content h2 {
        font-size: 19px;
        margin: 24px 0 12px 0;
    }
    .eti-single-content h3 {
        font-size: 17px;
        margin: 20px 0 10px 0;
    }
}