:root{
    --site-color:#27848E;
    --site-color-dark:#1f6f78;
    --text-color:#222;
    --soft-text:#666;
    --border-color:#e5ecef;
    --soft-bg:#f6f9fa;
    --white:#fff;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}

body{
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    font-size:16px;
    line-height:1.65;
    color:var(--text-color);
    background:#fff;
}

a{
    color:inherit;
    text-decoration:none;
    transition:.2s ease;
}

a:hover{
    color:var(--site-color);
}

ul,ol,p,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
}

ul{
    list-style:none;
}

ol{
    padding-left:22px;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

button,
input,
textarea,
select{
    font-family:inherit;
}

section{
    width:100%;
    float:left;
}

.container{
    width:100%;
    max-width:980px;
    margin:0 auto;
    padding:0 10px;
}

.mobil{
    display:none;
}

.masaustu{
    display:block;
    text-align:center;
    margin:auto;
}

.masaustu,
.mobil,
.reklam,
.site-reklam{
    min-height:0!important;
}

.masaustu:empty,
.mobil:empty,
.reklam:empty,
.site-reklam:empty{
    display:none!important;
}

.mt0{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mb0{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.dispBlock{display:block!important;}
.dispFlex{display:flex!important;}

/* Header */
#header{
    width:100%;
    float:left;
    background:#fff;
    box-shadow:0 3px 14px rgba(0,0,0,.06);
    position:relative;
    z-index:20;
    margin-top:0;
}

.headerNav{
    width:100%;
    float:left;
    height:50px;
    display:flex;
    align-items:center;
    gap:16px;
    background:#fff;
    color:#111;
    font-size:14px;
    padding:0 14px;
    border-bottom:1px solid #eef1f3;
    overflow:hidden;
}

.headerNav .takvim{
    height:50px;
    display:flex;
    align-items:center;
    gap:6px;
    white-space:nowrap;
    flex-shrink:0;
}

.headerNav .takvim img{
    width:16px;
    height:16px;
}

.headerNav .slidertextArea{
    height:50px;
    display:flex;
    align-items:center;
    flex:1;
    min-width:0;
    gap:18px;
}

.headerNav .newTitle{
    height:50px;
    min-width:70px;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-weight:700;
    line-height:50px;
    background:var(--site-color);
}

.headerNav .sliderOwlDesc{
    height:50px;
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#111;
    font-weight:600;
}

.headerNav .sliderOwlDesc .owl-nav,
.headerNav .sliderOwlDesc .owl-dots{
    display:none!important;
}

.headerNav .sliderOwlDesc .owl-carousel,
.headerNav .sliderOwlDesc .owl-stage-outer,
.headerNav .sliderOwlDesc .owl-stage,
.headerNav .sliderOwlDesc .owl-item{
    height:50px!important;
    display:flex!important;
    align-items:center!important;
}

.headerNav .sliderOwlDesc a,
.headerNav .sliderOwlDesc p,
.headerNav .sliderOwlDesc div{
    margin:0;
    line-height:1.3;
    color:#111;
}

.headerNav .searchArea{
    width:190px;
    height:50px;
    display:flex;
    align-items:center;
    position:relative;
    flex-shrink:0;
}

.headerNav .searchArea input{
    width:100%;
    height:30px;
    border:1px solid #cfd6da;
    border-radius:18px;
    padding:0 34px 0 14px;
    font-size:13px;
    outline:none;
    background:#fff;
}

.headerNav .searchArea button{
    position:absolute;
    right:0;
    top:10px;
    width:32px;
    height:30px;
    border:0;
    background:transparent;
    padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.headerNav .searchArea button img{
    width:15px;
    height:15px;
}

.headerMenu{
    width:100%;
    float:left;
    padding:24px 18px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
}

.logo{
    width:220px;
    flex-shrink:0;
}

.logo img{
    max-height:70px;
    width:auto;
}

.menuArea{
    flex:1;
}

.menuArea ul{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:14px;
    flex-wrap:wrap;
    margin:0;
    padding:0;
}

.menuArea ul li{
    position:relative;
}

.menuArea ul li a{
    display:block;
    background:#f6f6f6;
    color:#111;
    padding:10px 18px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
}

.menuArea ul li a:hover{
    color:#111;
    background:#eef4f5;
}

.openMenu{
    display:none;
    position:absolute;
    right:0;
    top:100%;
    width:240px;
    background:#fff;
    border:1px solid var(--border-color);
    box-shadow:0 10px 28px rgba(0,0,0,.10);
    z-index:60;
    border-radius:12px;
    overflow:hidden;
    padding:10px;
}

.openMenu.dispBlock{
    display:block;
}

.openMenu ul{
    display:block;
}

.openMenu ul li a{
    display:block;
    padding:10px 14px;
    border-radius:9px;
    font-size:14px;
    background:#f7fafb;
    margin-bottom:7px;
}

.barLinks{
    width:100%;
    float:left;
    background:var(--site-color);
    box-shadow:0 4px 14px rgba(39,132,142,.25);
    margin-bottom:0;
}

.barLinks ul{
    display:flex;
    align-items:center;
    gap:0;
    overflow-x:auto;
    scrollbar-width:none;
}

.barLinks ul::-webkit-scrollbar{
    display:none;
}

.barLinks ul li a{
    display:block;
    color:#fff!important;
    font-size:15px;
    font-weight:600;
    padding:11px 13px;
    white-space:nowrap;
    border-right:1px solid rgba(255,255,255,.22);
}

.barLinks ul li a:hover{
    background:rgba(255,255,255,.12);
    color:#fff!important;
}

/* Mobile Header */
#mobileHeader{
    display:none;
    width:100%;
    float:left;
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.08);
    position:relative;
    z-index:30;
    margin-top:0;
}

.mobileContainer{
    width:100%;
    float:left;
    padding:10px 15px;
}

.themeMobil,
.themeMobil .navbar{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
}

.logoMobile img{
    max-height:42px;
    width:auto;
}

.searchMobile{
    position:relative;
    cursor:pointer;
}

.searchMobile .searchArea{
    display:none;
}

.sidenav{
    height:100%;
    width:0;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    background:rgba(0,0,0,.65);
    overflow-x:hidden;
    transition:.25s;
    padding-top:0;
}

.canvaside{
    background:#fff;
    width:260px;
    height:100%;
    padding-top:10px;
}

.sidenav a{
    display:block;
    padding:11px 16px;
    font-size:15px;
    font-weight:600;
    color:#333;
    border-bottom:1px solid var(--border-color);
}

.sidenav a:hover{
    background:var(--soft-bg);
    color:var(--site-color);
}

.sidenav .closebtn{
    font-size:32px;
    text-align:right;
    padding:0 16px;
    color:#333;
    border-bottom:0;
}

/* Layout */
.pageLeft{
    width:660px;
    float:left;
}

.sideRight{
    width:280px;
    float:right;
    box-sizing:border-box;
}

/* Breadcrumb */
.site-breadcrumb{
    margin-top:18px;
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:12px;
    padding:12px 15px;
    box-sizing:border-box;
}

.site-breadcrumb ul{
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    background:transparent;
    border:0;
    border-radius:0;
}

.site-breadcrumb ul li{
    margin:0;
    padding:0;
}

.site-breadcrumb ul li a{
    font-size:14px;
    color:#777;
}

.site-breadcrumb ul li a:after{
    content:'/';
    margin-left:6px;
    color:#bbb;
}

.site-breadcrumb ul li:last-child a{
    color:var(--site-color);
    font-weight:600;
}

.site-breadcrumb ul li:last-child a:after{
    display:none;
}

/* Genel Detay */
.site-detay,
.site-icerik{
    width:100%;
    float:left;
}

.site-baslik{
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:22px;
    margin-bottom:16px;
}

.site-baslik h1,
.site-baslik h2{
    font-size:32px;
    line-height:1.35;
    font-weight:700;
    color:#111;
    margin:0;
}

.site-baslik h1 a,
.site-baslik h2 a{
    color:#111;
}

.site-spot,
.site-aciklama,
.site-ust-yazi{
    width:100%;
    float:left;
    background:#f3fafb;
    border:1px solid var(--border-color);
    border-left:5px solid var(--site-color);
    border-radius:12px;
    padding:15px 18px;
    margin-bottom:20px;
    font-size:16px;
    line-height:1.7;
    color:#333;
}

.site-spot p,
.site-aciklama p,
.site-ust-yazi p,
.site-ust-yazi h4,
.site-aciklama h4{
    margin:0;
    font-size:16px;
    line-height:1.7;
    font-weight:500;
}

.site-meta{
    font-size:13px;
    color:#777;
    margin-top:10px;
}

.site-gorsel{
    width:100%;
    float:left;
    border-radius:14px;
    overflow:hidden;
    margin-bottom:20px;
    background:#f3f3f3;
}

.site-gorsel img{
    width:100%;
    height:auto;
    min-height:260px;
    object-fit:cover;
}

.site-icerik{
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:24px;
    margin-bottom:0;
}

.site-icerik h2{
    font-size:27px;
    line-height:1.4;
    font-weight:700;
    color:#222;
    margin:32px 0 16px;
    padding-left:14px;
    border-left:5px solid var(--site-color);
}

.site-icerik h2:first-child{
    margin-top:0;
}

.site-icerik h3{
    font-size:22px;
    line-height:1.4;
    font-weight:700;
    color:#222;
    margin:28px 0 14px;
}

.site-icerik p{
    font-size:17px;
    line-height:1.85;
    margin-bottom:18px;
    color:#333;
}

.site-icerik strong{
    font-weight:700;
    color:#222;
}

.site-icerik a{
    color:var(--site-color);
    font-weight:600;
}

.site-icerik ul{
    margin:0 0 20px 0;
    list-style:none;
}

.site-icerik ul li{
    position:relative;
    padding-left:22px;
    margin-bottom:9px;
}

.site-icerik ul li:before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--site-color);
    position:absolute;
    left:0;
    top:12px;
}

