:root{
    --efl-navy:#142844;
    --efl-navy-dark:#0d1b2d;
    --efl-blue:#2ea7ff;
    --efl-teal:#18d2c3;
    --efl-teal-dark:#0d9188;
    --efl-orange:#f59e0b;
    --efl-red:#dc5b65;
    --efl-text:#1c3552;
    --efl-muted:#64748b;
    --efl-line:#e2e8f0;
    --efl-soft:#f7fafc;
    --efl-white:#fff;
    --efl-shadow:0 18px 48px rgba(20,40,68,.08);
}

.ef-list-v2{
    background:#fff;
    color:var(--efl-text);
    padding:0 0 56px;
}

.ef-list-v2 *{
    box-sizing:border-box;
}

.ef-list-v2__wrap{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
}

.ef-list-v2__crumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    padding:20px 0 14px;
    color:#7b8a9e;
    font-size:12px;
}

.ef-list-v2__crumbs a{
    color:#64748b;
    text-decoration:none;
}

.ef-list-v2__crumbs strong{
    color:var(--efl-navy);
    font-weight:800;
}

.ef-list-v2-tag{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 10px;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#f8fafc;
    color:#47607c;
    font-size:11px;
    line-height:1;
    font-weight:850;
    text-decoration:none;
}

.ef-list-v2-tag--link:hover{
    border-color:#bce9e5;
    color:#087c74;
}

.ef-list-v2-tag--sponsor{
    border-color:#f5d89a;
    background:#fff8e7;
    color:#8a5b00;
}

/* =========================================================
   LIST HERO V3 — TEK KAYNAK / FINAL
   Bu blok liste detay üst alanının tek stil kaynağıdır.
   ========================================================= */
.ef-list-hero{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,450px);
    gap:28px 40px;
    align-items:start;
    padding:8px 0 12px;
}

.ef-list-hero__content{
    min-width:0;
}

.ef-list-hero__tags{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:12px;
}

.ef-list-hero h1{
    max-width:700px;
    margin:0;
    color:var(--efl-navy);
    font-size:clamp(36px,3.25vw,50px);
    line-height:1.06;
    letter-spacing:-.038em;
    font-weight:900;
    text-wrap:balance;
}

.ef-list-hero__lead{
    max-width:700px;
    margin-top:15px;
    color:#52677f;
    font-size:15.5px;
    line-height:1.68;
}

.ef-list-hero__lead p{
    margin:0;
}

.ef-list-hero__visual{
    min-width:0;
    margin:0;
}

.ef-list-hero__visual img{
    width:100%;
    aspect-ratio:16 / 9;
    display:block;
    object-fit:cover;
    object-position:center;
    border-radius:18px;
    background:#e9eef3;
    box-shadow:0 14px 34px rgba(20,40,68,.07);
}

.ef-list-hero__stats{
    grid-column:1 / -1;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(0,1fr);
    gap:10px;
    margin:0;
}

.ef-list-hero__stat{
    min-width:0;
    min-height:66px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid #dce6ec;
    border-radius:14px;
    background:#fbfdff;
}

.ef-list-hero__stat-icon{
    flex:0 0 32px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#ecf8f7;
    color:#0d9188;
}

.ef-list-hero__stat:nth-child(2) .ef-list-hero__stat-icon{
    background:#eff4ff;
    color:#3568c8;
}

.ef-list-hero__stat:nth-child(3) .ef-list-hero__stat-icon{
    background:#fff6e8;
    color:#c77b08;
}

.ef-list-hero__stat:nth-child(4) .ef-list-hero__stat-icon{
    background:#f3efff;
    color:#7255b7;
}

