/*
Theme Name: Kidolori
Theme URI: https://www.kidolori.com
Author: RAVENKU Digital
Author URI: https://digital.ravenku.com.com
Description: Kidolori çocuk boyama ve etkilinkerl için yapılan bir temadır.
Version: 1.00
*/
/* ### Degiskenler ve Genel Yapi >>> */
:root{--primary-color:#4A4E69; --accent-color:#FF847C; --accent-secondary:#99B898; --bg-color:#F9F5F2; --container-bg:#FFF; --topbar-bg:#FFF2E6; --border-color:#FF847C; --border-radius:25px; --font-heading:'Fredoka', sans-serif; --font-body:'Nunito', sans-serif; --shadow-soft:0 4px 20px rgba(74, 78, 105, 0.05); --bg-beige:#FBF5EE}
body{font-family:var(--font-body); background-color:var(--bg-color); color:var(--primary-color); overflow-x:hidden; display:flex; flex-direction:column; min-height:100vh; padding-top:80px}
/* WordPress Admin Bar Uyumu */
body.admin-bar .main-header{top:32px !important}
/* WordPress mobilde admin bar yüksekliğini 46px yapar */
@media screen and (max-width:782px){ body.admin-bar .main-header{top:46px !important} }
h1, h2, h3, h4, h5, h6, .nav-link, .btn{font-family:var(--font-heading)}
a{text-decoration:none; transition:0.3s;}
.text-primary {color:#FF080D !important;}
.text-accent{color:var(--accent-color) !important}
.text-accent-secondary{color:var(--accent-secondary) !important}
.text-primary-color{color:var(--primary-color) !important}
.btn-kidolori-outline{color:var(--accent-color); border:2px solid var(--accent-color); background-color:transparent; transition:all 0.3s ease}
.btn-kidolori-outline:hover{background-color:var(--accent-color); color:#FFF; transform:translateY(-2px); box-shadow:0 5px 15px rgba(255, 132, 124, 0.3)}
.btn-kidolori-dark{background-color:var(--primary-color); color:#FFF; border:none; transition:all 0.3s ease}
.btn-kidolori-dark:hover{background-color:#383B50; color:#FFF; transform:translateY(-2px); box-shadow:0 5px 15px rgba(74, 78, 105, 0.3)}
/* <<< Degiskenler ve Genel Yapi ### */

/* ### Yapi Grid ve Reklam Alanlari >>> */
@media(min-width:1400px){
.container-xl{max-width:1760px !important}
.header-hizalama, .main-content-col{width:1200px !important; flex:0 0 auto; /* Reklam eklendikten sonra silinecek>>*/margin-top:100px }
.ad-sidebar-col{display:block !important; width:250px; flex:0 0 auto}
.ad-left-col{margin-right:10px !important}
.ad-right-col{margin-left:10px !important}
}
@media (min-width: 1200px) {
    .h3, h3 {
        font-size: 1.20rem !important;
    }
}
@media(max-width:1399.98px){
.ad-sidebar-col{display:none !important}
}
.ad-banner-horizontal, .ad-mobile-banner-footer, .ad-mobile-banner-top, .ad-mobile-banner-midle, .ad-box, .inner-sidebar-ad, .inner-sidebar-ad-bottom{background:#FFFDFB !important; border:1px dotted #514D4D !important; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; box-sizing:border-box}
.ad-banner-horizontal::before, .ad-mobile-banner-midle::before, .ad-mobile-banner-footer::before, .ad-mobile-banner-top::before, .ad-box::before, .inner-sidebar-ad::before, .inner-sidebar-ad-bottom::before{color:#DAB6B4 !important; content:'Reklam Alanı'; position:absolute; font-family:var(--font-heading); font-size:1.2rem; font-weight:600; letter-spacing:2px; z-index:0}
.ad-top-banner{width:970px; height:230px; max-width:100%; margin:80px auto -15px}
.ad-middle-banner{min-height:120px; width:100%; margin-bottom:40px}
.ad-bottom-banner{width:970px; height:230px; max-width:100%; margin:-10px auto -35px !important}
.ad-mobile-banner-top{width:320px; height:50px; margin:-5px auto -20px !important}
.ad-mobile-banner-footer{width:320px; height:50px; margin:-15px auto -50px !important}
.ad-mobile-banner-midle{width:320px; height:50px; margin:-35px auto -65px !important}
.ad-box{width:250px; height:600px}
.ad-box::before, .inner-sidebar-ad::before{transform:rotate(-90deg); white-space:nowrap}
.ad-banner-horizontal > *, .ad-mobile-banner > *, .ad-box > *{z-index:1; position:relative}
.ad-sidebar-left{position:sticky; top:100px; z-index:10; width:100%}
.ad-sidebar-right{position:sticky; top:100px; z-index:10; width:100%; margin-left:-20px}
.inner-sidebar-ad{width:100%; height:400px}
.inner-sidebar-ad::before{content:'İç Reklam Alanı'}
.inner-sidebar-ad-bottom{width:100%; height:300px; position:sticky; top:100px; z-index:10}
/* <<< Yapi Grid ve Reklam Alanlari ### */

/* ### Header Navigasyon ve Arama >>> */
.main-header{background-color:#FFF; border-bottom:4px solid var(--border-color); z-index:1020; padding:0; height:80px; display:flex; align-items:center; transition:box-shadow 0.3s ease; position:absolute; top:0; left:0; width:100%}
.main-header.scrolled{background-color:rgba(255, 255, 255, 0.98); box-shadow:var(--shadow-soft); position:fixed; animation:headerSlideDown 0.4s forwards}
@keyframes headerSlideDown{0%{transform:translateY(-100%)} 100%{transform:translateY(0)}}
.navbar{width:100%; padding:0; height:100%}
.navbar .header-hizalama{height:100%; position:relative; margin:0 auto}
.navbar-brand{margin-right:0; display:flex; align-items:center}
.navbar-brand img{height:50px; transition:0.4s}
.navbar-toggler-icon-custom{color:var(--primary-color)}
.nav-link{font-weight:600; font-size:15px; color:var(--primary-color) !important; padding:28px 10px !important; display:flex; align-items:center; height:100%}
.nav-link:hover{color:var(--accent-color) !important}
.header-actions{display:flex; align-items:center; gap:15px; margin-left:auto}
.header-actions .dropdown-menu{min-width:160px; padding:8px; border:2px solid var(--topbar-bg); border-top:4px solid var(--accent-color); border-radius:12px; margin-top:15px !important}
.header-actions .dropdown-item{border-radius:8px; padding:8px 12px; font-weight:600; font-size:14px; color:var(--primary-color)}
.header-actions .dropdown-item:hover{background-color:var(--topbar-bg); color:var(--accent-color); transform:translateX(5px)}
.header-actions .dropdown-item img{width:22px; height:16px; border-radius:3px; border:1px solid #EEE; object-fit:cover}
.header-actions .dropdown{position:relative}
.header-actions .dropdown-menu::before{content:""; position:absolute; top:-15px; left:0; right:0; height:15px; background:transparent}
.lang-btn{background:#FFF; border:1px solid #DDD; border-radius:8px; padding:6px 12px; font-size:14px; font-weight:600; color:var(--primary-color); transition:0.3s; display:flex; align-items:center; gap:8px; height:38px}
.lang-flag{width:22px; height:16px; border-radius:3px; object-fit:cover}
.lang-btn-chevron{font-size:10px; opacity:0.6}
.search-trigger{width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:50%; cursor:pointer; transition:0.3s}
.search-trigger:hover{background:var(--topbar-bg); color:var(--accent-color)}
.dropdown-menu{border:none; border-top:4px solid var(--accent-color); box-shadow:0 15px 40px rgba(0, 0, 0, 0.1); border-radius:0 0 15px 15px; padding:0; margin-top:0}
@media(min-width:992px){
.has-mega-menu{position:static}
.has-mega-menu .dropdown-menu{position:absolute; width:100%; left:0; right:0; top:100%; background:#FFF; display:none; z-index:1050}
.dropdown:hover .dropdown-menu{display:block; animation:slideFadeDown 0.35s forwards}
.mega-sidebar{background:#FFFCF9; border-right:1px solid var(--border-color); min-height:270px; padding:25px}
.mega-content{padding:30px; min-height:250px}
}
@keyframes slideFadeDown{from{opacity:0; transform:translateY(-20px)} to{opacity:1; transform:translateY(0)}}
@keyframes simpleFade{from{opacity:0} to{opacity:1}}
.mega-heading{font-weight:700; margin-bottom:1rem; border-bottom:2px solid var(--topbar-bg); padding-bottom:5px}
.mega-tab-link{display:block; padding:12px 15px; border-radius:10px; color:#666; font-weight:600; margin-bottom:5px}
.mega-tab-link:hover, .mega-tab-link.active-category{background:#fff; color:var(--accent-color); box-shadow:0 4px 10px rgba(0, 0, 0, 0.05)}
.mega-category-content{display:none}
.mega-category-content.active-content{display:block; animation:simpleFade 0.4s}
.mega-card{position:relative; transition:0.3s; cursor:pointer; border-radius:15px; overflow:hidden; box-shadow:0 5px 15px rgba(0, 0, 0, 0.05); height:250px; display:flex; margin-top:-20px; margin-bottom:-20px}
.mega-card:hover{transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15)}
.mega-card img{display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; border:none; margin:0; padding:0; border-radius:0}
.mega-card:hover img{transform:scale(1.08)}
.mega-card-overlay{position:absolute; bottom:0; left:0; right:0; padding:50px 10px 15px; background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%); text-align:center; z-index:2; pointer-events:none}
.mega-card h5{margin:0; font-weight:700; color:#FFF; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.8); font-size:16px; line-height:1.2}

.mega-card2{position:relative; transition:0.3s; cursor:pointer; border-radius:15px; overflow:hidden; box-shadow:0 5px 15px rgba(0, 0, 0, 0.05); height:250px; display:flex; margin-top:-10px; margin-bottom:-10px}
.mega-card2:hover{transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.15)}
.mega-card2 img{display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease; border:none; margin:0; padding:0; border-radius:0}
.mega-card2:hover img{transform:scale(1.08)}
.mega-card-overlay{position:absolute; bottom:0; left:0; right:0; padding:50px 10px 15px; background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, transparent 100%); text-align:center; z-index:2; pointer-events:none}
.mega-card2 h5{margin:0; font-weight:700; color:#FFF; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.8); font-size:16px; line-height:1.2}
.offcanvas{border-radius:0 !important; background-color:var(--bg-color); width:300px !important; border:none !important}
.offcanvas-header{background:#FFF; border-bottom:2px solid var(--topbar-bg) !important; padding:20px}
.offcanvas .nav-link{padding:10px 20px !important; margin:4px 15px; border-radius:0; font-size:15px !important; color:var(--primary-color) !important; display:flex; align-items:center; gap:15px; transition:0.3s ease}
.offcanvas .nav-link:hover{background:#FFF; color:var(--accent-color) !important; transform:translateX(10px); box-shadow:var(--shadow-soft)}
.offcanvas .mt-auto{background:#FFF; padding:25px 20px; border-radius:0; box-shadow:0 -10px 25px rgba(0, 0, 0, 0.05)}
.mobile-nav-icon{width:25px; text-align:center}
.mobile-tool-item{display:flex; flex-direction:column; align-items:center; gap:4px; color:var(--primary-color); cursor:pointer}
.icon-circle{width:38px; height:38px; background:#FFF; border:1px solid var(--border-color); border-radius:0; display:flex; align-items:center; justify-content:center; font-size:16px; color:var(--accent-color); transition:0.3s}
.mobile-tool-item:hover .icon-circle{background:var(--accent-color); color:#FFF}
.mobile-label{font-size:11px}
.mobile-divider{width:1px; height:40px; background:#F0F0F0}
.mobile-lang-item{display:flex; flex-direction:column; align-items:center; gap:5px; color:var(--primary-color); opacity:0.6; transition:0.3s}
.mobile-lang-item.active, .mobile-lang-item:hover{opacity:1}
.mobile-lang-item img{width:36px; height:26px; border-radius:0; object-fit:cover; border:2px solid transparent; transition:0.3s}
.mobile-lang-item.active img{border-color:var(--accent-color)}
.search-overlay{position:fixed; inset:0; background:rgba(255, 255, 255, 0.98); z-index:2050; display:flex; justify-content:center; align-items:center; opacity:0; visibility:hidden; transition:0.3s}
.search-overlay.active{opacity:1; visibility:visible}
.search-input{width:80%; max-width:600px; border:none; border-bottom:3px solid var(--accent-secondary); font-size:24px; text-align:center; background:transparent; outline:none; font-family:var(--font-heading)}
.search-close-btn{position:absolute; top:25px; right:25px; font-size:30px; cursor:pointer; color:var(--primary-color); transition:0.3s ease}
.search-close-btn:hover{color:var(--accent-color); transform:scale(1.1)}
.navbar-toggler:focus, .btn-close:focus{box-shadow:none; outline:none}

/* Arama penceresini dikeyde ve yatayda tam ortala */
#searchOverlay {
    display: flex;
    align-items: center;    /* Dikeyde ortalar */
    justify-content: center; /* Yatayda ortalar */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9); /* Karartma miktarı */
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

/* Pencere açıldığında aktif olması için */
#searchOverlay.active {
    opacity: 1;
    visibility: visible;
}

/* Arama formunun boyutlarını ve genişliğini ayarla */
#searchOverlay form {
    width: 80%;            /* Genişliği ekranın %80'i kadar yap */
    max-width: 800px;      /* Çok geniş ekranlarda 800px'i geçmesin */
    display: flex;
    gap: 10px;
}

/* Arama kutusunu (input) uzat */
#searchOverlay #searchInput {
    width: 100%;
    padding: 15px 20px;
    font-size: 1.2rem;
    border-radius: 50px;   /* Kenarları yuvarlatır */
    border: none;
    outline: none;
}
/* <<< Header Navigasyon ve Arama ### */

/* ### Orta Icerik ve Anasayfa >>> */
.content-area{min-height:1000px; padding-top:15px !important; padding-bottom:15px !important}
.container-xl.my-4{margin-top:15px !important; margin-bottom:15px !important}
.kw-welcome-box{background-color:#FFF5EE; border-left:10px solid var(--accent-color); border-radius:1px; padding:35px 40px; box-shadow:0 4px 15px rgba(0, 0, 0, 0.02); margin-top:5px !important; margin-bottom:25px !important}
.kw-welcome-title{color:var(--primary-color); font-family:var(--font-heading); font-weight:800; font-size:32px; margin-bottom:15px; letter-spacing:-0.5px}
.kw-welcome-desc{color:#555; font-family:var(--font-body); font-size:16px; line-height:1.7; margin-bottom:0}
.kw-card{display:block; background-color:#FFF; border:2px solid #ECEFF1; padding:12px; border-radius:8px; transition:all 0.3s ease-in-out; height:100%}
.kw-card:hover{border-color:var(--accent-color); box-shadow:0 5px 15px rgba(255, 132, 124, 0.2); transform:translateY(-4px)}
.kw-img-box{border:1px dashed rgba(74, 78, 105, 0.3); padding:10px; margin-bottom:15px; background-color:#FFF; aspect-ratio:1 / 1; display:flex; align-items:center; justify-content:center; border-radius:4px}
.kw-img-box img{max-width:100%; max-height:100%; object-fit:contain; transition:transform 0.3s ease}
.kw-card:hover .kw-img-box img{transform:scale(1.05)}
.kw-title{color:var(--primary-color); font-family:var(--font-heading); font-size:17px; font-weight:700; text-align:center; margin:0; padding:0 5px 10px; line-height:1.3; transition:color 0.3s ease}
.kw-card:hover .kw-title{color:var(--accent-color)}

.kw-recent-section{background:linear-gradient(180deg, var(--bg-color) 0%, rgba(255, 132, 124, 0.1) 100%); padding-top:20px !important; padding-bottom:20px !important; padding-left:24px !important; padding-right:24px !important}
.kw-recent-main-title{font-family:var(--font-heading); font-weight:800; color:var(--primary-color); font-size:28px; letter-spacing:-0.5px; text-align:left; border-left:10px solid var(--accent-color); padding-left:20px; margin-bottom:25px !important; line-height:1.2}
.kw-recent-card{display:flex; flex-direction:column; background:#FFF; border-radius:8px; box-shadow:0 5px 20px rgba(74, 78, 105, 0.08); overflow:hidden; height:100%; transition:transform 0.3s ease, box-shadow 0.3s ease; border:1px solid #F0F0F0}
.kw-recent-card:hover{transform:translateY(-5px); box-shadow:0 15px 35px rgba(74, 78, 105, 0.15)}
.kw-recent-img{padding:10px; background:#FFF}
.kw-recent-img img{width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; border:1px solid #E8E8E8}
.kw-recent-body{padding:15px 20px 25px 20px; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(249, 245, 242, 0.5) 100%); flex-grow:1; display:flex; flex-direction:column; justify-content:flex-end}
.kw-recent-cat{color:var(--accent-color); font-size:13px; font-weight:800; margin-bottom:5px}
.kw-recent-title{color:var(--primary-color); font-size:17px; font-weight:800; margin:0; line-height:1.3; font-family:var(--font-heading)}
.kw-recent-footer{background:var(--accent-color); color:#FFF; padding:10px 20px; display:flex; justify-content:flex-end; gap:15px; font-size:14px; font-weight:600}
.kw-recent-footer span{display:flex; align-items:center; gap:6px}
/* <<< Orta Icerik ve Anasayfa ### */

/* ### Orta Sag Sidebar Widgets >>> */
.sidebar-widget{background:#FFF; border:2px solid var(--topbar-bg); border-radius:20px; padding:20px; box-shadow:var(--shadow-soft)}
.sidebar-widget-title{font-size:1.2rem; color:var(--primary-color); margin-bottom:15px; font-weight:800; position:relative; padding-left:12px; padding-bottom:0; border:none}
.sidebar-widget-title::before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); height:20px; width:4px; background:var(--accent-color); border-radius:4px}
.sidebar-link-list{list-style:none; padding:0; margin:0}
.sidebar-link-list li{margin-bottom:12px}
.sidebar-link-list li:last-child{margin-bottom:0}
.sidebar-link-list a{color:#666; font-size:15px; display:flex; align-items:center; transition:0.3s;}
.sidebar-link-list a:hover{color:var(--accent-color); transform:translateX(5px)}
.sidebar-link-list a i{color:var(--accent-secondary); margin-right:12px; font-size:12px}
/* <<< Orta Sag Sidebar Widgets ### */

/* ### Sayfa Ozel Tasarimlari Kategori Detay Iletisim Hakkinda >>> */
.kw-breadcrumb .breadcrumb-item a{color:var(--primary-color); text-decoration:none; font-weight:600; font-size:14px}
.kw-breadcrumb .breadcrumb-item a:hover{color:var(--accent-color)}
.kw-breadcrumb .breadcrumb-item.active{color:#888; font-size:14px}
.kw-breadcrumb .breadcrumb-item + .breadcrumb-item::before{content:"\f105"; font-family:"Font Awesome 6 Free"; font-weight:900; color:#CCC}
.kw-catpage-title{font-family:var(--font-heading); color:var(--primary-color); font-size:32px; font-weight:800; margin-bottom:10px; border-left:8px solid var(--accent-color); padding-left:15px}
.kw-catpage-desc{color:#666; font-size:15px; line-height:1.6; margin-left:23px}
.kw-breadcrumb-nav{overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none}
.kw-breadcrumb-nav::-webkit-scrollbar{display:none}
.kw-breadcrumb{display:flex !important; flex-wrap:nowrap !important; align-items:center; width:max-content; padding-bottom:2px}
.kw-breadcrumb .breadcrumb-item{flex-shrink:0 !important; display:flex; align-items:center; font-size:14px}
.kw-breadcrumb .breadcrumb-item i.fa-home{font-size:15px; margin-top:-2px}
.kw-sort-select{border-radius:8px; border:1px solid #DDD; color:var(--primary-color); font-weight:600; cursor:pointer}
.kw-sort-select:focus{border-color:var(--accent-color); box-shadow:none}
.kw-cat-card{display:flex; flex-direction:column; background:#FFF; border-radius:8px; box-shadow:0 4px 12px rgba(0, 0, 0, 0.06); overflow:hidden; height:100%; transition:transform 0.3s ease, box-shadow 0.3s ease; border:1px solid #f0f0f0}
.kw-cat-card:hover{transform:translateY(-5px); box-shadow:0 10px 25px rgba(0, 0, 0, 0.12)}
.kw-cat-img{padding:15px; background:#FFF}
.kw-cat-img img{width:100%; height:auto; aspect-ratio:4/5; object-fit:contain; border:1px solid #E8E8E8}
.kw-cat-body{padding:15px 20px 25px 20px; background:linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 132, 124, 0.05) 100%); flex-grow:1; display:flex; flex-direction:column; justify-content:flex-end}
.kw-cat-badge{color:var(--accent-color); font-size:13px; font-weight:800; margin-bottom:5px}
.kw-cat-title{color:var(--primary-color); font-size:17px; font-weight:800; margin:0; line-height:1.3; font-family:var(--font-heading)}
.kw-cat-footer{background:var(--accent-color); color:#FFF; padding:10px 20px; display:flex; justify-content:flex-end; gap:15px; font-size:14px; font-weight:600}
.kw-cat-footer span{display:flex; align-items:center; gap:6px}
.kw-pagination .page-link{color:var(--primary-color); border:none; margin:0 5px; border-radius:8px; font-weight:700; width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.3s ease; background:#F8F9FA}
.kw-pagination .page-item.active .page-link, .kw-pagination .page-link:hover{background-color:var(--accent-color); color:#FFF; box-shadow:0 4px 10px rgba(255, 132, 124, 0.3)}
.kw-pagination .page-item.disabled .page-link{background:transparent; color:#CCC}
.kw-tag-item{background-color:#F5F6F8; color:#555; font-size:13px; font-weight:600; padding:6px 14px; border-radius:50px; text-decoration:none; transition:all 0.3s ease; border:1px solid #EAEAEA}
.kw-tag-item:hover{background-color:var(--accent-color); color:#FFF; border-color:var(--accent-color); transform:translateY(-2px); box-shadow:0 4px 10px rgba(255, 132, 124, 0.2)}
.kw-section-title{font-family:var(--font-heading); font-weight:800; color:var(--primary-color); font-size:26px; border-left:6px solid var(--accent-color); padding-left:12px}
.kw-comment-form-box{background-color:var(--bg-color); border:1px dashed rgba(74, 78, 105, 0.2)}
.kw-form-input{border:1px solid #DDD; border-radius:8px; padding:12px 15px; font-size:15px; color:var(--primary-color); transition:all 0.3s ease}
.kw-form-input:focus{border-color:var(--accent-color); box-shadow:0 0 0 3px rgba(255, 132, 124, 0.15); outline:none}
.kw-comment-content{background-color:#FFF; border-color:#EFEFEF !important; position:relative; box-shadow:0 2px 8px rgba(0, 0, 0, 0.02)}
.kw-detail-img-box{border:1px solid #E5E5E5; padding:15px; border-radius:4px; background:#FFF; position:relative}
.kw-detail-img{width:100%; height:auto; object-fit:contain}
.kw-pin-badge{position:absolute; top:0; left:0; background-color:#E60023; color:#FFF; font-size:14px; font-weight:700; padding:1px 14px; border-radius:4px 0 8px 0; text-decoration:none; display:flex; align-items:center; gap:6px; transition:background 0.3s ease}
.kw-pin-badge:hover{background-color:#B30018; color:#FFF}
.kw-download-box{background:#FFF}
.kw-btn-download{display:block; width:100%; background-color:#4A88FF; color:#FFF; font-weight:800; font-family:var(--font-heading); letter-spacing:0.5px; padding:14px; font-size:16px; border-radius:4px; transition:all 0.3s ease}
.kw-btn-download:hover{background-color:#3570DF; color:#FFF; transform:translateY(-2px); box-shadow:0 6px 15px rgba(74, 136, 255, 0.3)}
.kw-detail-title{font-family:var(--font-heading); font-weight:800; color:var(--primary-color); font-size:32px; margin-bottom:15px; border-left:8px solid var(--accent-color); padding-left:15px; line-height:1.2}
.kw-share-text{font-size:16px; color:#555; margin-bottom:10px}
.kw-share-icons{display:flex; flex-wrap:wrap; gap:8px}
.kw-social-icon{width:36px; height:36px; display:flex; align-items:center; justify-content:center; color:#FFF; border-radius:6px; font-size:16px; text-decoration:none; transition:transform 0.2s ease, opacity 0.2s ease}
.kw-social-icon:hover{color:#FFF; transform:scale(1.08); opacity:0.9}
.bg-google{background-color:#FFB900}
.bg-x{background-color:#000000}
.bg-fb{background-color:#1877F2}
.bg-pin{background-color:#E60023}
.bg-wa{background-color:#25D366}
.bg-more{background-color:#0066FF}
.kw-detail-desc{font-size:16px; line-height:1.8; color:#444}
.kw-detail-desc p{margin-bottom:12px}
.kw-detail-meta{border:1px solid #E5E5E5; border-radius:4px; background:#FFF}
.kw-meta-row{display:flex; justify-content:space-between; align-items:center; padding:15px 20px}
.kw-meta-row:not(:last-child){border-bottom:1px solid #E5E5E5}
.kw-meta-label{font-weight:600; color:#555; font-size:15px}
.kw-meta-link{color:#4A88FF; text-decoration:none; font-weight:600}
.kw-meta-link:hover{text-decoration:underline}
.kw-grade-badge{background-color:#F0F0F0; color:#333; font-size:13px; padding:6px 12px; border-radius:4px; font-weight:700}
.kw-contact-card{background-color:#FFF; border:1px solid #EFEFEF; border-radius:12px; padding:30px 20px; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(0, 0, 0, 0.03)}
.kw-contact-card:hover{transform:translateY(-5px); box-shadow:0 10px 25px rgba(74, 78, 105, 0.1); border-color:var(--accent-color)}
.kw-contact-icon{width:60px; height:60px; background-color:rgba(255, 132, 124, 0.1); color:var(--accent-color); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; transition:all 0.3s ease}
.kw-contact-card:hover .kw-contact-icon{background-color:var(--accent-color); color:#FFF; transform:scale(1.1)}
.kw-contact-card-title{font-family:var(--font-heading); font-weight:800; color:var(--primary-color); font-size:20px; margin-bottom:10px}
.kw-contact-card-text{font-size:14px; color:#666; margin-bottom:15px; line-height:1.5}
.kw-contact-link{color:var(--accent-color); text-decoration:none; font-size:15px; transition:0.2s}
.kw-contact-link:hover{color:var(--primary-color)}
.kw-social-circle{width:36px; height:36px; background-color:#F5F6F8; color:var(--primary-color); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:15px; transition:all 0.3s ease}
.kw-social-circle:hover{background-color:var(--accent-color); color:#FFF; transform:translateY(-3px)}
.kw-contact-form-wrapper{background-color:#FFF; border:1px solid #EAEAEA; box-shadow:0 5px 30px rgba(0, 0, 0, 0.03)}
select.kw-form-input{cursor:pointer; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234A4E69' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; background-size:12px 12px}
.kw-about-img{border:1px solid #EFEFEF; transition:transform 0.4s ease}
.kw-about-img:hover{transform:scale(1.02)}
.kw-about-text p{font-size:16px; line-height:1.8; color:#555; margin-bottom:15px}
.kw-about-text strong{color:var(--primary-color); font-weight:800}
.kw-mission-card{background-color:#FBF5EE; border:1px solid rgba(255, 132, 124, 0.1); transition:all 0.3s ease}
.kw-mission-card:hover{background-color:#FFF; border-color:var(--accent-color); box-shadow:0 10px 25px rgba(74, 78, 105, 0.05); transform:translateY(-3px)}
.kw-mission-icon{width:50px; height:50px; background-color:var(--accent-color); color:#FFF; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:20px; box-shadow:0 4px 10px rgba(255, 132, 124, 0.3)}
.kw-features-section{border-color:#EFEFEF !important; box-shadow:0 2px 10px rgba(0, 0, 0, 0.01)}
.kw-feature-icon{width:45px; height:45px; background-color:#F5F6F8; color:var(--primary-color); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; transition:all 0.3s ease}
.kw-features-section .col:hover .kw-feature-icon{background-color:var(--accent-color); color:#FFF; transform:rotate(10deg)}
/* <<< Sayfa Ozel Tasarimlari Kategori Detay Iletisim Hakkinda ### */

/* ### Footer Ve Alt Bolumler >>> */
.site-footer{position:relative; background-color:var(--primary-color); margin-top:0.5rem}
.footer-wave-wrap{position:absolute; top:-40px; left:0; width:100%; overflow:hidden; line-height:0}
.footer-desc-text{color:rgba(255, 255, 255, 0.8); font-size:15px; line-height:1.6; text-align:justify}
.footer-heading{color:var(--accent-secondary); font-size:1.2rem; font-weight:600; margin-bottom:25px; position:relative; padding-bottom:10px}
.footer-heading::after{content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%; height:3px; background:var(--accent-color); border-radius:10px}
.footer-link-new{position:relative; padding-left:20px; color:rgba(255, 255, 255, 0.6); text-decoration:none; font-size:14px; margin-bottom:12px; display:block; transition:all 0.3s ease}
.footer-link-new::before{content:'\f005'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:10px; color:var(--accent-color); transition:all 0.3s ease}
.footer-link-new:hover{color:#FFF}
.social-icon{width:38px; height:38px; background:rgba(255, 255, 255, 0.05); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#FFF; font-size:16px; transition:all 0.3s ease; border:1px solid rgba(255, 255, 255, 0.1)}
.social-icon:hover{background:var(--accent-color); color:#FFF; transform:translateY(-3px); box-shadow:0 5px 15px rgba(255, 132, 124, 0.3)}
.newsletter-subtitle{color:rgba(255, 255, 255, 0.7)}
.newsletter-input{padding-left:20px}
.newsletter-form .form-control:focus{box-shadow:none; background:#FFF}
.btn-newsletter{background-color:var(--accent-color); color:white; border:none; transition:0.3s ease}
.btn-newsletter:hover{background-color:#FF6B60; color:white}
.footer-bottom-bar{background:rgba(0, 0, 0, 0.15); border-top:1px solid rgba(255, 255, 255, 0.05)}
.mobile-footer-text{font-size:12px !important; color:rgba(255, 255, 255, 0.5)}
.footer-version{margin-left:5px; opacity:0.6; font-family:monospace}
.footer-brand{color:var(--accent-secondary); font-weight:bold}
#backToTopBtn{position:fixed; bottom:30px; right:10px; z-index:9999; border:none; outline:none; background-color:var(--accent-color); color:white; cursor:pointer; width:50px; height:50px; border-radius:50%; font-size:20px; display:flex; align-items:center; justify-content:center; box-shadow:0 5px 15px rgba(255, 132, 124, 0.4); opacity:0; visibility:hidden; transform:translateY(20px); transition:all 0.3s ease-in-out}
#backToTopBtn.show{opacity:1; visibility:visible; transform:translateY(0)}
#backToTopBtn:hover{background-color:var(--primary-color); box-shadow:0 8px 25px rgba(74, 78, 105, 0.4); transform:translateY(-5px)}
/* <<< Footer Ve Alt Bolumler ### */

/* ### Medya Sorgulari Ve Responsive Tablet >>> */
@media (min-width:768px) and (max-width:991px){
body{padding-top:65px}
.main-header{height:65px !important}
.navbar-brand img{height:35px !important; width:auto}
.navbar-brand{display:flex; align-items:center; padding-top:0; padding-bottom:0}
.offcanvas{width:350px !important}
.offcanvas-body{padding:0 !important}
.offcanvas-body .nav{padding:15px}
.offcanvas .mt-auto{padding:10px 0 !important; margin:0; width:100%}
.mobile-bottom-actions{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 15px}
.mobile-languages{display:flex; align-items:center; gap:20px; flex-grow:1; justify-content:space-evenly}
.icon-circle{width:36px; height:36px; border-radius:8px; margin:0 auto}
.mobile-tool-item{flex:0 0 60px; text-align:center}
.mobile-divider{width:1px; height:30px; background:#EEE; margin:0 5px}
.mobile-policy-links{display:flex; flex-wrap:wrap; justify-content:center; gap:15px; margin:5px 0; padding:15px; border-top:1px solid #EEE; background:#FFF}
.mobile-policy-links a{font-size:12px; color:#888; text-decoration:none; font-weight:600}
.kw-mobile-scroll{display:grid !important; grid-template-rows:repeat(2, 1fr) !important; grid-auto-flow:column !important; grid-auto-columns:calc(33.333% - 10px) !important; gap:15px !important; overflow-x:auto !important; overflow-y:hidden !important; margin-left:0 !important; margin-right:0 !important; padding:5px 0 20px 0 !important; justify-content:flex-start !important; align-content:flex-start !important; scroll-snap-type:x mandatory; scroll-padding-left:0 !important; -webkit-overflow-scrolling:touch}
.kw-mobile-scroll > .col{display:block !important; flex:none !important; width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; margin:0 !important; scroll-snap-align:start}
.kw-card{padding:12px; border-width:2px; height:100%; display:flex; flex-direction:column; justify-content:center}
.kw-img-box{padding:10px; margin-bottom:12px}
.kw-title{font-size:15px}
.kw-mobile-scroll::-webkit-scrollbar{height:8px; display:block}
.kw-mobile-scroll::-webkit-scrollbar-track{background:rgba(74, 78, 105, 0.1); border-radius:10px}
.kw-mobile-scroll::-webkit-scrollbar-thumb{background:var(--accent-color); border-radius:10px}
.kw-recent-section{margin-left:-24px !important; margin-right:-24px !important; padding-left:0 !important; padding-right:0 !important; padding-top:35px !important}
.kw-recent-main-title{margin-left:24px; font-size:24px}
.kw-recent-scroll{display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; overflow-y:hidden !important; margin-left:0 !important; margin-right:0 !important; padding:5px 24px 20px 24px !important; scroll-snap-type:x mandatory; scroll-padding-left:24px !important; -webkit-overflow-scrolling:touch}
.kw-recent-scroll > .col{flex:0 0 33.333% !important; max-width:33.333% !important; padding-left:0 !important; padding-right:15px !important; scroll-snap-align:start}
.kw-recent-img{padding:12px}
.kw-recent-body{padding:12px 15px 18px 15px}
.kw-recent-cat{font-size:12px; margin-bottom:4px}
.kw-recent-title{font-size:15px}
.kw-recent-footer{padding:8px 15px; font-size:13px; gap:12px}
.kw-recent-scroll::-webkit-scrollbar{height:8px; display:block}
.kw-recent-scroll::-webkit-scrollbar-track{background:rgba(74, 78, 105, 0.1); border-radius:10px; margin:0 24px}
.kw-recent-scroll::-webkit-scrollbar-thumb{background:var(--accent-color); border-radius:10px}
.w-md-auto{width:auto !important}
}
/* <<< Medya Sorgulari Ve Responsive Tablet ### */

/* ### Kategori Sayfasi Ortak 991px Alti >>> */
@media(max-width:991px){
.kw-catpage-title{font-size:24px; margin-left:0}
.kw-catpage-desc{margin-left:0; font-size:14px}
.kw-cat-img{padding:8px}
.kw-cat-body{padding:8px 10px 12px 10px}
.kw-cat-badge{font-size:10px; margin-bottom:3px}
.kw-cat-title{font-size:13px}
.kw-cat-footer{padding:6px 10px; font-size:11px; gap:10px}
.kw-breadcrumb-nav{overflow-x:auto; -webkit-overflow-scrolling:touch; padding-bottom:4px}
.kw-breadcrumb{flex-wrap:nowrap !important; white-space:nowrap !important}
.kw-breadcrumb-nav::-webkit-scrollbar{display:none}
}
/* <<< Kategori Sayfasi Ortak 991px Alti ### */

/* ### Mobil Uyumu 767px Ve Alti >>> */
@media(max-width:767px){
body{padding-top:65px}
#backToTopBtn{bottom:38px; right:2px; width:45px; height:45px; font-size:16px}
.navbar-brand img{height:35px !important; width:auto}
.navbar-brand{display:flex; align-items:center; padding-top:0; padding-bottom:0}
.main-header{height:65px !important}
.main-content-col, .content-area{padding-left:0 !important; padding-right:0 !important}
.content-area{padding-top:10px !important; padding-bottom:10px !important}
.kw-welcome-box{padding:20px 20px; border-radius:1px; border-left-width:6px; margin-bottom:50px !important}
.kw-welcome-title{font-size:1.1rem; margin-bottom:12px}
.kw-welcome-desc{font-size:15px; line-height:1.6}
.mobile-scroll-row{display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; padding:0 15px 15px 15px; gap:10px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch}
.mobile-scroll-row::-webkit-scrollbar{height:4px; display:block}
.mobile-scroll-row::-webkit-scrollbar-track{background:#F1F1F1; border-radius:10px; margin:0 15px}
.mobile-scroll-row::-webkit-scrollbar-thumb{background:var(--accent-color); border-radius:10px}
.mobile-scroll-row .col{flex:0 0 150px; max-width:150px; scroll-snap-align:start}
.offcanvas-body{padding:0 !important}
.offcanvas-body .nav{padding:15px}
.offcanvas .mt-auto{padding:10px 0 !important; margin:0; width:100%}
.offcanvas .mt-auto .d-flex.justify-content-between{padding:0 15px}
.footer-bottom-bar .text-start, .footer-bottom-bar .text-end{text-align:center !important; width:100%; flex:0 0 100%}
.mobile-footer-text{font-size:11px !important; display:block; margin-bottom:5px}
.mobile-policy-links{display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:5px 0; padding:15px; border-top:1px solid #EEE; background:#FFF}
.mobile-policy-links a{font-size:11px; color:#888; text-decoration:none; font-weight:600}
.mobile-bottom-actions{display:flex; align-items:center; justify-content:space-between; gap:10px}
.mobile-languages{display:flex; align-items:center; gap:20px; flex-grow:1; justify-content:space-evenly}
.icon-circle{width:36px; height:36px; border-radius:8px; margin:0 auto}
.mobile-tool-item{flex:0 0 60px; text-align:center}
.mobile-divider{width:1px; height:30px; background:#EEE; margin:0 5px}
.kw-intro-title{font-size:1.2rem}
.kw-intro-desc{font-size:0.90rem; line-height:1.5; text-align:justify}
.kw-mobile-scroll{display:grid !important; grid-template-rows:repeat(2, 1fr) !important; grid-auto-flow:column !important; grid-auto-columns:calc(50% - 10px) !important; gap:15px !important; overflow-x:auto !important; overflow-y:hidden !important; margin-left:0 !important; margin-right:0 !important; padding:5px 15px 20px 15px !important; justify-content:flex-start !important; align-content:flex-start !important; scroll-snap-type:x mandatory; scroll-padding-left:15px; -webkit-overflow-scrolling:touch}
.kw-mobile-scroll > .col{display:block !important; flex:none !important; width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; margin:0 !important; scroll-snap-align:start}
.kw-mobile-scroll::-webkit-scrollbar{height:6px; display:block}
.kw-mobile-scroll::-webkit-scrollbar-track{background:rgba(74, 78, 105, 0.1); border-radius:10px; margin:0 10px}
.kw-mobile-scroll::-webkit-scrollbar-thumb{background:var(--accent-color); border-radius:10px}
.kw-card{padding:8px; border-width:1.5px; height:100%; display:flex; flex-direction:column; justify-content:center}
.kw-img-box{padding:6px; margin-bottom:8px}
.kw-title{font-size:13px}
.kw-recent-section{margin-left:-15px !important; margin-right:-15px !important; padding-left:0 !important; padding-right:0 !important; padding-top:10px !important}
.kw-recent-main-title{margin-left:25px; font-size:20px; padding-left:12px; border-left-width:6px}
.kw-recent-scroll{display:flex !important; flex-wrap:nowrap !important; overflow-x:auto !important; overflow-y:hidden !important; margin-left:10px !important; margin-right:10px !important; padding:0 0 15px 15px !important; scroll-snap-type:x mandatory; scroll-padding-left:15px !important; -webkit-overflow-scrolling:touch}
.kw-recent-scroll > .col{flex:0 0 50% !important; max-width:50% !important; padding-left:0 !important; padding-right:12px !important; scroll-snap-align:start}
.kw-recent-img{padding:8px}
.kw-recent-body{padding:8px 10px 12px 10px}
.kw-recent-cat{font-size:10px; margin-bottom:3px}
.kw-recent-title{font-size:12px}
.kw-recent-footer{padding:6px 10px; font-size:11px; gap:10px}
.kw-recent-scroll::-webkit-scrollbar{height:6px; display:block}
.kw-recent-scroll::-webkit-scrollbar-track{background:rgba(74, 78, 105, 0.1); border-radius:10px; margin:0 15px}
.kw-recent-scroll::-webkit-scrollbar-thumb{background:var(--accent-color); border-radius:10px}
.kw-breadcrumb-nav, .kw-catpage-header, .kw-catpage-filter{padding-left:15px !important; padding-right:15px !important}
.kw-cat-grid{padding-left:8px !important; padding-right:8px !important}
.kw-cat-grid > .col{padding-left:6px !important; padding-right:6px !important}
.kw-comment-avatar img{width:40px; height:40px}
.kw-comment-content{padding:12px !important}
.kw-comment-form-box{padding:20px !important}
.kw-share-text{font-size:14px}
.kw-social-icon{width:32px; height:32px; font-size:14px}
.kw-detail-desc{font-size:15px}
.kw-meta-row{padding:12px 15px}
.kw-detail-row{padding-left:10px !important; padding-right:10px !important}
.kw-detail-title{font-size:24px; margin-left:0}
.kw-detail-img-box{max-width:280px; margin:0 auto 15px auto; padding:10px}
.kw-contact-card{padding:20px}
.kw-contact-form-wrapper{padding:25px 20px !important}
.w-md-auto{width:100% !important}
.kw-about-text p{font-size:15px}
.kw-mission-card{padding:20px !important}
.kw-features-section{padding:20px !important}
.kw-comments-section{padding-left:15px !important; padding-right:15px !important}
.kw-comment-form-box{padding:20px 15px !important; margin-left:0 !important; margin-right:0 !important}
.kw-comment-content{padding:15px !important}
.kw-comment-item{gap:10px !important}
}
/* <<< Mobil Uyumu 767px Ve Alti ### */


/* Kategori sayılarının görünümü */
.badge-count {
    font-size: 0.85em;
    opacity: 0.7;
    margin-left: 5px;
    font-weight: normal;
}

/* Hover durumunda sayıların da belirginleşmesi için */
.footer-link-new:hover .badge-count {
    opacity: 1;
    color: #FF847C; /* Temanızın vurgu rengi */
}


/* Kidolori Breadcrumb (Yol Bulucu) Tasarımı */
.kidolori-breadcrumb {
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
}

/* Ev İkonu */
.kidolori-breadcrumb .fa-home {
    color: #475569; /* Koyu lacivert/gri */
    transition: color 0.3s ease;
}
.kidolori-breadcrumb .fa-home:hover {
    color: #ff8580; /* Üzerine gelince Kidolori pembesi/somonu olsun */
}

/* Ok (Ayraç) İkonları */
.kidolori-breadcrumb .ayrac-ikon {
    color: #cbd5e1; /* Görseldeki uçuk gri ok rengi */
    font-size: 0.5rem;
}

/* Tıklanabilir Mavi Linkler */
.kidolori-breadcrumb .breadcrumb-link a {
    color: #3b82f6; /* Görseldeki mavi renk */
    transition: all 0.3s ease;
}
.kidolori-breadcrumb .breadcrumb-link a:hover {
    color: #1d4ed8;
    text-decoration: underline !important;
}

/* Bulunulan Aktif Sayfa (Tıklanamaz Son Yazı) */
.kidolori-breadcrumb .aktif-sayfa {
    color: #64748b; /* Görseldeki grimsi lacivert metin rengi */
}


/* Kidolori Alt Kategori Kutu Başlıkları (kw-title) İnce Ayarı */
.kw-card .kw-title {
    font-size: 16px !important; /* Başlık boyutunu buradan ayarlayabilirsin (14px veya 18px deneyebilirsin) */
    font-weight: 600; /* Yarı kalın zarif bir font */
    color: #2c3e50; /* Göz yormayan koyu lacivert/gri tonu */
    margin-top: 12px; /* Resim ile yazı arasındaki nefes boşluğu */
    margin-bottom: 5px;
    
    /* Uzun başlıklar kutuyu patlatmasın diye taşmayı engelleme: */
   /* white-space: nowrap; */
				word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
				
				white-space: normal !important;   /* Metni serbest bırak */
    width: 120px !important;    /* Genişliği en uzun kelimeye kilitle */
    margin: 0 auto !important;        /* Kutuyu tam ortaya hizala */
    text-align: center !important;    /* İki kelimeyi de birbirine ortala */
    line-height: 1.2 !important;
}

/* Farenin ucuyla üzerine gelince başlığın rengi tatlı bir şekilde değişsin (İsteğe bağlı) */
.kw-card:hover .kw-title {
    color: #ff8580; /* Kidolori'nin o şık pembe/somon rengi */
    transition: color 0.3s ease;
}


.kw-info-section{background:linear-gradient(180deg, var(--bg-color) 0%, rgba(255, 132, 124, 0.1) 100%); padding:40px 30px; border-radius:16px; margin-top:3rem; margin-bottom:2rem} @media(max-width:767px){.kw-info-section{padding:25px 20px}} .kw-info-title{color:var(--primary-color); font-family:var(--font-heading); font-weight:800; font-size:28px; line-height:1.3; margin-bottom:1rem} .kw-info-subtitle{color:var(--accent-color); font-weight:700; font-size:18px; margin-bottom:1.5rem} .kw-info-text{color:#555; line-height:1.7; font-size:15px; margin-bottom:2rem} .kw-feature-box{display:flex; gap:15px} .kw-feature-icon-box{flex-shrink:0; width:45px; height:45px; border:2px solid var(--accent-color); border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--accent-color); font-size:20px} .kw-feature-title{color:var(--primary-color); font-family:var(--font-heading); font-size:18px; font-weight:700; margin-bottom:8px} .kw-feature-desc{color:#666; font-size:14px; line-height:1.6} .kw-check-list{list-style:none; padding:0; margin:0 0 2rem 0} .kw-check-list li{position:relative; padding-left:28px; margin-bottom:12px; color:#555; font-size:15px; line-height:1.6} .kw-check-list li::before{content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; left:0; top:2px; color:var(--accent-secondary); font-size:18px} .kw-check-list li strong{color:var(--primary-color)} .kw-cta-box{border:1px solid #EAEAEA; border-radius:12px; padding:30px; text-align:center; background-color:#FFF; margin-bottom:3rem; box-shadow:0 5px 20px rgba(0,0,0,0.02)} .kw-cta-title{color:var(--primary-color); font-family:var(--font-heading); font-weight:800; font-size:22px; margin-bottom:10px} .kw-cta-text{color:#555; font-size:15px; margin-bottom:20px} .kw-resources-title{text-align:center; color:#777; font-size:13px; font-weight:700; letter-spacing:1px; margin-bottom:20px; text-transform:uppercase} .kw-resource-card{display:block; text-decoration:none; border:1px solid #EAEAEA; border-radius:8px; padding:20px; text-align:center; transition:all 0.3s ease; background:#FFF} .kw-resource-card:hover{border-color:var(--accent-color); transform:translateY(-3px); box-shadow:0 5px 15px rgba(0,0,0,0.05)} .kw-resource-card-title{color:var(--primary-color); font-family:var(--font-heading); font-weight:700; font-size:18px; margin-bottom:5px} .kw-resource-card-desc{color:#666; font-size:14px; margin:0}