.site-icerik blockquote{
    background:#f3fafb;
    border-left:5px solid var(--site-color);
    border-radius:10px;
    padding:18px 20px;
    margin:24px 0;
    color:#333;
    font-style:italic;
}

.site-icerik > *:last-child{
    margin-bottom:0!important;
}

/* Kutu Sistemleri */
.site-kutu,
.site-bolum,
.site-cevap-kutu,
.site-diyanet-kutu,
.site-manevi-kutu,
.site-psikolojik-kutu,
.manevi-kutu,
.psikoloji-kutu,
.soru-kutu{
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-left:5px solid var(--site-color);
    border-radius:12px;
    padding:18px 20px;
    margin:0 0 20px;
    box-shadow:0 2px 10px rgba(0,0,0,.035);
}

.site-manevi-kutu,
.manevi-kutu{
    border-left-color:#2e9b63;
    background:#fbfffd;
}

.site-psikolojik-kutu,
.psikoloji-kutu{
    border-left-color:#8e65b7;
    background:#fdfbff;
}

.site-diyanet-kutu{
    border-left-color:#c49a2c;
    background:#fffdf6;
}

.soru-kutu{
    border-left-color:#f0a12b;
    background:#fffaf2;
}

.site-kutu strong,
.site-bolum strong,
.site-cevap-kutu strong,
.site-diyanet-kutu strong,
.site-manevi-kutu strong,
.site-psikolojik-kutu strong{
    display:block;
    font-size:19px;
    margin-bottom:9px;
    color:#222;
}

