/* EnFavori / site genelinde admin yonetimli iki tarafli marka ve reklam vitrini.
   Orta 1180px alan korunur; kayitli hedef sayfalarda sol/sag reklam secilir. */
.ef-home-brand-layout{
    width:100%;
    min-width:0;
    background:var(--ef-page,#eef3f7);
}
.ef-home-brand-layout__content{
    width:100%;
    min-width:0;
}
.ef-brand-rail{
    display:none;
}

@media(min-width:1460px){
    .ef-home-brand-layout{
        display:grid;
        /* Always reserve the same symmetric tracks so turning off one ad
           cannot shift the 1180px site column or expand its remaining rail. */
        grid-template-columns:minmax(140px,1fr) minmax(0,1180px) minmax(140px,1fr);
        align-items:stretch;
    }
    .ef-home-brand-layout__content{
        grid-column:2;
        grid-row:1;
        overflow:clip;
        border-radius:0 0 22px 22px;
        box-shadow:0 8px 38px -33px rgba(3,30,51,.30);
    }
    .ef-brand-rail{
        --rail-ink:#0a2942;
        --rail-accent:#0d9d91;
        --rail-border:#cce3e3;
        display:block;
        position:relative;
        grid-row:1;
        min-width:0;
        overflow:clip;
        color:var(--rail-ink);
        background:
            radial-gradient(circle at 15% 48%,rgba(30,185,176,.16),transparent 34%),
            linear-gradient(165deg,#f8ffff 0%,#e9f8f7 64%,#e2f0f4 100%);
    }
    .ef-brand-rail--left{
        grid-column:1;
    }
    .ef-brand-rail--right{
        grid-column:3;
        --rail-accent:#137eac;
        --rail-border:#d3dfe9;
        background:
            radial-gradient(circle at 88% 43%,rgba(42,163,188,.17),transparent 34%),
            linear-gradient(205deg,#f8fcff 0%,#edf6fb 56%,#e3f2f5 100%);
    }
    .ef-brand-rail::before{
        content:"";
        position:absolute;
        inset:0;
        pointer-events:none;
        background:
            radial-gradient(circle at 65% 48%,transparent 0 72px,rgba(10,83,98,.06) 73px 74px,transparent 75px),
            linear-gradient(100deg,transparent 0 86%,rgba(255,255,255,.34) 86% 87%,transparent 87%);
    }
    .ef-brand-rail__inner{
        position:sticky;
        top:12px;
        width:min(100%,260px);
        /* Panel ana sayfa header'inin ALTINDA baslar.
           Tam viewport yuksekligi CTA'yi ilk ekranda kesiyordu. */
        height:min(835px,calc(100vh - var(--ef-header-h,76px) - 24px));
        height:min(835px,calc(100svh - var(--ef-header-h,76px) - 24px));
        min-height:0;
        margin-inline:auto;
        padding:39px 13px 22px;
    }
    .ef-brand-rail__link{
        position:relative;
        z-index:2;
        display:flex;
        width:100%;
        flex-direction:column;
        align-items:flex-start;
        color:inherit;
        text-decoration:none;
    }
    .ef-brand-rail__eyebrow{
        display:inline-flex;
        align-items:center;
        max-width:100%;
        margin-bottom:15px;
        padding:6px 9px;
        border:1px solid var(--rail-border);
        border-radius:999px;
        background:rgba(255,255,255,.73);
        color:var(--rail-accent);
        font-size:9px;
        font-weight:900;
        letter-spacing:.105em;
        line-height:1.15;
        text-transform:uppercase;
        overflow-wrap:anywhere;
    }
    .ef-brand-rail__title{
        display:block;
        max-width:100%;
        font-size:clamp(27px,2.25vw,40px);
        font-weight:950;
        letter-spacing:-.055em;
        line-height:.99;
    }
    .ef-brand-rail__title em{
        color:#0da99c;
        font-style:normal;
    }
    .ef-brand-rail--right .ef-brand-rail__title em{
        color:#0e9c9b;
    }
    .ef-brand-rail__description{
        display:block;
        max-width:21ch;
        margin-top:21px;
        font-size:clamp(12.5px,1.1vw,16px);
        font-weight:680;
        line-height:1.45;
        overflow-wrap:break-word;
    }
    .ef-brand-rail__line{
        display:block;
        width:42px;
        height:3px;
        margin-top:19px;
        border-radius:5px;
        background:var(--rail-accent);
    }
    .ef-brand-rail__portrait{
        position:absolute;
        z-index:1;
        top:max(264px,36%);
        left:12px;
        right:12px;
        bottom:118px;
        overflow:hidden;
        isolation:isolate;
        border:1px solid rgba(255,255,255,.8);
        border-radius:120px 120px 20px 20px;
        background:
            radial-gradient(circle at 46% 33%,#fff 0 18%,transparent 59%),
            linear-gradient(160deg,#cae9e4,#85bbbd);
        box-shadow:0 20px 38px -24px rgba(20,63,86,.40);
        pointer-events:auto;
    }
    .ef-brand-rail--right .ef-brand-rail__portrait{
        background:
            radial-gradient(circle at 46% 33%,#fff 0 18%,transparent 59%),
            linear-gradient(160deg,#dce8ed,#91b5ca);
    }
    .ef-brand-rail__portrait::after{
        content:"";
        position:absolute;
        z-index:1;
        inset:0;
        pointer-events:none;
        background:linear-gradient(180deg,transparent 51%,rgba(1,26,41,.05) 66%,rgba(4,28,43,.56) 100%);
    }
    .ef-brand-rail__person{
        position:absolute;
        inset:0;
        display:block;
        width:100%;
        height:100%;
        max-width:none;
        object-fit:cover;
        object-position:center 30%;
        filter:saturate(.85) contrast(1.03);
    }
    .ef-brand-rail__portrait-tag{
        position:absolute;
        z-index:2;
        right:11px;
        bottom:14px;
        left:11px;
        padding:9px 7px;
        border:1px solid rgba(255,255,255,.3);
        border-radius:8px;
        background:rgba(7,32,48,.63);
        color:#fff;
        font-size:9px;
        font-weight:850;
        letter-spacing:.10em;
        line-height:1.3;
        text-align:center;
        text-transform:uppercase;
        backdrop-filter:blur(5px);
    }
    .ef-brand-rail__message{
        position:absolute;
        z-index:3;
        right:11px;
        bottom:20px;
        left:11px;
        display:grid;
        grid-template-columns:34px minmax(0,1fr) 13px;
        align-items:center;
        gap:9px;
        min-height:73px;
        padding:11px 10px;
        border:1px solid var(--rail-border);
        border-radius:15px;
        background:rgba(255,255,255,.96);
        box-shadow:0 12px 28px -18px rgba(16,53,73,.4);
        color:var(--rail-ink);
        font-size:12px;
        font-weight:850;
        line-height:1.3;
        text-decoration:none;
        transition:transform .15s ease,box-shadow .15s ease;
    }
    .ef-brand-rail__symbol{
        display:grid;
        width:34px;
        height:34px;
        place-items:center;
        border-radius:10px;
        background:#e3f6f3;
        color:#098d82;
    }
    .ef-brand-rail--right .ef-brand-rail__symbol{
        background:#e3eff9;
        color:#176d9a;
    }
    .ef-brand-rail__symbol svg{
        display:block;
        width:18px;
        height:18px;
    }
    .ef-brand-rail__message-copy{
        min-width:0;
        overflow-wrap:break-word;
    }
    .ef-brand-rail__arrow{
        font-size:17px;
        color:var(--rail-accent);
    }
    .ef-brand-rail__link:focus-visible,
    .ef-brand-rail__message:focus-visible{
        outline:3px solid var(--rail-accent);
        outline-offset:3px;
    }
    .ef-brand-rail__message:hover{
        transform:translateY(-2px);
        box-shadow:0 18px 33px -19px rgba(16,53,73,.45);
    }
    .ef-home-brand-layout .ef-container{
        width:min(var(--ef-container,1180px),100%);
    }
    .ef-home-brand-layout .ef4-hero{
        padding-block:52px;
    }
    .ef-home-brand-layout .ef4-hero__copy{
        padding-left:6px;
    }
    .ef-home-brand-layout .ef4-home-lists{
        padding-top:24px;
    }
}

/* 1460-1749px: onemli olan orta vitrin; yan metin ve portre dar alana sigar. */
@media(min-width:1460px) and (max-width:1749px){
    .ef-brand-rail__inner{
        padding:28px 8px 17px;
    }
    .ef-brand-rail__eyebrow{
        margin-bottom:12px;
        padding:5px 7px;
        font-size:8px;
        letter-spacing:.06em;
    }
    .ef-brand-rail__title{
        font-size:clamp(22px,1.7vw,29px);
        letter-spacing:-.065em;
    }
    .ef-brand-rail__description{
        margin-top:17px;
        font-size:clamp(12px,.94vw,14px);
        line-height:1.35;
    }
    .ef-brand-rail__line{
        margin-top:16px;
    }
    .ef-brand-rail__portrait{
        top:max(264px,39%);
        right:9px;
        bottom:114px;
        left:9px;
    }
    .ef-brand-rail__message{
        right:8px;
        bottom:15px;
        left:8px;
        grid-template-columns:28px minmax(0,1fr) 12px;
        gap:6px;
        min-height:72px;
        padding:9px 7px;
        font-size:10.5px;
    }
    .ef-brand-rail__symbol{
        width:28px;
        height:28px;
    }
    .ef-brand-rail__symbol svg{
        width:16px;
        height:16px;
    }
    .ef-brand-rail__portrait-tag{
        right:7px;
        left:7px;
        font-size:8px;
        letter-spacing:.03em;
    }
}

/* Acikca secilen siyah temada tonlar uyarlanir, sistem temasini zorlamaz. */
@media(min-width:1460px){
    :is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body[data-bs-theme="dark"],body.dark) .ef-brand-rail{
        --rail-ink:#f2f7fb;
        --rail-accent:#60e4d2;
        --rail-border:#304f61;
        background:
            radial-gradient(circle at 30% 47%,rgba(28,165,159,.19),transparent 36%),
            linear-gradient(165deg,#111f32,#0b1a29);
    }
    :is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body[data-bs-theme="dark"],body.dark) .ef-brand-rail--right{
        background:
            radial-gradient(circle at 90% 40%,rgba(38,122,158,.18),transparent 36%),
            linear-gradient(210deg,#152439,#0b1a29);
    }
    :is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body[data-bs-theme="dark"],body.dark) .ef-brand-rail__eyebrow{
        background:rgba(19,43,61,.9);
    }
    :is(html[data-theme="dark"],html[data-bs-theme="dark"],html.dark,body[data-theme="dark"],body[data-bs-theme="dark"],body.dark) .ef-brand-rail__message{
        background:rgba(15,36,54,.96);
        color:#f2f7fb;
    }
}
@media(max-width:1459px){
    .ef-home-brand-layout{
        display:block;
    }
}
@media(prefers-reduced-motion:reduce){
    .ef-brand-rail *, .ef-brand-rail *::before, .ef-brand-rail *::after{
        transition:none!important;
        animation:none!important;
    }
}

/* Single active rail uses the same 3-column grid as two rails.
   Inactive side remains a neutral background gutter; never stretch the ad. */
@media(min-width:1460px){
    .ef-brand-rail--coral{
        --rail-accent:#e95769;
        --rail-border:#e9cdd4;
        background:linear-gradient(180deg,#fff8f8,#ffedf0);
    }
    .ef-brand-rail--coral .ef-brand-rail__title em{color:#e95769}
    .ef-brand-rail--coral .ef-brand-rail__symbol{
        background:#ffe2e7;color:#ad2540;
    }
    .ef-brand-rail--blue .ef-brand-rail__title em{color:#1382a7}
}
/* Istege bagli kompakt mobil reklam, yan panellerin altina sikismaz. */
.ef-brand-mobile{display:none}
@media(max-width:1459px){
    .ef-brand-mobile{
        display:block;
        width:min(100% - 32px,1180px);
        margin:14px auto;
        border:1px solid #c7dee4;
        border-radius:16px;
        overflow:hidden;
        background:linear-gradient(135deg,#effcf8,#e7f3f7);
        box-shadow:0 6px 18px -15px #0a2740;
    }
    .ef-brand-mobile__link{
        display:flex;
        align-items:center;
        gap:13px;
        padding:12px;
        color:#10324c;
        text-decoration:none;
        min-width:0;
    }
    .ef-brand-mobile__link img{
        display:block;
        width:80px;
        height:95px;
        border-radius:12px;
        object-fit:cover;
        flex:0 0 auto;
    }
    .ef-brand-mobile__copy{
        display:flex;
        flex-direction:column;
        gap:4px;
        min-width:0;
        line-height:1.35;
    }
    .ef-brand-mobile__copy small{
        font-size:10px;
        font-weight:850;
        color:#07887f;
        letter-spacing:.045em;
    }
    .ef-brand-mobile__copy strong{
        font-size:17px;
        font-weight:900;
        overflow-wrap:anywhere;
    }
    .ef-brand-mobile__copy > span{
        font-size:13px;
        overflow-wrap:anywhere;
    }
    .ef-brand-mobile__copy b{
        font-size:12px;color:#07887f;
    }
    .ef-brand-mobile--blue{background:#edf6ff}
    .ef-brand-mobile--coral{background:#fff0f1}
    .ef-brand-mobile--coral .ef-brand-mobile__copy small,
    .ef-brand-mobile--coral .ef-brand-mobile__copy b{color:#c13c51}
}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark) .ef-brand-mobile{
    background:#10263b;
    border-color:#365467;
}
:is(html[data-theme="dark"],html.dark,body[data-theme="dark"],body.dark) .ef-brand-mobile__link{color:#f3f8fc}
@media(max-width:390px){
    .ef-brand-mobile__link{gap:9px;padding:10px}
    .ef-brand-mobile__link img{width:65px;height:82px}
    .ef-brand-mobile__copy strong{font-size:14px}
    .ef-brand-mobile__copy > span{font-size:12px}
}

/* Acik sponsorluk etiketi: EnFavori kendi marka alanlarinda varsayilan kapali. */
.ef-brand-rail__sponsor-label{
    position:absolute;
    top:9px;
    right:5px;
    z-index:4;
    display:inline-flex;
    padding:4px 7px;
    border:1px solid rgba(18,55,76,.24);
    border-radius:7px;
    background:#fff;
    color:#18364c;
    font-size:10px;
    font-weight:850;
}
.ef-brand-mobile__sponsor-label{
    display:inline-block;
    margin:10px 12px 0;
    padding:4px 8px;
    border:1px solid rgba(18,55,76,.18);
    border-radius:7px;
    font-size:10px;
    font-weight:850;
    background:#fff;
    color:#18364c;
}

/* Mobile promotions are initially inert in a hidden pool, then moved beside
   their selected content boundary. Prevent header stacking and layout flash. */
.ef-brand-mobile-pool{display:none!important}
.ef-brand-mobile:not([data-placement-ready="1"]){display:none!important}
@media(min-width:1460px){
    /* A mobile-only campaign must not reserve empty desktop side columns. */
    .ef-home-brand-layout--mobile-only{display:block}
}