.ef-list-hero__stat-icon svg{
    width:17px;
    height:17px;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ef-list-hero__stat-copy{
    min-width:0;
    display:grid;
    gap:4px;
}

.ef-list-hero__stat-copy strong{
    overflow:hidden;
    color:var(--efl-navy);
    font-size:19px;
    line-height:1;
    font-weight:900;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ef-list-hero__stat-copy small{
    overflow:hidden;
    color:#718197;
    font-size:9.5px;
    line-height:1.15;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/* Tek kurumsal bilgi/aksiyon rayı: tek kaynak. */
.ef-list-hero__utility{
    grid-column:1 / -1;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:stretch;
    gap:18px;
    padding:12px 0;
    border-top:1px solid #e3eaef;
    border-bottom:1px solid #e3eaef;
}

.ef-list-hero__utility-info{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(210px,250px) minmax(0,1fr);
    align-items:stretch;
    gap:0;
}

.ef-list-hero__author{
    min-width:0;
    min-height:64px;
    display:flex;
    align-items:center;
    padding-right:18px;
}

.ef-list-hero__author .publisher{
    margin:0;
}

.ef-list-hero__author .publisher__title{
    display:none;
}

.ef-list-v2__trust{
    min-width:0;
    min-height:64px;
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    align-items:center;
    align-content:center;
    gap:10px;
    padding-left:18px;
    border-left:1px solid #dce6ec;
}

.ef-list-hero__utility-info > .ef-list-v2__trust:only-child{
    grid-column:1 / -1;
    padding-left:0;
    border-left:0;
}

.ef-list-v2__trust-icon{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#e7f8f5;
    color:#0f9e94;
    font-size:15px;
    font-weight:900;
}

.ef-list-v2__trust-copy{
    min-width:0;
}

.ef-list-v2__trust span{
    display:block;
    color:#087f78;
    font-size:8px;
    line-height:1.1;
    font-weight:900;
    letter-spacing:.12em;
}

.ef-list-v2__trust strong{
    display:block;
    margin-top:2px;
    color:#102a43;
    font-size:12px;
    line-height:1.2;
    font-weight:900;
}

.ef-list-v2__trust p{
    overflow:visible;
    margin:4px 0 0;
    color:#64748b;
    font-size:10px;
    line-height:1.4;
    text-overflow:clip;
    white-space:normal;
}

.ef-list-v2__trust-date{
    display:none;
}

.ef-list-hero__utility-actions{
    --ef-action-size:42px;
    min-width:0;
    align-self:center;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
}

.ef-list-hero__follow,
.ef-list-hero__share,
.ef-list-hero__date{
    height:var(--ef-action-size);
    min-height:var(--ef-action-size);
    display:flex;
    align-items:center;
}

.ef-list-hero__follow .follow{
    margin:0;
}

.ef-list-hero__follow .follow__btn{
    box-sizing:border-box;
    height:var(--ef-action-size);
    min-height:var(--ef-action-size);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:0;
    padding:0 15px;
    border:1px solid #bfe6e1;
    border-radius:12px;
    background:#fff;
    color:#102a43;
    font-size:12px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
    box-shadow:none;
}

.ef-list-hero__follow .follow__btn svg{
    width:16px;
    height:16px;
    flex:0 0 16px;
}

.ef-list-hero__share{
    padding-left:0;
    border-left:0;
}

.ef-list-v2 .share--icons{
    position:relative;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
    flex-wrap:nowrap;
}

.ef-list-v2 .share--icons .share__btn{
    box-sizing:border-box;
    flex:0 0 var(--ef-action-size);
    width:var(--ef-action-size);
    height:var(--ef-action-size);
    min-width:var(--ef-action-size);
    min-height:var(--ef-action-size);
    padding:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d9e3ea;
    border-radius:12px;
    background:#f8fafc;
    color:#334155;
    line-height:1;
    box-shadow:none;
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.ef-list-v2 .share--icons .share__btn:hover{
    transform:translateY(-1px);
}

.ef-list-v2 .share--icons .share__btn svg{
    width:16px;
    height:16px;
    display:block;
    fill:currentColor;
}

.ef-list-v2 .share--icons .share__btn--whatsapp{
    border-color:#c9ead4;
    background:#f0fbf4;
    color:#169c4c;
}

.ef-list-v2 .share--icons .share__btn--x{
    border-color:#d7e0e8;
    background:#f3f6f8;
    color:#344454;
}

.ef-list-v2 .share--icons .share__btn--facebook{
    border-color:#cbdcf8;
    background:#f1f6ff;
    color:#2563eb;
}

.ef-list-v2 .share--icons .share__btn--linkedin{
    border-color:#c8dcf0;
    background:#f0f7fd;
    color:#0a66c2;
}

.ef-list-v2 .share--icons .share__btn--copy{
    border-color:#d8e1e8;
    background:#f7f9fb;
    color:#526579;
}

.ef-list-v2 .share--icons .share__msg{
    position:absolute;
    top:calc(100% + 5px);
    right:0;
    min-width:max-content;
    color:#64748b;
    font-size:9px;
    line-height:1;
}

.ef-list-v2 .share--icons.share--compact{
    width:100%;
    justify-content:center;
    gap:6px;
}

.ef-list-v2 .share--icons.share--compact .share__btn{
    flex-basis:36px;
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    border-radius:10px;
}

.ef-list-v2 .share--icons.share--compact .share__btn svg{
    width:15px;
    height:15px;
}

.ef-list-hero__date{
    box-sizing:border-box;
    gap:6px;
    padding:0 11px;
    border:1px solid #d9e3ea;
    border-radius:12px;
    background:#f8fafc;
    color:#607389;
    font-size:9.5px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
}

.ef-list-hero__date svg{
    width:15px;
    height:15px;
    fill:#58748f;
}

@media(max-width:1180px){
    .ef-list-hero{
        grid-template-columns:minmax(0,1fr) 390px;
        gap:24px 30px;
    }
}

@media(max-width:1020px){
    .ef-list-hero__utility{
        grid-template-columns:1fr;
        gap:11px;
    }

    .ef-list-hero__utility-actions{
        justify-content:flex-start;
    }
}

@media(max-width:820px){
    .ef-list-hero{
        grid-template-columns:1fr;
        gap:18px;
        padding:4px 0 10px;
    }

    .ef-list-hero__visual{
        order:-1;
        max-width:620px;
    }

    .ef-list-hero__visual img{
        border-radius:15px;
    }

    .ef-list-hero h1{
        max-width:none;
        font-size:clamp(30px,8.8vw,38px);
        line-height:1.07;
    }

    .ef-list-hero__lead{
        margin-top:13px;
        font-size:14px;
    }

    .ef-list-hero__stats{
        grid-auto-flow:row;
        grid-auto-columns:auto;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }

    .ef-list-hero__utility{
        grid-template-columns:1fr;
        gap:10px;
        padding:0;
        border-top:0;
        border-bottom:0;
    }

    .ef-list-hero__utility-info{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    .ef-list-hero__author{
        width:100%;
        min-height:72px;
        padding:13px 14px;
        border:1px solid #dce6ec;
        border-radius:14px;
        background:#fff;
        box-shadow:0 6px 18px rgba(20,40,68,.035);
    }

    .ef-list-hero__author .publisher{
        width:100%;
    }

    .ef-list-v2__trust{
        min-height:88px;
        grid-template-columns:36px minmax(0,1fr);
        gap:11px;
        padding:13px 14px;
        border:1px solid #bfe6df;
        border-radius:14px;
        background:linear-gradient(90deg,#f1fbf9 0%,#fbfffe 100%);
    }

    .ef-list-hero__utility-info > .ef-list-v2__trust:only-child{
        padding:13px 14px;
        border:1px solid #bfe6df;
    }

    .ef-list-v2__trust-icon{
        width:36px;
        height:36px;
        border-radius:10px;
        font-size:16px;
    }

    .ef-list-v2__trust span{
        font-size:8.5px;
    }

    .ef-list-v2__trust strong{
        margin-top:3px;
        font-size:13px;
    }

    .ef-list-v2__trust p{
        margin-top:5px;
        font-size:10.5px;
        line-height:1.45;
    }

    .ef-list-v2__trust-date{
        display:flex;
        align-items:center;
        gap:6px;
        margin-top:8px;
        padding-top:8px;
        border-top:1px solid #cfe5e1;
        color:#567087;
        font-size:10px;
        line-height:1.2;
        font-weight:850;
    }

    .ef-list-v2__trust-date svg{
        width:14px;
        height:14px;
        flex:0 0 14px;
        fill:#0f9f93;
    }

    .ef-list-hero__date{
        display:none;
    }

    .ef-list-hero__utility-actions{
        --ef-action-size:44px;
        width:100%;
        display:grid;
        grid-template-columns:1fr;
        gap:9px;
        align-self:stretch;
    }

    .ef-list-hero__follow{
        width:100%;
        height:46px;
        min-height:46px;
    }

    .ef-list-hero__follow .follow{
        width:100%;
    }

    .ef-list-hero__follow .follow__btn{
        width:100%;
        height:46px;
        min-height:46px;
        border-radius:13px;
        font-size:12.5px;
    }

    .ef-list-hero__share{
        width:100%;
        height:auto;
        min-height:0;
        padding:0;
        border:0;
    }

    .ef-list-hero__share .share--icons{
        width:100%;
        display:grid;
        grid-template-columns:repeat(5,minmax(0,1fr));
        gap:8px;
    }

    .ef-list-hero__share .share--icons .share__btn{
        width:100%;
        min-width:0;
        height:44px;
        min-height:44px;
        border-radius:12px;
    }

    .ef-list-hero__date{
        justify-self:start;
        width:max-content;
        height:38px;
        min-height:38px;
        padding:0 12px;
        border-radius:11px;
        font-size:9.5px;
    }
}

@media(max-width:560px){
    .ef-list-hero h1{
        font-size:32px;
    }

    .ef-list-hero__stat{
        min-height:64px;
        padding:9px 10px;
    }

    .ef-list-hero__stat-icon{
        flex-basis:29px;
        width:29px;
        height:29px;
    }

    .ef-list-hero__author{
        min-height:68px;
        padding:12px;
    }

    .ef-list-v2__trust{
        min-height:84px;
        padding:12px;
    }

    .ef-list-hero__utility-actions{
        gap:8px;
    }

    .ef-list-hero__share .share--icons{
        gap:7px;
    }

    .ef-list-hero__share .share--icons .share__btn{
        height:42px;
        min-height:42px;
        border-radius:11px;
    }

    .ef-list-hero__date{
        height:36px;
        min-height:36px;
    }
}

.ef-list-v2__submission{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:10px;
    padding:14px 17px;
    border:1px solid #dfe7f2;
    border-radius:15px;
    background:#fbfcff;
}

.ef-list-v2__submission span{
    display:block;
    color:#6280a5;
    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}

.ef-list-v2__submission strong{
    display:block;
    margin-top:2px;
    color:var(--efl-navy);
    font-size:13px;
}

.ef-list-v2__submission p{
    margin:4px 0 0;
    color:#77879a;
    font-size:11px;
}

.ef-list-v2__submission>a{
    flex:0 0 auto;
    min-height:38px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--efl-navy);
    border-radius:10px;
    background:var(--efl-navy);
    color:#fff;
    font-size:10px;
    font-weight:850;
    text-decoration:none;
}

.ef-list-v2__ranking{
    margin-top:24px;
}

.ef-list-v2__ranking-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    margin-bottom:14px;
}

.ef-list-v2__section-kicker{
    display:block;
    margin-bottom:5px;
    color:#0a8b82;
    font-size:10px;
    font-weight:900;
    letter-spacing:.14em;
}

.ef-list-v2__ranking-head h2,
.ef-list-v2__about h2{
    margin:0;
    color:var(--efl-navy);
    font-size:clamp(24px,3vw,34px);
    letter-spacing:-.03em;
}

.ef-list-v2__ranking-head p{
    max-width:690px;
    margin:7px 0 0;
    color:#64748b;
    font-size:13px;
    line-height:1.55;
}

.ef-list-v2__toolbar{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:10px;
}

.ef-list-v2__live{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:34px;
    padding:0 10px;
    border:1px solid #d9ebe8;
    border-radius:999px;
    background:#f6fcfb;
    color:#50716e;
    font-size:10px;
    font-weight:800;
    white-space:nowrap;
}

.ef-list-v2__live i{
    width:7px;
    height:7px;
    border-radius:50%;
    background:var(--efl-teal);
    box-shadow:0 0 0 4px rgba(24,210,195,.12);
}

.ef-list-v2__view-switch{
    display:flex;
    gap:4px;
    padding:4px;
    border:1px solid var(--efl-line);
    border-radius:12px;
    background:#f8fafc;
}

.ef-list-v2__view-switch button{
    min-height:34px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#6c7d90;
    font-family:inherit;
    font-size:10px;
    line-height:1;
    font-weight:800;
    cursor:pointer;
}

.ef-list-v2__view-switch button svg{
    width:14px;
    height:14px;
    fill:currentColor;
}

.ef-list-v2__view-switch button[aria-pressed="true"]{
    background:#fff;
    color:var(--efl-navy);
    box-shadow:0 3px 10px rgba(20,40,68,.08);
}

/* Yatay kartta menü alta açılmaz; sağ aksiyon kolonundan sola, kartın içine doğru açılır. *

/* Açık paylaşım katmanı komşu kontrollerin üzerinde kalsın. *

/* Dikey / grid görünüm: aynı bilgi mimarisinin kart düzeni *

/* =========================================================
   ÖĞE KARTI V3 — TEK KAYNAK / FINAL
   Yatay, grid ve mobil aynı kart sisteminin responsive halleridir.
   ========================================================= */
.ef-entry-v2-list{
    list-style:none;
    margin:0;
    padding:0;
}

.ef-list-v2[data-view="horizontal"] .ef-entry-v2-list{
    display:grid;
    gap:12px;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2-list{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
}

.ef-entry-v2{
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid #d7e2e8;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(20,40,68,.05);
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}

.ef-entry-v2:hover{
    border-color:#c4d5dd;
    box-shadow:0 14px 30px rgba(20,40,68,.08);
    transform:translateY(-1px);
}

.ef-entry-v2.is-fav-popover-open,
.ef-entry-v2.is-fav-popover-open:hover{
    z-index:45;
    overflow:visible;
    transform:none;
}

.ef-list-v2[data-view="horizontal"] .ef-entry-v2{
    display:grid;
    grid-template-columns:58px 280px minmax(0,1fr);
    min-height:280px;
}

.ef-entry-v2__rank{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:14px 5px;
    background:#102a43;
    color:#fff;
}

.ef-entry-v2__rank-crown{
    color:#f8b61f;
    font-size:16px;
    line-height:1;
}

.ef-entry-v2__rank strong{
    color:#fff;
    font-size:30px;
    line-height:1;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

.ef-entry-v2__rank small{
    color:#ffd166;
    font-size:8px;
    line-height:1;
    font-weight:900;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.ef-entry-v2--leader .ef-entry-v2__rank strong{
    color:#f8b61f;
}

.ef-entry-v2__media{
    position:relative;
    min-width:0;
    min-height:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    border-right:1px solid #e2e9ed;
    background:#f7fafb;
    text-decoration:none;
}

.ef-entry-v2__media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center;
    background:#f7fafb;
}

.ef-entry-v2__video{
    position:absolute;
    right:10px;
    bottom:10px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(16,42,67,.92);
    color:#fff;
    font-size:10px;
    box-shadow:0 7px 18px rgba(13,27,45,.2);
}

.ef-entry-v2__body{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) 280px;
    background:#fff;
}

.ef-entry-v2__main{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:20px 22px;
}

.ef-entry-v2__flags{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:9px;
}

.ef-entry-v2__flags .ef-list-v2-tag{
    min-height:25px;
    padding:0 9px;
    background:#f5f8fa;
    border-color:#dce6eb;
    color:#50657d;
    font-size:9px;
}

.ef-entry-v2__title{
    margin:0;
    color:#102a43;
    font-size:23px;
    line-height:1.16;
    letter-spacing:-.025em;
    font-weight:900;
}

.ef-entry-v2__title a{
    color:inherit;
    text-decoration:none;
}

.ef-entry-v2__title a:hover{
    color:#087f78;
}

.ef-entry-v2__desc{
    max-width:640px;
    margin:10px 0 0;
    color:#5b6f86;
    font-size:12.5px;
    line-height:1.55;
}

.ef-entry-v2__facts{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin:12px 0 0;
}

.ef-entry-v2__facts>div{
    min-width:0;
    min-height:28px;
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:0 9px;
    border:1px solid #dde7ec;
    border-radius:999px;
    background:#f6f9fb;
}

.ef-entry-v2__facts dt{
    color:#8190a1;
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
}

.ef-entry-v2__facts dd{
    margin:0;
    color:#29435f;
    font-size:9.5px;
    font-weight:850;
}

.ef-entry-v2__price{
    display:flex;
    align-items:baseline;
    flex-wrap:wrap;
    gap:8px;
    margin-top:11px;
}

.ef-entry-v2__price strong{
    color:#102a43;
    font-size:19px;
    font-weight:900;
}

.ef-entry-v2__price s{
    color:#98a5b3;
    font-size:11px;
}

.ef-entry-v2__price small{
    flex-basis:100%;
    color:#6f8094;
    font-size:9px;
}

.ef-entry-v2__publisher{
    width:100%;
    padding:0 3px 8px;
    border-bottom:1px solid #e5ecef;
}

.ef-entry-v2__publisher .publisher{
    margin:0;
}

.ef-list-v2 .publisher--micro{
    max-width:240px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin:0;
}

.ef-list-v2 .publisher--micro .publisher__avatar{
    width:32px;
    height:32px;
}

.ef-list-v2 .publisher--micro .publisher__body{
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,auto) auto;
    align-items:center;
    gap:2px 5px;
}

.ef-list-v2 .publisher--micro .publisher__eyebrow{
    grid-column:1 / -1;
    min-width:0;
    color:#708096;
    font-size:8px;
    line-height:1.15;
    font-weight:800;
    letter-spacing:.045em;
    text-transform:uppercase;
    overflow-wrap:anywhere;
}

.ef-list-v2 .publisher--micro .publisher__name{
    min-width:0;
    max-width:180px;
    color:#102a43;
    font-size:12px;
    line-height:1.15;
    font-weight:850;
    overflow-wrap:anywhere;
}

.ef-list-v2 .publisher--micro .publisher__verified{
    width:14px;
    height:14px;
    font-size:8px;
}

.ef-list-v2 .publisher--micro .publisher__title{
    grid-column:1 / -1;
    min-width:0;
    color:#718096;
    font-size:10px;
    line-height:1.15;
    overflow-wrap:anywhere;
}

.ef-entry-v2__side{
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:7px;
    padding:12px;
    border-left:1px solid #e5ecef;
    background:linear-gradient(180deg,#f2fbfa 0%,#f6f9fb 100%);
}

.ef-entry-v2__cta{
    display:grid;
    gap:6px;
}

.ef-entry-v2__cta-primary,
.ef-entry-v2__cta-secondary{
    min-height:36px;
    padding:0 11px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    border-radius:9px;
    font-size:10px;
    font-weight:900;
    text-align:center;
    text-decoration:none;
}

.ef-entry-v2__cta-primary{
    border:1px solid #102a43;
    background:#102a43;
    color:#fff;
}

.ef-entry-v2__cta-secondary{
    border:1px solid #cfdde5;
    background:#fff;
    color:#102a43;
}

/* Dış / affiliate ana CTA: ürün detayındaki efp-buy ile aynı turuncu. */
.ef-entry-v2__cta-primary--external{
    border-color:#f59e0b;
    background:#f59e0b;
    color:#fff;
    box-shadow:0 7px 18px rgba(245,158,11,.20);
    transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}

.ef-entry-v2__cta-primary--external:hover{
    background:#e38d04;
    border-color:#e38d04;
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(245,158,11,.26);
}

.ef-entry-v2__interactions{
    display:grid;
    gap:6px;
    padding-top:7px;
    border-top:1px solid #d7e2e7;
}

.ef-entry-v2__interactions .fav,
.ef-entry-v2__interactions form{
    margin:0;
}

.ef-entry-v2__interactions .fav__btn{
    width:100%;
    min-height:36px;
    justify-content:center;
    border:1px solid #efb8c4;
    border-radius:9px;
    background:#fff1f4;
    color:#8e2940;
    font-size:9.5px;
    font-weight:900;
    box-shadow:none;
}

.ef-entry-v2__vote{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
}

.ef-entry-v2__vote .vote__btn{
    min-width:0;
    min-height:40px;
    padding:0 10px;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:8px;
    border-radius:10px;
    font-size:10px;
    font-weight:900;
}

.ef-entry-v2__vote .vote__btn--up{
    border:1px solid #8fd0b5;
    background:#e8f8ef;
    color:#086846;
}

.ef-entry-v2__vote .vote__btn--down{
    border:1px solid #e0aeb7;
    background:#ffeef0;
    color:#9e3544;
}

.ef-entry-v2__vote .vote__btn svg{
    width:17px;
    height:17px;
    flex:0 0 17px;
}

.ef-entry-v2__vote .vote__btn strong{
    min-width:12px;
    font-size:11px;
    line-height:1;
    font-variant-numeric:tabular-nums;
}

.ef-entry-v2__share-action{
    display:flex;
    align-items:center;
    justify-content:stretch;
    width:100%;
    min-width:0;
    padding-top:2px;
}

.ef-entry-v2__share-action .share--icons.share--compact{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:stretch;
    gap:6px;
}

.ef-entry-v2__share-action .share__label--icons{
    flex:1 1 auto;
    min-width:0;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border:1.5px solid #9fb1c1;
    border-radius:10px;
    background:#eef3f7;
    color:#0a1e33;
    font-size:9px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.ef-entry-v2__share-action .share--icons.share--compact .share__btn{
    flex:0 0 36px;
}

/* Dikey görünüm: aynı kartın kompakt grid versiyonu */
.ef-list-v2[data-view="grid"] .ef-entry-v2{
    display:flex;
    flex-direction:column;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__rank{
    position:absolute;
    z-index:2;
    top:10px;
    left:10px;
    min-width:46px;
    min-height:46px;
    padding:7px;
    justify-content:center;
    border-radius:11px;
    box-shadow:0 6px 16px rgba(16,42,67,.2);
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__rank-crown{
    display:none;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__rank strong{
    font-size:21px;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__rank small{
    display:none;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__media{
    width:100%;
    min-height:0;
    aspect-ratio:1 / 1;
    border-right:0;
    border-bottom:1px solid #e2e9ed;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__body{
    display:block;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__main{
    min-height:178px;
    justify-content:flex-start;
    padding:16px;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__side{
    gap:6px;
    padding:10px;
    border-top:1px solid #e5ecef;
    border-left:0;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__title{
    font-size:19px;
}

.ef-list-v2[data-view="grid"] .ef-entry-v2__desc{
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    font-size:11.5px;
    line-height:1.5;
}

@media(max-width:1080px){
    .ef-list-v2[data-view="horizontal"] .ef-entry-v2{
        grid-template-columns:54px 240px minmax(0,1fr);
    }

    .ef-entry-v2__body{
        grid-template-columns:minmax(0,1fr) 260px;
    }

    .ef-list-v2[data-view="grid"] .ef-entry-v2-list{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:820px){
    .ef-entry-v2__share-action .share__label--icons{
        height:42px;
        font-size:10px;
        border-radius:11px;
    }

    .ef-entry-v2__share-action .share--icons.share--compact .share__btn{
        flex-basis:42px;
        width:42px;
        height:42px;
        min-width:42px;
        min-height:42px;
        border-radius:11px;
    }

    .ef-list-v2[data-view="horizontal"] .ef-entry-v2-list,
    .ef-list-v2[data-view="grid"] .ef-entry-v2-list{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
    }

    .ef-list-v2[data-view="horizontal"] .ef-entry-v2,
    .ef-list-v2[data-view="grid"] .ef-entry-v2{
        display:grid;
        grid-template-columns:56px minmax(0,1fr);
        grid-template-rows:auto auto;
    }

    .ef-entry-v2__rank,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__rank{
        position:static;
        grid-column:1;
        grid-row:1;
        min-width:0;
        min-height:0;
        padding:10px 5px;
        border-radius:0;
        box-shadow:none;
    }

    .ef-entry-v2__rank strong,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__rank strong{
        font-size:26px;
    }

    .ef-entry-v2__rank small,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__rank small{
        display:block;
    }

    .ef-entry-v2__media,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__media{
        grid-column:2;
        grid-row:1;
        width:100%;
        min-height:0;
        aspect-ratio:1 / 1;
        border-right:0;
        border-bottom:1px solid #e2e9ed;
    }

    .ef-entry-v2__body,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__body{
        grid-column:1 / -1;
        grid-row:2;
        display:block;
    }

    .ef-entry-v2__main,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__main{
        min-height:0;
        justify-content:flex-start;
        padding:15px;
    }

    .ef-entry-v2__side,
    .ef-list-v2[data-view="grid"] .ef-entry-v2__side{
        padding:13px;
        border-top:1px solid #d9e6e8;
        border-left:0;
    }

    .ef-entry-v2__title{
        font-size:21px;
    }

    .ef-entry-v2__desc{
        font-size:12px;
    }

    .ef-entry-v2__cta{
        grid-template-columns:1fr;
    }

    .ef-entry-v2__interactions{
        grid-template-columns:1fr;
    }
}

@media(max-width:480px){
    .ef-entry-v2__facts{
        gap:6px;
    }

    .ef-entry-v2__facts>div{
        min-height:26px;
        padding:0 8px;
    }

    .ef-entry-v2__vote .vote__btn{
        min-height:38px;
    }
}

.ef-list-v2__about{
    margin-top:24px;
    padding:26px;
    border:1px solid var(--efl-line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 8px 24px rgba(20,40,68,.035);
}

.ef-list-v2__prose{
    max-width:850px;
    margin-top:15px;
    color:#52677f;
    font-size:14px;
    line-height:1.8;
}

.ef-list-v2__prose h2,
.ef-list-v2__prose h3,
.ef-list-v2__prose h4{
    color:var(--efl-navy);
}

.ef-list-v2__prose img{
    max-width:100%;
    height:auto;
    border-radius:14px;
}

.ef-list-v2__ai-note{
    margin:16px 0 0;
    padding:12px 14px;
    border-radius:12px;
    background:#f8fafc;
    color:#6d7f93;
    font-size:11px;
}

.ef-list-v2__tags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:18px;
}

.ef-list-v2__tags a{
    min-height:30px;
    padding:0 10px;
    display:inline-flex;
    align-items:center;
    border:1px solid #e2e8f0;
    border-radius:999px;
    background:#fff;
    color:#50657d;
    font-size:10px;
    font-weight:800;
    text-decoration:none;
}

.ef-list-v2__empty{
    padding:34px;
    border:1px dashed #d8e1ea;
    border-radius:18px;
    background:#fafcfd;
    color:#7a899c;
    text-align:center;
    font-size:13px;
}

.ef-list-v2-related{
    padding:24px 0 46px;
    background:var(--ef-page,#eef3f7);
}

.ef-related-showcase{
    position:relative;
    padding:22px 22px 26px;
    overflow:hidden;
    border:1px solid #b9cad8;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(223,234,242,.95) 0%,rgba(230,242,241,.96) 100%);
    box-shadow:0 20px 48px -38px rgba(10,30,51,.32);
}

.ef-related-showcase::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#0a1e33 0%,#0f9f93 55%,#18c8bb 100%);
}

.ef-related-showcase__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:18px;
    margin-bottom:20px;
    padding:4px 2px 14px;
    border-bottom:1px solid #b8c8d6;
}

.ef-related-showcase__eyebrow{
    display:block;
    margin-bottom:5px;
    color:#0f766e;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.13em;
}

.ef-related-showcase__head h2{
    margin:0;
    color:#0a1e33;
    font-size:27px;
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.025em;
}

.ef-related-showcase__count{
    display:flex;
    align-items:baseline;
    gap:6px;
    color:#607489;
    white-space:nowrap;
}

.ef-related-showcase__count strong{
    color:#0a1e33;
    font-size:24px;
    line-height:1;
    font-weight:950;
}

.ef-related-showcase__count span{
    font-size:12px;
    font-weight:800;
}

.ef-related-showcase__grid{
    align-items:stretch;
    gap:22px;
}

.ef-related-showcase .card--directory{
    height:100%;
    min-width:0;
    padding:10px;
    border:1px solid rgba(184,198,213,.82);
    border-radius:18px;
    background:rgba(255,255,255,.72);
    text-decoration:none;
    box-shadow:0 12px 30px -28px rgba(10,30,51,.42);
    transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}

.ef-related-showcase .card--directory:hover{
    transform:translateY(-2px);
    border-color:#93b8bd;
    background:#fff;
    box-shadow:0 18px 34px -28px rgba(10,30,51,.46);
}

.ef-related-showcase .card--directory .card__img{
    display:block;
    width:100%;
    aspect-ratio:16 / 10;
    object-fit:cover;
    border-radius:13px;
    background:#dfe8ef;
}

.ef-related-showcase .card--directory .card__body{
    flex:1;
    min-width:0;
    display:flex;
    flex-direction:column;
    padding:11px 3px 2px;
}

.ef-related-showcase .card--directory .card__kicker{
    min-height:20px;
    color:#0f9f93;
    font-size:13px;
    line-height:20px;
    font-weight:750;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.ef-related-showcase .card--directory .card__kicker--empty{
    visibility:hidden;
}

.ef-related-showcase .card--directory .card__title{
    display:-webkit-box;
    min-height:48px;
    max-height:48px;
    margin:2px 0 9px;
    overflow:hidden;
    color:#0a1e33;
    font-size:19px;
    line-height:24px;
    font-weight:900;
    letter-spacing:-.02em;
    text-decoration:none;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ef-related-showcase .card--directory:hover .card__title{
    color:#0f766e;
    text-decoration:none;
}

.ef-related-showcase .card--directory .card__foot{
    width:100%;
    min-width:0;
    min-height:24px;
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.ef-related-showcase .card--directory .card__meta{
    min-width:0;
    overflow:hidden;
    color:#66788b;
    font-size:13px;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.ef-related-showcase .card--directory .card__cta{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:5px;
    color:#0f766e;
    font-size:12px;
    line-height:1;
    font-weight:900;
    white-space:nowrap;
}

.ef-related-showcase .card--directory .card__cta span{
    transition:transform .16s ease;
}

.ef-related-showcase .card--directory:hover .card__cta span{
    transform:translateX(2px);
}

@media(max-width:820px){
    .ef-related-showcase{
        padding:18px 14px 20px;
        border-radius:19px;
    }

    .ef-related-showcase__head{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
        margin-bottom:16px;
    }

    .ef-related-showcase__head h2{
        font-size:24px;
    }

    .ef-related-showcase__grid{
        gap:16px;
    }

    .ef-related-showcase .card--directory .card__title{
        min-height:44px;
        max-height:44px;
        font-size:18px;
        line-height:22px;
    }

    .ef-list-v2__wrap{
        width:min(100% - 24px,1180px);
    }

    .ef-list-v2__crumbs{
        padding:13px 2px 10px;
        font-size:10px;
    }
    .ef-list-v2__submission{
        align-items:flex-start;
        flex-direction:column;
    }

    .ef-list-v2__submission>a{
        width:100%;
    }

    .ef-list-v2__ranking{
        margin-top:20px;
    }

    .ef-list-v2__ranking-head{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
    }

    .ef-list-v2__toolbar{
        width:100%;
        justify-content:space-between;
    }

    .ef-list-v2__view-switch{
        display:none;
    }

    /* Mobilde tek doğru model: tam 1:1 görsel + içerik + aksiyon */

    .ef-list-v2__about{
        padding:20px 17px;
    }
}



/* =========================================================
   LISTEDEKILER / SIRALAMA VITRINI — FINAL
   Tek tema: header + araçlar + öğe sahnesi + top 3 vurgu.
   ========================================================= */
.ef-list-v2__ranking{
    position:relative;
    margin-top:26px;
    padding:22px;
    border:1px solid #b9cad8;
    border-radius:24px;
    background:linear-gradient(145deg,rgba(223,234,242,.96) 0%,rgba(230,242,241,.97) 100%);
    box-shadow:0 20px 48px -38px rgba(10,30,51,.34);
}

.ef-list-v2__ranking::before{
    content:"";
    position:absolute;
    top:-1px;
    left:16px;
    right:16px;
    height:5px;
    border-radius:0 0 999px 999px;
    background:linear-gradient(90deg,#0a1e33 0%,#0f9f93 55%,#18c8bb 100%);
}

.ef-ranking-showcase__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    padding:4px 2px 16px;
    border-bottom:1px solid #b8c8d6;
}

.ef-ranking-showcase__copy{
    min-width:0;
    flex:1 1 auto;
}

.ef-ranking-showcase__copy .ef-list-v2__section-kicker{
    margin-bottom:6px;
    color:#0f766e;
    font-size:11px;
    letter-spacing:.14em;
}

.ef-ranking-showcase__copy h2{
    margin:0;
    color:#0a1e33;
    font-size:clamp(28px,3vw,38px);
    line-height:1.02;
    font-weight:950;
    letter-spacing:-.035em;
}

.ef-ranking-showcase__copy .tercih-ranking{
    max-width:760px;
    margin:8px 0 0;
    color:#5f7185;
    font-size:12.5px;
    line-height:1.55;
}

.ef-ranking-showcase__copy .tercih-ranking b{
    color:#0a1e33;
    font-weight:900;
}

.ef-ranking-showcase__copy .tercih-ranking a{
    color:#0f766e;
    font-weight:900;
    text-underline-offset:2px;
}

.ef-ranking-showcase__tools{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.ef-ranking-showcase__count{
    display:flex;
    align-items:baseline;
    gap:6px;
    min-height:42px;
    padding:0 13px;
    border:1px solid #aebfce;
    border-radius:12px;
    background:rgba(255,255,255,.76);
    color:#607489;
    white-space:nowrap;
}

.ef-ranking-showcase__count strong{
    color:#0a1e33;
    font-size:22px;
    line-height:1;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}

.ef-ranking-showcase__count span{
    font-size:11px;
    font-weight:850;
}

.ef-ranking-showcase__tools .ef-list-v2__toolbar{
    gap:8px;
}

.ef-ranking-showcase__tools .ef-list-v2__view-switch{
    border-color:#aebfce;
    background:rgba(255,255,255,.7);
}

.ef-ranking-showcase__tools .ef-list-v2__view-switch button{
    min-height:36px;
    padding:0 11px;
}

.ef-ranking-showcase__tools .ef-list-v2__view-switch button[aria-pressed="true"]{
    background:#fff;
    color:#0a1e33;
    box-shadow:0 4px 12px rgba(10,30,51,.09);
}

.ef-ranking-showcase__stage{
    margin-top:16px;
    padding:14px;
    border:1px solid #c3d1dc;
    border-radius:20px;
    background:rgba(255,255,255,.42);
}

.ef-ranking-showcase__stage .ef-entry-v2-list{
    gap:14px;
}

/* Kartlar artık vitrinin bir parçası: beyaz yüzey + net ayrım */
.ef-ranking-showcase__stage .ef-entry-v2{
    border-color:#c8d5df;
    box-shadow:0 10px 26px -22px rgba(10,30,51,.42);
}

.ef-ranking-showcase__stage .ef-entry-v2:hover{
    border-color:#9eb5c5;
    box-shadow:0 16px 34px -25px rgba(10,30,51,.46);
}

/* İlk üç sıraya semantik vurgu */
.ef-ranking-showcase__stage .ef-entry-v2--top-1{
    border-color:#d8bd72;
    box-shadow:0 12px 30px -24px rgba(184,129,20,.36);
}

.ef-ranking-showcase__stage .ef-entry-v2--top-2{
    border-color:#b7c9d8;
}

.ef-ranking-showcase__stage .ef-entry-v2--top-3{
    border-color:#d7b695;
}

.ef-ranking-showcase__stage .ef-entry-v2--top-1 .ef-entry-v2__rank{
    background:linear-gradient(180deg,#102a43 0%,#0a1e33 100%);
}

.ef-ranking-showcase__stage .ef-entry-v2--top-1 .ef-entry-v2__rank strong{
    color:#f8c343;
}

.ef-ranking-showcase__stage .ef-entry-v2--top-2 .ef-entry-v2__rank strong{
    color:#dce8f2;
}

.ef-ranking-showcase__stage .ef-entry-v2--top-3 .ef-entry-v2__rank strong{
    color:#e7b47d;
}

/* Reklam varsa sahnenin tam genişliğinde; yoksa zaten markup üretilmez */
.ef-ranking-showcase__stage .ef-entry-v2-campaign{
    width:100%;
    min-width:0;
    margin:0;
}

/* Boş liste de aynı temanın içinde kalsın */
.ef-list-v2__ranking > .ef-list-v2__empty{
    margin-top:16px;
    border-color:#aebfce;
    background:rgba(255,255,255,.58);
}

@media(max-width:1080px){
    .ef-ranking-showcase__head{
        align-items:flex-start;
    }

    .ef-ranking-showcase__tools{
        flex-direction:column;
        align-items:flex-end;
    }
}

@media(max-width:820px){
    .ef-list-v2__ranking{
        margin-top:20px;
        padding:16px 14px 15px;
        border-radius:19px;
    }

    .ef-list-v2__ranking::before{
        left:12px;
        right:12px;
        height:4px;
    }

    .ef-ranking-showcase__head{
        align-items:flex-start;
        flex-direction:column;
        gap:12px;
        padding:3px 1px 13px;
    }

    .ef-ranking-showcase__copy h2{
        font-size:30px;
    }

    .ef-ranking-showcase__copy .tercih-ranking{
        margin-top:7px;
        font-size:11.5px;
        line-height:1.5;
    }

    .ef-ranking-showcase__tools{
        width:100%;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }

    .ef-ranking-showcase__count{
        min-height:36px;
        padding:0 11px;
        border-radius:10px;
    }

    .ef-ranking-showcase__count strong{
        font-size:18px;
    }

    .ef-ranking-showcase__count span{
        font-size:10px;
    }

    .ef-ranking-showcase__tools .ef-list-v2__toolbar{
        margin-left:auto;
    }

    .ef-ranking-showcase__stage{
        margin-top:12px;
        padding:10px;
        border-radius:16px;
    }

    .ef-ranking-showcase__stage .ef-entry-v2-list{
        gap:12px;
    }

    .ef-ranking-showcase__stage .ef-entry-v2{
        border-radius:16px;
    }
}

@media(max-width:480px){
    .ef-list-v2__ranking{
        padding:14px 10px 12px;
    }

    .ef-ranking-showcase__copy h2{
        font-size:28px;
    }

    .ef-ranking-showcase__stage{
        padding:8px;
    }
}


/* =========================================================
   LISTEDEKILER — SAYI KARTI + GÖRÜNÜM KONTROL BANDI
   ========================================================= */
.ef-ranking-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:14px;
}

.ef-ranking-count-card{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:7px 13px 7px 8px;
    border:1px solid #aebfce;
    border-radius:14px;
    background:rgba(255,255,255,.82);
    box-shadow:0 6px 18px -16px rgba(10,30,51,.35);
}

.ef-ranking-count-card__icon{
    width:32px;
    height:32px;
    flex:0 0 32px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:10px;
    background:#e7f7f4;
    color:#0f9f93;
    font-size:17px;
    line-height:1;
    font-weight:900;
}

.ef-ranking-count-card__text{
    display:flex;
    align-items:baseline;
    gap:5px;
    line-height:1;
    white-space:nowrap;
}

.ef-ranking-count-card__text strong{
    color:#0a1e33;
    font-size:24px;
    line-height:1;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}

.ef-ranking-count-card__text span{
    color:#5f7185;
    font-size:12px;
    font-weight:850;
}

.ef-ranking-controls .ef-list-v2__toolbar{
    width:auto;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
}

.ef-ranking-controls .ef-list-v2__view-switch{
    border-color:#aebfce;
    background:rgba(255,255,255,.78);
    box-shadow:0 5px 16px -14px rgba(10,30,51,.3);
}

.ef-ranking-showcase__stage{
    margin-top:10px;
}

@media(max-width:820px){
    .ef-ranking-controls{
        margin-top:11px;
        gap:10px;
    }

    .ef-ranking-count-card{
        min-height:40px;
        padding:6px 10px 6px 7px;
        border-radius:11px;
    }

    .ef-ranking-count-card__icon{
        width:28px;
        height:28px;
        flex-basis:28px;
        border-radius:8px;
    }

    .ef-ranking-count-card__text strong{
        font-size:20px;
    }

    .ef-ranking-count-card__text span{
        font-size:11px;
    }

    .ef-ranking-controls .ef-list-v2__toolbar{
        width:auto;
        margin-left:auto;
    }

    .ef-ranking-showcase__stage{
        margin-top:9px;
    }
}

@media(max-width:480px){
    .ef-ranking-controls{
        align-items:center;
    }

    .ef-ranking-count-card{
        flex:0 0 auto;
    }
}


/* =========================================================
   LISTE DETAY — PREMIUM YER ALMA CTA
   Tür bazlı metin + lacivert/amber ticari aksiyon yüzeyi.
   ========================================================= */
.ef-list-v2__submission--premium{
    position:relative;
    display:grid;
    grid-template-columns:72px minmax(0,1fr) auto;
    align-items:center;
    gap:22px;
    min-height:168px;
    margin-top:18px;
    padding:26px 28px;
    overflow:hidden;
    border:1px solid #173a56;
    border-radius:22px;
    background:
        radial-gradient(circle at 82% 20%,rgba(245,184,46,.14),transparent 30%),
        linear-gradient(135deg,#081c2f 0%,#0b2740 58%,#123a52 100%);
    box-shadow:0 22px 50px -38px rgba(5,22,38,.78);
}

.ef-list-v2__submission--premium::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:linear-gradient(90deg,#f3b52e 0%,#ffd56a 48%,#f3b52e 100%);
}

.ef-list-v2__submission--premium::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-110px;
    width:280px;
    height:280px;
    border:1px solid rgba(255,213,106,.10);
    border-radius:50%;
    box-shadow:
        0 0 0 34px rgba(255,213,106,.035),
        0 0 0 68px rgba(255,213,106,.022);
    pointer-events:none;
}

.ef-list-v2__submission-icon{
    position:relative;
    z-index:1;
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,213,106,.40);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,213,106,.16),rgba(243,181,46,.08));
    color:#ffd56a;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.ef-list-v2__submission-icon svg{
    width:34px;
    height:34px;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ef-list-v2__submission-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.ef-list-v2__submission--premium .ef-list-v2__submission-copy>span{
    display:block;
    margin-bottom:7px;
    color:#f5bd3f;
    font-size:10px;
    line-height:1;
    font-weight:950;
    letter-spacing:.16em;
}

.ef-list-v2__submission--premium .ef-list-v2__submission-copy>strong{
    display:block;
    margin:0;
    color:#fff;
    font-size:clamp(24px,2.7vw,34px);
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.03em;
}

.ef-list-v2__submission--premium .ef-list-v2__submission-copy>p{
    max-width:720px;
    margin:9px 0 0;
    color:#b9cbd9;
    font-size:13px;
    line-height:1.55;
}

.ef-list-v2__submission-meta{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}

.ef-list-v2__submission-meta b{
    display:inline-flex;
    min-height:27px;
    align-items:center;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:999px;
    background:rgba(255,255,255,.055);
    color:#d7e4ec;
    font-size:9px;
    line-height:1;
    font-weight:850;
    white-space:nowrap;
}

.ef-list-v2__submission-meta b:last-child{
    border-color:rgba(245,189,63,.34);
    background:rgba(245,189,63,.10);
    color:#ffd56a;
}

.ef-list-v2__submission--premium>a{
    position:relative;
    z-index:1;
    min-width:188px;
    min-height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:0 20px;
    border:1px solid #f0b12a;
    border-radius:14px;
    background:linear-gradient(180deg,#ffc84f 0%,#f4b526 100%);
    color:#0a1e33;
    font-size:13px;
    font-weight:950;
    text-decoration:none;
    box-shadow:0 14px 28px -18px rgba(245,181,38,.78);
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}

.ef-list-v2__submission--premium>a>span{
    display:inline;
    color:#0a1e33;
    font-size:13px;
    font-weight:950;
    letter-spacing:0;
}

.ef-list-v2__submission--premium>a i{
    color:#0a1e33;
    font-size:19px;
    line-height:1;
    font-style:normal;
    transition:transform .16s ease;
}

@media(hover:hover){
    .ef-list-v2__submission--premium>a:hover{
        transform:translateY(-2px);
        filter:brightness(1.03);
        box-shadow:0 18px 32px -18px rgba(245,181,38,.9);
    }

    .ef-list-v2__submission--premium>a:hover i{
        transform:translateX(3px);
    }
}

@media(max-width:820px){
    .ef-list-v2__submission--premium{
        grid-template-columns:56px minmax(0,1fr);
        gap:15px;
        min-height:0;
        padding:21px 18px 18px;
        border-radius:19px;
    }

    .ef-list-v2__submission-icon{
        width:56px;
        height:56px;
        border-radius:16px;
    }

    .ef-list-v2__submission-icon svg{
        width:28px;
        height:28px;
    }

    .ef-list-v2__submission--premium .ef-list-v2__submission-copy>strong{
        font-size:25px;
    }

    .ef-list-v2__submission--premium .ef-list-v2__submission-copy>p{
        font-size:12px;
    }

    .ef-list-v2__submission--premium>a{
        grid-column:1 / -1;
        width:100%;
        min-height:50px;
        margin-top:2px;
    }
}

@media(max-width:480px){
    .ef-list-v2__submission--premium{
        grid-template-columns:1fr;
        padding:18px 15px 15px;
    }

    .ef-list-v2__submission-icon{
        width:50px;
        height:50px;
    }

    .ef-list-v2__submission--premium .ef-list-v2__submission-copy>strong{
        font-size:23px;
    }

    .ef-list-v2__submission-meta{
        gap:6px;
    }
}


/* =========================================================
   LISTEDEKILER — DINAMIK SIRALAMA KONTROLU
   ========================================================= */
.ef-list-v2__sort{
    display:flex;
    min-height:44px;
    align-items:center;
    gap:8px;
    padding:4px 5px 4px 10px;
    border:1px solid #aebfce;
    border-radius:12px;
    background:rgba(255,255,255,.82);
    box-shadow:0 5px 16px -14px rgba(10,30,51,.30);
}

.ef-list-v2__sort label{
    color:#66798b;
    font-size:9px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    white-space:nowrap;
}

.ef-list-v2__sort select{
    min-width:176px;
    height:34px;
    padding:0 30px 0 10px;
    border:0;
    border-radius:9px;
    outline:0;
    background:#fff;
    color:#0a1e33;
    font-family:inherit;
    font-size:10px;
    font-weight:900;
    cursor:pointer;
    box-shadow:0 3px 10px rgba(10,30,51,.07);
}

.ef-list-v2__sort select:focus-visible{
    box-shadow:0 0 0 3px rgba(15,159,147,.16);
}

.ef-ranking-sort-note{
    max-width:760px;
    margin:8px 0 0;
    color:#64748b;
    font-size:12px;
    line-height:1.55;
}

.ef-ranking-sort-note strong{
    color:#0a1e33;
    font-weight:950;
}

.ef-ranking-sort-note a{
    color:#0f8f84;
    font-weight:900;
    text-decoration:underline;
    text-underline-offset:2px;
}

@media(max-width:820px){
    .ef-ranking-controls{
        align-items:flex-start;
    }

    .ef-ranking-controls .ef-list-v2__toolbar{
        flex:1;
        justify-content:flex-end;
    }

    .ef-list-v2__sort{
        min-height:40px;
        padding:3px 4px 3px 8px;
    }

    .ef-list-v2__sort select{
        min-width:150px;
        height:32px;
        font-size:9.5px;
    }
}

@media(max-width:620px){
    .ef-ranking-controls{
        align-items:stretch;
        flex-direction:column;
    }

    .ef-ranking-count-card{
        align-self:flex-start;
    }

    .ef-ranking-controls .ef-list-v2__toolbar{
        width:100%;
        margin-left:0;
        justify-content:stretch;
    }

    .ef-list-v2__sort{
        width:100%;
    }

    .ef-list-v2__sort select{
        min-width:0;
        flex:1;
        width:100%;
    }
}






/* =========================================================
   LISTEDEKILER — TEK SIRALAMA MOTORU
   Sayfa kaydırılmaz; yalnız ranking bloğu sunucudan yenilenir.
   ========================================================= */
[data-list-ranking]{
    transition:opacity .14s ease;
}

[data-list-ranking].is-sorting{
    opacity:.58;
    cursor:progress;
}

[data-list-ranking].is-sorting .ef-list-v2__sort select{
    cursor:progress;
}

.ef-list-v2__sort-noscript{
    min-height:34px;
    padding:0 10px;
    border:1px solid #0a1e33;
    border-radius:9px;
    background:#0a1e33;
    color:#fff;
    font:inherit;
    font-size:10px;
    font-weight:900;
}