/* Sidebar */
.site-sidebar,
.sideRight .site-sidebar-kutu{
    width:100%;
    float:left;
}

.sideRight .site-sidebar-kutu{
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:16px;
    margin-bottom:22px;
}

.sideRight .site-sidebar-baslik{
    width:100%;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    background:var(--site-color);
    color:#fff;
    border-radius:10px;
    margin-bottom:14px;
    font-size:20px;
    font-weight:700;
    line-height:1.35;
    box-sizing:border-box;
}

.sideRight .site-sidebar-baslik img{
    width:18px;
    height:18px;
    object-fit:contain;
    filter:brightness(0) invert(1);
    flex-shrink:0;
}

.sideRight .site-sidebar-baslik span{
    color:#fff;
}

.sideRight .site-sidebar-liste ul{
    width:100%;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}

.sideRight .site-sidebar-liste li{
    width:100%;
    float:left;
    margin-bottom:10px;
}

.sideRight .site-sidebar-liste li:last-child{
    margin-bottom:0;
}

.sideRight .site-sidebar-liste a{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    background:#f7fafb;
    border:1px solid #edf2f4;
    border-radius:10px;
    padding:9px;
    color:#333;
    text-decoration:none;
    box-sizing:border-box;
}

.sideRight .site-sidebar-liste a:hover{
    background:var(--site-color);
    border-color:var(--site-color);
    color:#fff;
}

.sideRight .site-sidebar-resim{
    flex-shrink:0;
    width:90px;
    height:60px;
    border-radius:8px;
    overflow:hidden;
    background:#eef4f5;
}

.sideRight .site-sidebar-resim img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.sideRight .site-sidebar-yazi{
    flex-grow:1;
    margin:0;
    padding:0;
}

.sideRight .site-sidebar-yazi p{
    margin:0;
    padding:0;
    font-size:14px;
    font-weight:600;
    line-height:1.45;
    color:inherit;
}

/* Benzer İçerikler */
.site-benzer{
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:22px;
    margin:12px 0 25px;
}

.site-benzer-baslik{
    display:block;
    width:100%;
    float:left;
    font-size:23px;
    line-height:1.35;
    font-weight:700;
    color:#222;
    margin-bottom:18px;
    padding-bottom:12px;
    border-bottom:2px solid var(--border-color);
}

.site-benzer-baslik a{
    color:var(--site-color);
}

.site-benzer-liste{
    width:100%;
    float:left;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
    list-style:none;
    margin:0;
    padding:0;
}

.site-benzer-liste li a{
    display:flex;
    align-items:center;
    width:100%;
    min-height:82px;
    background:#f7fafb;
    border:1px solid #edf2f4;
    border-radius:10px;
    padding:12px 14px;
    font-size:15px;
    font-weight:600;
    color:#333;
    line-height:1.45;
}

.site-benzer-liste li a:hover{
    background:var(--site-color);
    border-color:var(--site-color);
    color:#fff;
}

/* Liste Başlıkları */
.site-liste,
.site-slider{
    width:100%;
    float:left;
    margin-top:22px;
    margin-bottom:24px;
    clear:both;
}

.site-liste-baslik{
    width:100%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:2px solid var(--site-color);
    margin-bottom:16px;
    padding:0 0 8px;
}

.site-liste-baslik h2{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 14px;
    background:var(--site-color);
    color:#fff;
    border-radius:10px;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.site-liste-baslik a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 14px;
    background:#f7fafb;
    border:1px solid var(--border-color);
    border-radius:20px;
    color:#333;
    font-size:13px;
    font-weight:700;
}

