/* Sohbet Sistemi Arayüzü V3.2.7 */
:root{--ssblue:#4054bf;--ssdark:#071327;--sspink:#e91e63}
body.ss327-sade{background:#eef1ff;color:#14205c}
.container{max-width:1140px}
.ss327-logo,.text-logo{color:var(--ssblue)!important;font-weight:950;font-size:30px;letter-spacing:.4px;text-decoration:none!important;text-transform:uppercase}
.ss327-navbox{border:2px solid var(--ssblue);border-radius:24px}
.ss327-menu{gap:6px}
.ss327-menu .nav-link{
    position:relative;isolation:isolate;overflow:hidden;border-radius:999px;
    padding:10px 14px!important;color:#10227f!important;font-size:13px;font-weight:950;text-transform:uppercase;
    transition:color .24s ease,transform .24s ease,box-shadow .24s ease
}
.ss327-menu .nav-link:before{
    content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,#4054bf,#6a55dc);
    transform:scaleX(0);transform-origin:left center;transition:transform .26s ease;z-index:-1
}
.ss327-menu .nav-link:hover,.ss327-menu .nav-link.active{color:#fff!important;transform:translateY(-3px);box-shadow:0 12px 24px rgba(64,84,191,.20)}
.ss327-menu .nav-link:hover:before,.ss327-menu .nav-link.active:before{transform:scaleX(1)}
.ss327-header-small{min-height:auto!important;padding-bottom:30px}
.ss327-hero-wrap{padding-bottom:35px}
.ss327-page-wrap{position:relative;padding:50px 0 80px}
.ss327-content-card{background:#fff;border:2px solid var(--ssblue);border-radius:24px;padding:34px 38px;box-shadow:0 18px 45px rgba(64,84,191,.06)}
.ss327-content-card h1{color:var(--ssblue);font-weight:950;text-transform:uppercase;margin-bottom:18px}
.ss327-content-card p,.ss327-content-card li{line-height:1.75;color:#24305d}
.ss327-sidebar{position:relative;z-index:2}
.ss327-side-card{background:linear-gradient(180deg,#101a37,#071327);border:1px solid rgba(64,84,191,.4);border-radius:18px;padding:16px;margin-bottom:16px;box-shadow:0 18px 45px rgba(0,0,0,.14);color:#fff}
.ss327-side-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:950;text-transform:uppercase;margin-bottom:12px}
.ss327-side-title span{width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#4268ff,#e91e63);display:flex;align-items:center;justify-content:center}
.ss327-side-link,.ss327-mini-post{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;border-radius:12px;background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none!important;padding:8px 11px;margin-bottom:8px;font-weight:850;transition:.24s ease}
.ss327-side-link:hover,.ss327-mini-post:hover{transform:translateY(-3px);background:rgba(64,84,191,.28)}
.ss327-side-link b{min-width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.ss327-mini-post{justify-content:flex-start}
.ss327-mini-post i{width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,#e91e63,#7c3aed);display:flex;align-items:center;justify-content:center;font-style:normal;flex:0 0 auto}
.ss327-mini-post span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.ss327-empty{min-height:70px;display:flex;align-items:center;justify-content:center;color:#aab7d8;text-align:center;font-size:12px}
.ss327-cta{text-align:center;padding:24px}
.ss327-cta .crown{font-size:28px;margin-bottom:10px}
.ss327-cta h3{font-size:18px;font-weight:950;margin-bottom:8px}
.ss327-cta p{color:#aab7d8;font-size:13px;line-height:1.55}
.ss327-cta a{display:inline-flex;min-height:38px;padding:9px 17px;border-radius:999px;background:linear-gradient(135deg,#e91e63,#7c3aed);color:#fff!important;text-decoration:none!important;font-weight:950}
.ss327-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:10px 0}
.ss327-meta-grid span{background:#f9f9f9;border:1px solid #e4e7f2;border-radius:9px;min-height:30px;display:flex;align-items:center;justify-content:center;gap:4px;color:#565656;font-size:11px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 6px}
.ss327-post-card .smallbas a{text-decoration:none;color:inherit}
.ss327-post-card .smallimage{object-fit:cover}
.devami,.sbaglan,.playstore,.appstore,.mircindir,footer li,.sosyals{transition:.25s ease}
.devami:hover,.sbaglan:hover,.playstore:hover,.appstore:hover,.mircindir:hover,footer li:hover,.sosyals:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(63,81,181,.18)}
.ss327-pagination{border:2px solid var(--ssblue);border-radius:20px;padding:10px 14px;min-height:58px;display:flex;align-items:center;gap:5px;margin-top:20px}
.ss327-pagination a,.ss327-pagination span{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;width:31px;height:31px;border-radius:6px;font-weight:800;font-size:13px;background:#e0e0e0;color:#555}
.ss327-pagination .current{background:#888;color:#fff}
.ss327-debug-alert{border:2px dashed #e91e63;border-radius:16px;padding:18px;margin:18px 0;background:#fff4f7;color:#84224a;font-weight:800}
.ss327-form input,.ss327-form textarea{width:100%;border:1px solid #dbe3ff;border-radius:12px;min-height:42px;padding:10px 12px;margin-bottom:12px}
.ss327-form textarea{min-height:140px}
.ss327-form button{width:100%;min-height:46px;border:0;border-radius:12px;background:#4054bf;color:#fff;font-weight:950}
footer .footer-widget li a{text-decoration:none}
@media(max-width:992px){.ss327-header{min-height:auto!important}.ss327-sidebar{margin-top:25px}.container{max-width:calc(100% - 24px)}}


/* Sohbet Girişi yeni alt alta kart yapısı V3.2.9 */
.ss329-cta-panel{
    width:100%;
    max-width:540px;
    margin:0 auto;
    padding:24px;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 12% 0%,rgba(255,61,113,.18),transparent 35%),
        radial-gradient(circle at 88% 100%,rgba(255,159,67,.14),transparent 35%),
        linear-gradient(180deg,rgba(13,13,13,.96),rgba(6,10,18,.98));
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
}
.ss329-cta-panel:before{
    content:"";
    position:absolute;
    left:10%;
    right:10%;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(255,61,113,.55),rgba(255,159,67,.35),transparent);
}
.ss329-panel-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0 0 14px;
    color:rgba(255,255,255,.72);
    font-family:Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:2.5px;
    font-size:10px;
    font-weight:950;
}
.ss329-title-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#ff3d71;
    box-shadow:0 0 16px rgba(255,61,113,.7);
}
.ss329-cta-stack{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.ss329-btn{
    min-height:88px;
    width:100%;
    position:relative;
    display:flex;
    align-items:center;
    gap:18px;
    padding:18px 20px;
    border-radius:20px;
    border:1px solid transparent;
    text-decoration:none!important;
    cursor:pointer;
    overflow:hidden;
    isolation:isolate;
    transition:transform .32s cubic-bezier(.23,1,.32,1), box-shadow .32s ease, border-color .32s ease, background .32s ease;
}
.ss329-btn:before{
    content:"";
    position:absolute;
    inset:0;
    opacity:0;
    transition:opacity .35s ease;
    z-index:-1;
}
.ss329-btn:after{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:13px;
    height:3px;
    border-radius:999px;
    opacity:.78;
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .35s cubic-bezier(.23,1,.32,1);
}
.ss329-btn:hover{
    transform:translateY(-6px);
}
.ss329-btn:hover:before{
    opacity:1;
}
.ss329-btn:hover:after{
    transform:scaleX(1);
}
.ss329-btn-icon{
    width:58px;
    height:58px;
    border-radius:19px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:23px;
    flex:0 0 auto;
    transition:transform .32s ease;
}
.ss329-btn:hover .ss329-btn-icon{
    transform:scale(1.08) rotate(-3deg);
}
.ss329-btn-body{
    min-width:0;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
}
.ss329-btn-title{
    font-family:Arial,Helvetica,sans-serif;
    font-size:18px;
    font-weight:950;
    letter-spacing:.4px;
    line-height:1.08;
    text-transform:uppercase;
}
.ss329-btn-sub{
    font-size:13px;
    font-weight:700;
    color:rgba(255,255,255,.46);
}
.ss329-btn-arrow{
    margin-left:auto;
    font-size:18px;
    color:rgba(255,255,255,.58);
    opacity:0;
    transform:translateX(-8px);
    transition:all .3s ease;
    flex:0 0 auto;
}
.ss329-btn:hover .ss329-btn-arrow{
    opacity:1;
    transform:translateX(0);
}
.ss329-btn-chat{
    background:rgba(255,61,113,.075);
    border-color:rgba(255,61,113,.20);
}
.ss329-btn-chat:before{
    background:radial-gradient(ellipse at 20% 50%,rgba(255,61,113,.16),transparent 70%);
}
.ss329-btn-chat:after{
    background:linear-gradient(90deg,#ff3d71,#845ec2,#19e1ff);
}
.ss329-btn-chat:hover{
    border-color:#ff3d71;
    box-shadow:0 16px 40px rgba(255,61,113,.22);
}
.ss329-btn-chat .ss329-btn-icon{
    color:#fff;
    background:linear-gradient(135deg,#ff3d71,#e91e63);
    box-shadow:0 0 26px rgba(255,61,113,.24);
}
.ss329-btn-chat .ss329-btn-title{
    color:#ff3d71;
}
.ss329-btn-system{
    background:rgba(0,201,167,.065);
    border-color:rgba(0,201,167,.18);
}
.ss329-btn-system:before{
    background:radial-gradient(ellipse at 20% 50%,rgba(0,201,167,.13),transparent 70%);
}
.ss329-btn-system:after{
    background:linear-gradient(90deg,#00c9a7,#19e1ff);
}
.ss329-btn-system .ss329-btn-icon{
    color:#020617;
    background:#00c9a7;
}
.ss329-btn-system .ss329-btn-title{
    color:#00c9a7;
}
.ss329-btn-system.is-disabled{
    opacity:.38;
    pointer-events:none;
    cursor:default;
}
.ss329-btn-register{
    background:rgba(255,159,67,.075);
    border-color:rgba(255,159,67,.22);
}
.ss329-btn-register:before{
    background:radial-gradient(ellipse at 20% 50%,rgba(255,159,67,.14),transparent 70%);
}
.ss329-btn-register:after{
    background:linear-gradient(90deg,#ff9f43,#ff7a00,#ff3d71);
}
.ss329-btn-register:hover{
    border-color:#ff9f43;
    box-shadow:0 16px 40px rgba(255,159,67,.22);
}
.ss329-btn-register .ss329-btn-icon{
    color:#020617;
    background:linear-gradient(135deg,#ff9f43,#ffb15f);
    box-shadow:0 0 26px rgba(255,159,67,.22);
}
.ss329-btn-register .ss329-btn-title{
    color:#ff9f43;
}
.ss329-users-pill{
    width:max-content;
    margin:18px auto 0;
    min-height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:6px 18px;
    border-radius:999px;
    background:rgba(255,61,113,.10);
    border:1px solid rgba(255,61,113,.22);
    color:#ff7aa3;
    font-size:10px;
    line-height:1;
    font-weight:950;
    letter-spacing:3px;
    text-transform:uppercase;
}
.ss329-users-pill span{
    letter-spacing:0;
}
@media(max-width:992px){
    .ss329-cta-panel{
        max-width:520px;
    }
}
@media(max-width:560px){
    .ss329-cta-panel{
        padding:18px;
    }
    .ss329-btn{
        min-height:76px;
        padding:15px 16px;
        gap:14px;
    }
    .ss329-btn-icon{
        width:50px;
        height:50px;
        font-size:20px;
        border-radius:16px;
    }
    .ss329-btn-title{
        font-size:15px;
    }
    .ss329-btn-sub{
        font-size:12px;
    }
}


/* Blog yan alan, kategori sekmeleri, devam butonu ve makale detay Sade uyum V3.3.0 */
.devami,
a.devami,
button.devami{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:38px!important;
    padding:9px 15px!important;
    border-radius:11px!important;
    background:linear-gradient(135deg,#4054bf,#5667d8)!important;
    color:#fff!important;
    text-decoration:none!important;
    border:1px solid rgba(64,84,191,.18)!important;
    box-shadow:0 8px 18px rgba(64,84,191,.14)!important;
    font-size:12px!important;
    font-weight:950!important;
    line-height:1!important;
}
.devami:after{
    content:"→";
    font-weight:950;
    transform:translateX(0);
    transition:transform .22s ease;
}
.devami:hover:after{
    transform:translateX(4px);
}

.ss330-blog-tabs{
    padding:12px 14px;
    border:2px solid rgba(64,84,191,.22);
    border-radius:18px;
    background:rgba(255,255,255,.46);
    box-shadow:0 14px 38px rgba(64,84,191,.06);
}
.ss330-blog-tabs a,
.ss330-blog-tabs .devami{
    min-height:38px!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#4054bf!important;
    border:1px solid rgba(64,84,191,.28)!important;
    box-shadow:none!important;
}
.ss330-blog-tabs a:hover,
.ss330-blog-tabs .devami:hover{
    background:linear-gradient(135deg,#4054bf,#6b5ce7)!important;
    color:#fff!important;
    transform:translateY(-3px);
    box-shadow:0 12px 22px rgba(64,84,191,.18)!important;
}

.ss327-sidebar .ss327-side-card{
    background:rgba(255,255,255,.72)!important;
    border:2px solid rgba(64,84,191,.24)!important;
    color:#14205c!important;
    box-shadow:0 18px 45px rgba(64,84,191,.10)!important;
    backdrop-filter:blur(12px);
}
.ss327-sidebar .ss327-side-title{
    color:#14205c!important;
    font-size:14px!important;
}
.ss327-sidebar .ss327-side-title span{
    color:#fff!important;
    background:linear-gradient(135deg,#4054bf,#e91e63)!important;
}
.ss327-sidebar .ss327-side-link,
.ss327-sidebar .ss327-mini-post{
    background:#fff!important;
    color:#1f2d80!important;
    border:1px solid rgba(64,84,191,.12)!important;
    box-shadow:0 8px 18px rgba(64,84,191,.06)!important;
}
.ss327-sidebar .ss327-side-link:hover,
.ss327-sidebar .ss327-mini-post:hover{
    background:linear-gradient(135deg,#f5f7ff,#ffffff)!important;
    border-color:rgba(64,84,191,.34)!important;
    transform:translateY(-4px);
    box-shadow:0 14px 28px rgba(64,84,191,.13)!important;
}
.ss327-sidebar .ss327-side-link b{
    background:linear-gradient(135deg,#4054bf,#6b5ce7)!important;
    color:#fff!important;
}
.ss327-sidebar .ss327-mini-post i{
    color:#fff!important;
}
.ss327-sidebar .ss327-empty{
    color:#64709e!important;
}
.ss327-sidebar .ss327-cta{
    background:linear-gradient(180deg,#ffffff,#f4f6ff)!important;
    text-align:center!important;
}
.ss327-sidebar .ss327-cta h3{
    color:#14205c!important;
}
.ss327-sidebar .ss327-cta p{
    color:#64709e!important;
}
.ss327-sidebar .ss327-cta a{
    background:linear-gradient(135deg,#e91e63,#7c3aed)!important;
    color:#fff!important;
}

.ss330-detail-page{
    background:linear-gradient(180deg,#eef1ff 0%,#f8f9ff 100%);
}
.ss330-detail-hero{
    position:relative;
    min-height:430px;
    border-radius:32px;
    overflow:hidden;
    padding:28px;
    margin-bottom:24px;
    background:
        linear-gradient(90deg,rgba(19,32,92,.78),rgba(64,84,191,.36)),
        var(--hero) center/cover no-repeat;
    border:2px solid rgba(64,84,191,.42);
    box-shadow:0 25px 70px rgba(64,84,191,.18);
    color:#fff;
}
.ss330-detail-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(64,84,191,.18));
    pointer-events:none;
}
.ss330-breadcrumbs,
.ss330-hero-body,
.ss330-signal{
    position:relative;
    z-index:2;
}
.ss330-breadcrumbs{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:90px;
}
.ss330-breadcrumbs a{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:7px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.24);
    color:#fff!important;
    text-decoration:none!important;
    font-size:12px;
    font-weight:900;
    backdrop-filter:blur(8px);
}
.ss330-label{
    display:inline-flex;
    min-height:32px;
    align-items:center;
    padding:7px 14px;
    border-radius:999px;
    background:rgba(233,30,99,.86);
    color:#fff;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:16px;
}
.ss330-hero-body h1{
    max-width:680px;
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(34px,5vw,62px);
    line-height:1.05;
    font-weight:950;
    letter-spacing:-1px;
    text-transform:none;
}
.ss330-hero-body p{
    max-width:660px;
    color:rgba(255,255,255,.88);
    font-size:17px;
    line-height:1.65;
    margin-bottom:22px;
}
.ss330-hero-meta{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    max-width:780px;
}
.ss330-hero-meta span{
    min-height:62px;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.20);
    display:flex;
    flex-direction:column;
    gap:4px;
    font-weight:900;
    backdrop-filter:blur(10px);
}
.ss330-hero-meta b{
    font-size:11px;
    text-transform:uppercase;
    color:rgba(255,255,255,.66);
}
.ss330-signal{
    position:absolute;
    right:34px;
    top:50%;
    transform:translateY(-20%);
    width:150px;
    height:150px;
    border-radius:50%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:#eef1ff;
    color:#4054bf;
    border:10px solid rgba(233,30,99,.70);
    outline:8px solid rgba(64,84,191,.28);
    box-shadow:0 18px 45px rgba(64,84,191,.24);
    text-align:center;
}
.ss330-signal strong{
    font-size:34px;
    line-height:1;
    font-weight:950;
}
.ss330-signal small{
    margin-top:4px;
    font-size:10px;
    text-transform:uppercase;
    font-weight:950;
}
.ss330-reading-card,
.ss330-related,
.ss330-comments{
    background:#fff;
    border:2px solid rgba(64,84,191,.28);
    border-radius:28px;
    box-shadow:0 18px 45px rgba(64,84,191,.08);
    overflow:hidden;
    margin-bottom:24px;
}
.ss330-reading-head,
.ss330-section-title{
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 24px;
    border-bottom:1px solid rgba(64,84,191,.14);
    background:linear-gradient(180deg,#fbfcff,#f3f5ff);
    color:#14205c;
}
.ss330-reading-head strong,
.ss330-section-title strong{
    font-size:17px;
    font-weight:950;
    text-transform:uppercase;
}
.ss330-reading-head button,
.ss330-section-title span{
    border:1px solid rgba(64,84,191,.18);
    background:#fff;
    color:#4054bf;
    border-radius:999px;
    padding:7px 12px;
    font-size:12px;
    font-weight:900;
}
.ss330-article-content{
    padding:38px 42px;
    color:#26325f;
    font-size:17px;
    line-height:1.9;
}
.ss330-article-content h2,
.ss330-article-content h3{
    color:#14205c;
    font-weight:950;
    margin:0 0 20px;
}
.ss330-bigtext .ss330-article-content{
    font-size:19px;
}
.ss330-share-row{
    border-top:1px solid rgba(64,84,191,.12);
    padding:20px 42px 30px;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}
.ss330-share-row a{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    padding:8px 14px;
    border-radius:999px;
    background:#f1f4ff;
    color:#4054bf!important;
    text-decoration:none!important;
    font-weight:950;
    transition:.22s ease;
}
.ss330-share-row a:hover{
    background:#4054bf;
    color:#fff!important;
    transform:translateY(-3px);
}
.ss330-related,
.ss330-comments{
    padding-bottom:22px;
}
.ss330-related .row{
    padding:0 24px 10px;
}
.ss330-related-card{
    display:block;
    background:#fff;
    border:1px solid rgba(64,84,191,.18);
    border-radius:18px;
    overflow:hidden;
    text-decoration:none!important;
    color:#14205c!important;
    box-shadow:0 12px 28px rgba(64,84,191,.08);
    transition:.25s ease;
}
.ss330-related-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 38px rgba(64,84,191,.16);
}
.ss330-related-card img{
    width:100%;
    height:118px;
    object-fit:cover;
    display:block;
}
.ss330-related-card b{
    display:block;
    padding:12px 14px 4px;
    font-size:14px;
    line-height:1.35;
}
.ss330-related-card small{
    display:block;
    padding:0 14px 14px;
    color:#64709e;
    font-weight:800;
}
.ss330-comment-form{
    padding:24px 28px 10px;
}
.ss330-empty-comment{
    margin:0 28px 8px;
    border:1px dashed rgba(64,84,191,.25);
    border-radius:18px;
    min-height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#64709e;
    background:#f7f8ff;
    font-weight:800;
}
@media(max-width:992px){
    .ss330-signal{
        position:relative;
        right:auto;
        top:auto;
        transform:none;
        margin:24px 0 0;
        width:120px;
        height:120px;
    }
    .ss330-breadcrumbs{
        margin-bottom:45px;
    }
    .ss330-hero-meta{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:560px){
    .ss330-detail-hero{
        min-height:auto;
        padding:22px;
    }
    .ss330-hero-body h1{
        font-size:32px;
    }
    .ss330-hero-meta{
        grid-template-columns:1fr;
    }
    .ss330-article-content{
        padding:28px 22px;
    }
    .ss330-share-row{
        padding:18px 22px 26px;
    }
}


/* Blog Yazıları Sade BlogX V3.3.1 - kaynak görünüme yakın, Sade renklere uyumlu */
.ss331-blogx-wrap{
    max-width:1340px;
    margin:0 auto;
    padding:42px 28px 72px;
    position:relative;
    z-index:1;
    color:#14205c;
}
.ss331-blogx-wrap *:not(i){
    font-family:Arial,Helvetica,sans-serif;
}
.ss331-blogx-hero{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:30px;
    margin-bottom:22px;
    background:
        radial-gradient(circle at 16% 8%,rgba(233,30,99,.12),transparent 32%),
        radial-gradient(circle at 84% 12%,rgba(64,84,191,.14),transparent 30%),
        linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,244,255,.94));
    border:2px solid rgba(64,84,191,.24);
    box-shadow:0 24px 65px rgba(64,84,191,.12), inset 0 1px 0 rgba(255,255,255,.8);
}
.ss331-blogx-hero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:radial-gradient(circle,rgba(64,84,191,.10) 1px,transparent 1.8px);
    background-size:22px 22px;
    opacity:.22;
    pointer-events:none;
}
.ss331-blogx-hero:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,#4054bf,#6a55dc,#e91e63,#4aa3ff);
    opacity:.95;
}
.ss331-blogx-hero-in{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:24px;
    align-items:center;
}
.ss331-blogx-kicker{
    display:inline-flex;
    align-items:center;
    gap:9px;
    padding:8px 13px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(64,84,191,.16);
    color:#4054bf;
    font-size:11px;
    font-weight:950;
    letter-spacing:.8px;
    text-transform:uppercase;
    margin-bottom:14px;
    box-shadow:0 8px 18px rgba(64,84,191,.08);
}
.ss331-blogx-kicker i{
    color:#e91e63;
    filter:drop-shadow(0 0 8px rgba(233,30,99,.35));
}
.ss331-blogx-title{
    font-size:clamp(32px,4vw,58px);
    line-height:.98;
    margin:0;
    color:#14205c;
    font-weight:950;
    letter-spacing:-1.8px;
}
.ss331-blogx-title span{
    background:linear-gradient(90deg,#4054bf,#6a55dc,#e91e63);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.ss331-blogx-sub{
    max-width:720px;
    color:#64709e;
    font-size:14px;
    line-height:1.72;
    margin:14px 0 0;
}
.ss331-blogx-searchbar{
    display:flex;
    align-items:center;
    gap:10px;
    max-width:560px;
    margin-top:20px;
    padding:8px;
    border-radius:22px;
    background:#fff;
    border:1px solid rgba(64,84,191,.20);
    box-shadow:0 14px 30px rgba(64,84,191,.08);
}
.ss331-blogx-searchbar i{
    width:42px;
    height:42px;
    border-radius:15px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#4054bf,#6a55dc);
    color:#fff;
    flex:0 0 42px;
}
.ss331-blogx-searchbar input{
    width:100%;
    height:42px;
    border:0;
    outline:0;
    background:transparent;
    color:#14205c;
    font-size:14px;
    font-weight:800;
}
.ss331-blogx-searchbar input::placeholder{color:#7b86ad}
.ss331-blogx-searchbar button{
    height:42px;
    min-width:42px;
    border:0;
    border-radius:15px;
    background:#eef1ff;
    color:#4054bf;
    font-weight:950;
    cursor:pointer;
}
.ss331-blogx-hero-orb{
    position:relative;
    z-index:2;
    width:190px;
    height:190px;
    display:grid;
    place-items:center;
    justify-self:end;
    margin-right:8px;
}
.ss331-blogx-hero-orb:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:1px dashed rgba(64,84,191,.25);
    animation:ss331OrbSpin 18s linear infinite;
}
.ss331-blogx-hero-orb:after{
    content:"";
    position:absolute;
    inset:22px;
    border-radius:50%;
    border:1px solid rgba(106,85,220,.22);
    box-shadow:0 0 48px rgba(64,84,191,.10),inset 0 0 40px rgba(233,30,99,.08);
}
.ss331-blogx-orb-ring{
    position:absolute;
    inset:42px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(64,84,191,.08),transparent 68%);
    border:1px solid rgba(64,84,191,.18);
    box-shadow:0 0 34px rgba(64,84,191,.12);
}
.ss331-blogx-orb-core{
    position:relative;
    width:88px;
    height:88px;
    border-radius:28px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#4054bf,#6a55dc);
    box-shadow:0 18px 40px rgba(64,84,191,.24),0 0 40px rgba(106,85,220,.20);
    border:1px solid rgba(255,255,255,.60);
}
.ss331-blogx-orb-core i{font-size:34px;color:#fff}
.ss331-blogx-orb-dot{
    position:absolute;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#e91e63;
    box-shadow:0 0 16px rgba(233,30,99,.65);
}
.ss331-blogx-orb-dot.d1{top:28px;right:58px}
.ss331-blogx-orb-dot.d2{left:40px;bottom:46px;background:#4aa3ff;box-shadow:0 0 16px rgba(74,163,255,.6)}
.ss331-blogx-orb-dot.d3{right:36px;bottom:58px;background:#2fc46a;box-shadow:0 0 16px rgba(47,196,106,.6)}
@keyframes ss331OrbSpin{to{transform:rotate(360deg)}}
.ss331-blogx-hero:hover .ss331-blogx-orb-core{
    transform:translateY(-4px) scale(1.04);
    transition:.28s ease;
}

.ss331-blogx-tools{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 22px;
    flex-wrap:wrap;
}
.ss331-blogx-cats,
.ss331-blogx-sort,
.ss331-blogx-view{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
.ss331-blogx-tool-title{
    height:38px;
    padding:0 12px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#fff;
    border:1px solid rgba(64,84,191,.16);
    color:#64709e;
    font-size:11px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.6px;
    box-shadow:0 8px 18px rgba(64,84,191,.05);
}
.ss331-blogx-chip,
.ss331-blogx-sort-btn,
.ss331-blogx-view-btn{
    height:38px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:0 14px;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(64,84,191,.17);
    color:#4054bf;
    text-decoration:none!important;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    transition:.24s ease;
    box-shadow:0 8px 18px rgba(64,84,191,.05);
}
.ss331-blogx-chip:hover,
.ss331-blogx-sort-btn:hover,
.ss331-blogx-view-btn:hover,
.ss331-blogx-chip.active,
.ss331-blogx-sort-btn.active,
.ss331-blogx-view-btn.active{
    transform:translateY(-2px);
    background:linear-gradient(135deg,#4054bf,#6a55dc);
    border-color:rgba(64,84,191,.35);
    color:#fff!important;
    box-shadow:0 12px 28px rgba(64,84,191,.16);
}
.ss331-blogx-chip .count{
    padding:2px 7px;
    border-radius:999px;
    background:rgba(64,84,191,.10);
    font-size:10px;
    color:inherit;
}
.ss331-blogx-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 360px;
    gap:24px;
    align-items:start;
}
.ss331-blogx-main{min-width:0}
.ss331-blogx-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin-bottom:28px;
}
.ss331-blogx-grid.list{grid-template-columns:1fr}
.ss331-blogx-grid.list .ss331-blogx-card{
    display:grid;
    grid-template-columns:260px 1fr;
    min-height:250px;
}
.ss331-blogx-grid.list .ss331-blogx-img{height:100%}
.ss331-blogx-card{
    position:relative;
    overflow:hidden;
    border-radius:26px;
    background:#fff;
    border:2px solid rgba(64,84,191,.18);
    box-shadow:0 18px 45px rgba(64,84,191,.10),inset 0 1px 0 rgba(255,255,255,.8);
    transition:.28s;
    cursor:pointer;
    isolation:isolate;
}
.ss331-blogx-card:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(480px 220px at var(--mx,50%) var(--my,0%),rgba(233,30,99,.10),transparent 68%);
    opacity:0;
    transition:.28s;
    z-index:2;
    pointer-events:none;
}
.ss331-blogx-card:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:linear-gradient(90deg,#4054bf,#6a55dc,#e91e63);
    opacity:0;
    transition:.28s;
    z-index:3;
}
.ss331-blogx-card:hover{
    transform:translateY(-7px);
    border-color:rgba(64,84,191,.34);
    box-shadow:0 28px 70px rgba(64,84,191,.16),0 0 35px rgba(106,85,220,.08);
}
.ss331-blogx-card:hover:before,
.ss331-blogx-card:hover:after{opacity:1}
.ss331-blogx-img{
    height:220px;
    position:relative;
    overflow:hidden;
    background:#e8edff;
}
.ss331-blogx-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .65s ease,filter .65s ease;
}
.ss331-blogx-card:hover .ss331-blogx-img img{
    transform:scale(1.08);
    filter:saturate(1.08) contrast(1.02);
}
.ss331-blogx-img:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 34%,rgba(20,32,92,.62));
    z-index:1;
}
.ss331-blogx-badges{
    position:absolute;
    left:13px;
    right:13px;
    bottom:13px;
    z-index:2;
    display:flex;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
}
.ss331-blogx-badge{
    display:inline-flex;
    align-items:center;
    gap:5px;
    min-height:27px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.86);
    border:1px solid rgba(255,255,255,.50);
    backdrop-filter:blur(10px);
    color:#4054bf;
    font-size:10px;
    font-weight:950;
}
.ss331-blogx-badge.read{margin-left:auto;color:#14205c}
.ss331-blogx-body{
    padding:18px 18px 17px;
    position:relative;
    z-index:4;
}
.ss331-blogx-cat{
    display:flex;
    align-items:center;
    gap:8px;
    color:#4054bf;
    font-size:11px;
    font-weight:950;
    letter-spacing:.6px;
    text-transform:uppercase;
    margin-bottom:10px;
}
.ss331-blogx-cat:before{
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#e91e63;
    box-shadow:0 0 9px rgba(233,30,99,.45);
}
.ss331-blogx-card-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:52px;
    color:#14205c;
    text-decoration:none!important;
    font-size:19px;
    font-weight:950;
    line-height:1.34;
    letter-spacing:-.3px;
    transition:.25s;
}
.ss331-blogx-card:hover .ss331-blogx-card-title{color:#4054bf}
.ss331-blogx-excerpt{
    margin:11px 0 0;
    color:#64709e;
    font-size:13px;
    line-height:1.65;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.ss331-blogx-foot{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin-top:16px;
    padding-top:13px;
    border-top:1px solid rgba(64,84,191,.14);
}
.ss331-blogx-meta{
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#64709e;
    font-size:11px;
    font-weight:800;
}
.ss331-blogx-meta i{color:#e91e63}
.ss331-blogx-read{
    margin-left:auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:36px;
    padding:0 14px;
    border-radius:999px;
    text-decoration:none!important;
    background:linear-gradient(135deg,#4054bf,#6a55dc);
    border:1px solid rgba(64,84,191,.20);
    color:#fff!important;
    font-size:12px;
    font-weight:950;
    transition:.24s;
}
.ss331-blogx-read:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 26px rgba(64,84,191,.18);
}
.ss331-blogx-sidebar{
    position:sticky;
    top:14px;
    display:flex;
    flex-direction:column;
    gap:16px;
}
.ss331-blogx-side-card{
    position:relative;
    overflow:hidden;
    border-radius:24px;
    background:#fff;
    border:2px solid rgba(64,84,191,.18);
    box-shadow:0 18px 45px rgba(64,84,191,.10);
}
.ss331-blogx-side-card:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:3px;
    background:linear-gradient(90deg,#4054bf,#6a55dc,#e91e63);
}
.ss331-blogx-side-head{
    display:flex;
    align-items:center;
    gap:12px;
    padding:16px 17px;
    border-bottom:1px solid rgba(64,84,191,.14);
    background:#f7f8ff;
}
.ss331-blogx-side-ico{
    width:38px;
    height:38px;
    border-radius:13px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#4054bf,#6a55dc);
    color:#fff;
    box-shadow:0 10px 22px rgba(64,84,191,.20);
}
.ss331-blogx-side-head h4{
    margin:0;
    color:#14205c;
    font-size:14px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.ss331-blogx-side-list{
    padding:12px;
    display:flex;
    flex-direction:column;
    gap:9px;
}
.ss331-blogx-side-link{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:15px;
    background:#f7f8ff;
    border:1px solid rgba(64,84,191,.12);
    text-decoration:none!important;
    color:#14205c!important;
    transition:.22s;
}
.ss331-blogx-side-link:hover{
    transform:translateX(4px);
    border-color:rgba(64,84,191,.34);
    background:#fff;
    box-shadow:0 10px 22px rgba(64,84,191,.09);
}
.ss331-blogx-side-link i{
    width:30px;
    height:30px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#fff;
    color:#4054bf;
    font-size:12px;
    flex:0 0 30px;
}
.ss331-blogx-side-link span.name{
    flex:1;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:13px;
    font-weight:950;
}
.ss331-blogx-side-count{
    font-size:11px;
    font-weight:950;
    color:#fff;
    padding:3px 8px;
    border-radius:999px;
    background:#4054bf;
}
.ss331-blogx-pop-item{
    display:grid;
    grid-template-columns:34px 58px 1fr;
    align-items:center;
    gap:10px;
    padding:10px;
    border-radius:15px;
    background:#f7f8ff;
    border:1px solid rgba(64,84,191,.12);
    text-decoration:none!important;
    transition:.22s;
}
.ss331-blogx-pop-item:hover{
    transform:translateX(4px);
    border-color:rgba(233,30,99,.34);
    background:#fff;
    box-shadow:0 10px 22px rgba(64,84,191,.09);
}
.ss331-blogx-pop-rank{
    width:30px;
    height:30px;
    border-radius:11px;
    display:grid;
    place-items:center;
    font-weight:950;
    font-size:12px;
    background:#e8edff;
    color:#4054bf;
}
.ss331-blogx-pop-rank.r1{background:linear-gradient(135deg,#ffbd32,#ff8b35);color:#111}
.ss331-blogx-pop-rank.r2{background:linear-gradient(135deg,#dfe7ff,#8aa6c8);color:#111}
.ss331-blogx-pop-rank.r3{background:linear-gradient(135deg,#ce7b39,#f3b77f);color:#111}
.ss331-blogx-pop-img{
    width:58px;
    height:46px;
    border-radius:12px;
    overflow:hidden;
}
.ss331-blogx-pop-img img{width:100%;height:100%;object-fit:cover}
.ss331-blogx-pop-title{
    display:block;
    color:#14205c;
    font-size:12px;
    font-weight:950;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.ss331-blogx-pop-view{
    display:block;
    margin-top:4px;
    color:#64709e;
    font-size:10px;
    font-weight:800;
}
.ss331-blogx-empty-mini{
    min-height:95px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#64709e;
    font-size:13px;
    font-weight:800;
}
.ss331-blogx-cta{
    padding:24px 20px;
    text-align:center;
}
.ss331-blogx-cta-icon{
    width:62px;
    height:62px;
    margin:0 auto 13px;
    border-radius:21px;
    display:grid;
    place-items:center;
    background:linear-gradient(135deg,#e91e63,#6a55dc);
    color:#fff;
    font-size:25px;
    box-shadow:0 14px 30px rgba(233,30,99,.18);
}
.ss331-blogx-cta-title{
    font-size:20px;
    font-weight:950;
    color:#14205c;
}
.ss331-blogx-cta-text{
    color:#64709e;
    font-size:13px;
    line-height:1.55;
    margin:8px 0 16px;
}
.ss331-blogx-cta-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    height:42px;
    padding:0 20px;
    border-radius:999px;
    text-decoration:none!important;
    background:linear-gradient(135deg,#4054bf,#e91e63);
    color:#fff!important;
    font-weight:950;
    font-size:13px;
    box-shadow:0 15px 30px rgba(233,30,99,.16);
}
.ss331-blogx-empty{
    grid-column:1/-1;
    min-height:240px;
    border-radius:26px;
    border:2px dashed rgba(64,84,191,.22);
    background:rgba(255,255,255,.55);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:12px;
    color:#64709e;
    margin-bottom:22px;
}
.ss331-blogx-empty i{font-size:44px;color:#e91e63;opacity:.65}
.ss331-blog-pager-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    flex-wrap:wrap;
    margin:2px 0 34px;
}
.ss331-bp-btn{
    min-width:40px;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border-radius:13px;
    background:#fff;
    border:1px solid rgba(64,84,191,.18);
    color:#4054bf;
    text-decoration:none!important;
    font-weight:950;
    font-size:13px;
    transition:.22s;
}
.ss331-bp-btn:hover:not(.ss331-bp-active){
    transform:translateY(-2px);
    border-color:rgba(64,84,191,.35);
    background:#f7f8ff;
}
.ss331-bp-active{
    height:46px;
    min-width:46px;
    background:linear-gradient(135deg,#4054bf,#6a55dc,#e91e63);
    color:#fff;
    box-shadow:0 14px 30px rgba(106,85,220,.18);
}
@media(max-width:1180px){
    .ss331-blogx-layout{grid-template-columns:1fr}
    .ss331-blogx-sidebar{
        position:relative;
        top:auto;
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }
    .ss331-blogx-side-card:last-child{grid-column:1/-1}
}
@media(max-width:860px){
    .ss331-blogx-wrap{padding:28px 14px 50px}
    .ss331-blogx-hero{padding:20px;border-radius:24px}
    .ss331-blogx-hero-in{grid-template-columns:1fr}
    .ss331-blogx-hero-orb{justify-self:center;width:150px;height:150px;margin:0}
    .ss331-blogx-orb-core{width:74px;height:74px;border-radius:24px}
    .ss331-blogx-orb-core i{font-size:28px}
    .ss331-blogx-grid{grid-template-columns:1fr}
    .ss331-blogx-grid.list .ss331-blogx-card{grid-template-columns:1fr}
    .ss331-blogx-grid.list .ss331-blogx-img{height:220px}
    .ss331-blogx-tools{align-items:flex-start}
    .ss331-blogx-sidebar{grid-template-columns:1fr}
    .ss331-blogx-title{font-size:36px}
    .ss331-blogx-searchbar{max-width:none}
    .ss331-blogx-card-title{font-size:18px}
}
@media(max-width:520px){
    .ss331-blogx-searchbar{gap:6px}
    .ss331-blogx-chip,
    .ss331-blogx-sort-btn,
    .ss331-blogx-view-btn{font-size:11px;padding:0 11px}
    .ss331-blogx-foot{display:block}
    .ss331-blogx-read{margin:12px 0 0}
    .ss331-blogx-img{height:185px}
}


/* Makale detay premium hero V3.3.2 */
.ss330-detail-page{
    background:
        radial-gradient(circle at 9% 10%,rgba(64,84,191,.09),transparent 28%),
        radial-gradient(circle at 92% 0%,rgba(233,30,99,.08),transparent 30%),
        linear-gradient(180deg,#eef1ff 0%,#f8f9ff 100%)!important;
}
.ss330-detail-hero{
    min-height:520px!important;
    border-radius:34px!important;
    padding:34px 36px!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:
        linear-gradient(115deg,rgba(31,45,128,.88) 0%,rgba(64,84,191,.70) 42%,rgba(238,241,255,.42) 100%),
        var(--hero) center/cover no-repeat!important;
    border:2px solid rgba(64,84,191,.55)!important;
    box-shadow:
        0 30px 80px rgba(64,84,191,.20),
        inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.ss330-detail-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:
        radial-gradient(circle at 82% 18%,rgba(255,255,255,.34),transparent 22%),
        radial-gradient(circle at 12% 92%,rgba(233,30,99,.18),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(64,84,191,.14))!important;
    pointer-events:none!important;
}
.ss330-detail-hero:after{
    content:""!important;
    position:absolute!important;
    right:-115px!important;
    top:-105px!important;
    width:430px!important;
    height:430px!important;
    z-index:0!important;
    border-radius:50%!important;
    background:
        conic-gradient(from 120deg,rgba(64,84,191,.36),rgba(233,30,99,.30),rgba(255,255,255,.30),rgba(64,84,191,.36))!important;
    filter:blur(5px)!important;
    opacity:.72!important;
    animation:ss332Spin 18s linear infinite!important;
}
@keyframes ss332Spin{to{transform:rotate(360deg)}}

.ss330-breadcrumbs,
.ss330-hero-body,
.ss330-signal{
    position:relative!important;
    z-index:2!important;
}
.ss330-breadcrumbs{
    margin-bottom:80px!important;
}
.ss330-breadcrumbs a{
    min-height:38px!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.18)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(31,45,128,.14)!important;
    transition:.24s ease!important;
}
.ss330-breadcrumbs a:hover{
    transform:translateY(-3px)!important;
    background:#fff!important;
    color:#4054bf!important;
}

.ss330-label{
    min-height:40px!important;
    gap:9px!important;
    padding:9px 17px!important;
    border-radius:999px!important;
    background:linear-gradient(135deg,#e91e63,#ff5b93)!important;
    box-shadow:0 16px 32px rgba(233,30,99,.26)!important;
}
.ss330-label:before{
    content:"✦";
    font-size:14px;
}

.ss330-hero-body h1{
    max-width:760px!important;
    margin-bottom:18px!important;
    font-size:clamp(44px,5.8vw,76px)!important;
    line-height:.98!important;
    letter-spacing:-2.2px!important;
    text-shadow:0 12px 34px rgba(31,45,128,.22)!important;
}
.ss330-hero-body h1:after{
    content:"";
    display:block;
    width:min(360px,55%);
    height:8px;
    margin-top:18px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#ff5b93,#4054bf);
    box-shadow:0 12px 28px rgba(233,30,99,.18);
}
.ss330-hero-body p{
    max-width:760px!important;
    font-size:19px!important;
    font-weight:700!important;
    line-height:1.72!important;
    color:rgba(255,255,255,.93)!important;
    text-shadow:0 8px 24px rgba(31,45,128,.18)!important;
}

.ss332-hero-meta,
.ss330-hero-meta{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    max-width:920px!important;
    gap:14px!important;
}
.ss332-hero-meta span,
.ss330-hero-meta span{
    position:relative!important;
    overflow:hidden!important;
    min-height:78px!important;
    padding:14px 15px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.22)!important;
    border:1px solid rgba(255,255,255,.34)!important;
    box-shadow:0 14px 34px rgba(31,45,128,.16), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.ss332-hero-meta span:before,
.ss330-hero-meta span:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:4px;
    background:linear-gradient(90deg,#fff,#ff5b93,#4054bf);
}
.ss332-hero-meta i{
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,.24);
    font-style:normal;
    margin-bottom:2px;
}
.ss330-hero-meta b{
    font-size:10px!important;
    letter-spacing:.7px!important;
    color:rgba(255,255,255,.70)!important;
}
.ss330-hero-meta span{
    color:#fff!important;
    font-size:18px!important;
    font-weight:950!important;
}

.ss332-hero-actions{
    position:relative;
    z-index:3;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:24px;
}
.ss332-hero-btn{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:12px 20px;
    border-radius:999px;
    text-decoration:none!important;
    font-weight:950;
    transition:.24s ease;
}
.ss332-hero-btn.primary{
    background:linear-gradient(135deg,#e91e63,#7c3aed);
    color:#fff!important;
    box-shadow:0 16px 32px rgba(233,30,99,.23);
}
.ss332-hero-btn.ghost{
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.36);
    color:#fff!important;
}
.ss332-hero-btn:hover{
    transform:translateY(-4px);
    filter:saturate(1.08);
}

.ss330-signal{
    right:38px!important;
    top:46%!important;
    width:178px!important;
    height:178px!important;
    background:rgba(255,255,255,.84)!important;
    color:#4054bf!important;
    border:0!important;
    outline:0!important;
    box-shadow:0 24px 58px rgba(31,45,128,.20)!important;
}
.ss330-signal:before{
    content:"";
    position:absolute;
    inset:-18px;
    border-radius:50%;
    background:conic-gradient(#e91e63,#ff7aa8,#4054bf,#e91e63);
    z-index:-1;
    animation:ss332Spin 12s linear infinite;
}
.ss330-signal:after{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    background:rgba(238,241,255,.65);
    z-index:-1;
}
.ss330-signal strong{
    font-size:40px!important;
    background:linear-gradient(135deg,#4054bf,#e91e63);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.ss330-signal small{
    color:#4054bf!important;
    font-size:11px!important;
    letter-spacing:.5px!important;
}

@media(max-width:992px){
    .ss330-detail-hero{
        min-height:auto!important;
        padding:26px!important;
    }
    .ss330-hero-body h1{
        font-size:42px!important;
        letter-spacing:-1.3px!important;
    }
    .ss332-hero-meta,
    .ss330-hero-meta{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    .ss330-signal{
        margin-top:28px!important;
        width:138px!important;
        height:138px!important;
    }
}
@media(max-width:560px){
    .ss330-hero-body h1{
        font-size:34px!important;
    }
    .ss332-hero-meta,
    .ss330-hero-meta{
        grid-template-columns:1fr!important;
    }
    .ss330-breadcrumbs{
        margin-bottom:44px!important;
    }
}


/* Beyaz sayfa fix + geniş makale hero V3.3.4 */
.ss334-detail-container{
    max-width:1320px!important;
}
.ss334-detail-row{
    align-items:flex-start!important;
}
.ss334-main-col{
    width:75%!important;
    max-width:75%!important;
    flex:0 0 75%!important;
    padding-right:22px!important;
}
.ss334-detail-page .ss327-sidebar{
    width:25%!important;
    max-width:25%!important;
    flex:0 0 25%!important;
}
.ss334-detail-hero{
    min-height:560px!important;
    border-radius:36px!important;
    padding:34px 40px 38px!important;
    margin-bottom:28px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    isolation:isolate!important;
    overflow:hidden!important;
    background:
        linear-gradient(90deg,rgba(32,45,125,.90) 0%,rgba(64,84,191,.64) 44%,rgba(238,241,255,.14) 100%),
        var(--hero) center center/cover no-repeat!important;
    border:2px solid rgba(64,84,191,.55)!important;
    box-shadow:
        0 34px 88px rgba(64,84,191,.22),
        0 10px 25px rgba(233,30,99,.07),
        inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.ss334-detail-hero:before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    background:
        linear-gradient(90deg,rgba(31,45,128,.42) 0%,rgba(31,45,128,.22) 45%,rgba(255,255,255,.10) 100%),
        radial-gradient(circle at 72% 32%,rgba(255,255,255,.34),transparent 19%),
        radial-gradient(circle at 83% 80%,rgba(233,30,99,.16),transparent 26%)!important;
    pointer-events:none!important;
}
.ss334-detail-hero:after{
    content:""!important;
    position:absolute!important;
    right:-145px!important;
    top:-135px!important;
    width:500px!important;
    height:500px!important;
    z-index:0!important;
    border-radius:50%!important;
    background:conic-gradient(from 120deg,rgba(64,84,191,.36),rgba(233,30,99,.30),rgba(255,255,255,.30),rgba(64,84,191,.36))!important;
    filter:blur(5px)!important;
    opacity:.58!important;
    animation:ss332Spin 18s linear infinite!important;
}
.ss334-hero-body{
    max-width:850px!important;
    position:relative!important;
    z-index:2!important;
}
.ss334-hero-body h1{
    max-width:850px!important;
    font-size:clamp(50px,6.2vw,86px)!important;
    line-height:.96!important;
    letter-spacing:-2.7px!important;
}
.ss334-hero-body h1:after{
    content:"";
    display:block;
    width:min(420px,58%)!important;
    height:9px!important;
    margin-top:18px;
    border-radius:999px;
    background:linear-gradient(90deg,#fff,#ff5b93,#4054bf);
    box-shadow:0 12px 28px rgba(233,30,99,.18);
}
.ss334-hero-body p{
    max-width:800px!important;
    font-size:20px!important;
    line-height:1.75!important;
}
.ss334-hero-meta{
    max-width:960px!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:14px!important;
}
.ss334-hero-meta span{
    position:relative!important;
    overflow:hidden!important;
    min-height:86px!important;
    border-radius:20px!important;
}
.ss334-hero-meta i{
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,255,255,.24);
    font-style:normal;
    margin-bottom:2px;
}
.ss334-hero-actions{
    position:relative;
    z-index:3;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:28px!important;
}
.ss334-hero-btn{
    min-height:52px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:13px 23px;
    border-radius:999px;
    text-decoration:none!important;
    font-weight:950;
    transition:.24s ease;
}
.ss334-hero-btn.primary{
    background:linear-gradient(135deg,#e91e63,#7c3aed);
    color:#fff!important;
    box-shadow:0 16px 32px rgba(233,30,99,.23);
}
.ss334-hero-btn.ghost{
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.36);
    color:#fff!important;
}
.ss334-hero-btn:hover{
    transform:translateY(-4px);
}
.ss334-signal{
    right:46px!important;
    top:50%!important;
    width:190px!important;
    height:190px!important;
}
.ss334-signal strong{
    font-size:46px!important;
}
.ss334-article-content{
    padding:44px 54px!important;
    font-size:18px!important;
    line-height:1.95!important;
}
.ss334-article-content h2{
    font-size:34px!important;
    line-height:1.18!important;
}
.ss334-detail-page .ss327-sidebar .ss327-side-card{
    border-radius:20px!important;
    margin-bottom:14px!important;
    padding:14px!important;
}
.ss334-detail-page .ss327-sidebar .ss327-side-link{
    min-height:38px!important;
    font-size:12px!important;
}
.ss334-detail-page .ss327-sidebar .ss327-mini-post{
    min-height:40px!important;
}
.ss334-detail-page .ss327-sidebar .ss327-mini-post span{
    font-size:11px!important;
}
@media(max-width:1199px){
    .ss334-detail-page .ss327-sidebar,
    .ss334-main-col{
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
    }
    .ss334-main-col{
        padding-right:0!important;
    }
    .ss334-detail-page .ss327-sidebar{
        margin-top:24px!important;
    }
}
@media(max-width:992px){
    .ss334-detail-hero{
        min-height:auto!important;
        padding:28px!important;
    }
    .ss334-hero-body h1{
        font-size:42px!important;
        letter-spacing:-1.4px!important;
    }
    .ss334-signal{
        width:140px!important;
        height:140px!important;
        right:auto!important;
        top:auto!important;
    }
    .ss334-article-content{
        padding:32px 26px!important;
        font-size:17px!important;
    }
}
@media(max-width:560px){
    .ss334-detail-container{
        max-width:calc(100% - 20px)!important;
    }
    .ss334-detail-hero{
        border-radius:26px!important;
        padding:22px!important;
    }
    .ss334-hero-body h1{
        font-size:34px!important;
        letter-spacing:-1px!important;
    }
    .ss334-hero-meta{
        grid-template-columns:1fr!important;
    }
}


/* SesliYoutube EC benzeri makale detay - Sohbet uyum V3.3.5 */
.ss335-page{
    position:relative;
    padding:38px 0 80px;
    background:
        radial-gradient(circle at 12% 0%,rgba(64,84,191,.13),transparent 28%),
        radial-gradient(circle at 88% 6%,rgba(233,30,99,.10),transparent 32%),
        linear-gradient(180deg,#eef1ff 0%,#f7f8ff 54%,#eef2ff 100%);
}
.ss335-wrap{
    width:min(1320px,calc(100% - 34px));
    margin:0 auto;
}
.ss335-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:24px;
    align-items:start;
}
.ss335-main{min-width:0}
.ss335-alert{
    background:#fff;
    border:2px dashed rgba(233,30,99,.35);
    color:#9f1239;
    border-radius:22px;
    padding:22px;
    font-weight:900;
}
.ss335-hero{
    position:relative;
    min-height:520px;
    border-radius:34px;
    overflow:hidden;
    border:2px solid rgba(64,84,191,.45);
    background:
        linear-gradient(90deg,rgba(31,45,128,.76),rgba(64,84,191,.40)),
        var(--ss335-img) center/cover no-repeat;
    box-shadow:0 30px 84px rgba(64,84,191,.20);
    isolation:isolate;
    padding:26px;
    margin-bottom:22px;
}
.ss335-hero-bg{
    position:absolute;inset:0;z-index:0;
    background:
        linear-gradient(180deg,rgba(255,255,255,.10),rgba(64,84,191,.16)),
        radial-gradient(circle at 77% 24%,rgba(255,255,255,.28),transparent 22%),
        radial-gradient(circle at 14% 92%,rgba(233,30,99,.18),transparent 30%);
}
.ss335-hero:after{
    content:"";
    position:absolute;
    right:-120px;top:-120px;
    width:420px;height:420px;
    border-radius:50%;
    background:conic-gradient(from 130deg,#4054bf,#e91e63,#7c3aed,#38bdf8,#4054bf);
    filter:blur(12px);
    opacity:.42;
    z-index:0;
    animation:ss335Spin 18s linear infinite;
}
@keyframes ss335Spin{to{transform:rotate(360deg)}}
.ss335-crumbs{
    position:relative;z-index:2;
    display:flex;flex-wrap:wrap;gap:9px;
    margin-bottom:115px;
}
.ss335-crumbs a{
    min-height:38px;
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 14px;
    border-radius:999px;
    color:#fff!important;
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.26);
    text-decoration:none!important;
    font-weight:950;
    font-size:12px;
    backdrop-filter:blur(10px);
    transition:.24s ease;
}
.ss335-crumbs a:hover{transform:translateY(-3px);background:#fff;color:#4054bf!important}
.ss335-hero-grid{
    position:relative;z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1fr) 240px;
    gap:26px;
    align-items:end;
}
.ss335-kicker{
    display:inline-flex;align-items:center;gap:8px;
    min-height:38px;
    padding:9px 15px;
    border-radius:999px;
    background:linear-gradient(135deg,#e91e63,#ff5b93);
    color:#fff;
    font-size:12px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.5px;
    box-shadow:0 14px 30px rgba(233,30,99,.24);
    margin-bottom:18px;
}
.ss335-hero-text h1{
    max-width:760px;
    margin:0 0 18px;
    color:#fff;
    font-size:clamp(42px,5.4vw,78px);
    line-height:.98;
    letter-spacing:-2.2px;
    font-weight:950;
    text-shadow:0 16px 34px rgba(31,45,128,.26);
}
.ss335-hero-text h1:after{
    content:"";
    display:block;
    width:min(390px,58%);
    height:8px;
    border-radius:999px;
    margin-top:17px;
    background:linear-gradient(90deg,#fff,#e91e63,#4054bf);
}
.ss335-hero-text p{
    max-width:760px;
    color:rgba(255,255,255,.92);
    font-size:18px;
    line-height:1.68;
    font-weight:750;
    margin:0 0 20px;
}
.ss335-meta-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}
.ss335-meta-grid div{
    min-height:76px;
    position:relative;
    overflow:hidden;
    padding:13px 14px;
    border-radius:17px;
    background:rgba(255,255,255,.20);
    border:1px solid rgba(255,255,255,.28);
    color:#fff;
    backdrop-filter:blur(12px);
    box-shadow:0 12px 26px rgba(31,45,128,.14);
}
.ss335-meta-grid div:before{
    content:"";position:absolute;left:0;top:0;right:0;height:4px;
    background:linear-gradient(90deg,#fff,#e91e63,#4054bf);
}
.ss335-meta-grid small{
    display:block;
    color:rgba(255,255,255,.68);
    font-size:10px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin-bottom:8px;
}
.ss335-meta-grid b{
    display:flex;align-items:center;gap:7px;
    font-size:15px;
    line-height:1.2;
    font-weight:950;
}
.ss335-command{
    display:flex;flex-direction:column;align-items:center;gap:18px;
}
.ss335-orb{
    width:176px;height:176px;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.82);
    position:relative;
    box-shadow:0 24px 60px rgba(31,45,128,.24);
}
.ss335-orb:before{
    content:"";position:absolute;inset:-16px;border-radius:50%;
    background:conic-gradient(#38bdf8,#4054bf,#e91e63,#38bdf8);
    z-index:-1;
    animation:ss335Spin 12s linear infinite;
}
.ss335-orb:after{
    content:"";position:absolute;inset:-5px;border-radius:50%;background:rgba(238,241,255,.70);z-index:-1;
}
.ss335-orb div{display:flex;flex-direction:column;align-items:center;text-align:center;color:#4054bf}
.ss335-orb i{font-size:22px;margin-bottom:8px;color:#06b6d4}
.ss335-orb b{font-size:36px;font-weight:950;line-height:1;background:linear-gradient(135deg,#4054bf,#e91e63);-webkit-background-clip:text;background-clip:text;color:transparent}
.ss335-orb span{font-size:10px;font-weight:950;letter-spacing:.6px;text-transform:uppercase;margin-top:5px}
.ss335-action-grid{
    width:100%;
    display:grid;
    gap:10px;
}
.ss335-action{
    min-height:48px;
    border:0;
    border-radius:15px;
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:12px 16px;
    background:rgba(255,255,255,.22);
    color:#fff!important;
    text-decoration:none!important;
    font-weight:950;
    cursor:pointer;
    border:1px solid rgba(255,255,255,.24);
    transition:.24s ease;
}
.ss335-action.primary{background:linear-gradient(135deg,#e91e63,#7c3aed);box-shadow:0 14px 30px rgba(233,30,99,.22)}
.ss335-action:hover{transform:translateY(-4px)}
.ss335-card{
    background:#fff;
    border:2px solid rgba(64,84,191,.22);
    border-radius:26px;
    box-shadow:0 18px 48px rgba(64,84,191,.09);
    overflow:hidden;
    margin-bottom:20px;
}
.ss335-card-head{
    min-height:66px;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:18px 22px;
    background:linear-gradient(180deg,#fff,#f4f6ff);
    border-bottom:1px solid rgba(64,84,191,.13);
    color:#14205c;
}
.ss335-card-head h2{
    margin:0;
    display:flex;align-items:center;gap:8px;
    font-size:17px;
    text-transform:uppercase;
    font-weight:950;
}
.ss335-tools{display:flex;flex-wrap:wrap;gap:7px}
.ss335-tools button,.ss335-pill{
    min-height:30px;
    border:1px solid rgba(64,84,191,.20);
    background:#fff;
    color:#4054bf;
    border-radius:999px;
    padding:6px 11px;
    font-size:11px;
    font-weight:950;
    cursor:pointer;
}
.ss335-tools button.active,.ss335-tools button:hover{
    background:linear-gradient(135deg,#4054bf,#6b5ce7);
    color:#fff;
}
.ss335-article{
    padding:42px 48px;
    color:#26325f;
    font-size:18px;
    line-height:1.95;
}
.ss335-article h1,.ss335-article h2,.ss335-article h3{
    color:#14205c;
    font-weight:950;
    line-height:1.18;
}
.ss335-article h2{font-size:34px;margin-top:0}
.ss335-article p{margin-bottom:22px}
.ss335-share{
    display:flex;flex-wrap:wrap;gap:10px;
    padding:20px 48px 30px;
    border-top:1px solid rgba(64,84,191,.12);
}
.ss335-share span,.ss335-share a,.ss335-share button{
    min-height:38px;
    border-radius:999px;
    padding:8px 14px;
    display:inline-flex;align-items:center;gap:7px;
    border:0;
    text-decoration:none!important;
    font-weight:950;
    font-size:12px;
    cursor:pointer;
}
.ss335-share span{background:#eef2ff;color:#4054bf}
.ss335-share a,.ss335-share button{background:#f6f7ff;color:#4054bf}
.ss335-share .fb{background:#1877f2;color:#fff!important}
.ss335-share .tw{background:#111827;color:#fff!important}
.ss335-share .wa{background:#25d366;color:#06200f!important}
.ss335-share a:hover,.ss335-share button:hover{transform:translateY(-3px)}
.ss335-related{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    padding:20px 22px 24px;
}
.ss335-rel{
    display:flex;gap:13px;
    min-height:112px;
    background:#f7f9ff;
    border:1px solid rgba(64,84,191,.15);
    border-radius:18px;
    overflow:hidden;
    color:#14205c!important;
    text-decoration:none!important;
    transition:.24s ease;
}
.ss335-rel:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(64,84,191,.12)}
.ss335-rel-img{width:150px;flex:0 0 150px;overflow:hidden}
.ss335-rel-img img{width:100%;height:100%;object-fit:cover}
.ss335-rel-body{padding:14px 12px;display:flex;flex-direction:column;justify-content:center}
.ss335-rel-body b{font-size:14px;line-height:1.35}
.ss335-rel-body small{color:#64709e;font-weight:850;margin-top:8px}
.ss335-comment-form{padding:22px}
.ss335-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ss335-comment-form label{display:block;color:#4054bf;font-size:12px;font-weight:950;text-transform:uppercase;margin-bottom:12px}
.ss335-comment-form input,.ss335-comment-form textarea{
    width:100%;
    margin-top:7px;
    border:1px solid rgba(64,84,191,.18);
    background:#f8faff;
    color:#14205c;
    border-radius:14px;
    padding:13px 15px;
    outline:none;
    text-transform:none;
    font-weight:700;
}
.ss335-comment-form textarea{min-height:150px;resize:vertical}
.ss335-comment-form button{
    width:100%;
    min-height:48px;
    border:0;
    border-radius:14px;
    background:linear-gradient(135deg,#4054bf,#e91e63);
    color:#fff;
    font-weight:950;
}
.ss335-empty{
    margin:0 22px 22px;
    min-height:92px;
    border:1px dashed rgba(64,84,191,.24);
    background:#f7f9ff;
    color:#64709e;
    display:flex;align-items:center;justify-content:center;gap:10px;
    border-radius:18px;
    font-weight:850;
}
.ss335-side{position:sticky;top:18px}
.ss335-side-card{
    background:#fff;
    border:2px solid rgba(64,84,191,.20);
    border-radius:22px;
    box-shadow:0 16px 40px rgba(64,84,191,.08);
    overflow:hidden;
    margin-bottom:16px;
}
.ss335-side-head{
    min-height:60px;
    padding:15px 16px;
    display:flex;align-items:center;gap:10px;
    background:linear-gradient(180deg,#fff,#f4f6ff);
    border-bottom:1px solid rgba(64,84,191,.12);
}
.ss335-side-head span{
    width:38px;height:38px;border-radius:12px;
    background:linear-gradient(135deg,#4054bf,#e91e63);
    color:#fff;display:flex;align-items:center;justify-content:center;
}
.ss335-side-head h4{margin:0;color:#14205c;text-transform:uppercase;font-size:13px;font-weight:950}
.ss335-side-list,.ss335-pop-list{padding:14px}
.ss335-side-list a{
    min-height:44px;
    display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:9px;align-items:center;
    padding:8px 10px;
    border-radius:13px;
    background:#f7f9ff;
    color:#14205c!important;
    text-decoration:none!important;
    font-weight:950;
    font-size:13px;
    margin-bottom:8px;
    transition:.22s ease;
}
.ss335-side-list a i{
    width:28px;height:28px;border-radius:10px;background:#e9efff;color:#4054bf;display:flex;align-items:center;justify-content:center;
}
.ss335-side-list a em{
    width:26px;height:26px;border-radius:50%;background:#4054bf;color:#fff;font-style:normal;display:flex;align-items:center;justify-content:center;font-size:12px;
}
.ss335-side-list a:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(64,84,191,.10)}
.ss335-pop-list a{
    display:grid;
    grid-template-columns:28px 54px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-height:62px;
    padding:8px;
    border-radius:14px;
    background:#f7f9ff;
    color:#14205c!important;
    text-decoration:none!important;
    margin-bottom:8px;
    transition:.22s ease;
}
.ss335-pop-list a:hover{transform:translateY(-3px);box-shadow:0 12px 22px rgba(64,84,191,.10)}
.ss335-pop-list .rank{
    width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,#e91e63,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;
}
.ss335-pop-list .thumb{width:54px;height:44px;border-radius:11px;overflow:hidden;background:#eef2ff}
.ss335-pop-list .thumb img{width:100%;height:100%;object-fit:cover}
.ss335-pop-list .txt{min-width:0}
.ss335-pop-list .txt b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss335-pop-list .txt small{display:block;color:#64709e;font-size:11px;font-weight:850;margin-top:3px}
.ss335-side-empty{
    min-height:92px;display:flex;align-items:center;justify-content:center;color:#64709e;font-weight:800;font-size:13px;padding:16px;
}
.ss335-cta{text-align:center;padding:24px 18px}
.ss335-cta-icon{
    width:58px;height:58px;margin:0 auto 12px;border-radius:19px;
    background:linear-gradient(135deg,#e91e63,#7c3aed);
    color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;
    box-shadow:0 16px 32px rgba(233,30,99,.18);
}
.ss335-cta h3{color:#14205c;margin:0 0 8px;font-weight:950}
.ss335-cta p{color:#64709e;line-height:1.55;margin:0 0 16px;font-weight:750}
.ss335-cta a{
    min-height:44px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:10px 18px;border-radius:999px;
    background:linear-gradient(135deg,#e91e63,#7c3aed);
    color:#fff!important;text-decoration:none!important;font-weight:950;
}
.ss335-focus-mode .ss335-side{display:none}
.ss335-focus-mode .ss335-layout{grid-template-columns:minmax(0,980px);justify-content:center}
.ss335-focus-mode .ss335-hero-grid{grid-template-columns:1fr}
.ss335-focus-mode .ss335-command{display:none}
@media(max-width:1180px){
    .ss335-layout{grid-template-columns:1fr}
    .ss335-side{position:relative;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .ss335-side-card{margin-bottom:0}
}
@media(max-width:860px){
    .ss335-hero-grid{grid-template-columns:1fr}
    .ss335-command{align-items:flex-start}
    .ss335-action-grid{max-width:360px}
    .ss335-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .ss335-related{grid-template-columns:1fr}
    .ss335-form-grid{grid-template-columns:1fr}
    .ss335-side{grid-template-columns:1fr}
    .ss335-crumbs{margin-bottom:60px}
}
@media(max-width:560px){
    .ss335-wrap{width:calc(100% - 20px)}
    .ss335-hero{min-height:auto;padding:20px;border-radius:24px}
    .ss335-hero-text h1{font-size:34px;letter-spacing:-1px}
    .ss335-hero-text p{font-size:15px}
    .ss335-meta-grid{grid-template-columns:1fr}
    .ss335-article{padding:28px 22px;font-size:16px}
    .ss335-share{padding:18px 22px 24px}
    .ss335-card-head{align-items:flex-start;flex-direction:column}
}


/* Makale üst görsel alanı - referans görünüme yakın V3.3.6 */
.ss335-page{
    background:
        linear-gradient(180deg,#eef1ff 0%,#f7f8ff 46%,#eef2ff 100%)!important;
}
.ss335-wrap{
    width:min(1360px,calc(100% - 34px))!important;
}
.ss335-layout{
    grid-template-columns:minmax(0,1fr) 330px!important;
    gap:24px!important;
}
.ss336-hero-like-ref,
.ss335-hero{
    min-height:565px!important;
    border-radius:34px!important;
    padding:32px 34px!important;
    background:
        linear-gradient(90deg,rgba(8,14,30,.72) 0%,rgba(17,24,45,.58) 44%,rgba(8,14,30,.18) 100%),
        var(--ss335-img) center center/cover no-repeat!important;
    border:1px solid rgba(64,84,191,.32)!important;
    box-shadow:0 30px 78px rgba(42,54,145,.20)!important;
}
.ss336-hero-like-ref .ss335-hero-bg,
.ss335-hero .ss335-hero-bg{
    background:
        linear-gradient(180deg,rgba(255,255,255,.04),rgba(8,14,30,.28)),
        radial-gradient(circle at 78% 30%,rgba(255,255,255,.13),transparent 20%),
        linear-gradient(90deg,rgba(8,14,30,.52),rgba(8,14,30,.10))!important;
}
.ss336-hero-like-ref:after,
.ss335-hero:after{
    display:none!important;
}
.ss336-hero-like-ref .ss335-crumbs,
.ss335-hero .ss335-crumbs{
    margin-bottom:145px!important;
}
.ss336-hero-like-ref .ss335-crumbs a,
.ss335-hero .ss335-crumbs a{
    background:rgba(17,24,39,.58)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#fff!important;
    box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}
.ss336-hero-like-ref .ss335-crumbs a:hover,
.ss335-hero .ss335-crumbs a:hover{
    background:#fff!important;
    color:#4054bf!important;
}
.ss336-hero-like-ref .ss335-hero-grid,
.ss335-hero .ss335-hero-grid{
    grid-template-columns:minmax(0,1fr) 300px!important;
    align-items:end!important;
    gap:32px!important;
}
.ss336-hero-like-ref .ss335-kicker,
.ss335-hero .ss335-kicker{
    background:rgba(233,30,99,.78)!important;
    border:1px solid rgba(255,255,255,.16)!important;
    backdrop-filter:blur(10px)!important;
    box-shadow:0 16px 34px rgba(233,30,99,.22)!important;
}
.ss336-hero-like-ref .ss335-hero-text h1,
.ss335-hero .ss335-hero-text h1{
    max-width:760px!important;
    font-size:clamp(44px,5vw,72px)!important;
    line-height:1.02!important;
    letter-spacing:-2px!important;
    text-transform:none!important;
    text-shadow:0 16px 34px rgba(0,0,0,.30)!important;
}
.ss336-hero-like-ref .ss335-hero-text h1:after,
.ss335-hero .ss335-hero-text h1:after{
    width:330px!important;
    height:6px!important;
    background:linear-gradient(90deg,#fff,#e91e63,#4054bf)!important;
    box-shadow:none!important;
}
.ss336-hero-like-ref .ss335-hero-text p,
.ss335-hero .ss335-hero-text p{
    max-width:700px!important;
    color:rgba(255,255,255,.88)!important;
    font-size:17px!important;
    line-height:1.65!important;
    font-weight:700!important;
}
.ss336-hero-like-ref .ss335-meta-grid,
.ss335-hero .ss335-meta-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:12px!important;
}
.ss336-hero-like-ref .ss335-meta-grid div,
.ss335-hero .ss335-meta-grid div{
    min-height:76px!important;
    border-radius:17px!important;
    background:rgba(20,25,42,.70)!important;
    border:1px solid rgba(255,255,255,.15)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
    backdrop-filter:blur(10px)!important;
}
.ss336-hero-like-ref .ss335-meta-grid div:before,
.ss335-hero .ss335-meta-grid div:before{
    background:linear-gradient(90deg,#33d6ff,#e91e63,#7c3aed)!important;
}
.ss336-hero-like-ref .ss335-meta-grid small,
.ss335-hero .ss335-meta-grid small{
    color:rgba(255,255,255,.62)!important;
}
.ss336-hero-like-ref .ss335-meta-grid b,
.ss335-hero .ss335-meta-grid b{
    color:#fff!important;
}
.ss336-hero-like-ref .ss335-command,
.ss335-hero .ss335-command{
    align-items:stretch!important;
    justify-content:flex-end!important;
}
.ss336-hero-like-ref .ss335-orb,
.ss335-hero .ss335-orb{
    width:195px!important;
    height:195px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    background:#071225!important;
    color:#fff!important;
    box-shadow:0 24px 64px rgba(0,0,0,.30)!important;
    transform:rotate(-18deg)!important;
}
.ss336-hero-like-ref .ss335-orb:before,
.ss335-hero .ss335-orb:before{
    inset:-13px!important;
    background:conic-gradient(#27d5ff,#4054bf,#e91e63,#a855f7,#27d5ff)!important;
}
.ss336-hero-like-ref .ss335-orb:after,
.ss335-hero .ss335-orb:after{
    inset:8px!important;
    background:#071225!important;
}
.ss336-hero-like-ref .ss335-orb div,
.ss335-hero .ss335-orb div{
    color:#fff!important;
}
.ss336-hero-like-ref .ss335-orb i,
.ss335-hero .ss335-orb i{
    width:48px!important;
    height:48px!important;
    border-radius:18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0 auto 10px!important;
    background:#20e7f1!important;
    color:#06202a!important;
    font-size:22px!important;
}
.ss336-hero-like-ref .ss335-orb b,
.ss335-hero .ss335-orb b{
    color:#fff!important;
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    font-size:44px!important;
    letter-spacing:-1px!important;
    line-height:.9!important;
}
.ss336-hero-like-ref .ss335-orb span,
.ss335-hero .ss335-orb span{
    color:rgba(255,255,255,.72)!important;
    font-size:11px!important;
}
.ss336-hero-like-ref .ss335-action-grid,
.ss335-hero .ss335-action-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
    margin-top:8px!important;
}
.ss336-hero-like-ref .ss335-action,
.ss335-hero .ss335-action{
    min-height:54px!important;
    border-radius:17px!important;
    background:rgba(255,255,255,.20)!important;
    border:1px solid rgba(255,255,255,.22)!important;
    color:#fff!important;
    backdrop-filter:blur(10px)!important;
}
.ss336-hero-like-ref .ss335-action.primary,
.ss335-hero .ss335-action.primary{
    background:linear-gradient(135deg,#e91e63,#a855f7)!important;
    border:0!important;
    box-shadow:0 16px 36px rgba(233,30,99,.28)!important;
}
@media(max-width:1180px){
    .ss335-layout{grid-template-columns:1fr!important}
}
@media(max-width:900px){
    .ss336-hero-like-ref .ss335-hero-grid,
    .ss335-hero .ss335-hero-grid{
        grid-template-columns:1fr!important;
    }
    .ss336-hero-like-ref .ss335-crumbs,
    .ss335-hero .ss335-crumbs{
        margin-bottom:72px!important;
    }
    .ss336-hero-like-ref .ss335-command,
    .ss335-hero .ss335-command{
        align-items:flex-start!important;
    }
    .ss336-hero-like-ref .ss335-orb,
    .ss335-hero .ss335-orb{
        margin-left:0!important;
    }
    .ss336-hero-like-ref .ss335-action-grid,
    .ss335-hero .ss335-action-grid{
        max-width:420px!important;
    }
}
@media(max-width:620px){
    .ss336-hero-like-ref,
    .ss335-hero{
        min-height:auto!important;
        padding:22px!important;
        border-radius:24px!important;
    }
    .ss336-hero-like-ref .ss335-hero-text h1,
    .ss335-hero .ss335-hero-text h1{
        font-size:34px!important;
        letter-spacing:-1px!important;
    }
    .ss336-hero-like-ref .ss335-meta-grid,
    .ss335-hero .ss335-meta-grid{
        grid-template-columns:1fr!important;
    }
    .ss336-hero-like-ref .ss335-action-grid,
    .ss335-hero .ss335-action-grid{
        grid-template-columns:1fr!important;
    }
}


/* ==================================================
   BLOG.PHP TREND YAZILAR KESİN ÇÖZÜM
   Bu alan /blog.php sağ sidebar Trend Yazılar taşmasını çözer.
================================================== */
.ss331-blogx-sidebar,
.ss331-blogx-side-card,
.ss331-blogx-side-list{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
}
.ss331-blogx-pop-item{
    display:grid!important;
    grid-template-columns:34px 58px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
}
.ss331-blogx-pop-text{
    display:block!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
}
.ss331-blogx-pop-rank{
    width:30px!important;
    min-width:30px!important;
    max-width:30px!important;
}
.ss331-blogx-pop-img{
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
    height:46px!important;
    overflow:hidden!important;
}
.ss331-blogx-pop-img img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:cover!important;
}
.ss331-blogx-pop-title{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    min-width:0!important;
    line-height:1.25!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
}
.ss331-blogx-pop-view{
    display:block!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}


/* ==================================================
   BLOG HEADER MENÜ UYUM + DESTEK
   Blog sayfasının üst menüsü diğer sayfalarla aynı genişlik ve düzen hissine yaklaşır.
================================================== */

body.ss327-sade .ss327-header > .container{
    width:min(1340px, calc(100% - 48px))!important;
    max-width:1340px!important;
}

body.ss327-sade .ss327-header .ss327-navbox{
    width:100%!important;
    border-color:#4054bf!important;
    border-radius:24px!important;
}

body.ss327-sade .ss327-header .navbar{
    min-height:58px!important;
}

body.ss327-sade .ss327-header .ss327-menu{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    flex-wrap:wrap!important;
}

body.ss327-sade .ss327-header .ss327-menu .nav-link{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 14px!important;
    border-radius:999px!important;
    white-space:nowrap!important;
}

@media(max-width:992px){
    body.ss327-sade .ss327-header > .container{
        width:min(100% - 28px, 1340px)!important;
    }
    body.ss327-sade .ss327-header .ss327-menu{
        align-items:flex-start!important;
        justify-content:flex-start!important;
        gap:8px!important;
        padding-top:14px!important;
    }
}


/* ==================================================
   SOHBET TEMA GÖVDE KÖPRÜSÜ
   Admin > Tema Ayarları renklerini dış gövdeye taşır.
   Ana renk: --ss-theme-primary
   Arkaplan: --ss-theme-bg
   Metin: --ss-theme-text
================================================== */

body.ss327-sade{
    background:
        radial-gradient(circle at 12% 0%, var(--ss-theme-soft,rgba(64,84,191,.10)), transparent 34%),
        radial-gradient(circle at 88% 8%, var(--ss-theme-soft-2,rgba(36,173,255,.13)), transparent 36%),
        var(--ss-theme-bg,#EEF2FF)!important;
    color:var(--ss-theme-text,#14205C)!important;
}

body.ss327-sade .ss327-header,
body.ss327-sade .sade-quick-actions,
body.ss327-sade .sade-live-map-lite,
body.ss327-sade .ss327-page-main,
body.ss327-sade .ss331-blogx-wrap,
body.ss327-sade footer{
    background:transparent!important;
    color:var(--ss-theme-text,#14205C)!important;
}

body.ss327-sade .ss327-navbox,
body.ss327-sade .uvea,
body.ss327-sade .ss331-blogx-nav,
body.ss327-sade .ss331-blogx-navbox,
body.ss327-sade .ss-page-nav{
    background:var(--ss-theme-header,#fff)!important;
    border-color:var(--ss-theme-border,rgba(64,84,191,.24))!important;
    color:var(--ss-theme-text,#14205C)!important;
}

body.ss327-sade .sade-quick-card,
body.ss327-sade .sade-live-map-shell,
body.ss327-sade .ss327-page-card,
body.ss327-sade .ss327-side-card,
body.ss327-sade .ss331-blogx-side-card,
body.ss327-sade .ss331-blogx-post-card,
body.ss327-sade .smallarka,
body.ss327-sade .makust,
body.ss327-sade .katsab,
body.ss327-sade .popsab,
body.ss327-sade .onerilensab,
body.ss327-sade .yorumsab,
body.ss327-sade .ss327-footer-box,
body.ss327-sade .card{
    background:var(--ss-theme-card,#fff)!important;
    border-color:var(--ss-theme-border,rgba(64,84,191,.24))!important;
    color:var(--ss-theme-text,#14205C)!important;
}

body.ss327-sade .sade-quick-card-icon,
body.ss327-sade .ss327-page-kicker,
body.ss327-sade .ss331-blogx-kicker,
body.ss327-sade .ss331-blogx-cat,
body.ss327-sade .devami,
body.ss327-sade .btn-primary-custom{
    background:var(--ss-theme-gradient,linear-gradient(135deg,#4054BF,#24ADFF))!important;
    color:#fff!important;
}

body.ss327-sade h1,
body.ss327-sade h2,
body.ss327-sade h3,
body.ss327-sade h4,
body.ss327-sade h5,
body.ss327-sade h6,
body.ss327-sade .ss327-logo,
body.ss327-sade .navbar-brand,
body.ss327-sade .ss327-menu .nav-link,
body.ss327-sade .ss327-page-title,
body.ss327-sade .ss331-blogx-title,
body.ss327-sade .ss331-blogx-pop-title{
    color:var(--ss-theme-text,#14205C)!important;
}

body.ss327-sade .ss327-menu .nav-link.active,
body.ss327-sade .ss327-menu .nav-link:hover{
    background:var(--ss-theme-gradient,linear-gradient(135deg,#4054BF,#24ADFF))!important;
    color:#fff!important;
}

body.ss327-sade .bg-white,
body.ss327-sade .bg-light,
body.ss327-sade .white-bg{
    background:var(--ss-theme-card,#fff)!important;
}