.site-liste-baslik a:hover{
    background:var(--site-color);
    border-color:var(--site-color);
    color:#fff;
}

.site-kategori-badge{
    display:none!important;
}

.site-kategori-badge a{
    display:inline-block;
    background:var(--site-color)!important;
    color:#fff!important;
    padding:4px 9px;
    border-radius:20px;
    font-size:12px;
    line-height:1.2;
    font-weight:600;
}

/* Slider Kartları */
.site-slider-kapsar{
    width:100%;
    float:left;
}

.site-slider-liste{
    width:100%;
    float:left;
}

.site-slider-kart{
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 3px 14px rgba(0,0,0,.045);
}

.site-slider-kart a{
    display:block;
}

.site-slider-kart img{
    width:100%;
    height:160px;
    object-fit:cover;
}

.site-slider-kart h3{
    font-size:17px;
    line-height:1.45;
    font-weight:700;
    color:#222;
    padding:13px 14px 16px;
}

.site-slider-kart a:hover h3{
    color:var(--site-color);
}

/* Galeri Detay */
.site-galeri{
    width:100%;
    float:left;
}

.site-galeri-kart{
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:16px;
    margin-bottom:20px;
}

.site-galeri-baslik{
    width:100%;
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
}

.site-galeri-sira{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    padding:8px 10px;
    background:var(--site-color);
    color:#fff;
    border-radius:8px;
    font-size:14px;
    font-weight:700;
    line-height:1.2;
}

.site-galeri-baslik h2{
    margin:0!important;
    padding:0!important;
    border-left:0!important;
    font-size:24px;
    line-height:1.4;
}

.site-galeri-gorsel{
    width:100%;
    float:left;
    border-radius:12px;
    overflow:hidden;
    margin-bottom:14px;
}

.site-galeri-gorsel img{
    width:100%;
    height:auto;
    display:block;
}

.site-galeri-aciklama{
    width:100%;
    float:left;
    font-size:17px;
    line-height:1.8;
    color:#333;
}

/* Pagination */
.site-pagination{
    width:100%;
    float:left;
    text-align:center;
    margin-top:36px;
}

.site-pagination nav{
    display:flex;
    justify-content:center;
}

.site-pagination .pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:6px;
}

.site-pagination .page-item{
    display:inline-block;
}

.site-pagination .page-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:36px;
    height:36px;
    border:1px solid var(--border-color);
    border-radius:8px;
    background:#fff;
    color:#333;
    font-size:14px;
    font-weight:700;
}

.site-pagination .page-item.active .page-link,
.site-pagination .page-link:hover{
    background:var(--site-color);
    border-color:var(--site-color);
    color:#fff;
}

/* Eski içerik alanları için geçiş uyumluluğu */
.borderContainer,
.pagesDecription,
.generalDetail,
.detailDescrtiption{
    width:100%;
    float:left;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:24px;
    margin-bottom:24px;
    line-height:1.85;
    color:#333;
}

.generalDetail h2,
.pagesDecription h2,
.detailDescrtiption h2{
    font-size:27px;
    line-height:1.4;
    font-weight:700;
    color:#222;
    margin:32px 0 16px;
    padding-left:14px;
    border-left:5px solid var(--site-color);
}

.generalDetail h2:first-child,
.pagesDecription h2:first-child,
.detailDescrtiption h2:first-child{
    margin-top:0;
}

.generalDetail h3,
.pagesDecription h3,
.detailDescrtiption h3{
    font-size:22px;
    line-height:1.4;
    font-weight:700;
    color:#222;
    margin:28px 0 14px;
}

.generalDetail p,
.pagesDecription p,
.detailDescrtiption p{
    font-size:17px;
    line-height:1.85;
    margin-bottom:18px;
    color:#333;
}

.generalDetail strong{
    font-weight:700;
    color:#222;
}

.generalDetail a,
.pagesDecription a,
.detailDescrtiption a{
    color:var(--site-color);
    font-weight:600;
}

.generalDetail ul,
.pagesDecription ul,
.detailDescrtiption ul{
    margin:0 0 20px 0;
    list-style:none;
}

.generalDetail ul li,
.pagesDecription ul li,
.detailDescrtiption ul li{
    position:relative;
    padding-left:22px;
    margin-bottom:9px;
}

.generalDetail ul li:before,
.pagesDecription ul li:before,
.detailDescrtiption ul li:before{
    content:'';
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--site-color);
    position:absolute;
    left:0;
    top:12px;
}

.generalDetail blockquote,
.pagesDecription blockquote,
.detailDescrtiption blockquote{
    background:#f3fafb;
    border-left:5px solid var(--site-color);
    border-radius:10px;
    padding:18px 20px;
    margin:24px 0;
    color:#333;
    font-style:italic;
}

/* Footer */
#footer,
section#footer,
#footerSponsor{
    width:100%;
    float:left;
    margin-top:20px;
    background:transparent;
    color:#222;
}

#footerKurumsal{
    width:100%;
    float:left;
    margin:16px 0 10px;
}

.footer-kurumsal-alan{
    width:100%;
    display:flex;
    gap:28px;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:24px;
    box-sizing:border-box;
}

.footer-site-aciklama{
    flex:1;
    color:#555;
    font-size:15px;
    line-height:1.85;
}

.footer-site-aciklama h2,
.footer-site-aciklama h3{
    color:var(--site-color);
    margin:0 0 12px;
    font-size:22px;
    line-height:1.35;
}

.footer-site-aciklama p{
    margin:0 0 12px;
}

.footer-site-aciklama p:last-child{
    margin-bottom:0;
}

.footer-linkler{
    width:260px;
    flex-shrink:0;
    border-left:1px solid var(--border-color);
    padding-left:24px;
}

.footer-linkler h3{
    color:var(--site-color);
    margin:0 0 14px;
    font-size:20px;
    line-height:1.35;
}

.footer-linkler ul{
    margin:0;
    padding:0;
    list-style:none;
}

.footer-linkler ul li{
    margin:0;
    padding:0;
    border-bottom:1px solid #edf2f4;
}

.footer-linkler ul li:last-child{
    border-bottom:0;
}

.footer-linkler ul li a{
    display:block;
    padding:10px 0;
    color:#444;
    font-size:15px;
    font-weight:600;
}

.footer-linkler ul li a:hover{
    color:var(--site-color);
}

.footerMenuList{
    width:100%;
    float:left;
    padding:20px 0;
}

.footerMenuList > ul{
    width:100%;
    float:left;
}

.footerMenuList > ul > li{
    width:25%;
    float:left;
    padding-right:20px;
    margin-bottom:20px;
}

.footerMenuLink{
    width:100%;
    float:left;
    background:#fff!important;
    border:1px solid var(--border-color);
    border-top:0;
    padding:18px;
    box-sizing:border-box;
}

.footerMenuLink ul{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px 22px;
    margin:0;
    padding:0;
    list-style:none;
}

.footerMenuLink ul li{
    width:100%;
    margin:0;
    padding:0;
}

.footerMenuLink ul li h6{
    margin:0;
    padding:0;
    font-size:14px;
    line-height:1.45;
    font-weight:600;
}

.footerMenuLink ul li h6 a,
.footerMenuLink ul li a{
    position:relative;
    display:block;
    width:100%;
    color:#333!important;
    padding:8px 8px 8px 20px;
    border-radius:8px;
    line-height:1.45;
    box-sizing:border-box;
}

.footerMenuLink ul li h6 a:before,
.footerMenuLink ul li a:before{
    content:'›';
    position:absolute;
    left:6px;
    top:7px;
    font-size:22px;
    line-height:1;
    color:var(--site-color);
    font-weight:700;
}

.footerMenuLink ul li h6 a:hover,
.footerMenuLink ul li a:hover{
    background:#f6f9fa;
    color:var(--site-color)!important;
}

.themeCatTitle.bgdark{
    width:100%;
    background:var(--site-color);
    border-radius:12px 12px 0 0;
    padding:12px 18px;
    text-align:center;
    box-sizing:border-box;
}

.themeCatTitle.bgdark h3{
    margin:0;
    color:#fff;
    font-size:18px;
    font-weight:700;
    letter-spacing:.3px;
    text-transform:none;
}

.footerMenuListYeni{
    width:100%;
    float:left;
    margin:10px 0 12px;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:14px 18px;
    box-sizing:border-box;
}

.footerMenuListYeni > ul,
.footerMenuListYeni > ul > li,
.footerMenuListYeni > ul > li > ul{
    width:100%;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.footerMenuListYeni > ul > li > ul{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
}

.footerMenuListYeni h3{
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

.footerMenuListYeni h3 a{
    display:block!important;
    background:#f7fafb!important;
    border:1px solid #edf2f4!important;
    border-radius:10px!important;
    padding:8px 12px!important;
    color:#333!important;
    font-size:14px!important;
    line-height:1.4!important;
}

.footerMenuListYeni h3 a:hover{
    background:var(--site-color)!important;
    border-color:var(--site-color)!important;
    color:#fff!important;
}

/* Ana alan boşlukları */
#kategoriSlider{
    margin-top:14px!important;
    margin-bottom:16px!important;
    clear:both;
}

#products,
#categories,
.site-liste{
    clear:both;
    margin-top:18px!important;
}

#manset{
    margin-top:18px!important;
    margin-bottom:18px!important;
    clear:both;
}

#manset .row,
#products .row,
#categories .row{
    width:auto;
    margin-left:-10px;
    margin-right:-10px;
}

/* Mobile */
@media(max-width:768px){
    body{
        font-size:15px;
        background:#fff;
    }

    .container{
        padding:0 12px;
    }

    .masaustu{
        display:none!important;
    }

    .mobil{
        display:block;
        text-align:center;
        margin:auto;
    }

    #header{
        display:none!important;
    }

    #mobileHeader{
        display:block!important;
        overflow:visible!important;
    }

    section{
        margin-top:15px;
    }

    .pageLeft,
    .sideRight{
        width:100%!important;
        float:left!important;
        margin:0!important;
    }

    .sideRight{
        margin-top:18px!important;
    }

    .site-baslik,
    .site-icerik,
    .site-benzer,
    .site-kutu,
    .borderContainer,
    .pagesDecription,
    .detailDescrtiption,
    .generalDetail{
        padding:16px!important;
        border-radius:12px!important;
    }

    .site-baslik h1,
    .site-baslik h2{
        font-size:24px;
    }

    .site-icerik h2,
    .generalDetail h2,
    .pagesDecription h2,
    .detailDescrtiption h2{
        font-size:22px;
        margin:26px 0 14px;
        padding-left:11px;
        border-left-width:4px;
    }

    .site-icerik h3,
    .generalDetail h3,
    .pagesDecription h3,
    .detailDescrtiption h3{
        font-size:19px;
    }

    .site-icerik p,
    .generalDetail p,
    .pagesDecription p,
    .detailDescrtiption p{
        font-size:16px;
        line-height:1.8;
        margin-bottom:16px;
    }

    .site-spot,
    .site-aciklama,
    .site-ust-yazi{
        padding:15px;
    }

    .site-gorsel img{
        min-height:auto;
    }

    .site-benzer-liste{
        grid-template-columns:1fr;
    }

    .site-benzer-liste li a{
        min-height:auto;
    }

    .site-breadcrumb ul{
        padding:10px 12px;
        border-radius:10px;
        overflow-x:auto;
        flex-wrap:nowrap;
        white-space:nowrap;
    }

    .site-kartlar{
        grid-template-columns:1fr;
        gap:12px;
    }

    .site-kart-gorsel{
        height:180px;
    }

    .site-kart-liste{
        min-height:auto;
        padding:15px!important;
    }

    .site-liste-baslik h2{
        font-size:16px;
    }

    .site-kart-icerik h3{
        font-size:16px!important;
    }

    .site-galeri-baslik{
        align-items:flex-start;
    }

    .site-galeri-baslik h2{
        font-size:21px!important;
    }

    #mySidenav.sidenav{
        display:block!important;
        position:fixed!important;
        top:0!important;
        left:0!important;
        height:100vh!important;
        width:0;
        z-index:999999!important;
        background:rgba(0,0,0,.65)!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        transition:.25s!important;
    }

    #mySidenav .canvaside{
        display:block!important;
        width:260px!important;
        min-width:260px!important;
        height:100vh!important;
        background:#fff!important;
        padding-top:10px!important;
        overflow-y:auto!important;
    }

    #mySidenav a{
        display:block!important;
        color:#333!important;
        padding:12px 16px!important;
        border-bottom:1px solid var(--border-color)!important;
        font-size:15px!important;
        font-weight:600!important;
    }

    #mySidenav .closebtn{
        font-size:32px!important;
        line-height:1!important;
        text-align:right!important;
        color:#333!important;
        background:#fff!important;
    }

    .footer-kurumsal-alan{
        display:block;
        padding:18px;
    }

    .footer-linkler{
        width:100%;
        border-left:0;
        border-top:1px solid var(--border-color);
        padding-left:0;
        padding-top:18px;
        margin-top:18px;
    }

    .footerMenuList > ul > li{
        width:50%;
    }

    .footerMenuLink{
        padding:14px;
    }

    .footerMenuLink ul{
        grid-template-columns:1fr;
        gap:6px;
    }

    .footerMenuLink ul li h6{
        font-size:14px;
    }

    .searchArea button{
        right:20px;
    }

    #kategoriSlider{
        margin-top:10px!important;
    }

    #manset,
    #products,
    #categories,
    .site-liste{
        margin-top:14px!important;
    }
}

@media(max-width:480px){
    .footerMenuList > ul > li{
        width:100%;
        padding-right:0;
    }
/* Eski kart/meta kalıntılarını gizleme */
.kategori-meta,
.author,
time{
    display:none!important;
}

/* Footer yeni link alanı */
.footerMenuListYeni{
    width:100%;
    float:left;
    margin:10px 0 12px;
    background:#fff;
    border:1px solid var(--border-color);
    border-radius:14px;
    padding:14px 18px;
    box-sizing:border-box;
}

.footerMenuListYeni > ul,
.footerMenuListYeni > ul > li,
.footerMenuListYeni > ul > li > ul{
    width:100%;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

.footerMenuListYeni > ul > li > ul{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
}

.footerMenuListYeni h3{
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:600!important;
}

.footerMenuListYeni h3 a{
    display:block!important;
    background:#f7fafb!important;
    border:1px solid #edf2f4!important;
    border-radius:10px!important;
    padding:8px 12px!important;
    color:#333!important;
    font-size:14px!important;
    line-height:1.4!important;
}

.footerMenuListYeni h3 a:hover{
    background:var(--site-color)!important;
    border-color:var(--site-color)!important;
    color:#fff!important;
}

@media(max-width:768px){
    .footerMenuListYeni > ul > li > ul{
        grid-template-columns:1fr!important;
    }
body .site-icindekiler.collapseList{
    display:block!important;
    width:100%!important;
    float:left!important;
    clear:both!important;
    background:#fff!important;
    border:1px solid #e5ecef!important;
    border-radius:14px!important;
    padding:16px!important;
    margin:0 0 22px!important;
    box-sizing:border-box!important;
}

body .site-icindekiler.collapseList h4{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    background:var(--site-color)!important;
    color:#fff!important;
    border:0!important;
    border-radius:10px!important;
    padding:10px 14px!important;
    margin:0 0 14px!important;
    font-size:20px!important;
    font-weight:700!important;
    line-height:1.35!important;
}

body .site-icindekiler.collapseList h4 .hidden,
body .site-icindekiler.collapseList h4 .show{
    display:none!important;
}

body .site-icindekiler.collapseList ul{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
}

body .site-icindekiler.collapseList ul li{
    display:block!important;
    width:100%!important;
    margin:0 0 9px!important;
    padding:0!important;
    list-style:none!important;
}

body .site-icindekiler.collapseList ul li:before{
    display:none!important;
}

body .site-icindekiler.collapseList ul li a{
    display:block!important;
    width:100%!important;
    background:#f7fafb!important;
    border:1px solid #edf2f4!important;
    border-radius:10px!important;
    padding:10px 12px!important;
    color:#333!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1.45!important;
    text-decoration:none!important;
    box-sizing:border-box!important;
}

body .site-icindekiler.collapseList ul li a:hover{
    background:var(--site-color)!important;
    border-color:var(--site-color)!important;
    color:#fff!important;
}

@media(max-width:768px){
    body .site-icindekiler.collapseList{
        padding:14px!important;
        border-radius:12px!important;
    }

    body .site-icindekiler.collapseList h4{
        font-size:18px!important;
    }

    body .site-icindekiler.collapseList ul li a{
        font-size:14px!important;
    }
@media(max-width:768px){
    body .footerMenuList.footerMenuListYeni > ul > li > ul{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        gap:8px !important;
        width:100% !important;
    }

    body .footerMenuList.footerMenuListYeni > ul > li > ul > li{
        width:100% !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
    }

    body .footerMenuList.footerMenuListYeni h3,
    body .footerMenuList.footerMenuListYeni h3 a{
        width:100% !important;
        display:block !important;
        box-sizing:border-box !important;
    }
/* Site Liste ve Kart Sistemi */
.site-liste{
    width:100%;
    float:left;
    clear:both;
    margin-top:22px;
}

.site-liste-baslik{
    width:100%;
    float:left;
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-bottom:2px solid var(--site-color);
    margin-bottom:14px;
    padding:0 0 8px;
}

.site-liste-baslik h2{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:7px 14px;
    background:var(--site-color);
    color:#fff;
    border-radius:10px;
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.site-liste-baslik a{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:7px 14px;
    background:#f7fafb;
    border:1px solid #e5ecef;
    border-radius:20px;
    color:#333;
    font-size:13px;
    font-weight:700;
}

.site-liste-baslik a:hover{
    background:var(--site-color);
    border-color:var(--site-color);
    color:#fff;
}

/* Genel 3'lü grid */
.site-kartlar,
.site-kartlar.site-kartlar-liste,
.site-liste .site-kartlar,
.site-liste .site-kartlar.site-kartlar-liste,
#products .site-kartlar,
#products .site-kartlar.site-kartlar-liste{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:14px !important;
}

/* Genel kart */
.site-kart,
.site-liste .site-kart,
#products .site-kart{
    width:100% !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #e5ecef !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 3px 14px rgba(0,0,0,.045) !important;
    transition:.22s ease;
}

.site-kart:hover,
.site-liste .site-kart:hover,
#products .site-kart:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}

/* Resimli kart */
.site-kart-gorsel,
.site-liste .site-kart-gorsel{
    width:100% !important;
    height:145px !important;
    overflow:hidden !important;
    display:block !important;
    background:#f3f6f7;
}

.site-kart-gorsel img,
.site-liste .site-kart-gorsel img{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

/* Kart içerik */
.site-kart-icerik,
.site-liste .site-kart-icerik,
#products .site-kart-icerik{
    width:100% !important;
    padding:13px 14px 16px !important;
}

.site-kart-icerik h3,
.site-liste .site-kart-icerik h3,
#products .site-kart-icerik h3{
    margin:0 !important;
    padding:0 !important;
    font-size:17px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
    color:#222 !important;
}

.site-kart-icerik h3 a,
.site-liste .site-kart-icerik h3 a,
#products .site-kart-icerik h3 a{
    color:#222 !important;
}

.site-kart-icerik h3 a:hover,
.site-liste .site-kart-icerik h3 a:hover,
#products .site-kart-icerik h3 a:hover{
    color:var(--site-color) !important;
}

/* Meta gizleme */
.site-kart-meta,
.site-kart-yazar,
.site-kart-meta time,
#products .site-kart-meta,
#products .site-kart-yazar,
#products time{
    display:none !important;
}

/* Resimsiz kart */
.site-kart.site-kart-liste,
.site-liste .site-kart.site-kart-liste,
#products .site-kart{
    padding:16px !important;
    border-left:1px solid var(--site-color) !important;
    min-height:118px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
}

.site-kart.site-kart-liste .site-kart-icerik,
.site-liste .site-kart.site-kart-liste .site-kart-icerik,
#products .site-kart-icerik{
    padding:0 !important;
}

.site-kategori-badge,
.site-liste .site-kategori-badge{
    display:none !important;
}

/* Mobil tek sütun */
@media(max-width:768px){
    .site-kartlar,
    .site-kartlar.site-kartlar-liste,
    .site-liste .site-kartlar,
    .site-liste .site-kartlar.site-kartlar-liste,
    #products .site-kartlar,
    #products .site-kartlar.site-kartlar-liste{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }

    .site-kart-gorsel,
    .site-liste .site-kart-gorsel{
        height:180px !important;
    }

    .site-kart.site-kart-liste,
    .site-liste .site-kart.site-kart-liste,
    #products .site-kart{
        min-height:auto !important;
        padding:15px !important;
    }

    .site-liste-baslik h2{
        font-size:16px;
    }

    .site-kart-icerik h3,
    .site-liste .site-kart-icerik h3,
    #products .site-kart-icerik h3{
        font-size:16px !important;
    }
.site-404{
    width:100%;
    float:left;
}

.site-404-kutu{
    background:#fff;
    border:1px solid #e5ecef;
    border-radius:16px;
    padding:40px 30px;
    text-align:center;
    margin-bottom:25px;
    box-shadow:0 3px 14px rgba(0,0,0,.04);
}

.site-404-kod{
    font-size:70px;
    line-height:1;
    font-weight:800;
    color:var(--site-color);
    margin-bottom:10px;
}

.site-404-baslik{
    font-size:30px;
    font-weight:700;
    margin-bottom:15px;
    color:#222;
}

.site-404-aciklama{
    font-size:16px;
    line-height:1.7;
    color:#666;
    max-width:700px;
    margin:0 auto 25px;
}

.site-404-btn{
    display:inline-block;
    background:var(--site-color);
    color:#fff;
    padding:12px 24px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
}

.site-404-btn:hover{
    color:#fff;
    opacity:.9;
}
/* Sponsor Bağlantılar - sabit düzgün yapı */
#footerSponsor{
    width:100% !important;
    float:left !important;
    clear:both !important;
    margin:20px 0 !important;
}

#footerSponsor > .container{
    max-width:980px !important;
    width:100% !important;
}

#footerSponsor .themeCatTitle.bgdark{
    width:100% !important;
    background:var(--site-color) !important;
    border-radius:14px 14px 0 0 !important;
    padding:12px 18px !important;
    margin:0 !important;
    text-align:center !important;
}

#footerSponsor .themeCatTitle.bgdark h3{
    margin:0 !important;
    padding:0 !important;
    color:#fff !important;
    font-size:22px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
}

#footerSponsor .themeCatTitle.bgdark + .container{
    width:100% !important;
    max-width:100% !important;
    padding:14px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #e5ecef !important;
    border-top:0 !important;
    border-radius:0 0 14px 14px !important;
    box-sizing:border-box !important;
}

#footerSponsor .themeCatTitle.bgdark + .container .row{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
    gap:10px !important;
    margin:0 !important;
}

#footerSponsor .themeCatTitle.bgdark + .container .row:before,
#footerSponsor .themeCatTitle.bgdark + .container .row:after{
    display:none !important;
}

#footerSponsor .themeCatTitle.bgdark + .container .row > div{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    padding:0 !important;
    float:none !important;
}

#footerSponsor .themeCatTitle.bgdark + .container h3{
    float:none !important;
    position:static !important;
    padding:0 !important;
    margin:0 !important;
    font-size:14px !important;
    line-height:1.4 !important;
}

#footerSponsor .themeCatTitle.bgdark + .container h3 a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-height:44px !important;
    padding:9px 10px !important;
    background:#f7fafb !important;
    border:1px solid #e5ecef !important;
    border-radius:10px !important;
    color:#333 !important;
    text-align:center !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.35 !important;
    text-decoration:none !important;
    box-sizing:border-box !important;
}

#footerSponsor .themeCatTitle.bgdark + .container h3 a:hover{
    background:var(--site-color) !important;
    border-color:var(--site-color) !important;
    color:#fff !important;
}

@media(max-width:992px){
    #footerSponsor .themeCatTitle.bgdark + .container .row{
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }
}

@media(max-width:768px){
    #footerSponsor .themeCatTitle.bgdark h3{
        font-size:18px !important;
    }

    #footerSponsor .themeCatTitle.bgdark + .container .row{
        grid-template-columns:1fr !important;
    }
}