@import url('https://fonts.googleapis.com/css2?family=Allura&family=Bebas+Neue&family=Cinzel:wght@400;600&family=Great+Vibes&family=Montserrat:wght@300;400;500;600;700&family=Oswald:wght@300;400;500&family=Playfair+Display:wght@400;600;700&family=Poppins:wght@300;400;500;600&family=Raleway:wght@300;400;500;600&display=swap');

.abl-tk-card-shell{width:100%;display:flex;justify-content:center}
.abl-tk-card{
    --bg:#f1eadf;--right:#e5ad05;--right2:#f6c21b;--accent:#d6a318;
    --headline:#2c2c2c;--spot:#d6a318;--msg:#333;--name:#252525;--title:#333;--footer:#2b2b2b;--logo-bg:#fff;
    position:relative;width:min(100%,1180px);aspect-ratio:1/1;overflow:hidden;
    background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.55),transparent 28%),var(--bg);
    border-radius:0;box-shadow:0 24px 70px rgba(15,23,42,.14);
    font-family:Poppins,Arial,sans-serif;color:#222;isolation:isolate;
}
.abl-tk-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.22),transparent 55%);pointer-events:none;z-index:2}
.abl-tk-card-left{
    position:absolute;left:0;top:0;width:60%;height:100%;box-sizing:border-box;
    padding:7.2% 6.3% 8.2% 6.6%;z-index:4;
    display:flex;flex-direction:column;justify-content:center;
}
.abl-tk-logo-box{
    position:absolute;
    top:7.5%;
    left:10%;
    right:10%;
    min-height:88px;
    max-height:18%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--logo-bg);
    border-radius:18px;
    padding:14px 18px;
    box-sizing:border-box;
    z-index:6;
    box-shadow:0 18px 42px rgba(0,0,0,.16);
    overflow:hidden;
}
.abl-tk-logo-box img{
    max-width:100%;
    max-height:calc(100% - 8px);
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
}
.abl-tk-text-stack{width:100%;max-width:650px;margin:0 auto;}
.abl-tk-headline{
    font-family:var(--headline-font),Montserrat,sans-serif;font-size:var(--headline-size);line-height:1.18;
    color:var(--headline);font-weight:300;letter-spacing:.055em;text-transform:uppercase;white-space:pre-line;
    margin:0 0 8px 0;word-break:normal;
}
.abl-tk-spot{
    font-family:var(--spot-font),"Great Vibes",cursive;font-size:var(--spot-size);line-height:1.05;
    color:var(--spot);font-weight:400;margin:0 0 9% 0;white-space:nowrap;
}
.abl-tk-divider{width:126px;height:3px;background:var(--accent);margin:0 0 7% 0}
.abl-tk-message{
    font-family:var(--message-font),Poppins,sans-serif;font-size:var(--message-size);line-height:1.55;
    color:var(--msg);font-weight:300;max-width:500px;
}
.abl-tk-signature{margin:7.5% auto 0;width:100%;max-width:650px;}
.abl-tk-person-name{
    font-family:var(--name-font),"Great Vibes",cursive;font-size:var(--name-size);line-height:1.05;
    color:var(--name);font-weight:400;margin-bottom:8px;
}
.abl-tk-institution,.abl-tk-title{
    font-family:var(--title-font),Poppins,sans-serif;font-size:var(--title-size);line-height:1.35;color:var(--title);font-weight:300;
}
.abl-tk-card-right{
    position:absolute;right:0;top:0;width:40%;height:100%;z-index:3;
    overflow:hidden;clip-path:inset(0 0 0 0);
}
.abl-tk-right-panel{
    position:absolute;inset:0;width:100%;height:100%;
    background:linear-gradient(180deg,var(--right),var(--right2));
}
.abl-tk-pattern{display:none}
.abl-tk-person-photo{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100%;
    max-width:100%;
    height:auto;
    max-height:70%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 24px 44px rgba(0,0,0,.22));
    z-index:5;
    display:block;
}
.abl-tk-footer{
    position:absolute;left:6.6%;right:44%;bottom:3.6%;height:42px;display:flex;align-items:center;gap:22px;z-index:10;
    font-family:var(--footer-font),Montserrat,sans-serif;color:var(--footer);font-size:var(--footer-size);letter-spacing:.30em;font-weight:300;
}
.abl-tk-footer span{height:2px;background:var(--accent);flex:1;opacity:.85}
.abl-tk-footer strong{font-weight:300;white-space:nowrap}

.abl-tk-detail-page{background:#f4f6f9;padding:34px 0 54px}
.abl-tk-detail-wrap{max-width:1320px;margin:0 auto;padding:0 18px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.abl-tk-main-card{background:#fff;border-radius:28px;padding:22px;box-shadow:0 18px 55px rgba(15,23,42,.10)}
.abl-tk-sidebar{display:flex;flex-direction:column;gap:18px}
.abl-tk-side-box{background:#fff;border-radius:22px;padding:18px;box-shadow:0 14px 38px rgba(15,23,42,.08);border:1px solid rgba(15,23,42,.06)}
.abl-tk-side-box h3{margin:0 0 14px;font:700 15px/1.2 Montserrat,Arial,sans-serif;color:#111;letter-spacing:.02em}
.abl-tk-side-item{display:flex;gap:12px;align-items:center;text-decoration:none;color:#111;padding:10px;border-radius:16px;background:#f8fafc;transition:.2s}
.abl-tk-side-item:hover{background:#eef2ff;transform:translateY(-1px)}
.abl-tk-side-item img{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#fff}
.abl-tk-side-item span{display:flex;flex-direction:column;gap:5px;min-width:0}
.abl-tk-side-item strong{font:700 14px/1.25 Montserrat,Arial,sans-serif;color:#111}
.abl-tk-side-item em{font:400 12px/1.2 Poppins,Arial,sans-serif;color:#667085;font-style:normal}

.abl-tk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.abl-tk-grid-card{display:block;background:#fff;border-radius:18px;overflow:hidden;text-decoration:none;color:#111;box-shadow:0 12px 30px rgba(15,23,42,.08)}
.abl-tk-grid-card img{width:100%;display:block}
.abl-tk-grid-card strong{display:block;padding:14px;font:700 15px/1.3 Montserrat,Arial,sans-serif}

@media (max-width: 900px){
    .abl-tk-detail-wrap{grid-template-columns:1fr}
    .abl-tk-main-card{padding:12px;border-radius:18px}
    .abl-tk-card{width:100%;aspect-ratio:4/5}
    .abl-tk-card-left{
    position:absolute;left:0;top:0;width:60%;height:100%;box-sizing:border-box;
    padding:7.2% 6.3% 8.2% 6.6%;z-index:4;
    display:flex;flex-direction:column;justify-content:center;
}
    .abl-tk-card-right{
    position:absolute;right:0;top:0;width:40%;height:100%;z-index:3;
    overflow:hidden;clip-path:inset(0 0 0 0);
}
    .abl-tk-right-panel{
    position:absolute;inset:0;width:100%;height:100%;
    background:linear-gradient(180deg,var(--right),var(--right2));
}
    .abl-tk-person-photo{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:100%;
    max-width:100%;
    height:auto;
    max-height:70%;
    object-fit:contain;
    object-position:center bottom;
    filter:drop-shadow(0 24px 44px rgba(0,0,0,.22));
    z-index:5;
    display:block;
}
    .abl-tk-logo-box{
    position:absolute;
    top:7.5%;
    left:10%;
    right:10%;
    min-height:88px;
    max-height:18%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--logo-bg);
    border-radius:18px;
    padding:14px 18px;
    box-sizing:border-box;
    z-index:6;
    box-shadow:0 18px 42px rgba(0,0,0,.16);
    overflow:hidden;
}
    .abl-tk-headline{font-size:calc(var(--headline-size) * .58);line-height:1.1}
    .abl-tk-spot{font-size:calc(var(--spot-size) * .62);margin-bottom:5%}
    .abl-tk-divider{margin-bottom:4%;width:90px}
    .abl-tk-message{font-size:calc(var(--message-size) * .62);line-height:1.42;max-width:66%}
    .abl-tk-signature{margin:7.5% auto 0;width:100%;max-width:650px;}
    .abl-tk-person-name{font-size:calc(var(--name-size) * .64)}
    .abl-tk-institution,.abl-tk-title{font-size:calc(var(--title-size) * .68)}
    .abl-tk-footer{
    position:absolute;left:6.6%;right:44%;bottom:3.6%;height:42px;display:flex;align-items:center;gap:22px;z-index:10;
    font-family:var(--footer-font),Montserrat,sans-serif;color:var(--footer);font-size:var(--footer-size);letter-spacing:.30em;font-weight:300;
}
}




@media (max-width: 900px){
    .abl-tk-footer{
    position:absolute;left:6.6%;right:44%;bottom:3.6%;height:42px;display:flex;align-items:center;gap:22px;z-index:10;
    font-family:var(--footer-font),Montserrat,sans-serif;color:var(--footer);font-size:var(--footer-size);letter-spacing:.30em;font-weight:300;
}
    
}

.abl-tk-right-frame{
    position:absolute;
    left:8%;
    right:8%;
    top:6.5%;
    bottom:6.5%;
    z-index:4;
    overflow:hidden;
    border-radius:28px;
    border:2px solid rgba(255,255,255,.34);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10), 0 30px 80px rgba(0,0,0,.20);
    background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.025));
}
.abl-tk-right-frame:before{
    content:"";
    position:absolute;
    inset:10px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.24);
    pointer-events:none;
    z-index:7;
}
.abl-tk-right-frame:after{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:5%;
    height:18%;
    background:radial-gradient(ellipse at center,rgba(0,0,0,.22),transparent 68%);
    pointer-events:none;
    z-index:3;
}

@media (max-width: 900px){
    .abl-tk-card-left{
        width:100%;
        height:55%;
        padding:7% 7% 4%;
        justify-content:center;
        z-index:6;
    }
    .abl-tk-card-right{
        left:0;
        right:0;
        top:43%;
        width:100%;
        height:53%;
    }
    .abl-tk-right-frame{
        left:8%;
        right:8%;
        top:8%;
        bottom:8%;
        border-radius:22px;
    }
    .abl-tk-logo-box{
    position:absolute;
    top:7.5%;
    left:10%;
    right:10%;
    min-height:88px;
    max-height:18%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--logo-bg);
    border-radius:18px;
    padding:14px 18px;
    box-sizing:border-box;
    z-index:6;
    box-shadow:0 18px 42px rgba(0,0,0,.16);
    overflow:hidden;
}
    .abl-tk-person-photo{
        bottom:0;
        width:82%;
        max-width:82%;
        max-height:66%;
    }
    .abl-tk-signature{
        margin-top:5%;
    }
}


/* v1.6.8 - Mobil tek sütun kart düzeni */
@media (max-width: 900px){
    .abl-tk-card{
        aspect-ratio:auto;
        min-height:auto;
        height:auto;
        display:flex;
        flex-direction:column;
        overflow:hidden;
        border-radius:22px;
        background:var(--bg);
    }

    .abl-tk-card-left,
    .abl-tk-card-right,
    .abl-tk-footer{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        width:100% !important;
        height:auto !important;
        z-index:auto !important;
    }

    .abl-tk-card-right{
        order:1;
        min-height:54vw;
        max-height:430px;
        overflow:hidden;
        background:linear-gradient(180deg,var(--right),var(--right2));
        display:flex;
        align-items:center;
        justify-content:center;
        padding:22px 20px 0;
        box-sizing:border-box;
    }

    .abl-tk-right-panel{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        background:linear-gradient(180deg,var(--right),var(--right2));
        z-index:1;
    }

    .abl-tk-right-frame{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        bottom:auto;
        width:min(86%, 360px);
        height:100%;
        min-height:330px;
        border-radius:22px;
        overflow:hidden;
        z-index:4;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        padding:18px 18px 0;
        box-sizing:border-box;
    }

    .abl-tk-logo-box{
    position:absolute;
    top:7.5%;
    left:10%;
    right:10%;
    min-height:88px;
    max-height:18%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--logo-bg);
    border-radius:18px;
    padding:14px 18px;
    box-sizing:border-box;
    z-index:6;
    box-shadow:0 18px 42px rgba(0,0,0,.16);
    overflow:hidden;
}

    .abl-tk-person-photo{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        transform:none;
        width:100%;
        max-width:100%;
        max-height:260px;
        object-fit:contain;
        object-position:center bottom;
        margin-top:auto;
        filter:drop-shadow(0 18px 32px rgba(0,0,0,.22));
    }

    .abl-tk-card-left{
        order:2;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        padding:28px 24px 22px !important;
        box-sizing:border-box;
        text-align:left;
    }

    .abl-tk-text-stack,
    .abl-tk-signature{
        max-width:100%;
        width:100%;
        margin-left:0;
        margin-right:0;
    }

    .abl-tk-headline{
        font-size:clamp(24px, 7.2vw, calc(var(--headline-size) * .62));
        line-height:1.12;
        letter-spacing:.045em;
    }

    .abl-tk-spot{
        font-size:clamp(30px, 9vw, calc(var(--spot-size) * .72));
        line-height:1.02;
        margin-bottom:18px;
        white-space:normal;
    }

    .abl-tk-divider{
        width:82px;
        height:2px;
        margin:0 0 18px 0;
    }

    .abl-tk-message{
        max-width:100%;
        font-size:clamp(15px, 4.1vw, calc(var(--message-size) * .64));
        line-height:1.55;
    }

    .abl-tk-signature{
        margin-top:24px;
    }

    .abl-tk-person-name{
        font-size:clamp(24px, 7.5vw, calc(var(--name-size) * .74));
        line-height:1.08;
    }

    .abl-tk-institution,
    .abl-tk-title{
        font-size:clamp(13px, 3.9vw, calc(var(--title-size) * .72));
        line-height:1.35;
    }

    .abl-tk-footer{
        order:3;
        display:flex;
        padding:0 24px 24px;
        gap:12px;
        font-size:clamp(11px, 3.2vw, calc(var(--footer-size) * .56));
        letter-spacing:.14em;
        box-sizing:border-box;
        color:var(--footer);
    }

    .abl-tk-footer strong{
        white-space:normal;
        text-align:center;
    }
}

@media (max-width: 420px){
    .abl-tk-card-right{
        min-height:68vw;
        padding:18px 16px 0;
    }

    .abl-tk-right-frame{
        width:90%;
        min-height:300px;
        padding:14px 14px 0;
    }

    .abl-tk-logo-box{
    position:absolute;
    top:7.5%;
    left:10%;
    right:10%;
    min-height:88px;
    max-height:18%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--logo-bg);
    border-radius:18px;
    padding:14px 18px;
    box-sizing:border-box;
    z-index:6;
    box-shadow:0 18px 42px rgba(0,0,0,.16);
    overflow:hidden;
}

    .abl-tk-person-photo{
        max-height:235px;
    }

    .abl-tk-card-left{
        padding:24px 20px 18px !important;
    }

    .abl-tk-footer{
        padding:0 20px 22px;
    }
}

@media (max-width:900px){
    .abl-tk-logo-box{
        width:auto;
        max-width:88%;
        min-height:58px;
        max-height:84px;
        padding:10px 14px;
    }

    .abl-tk-logo-box img{
        max-width:100%;
        max-height:58px;
        object-fit:contain;
    }
}


/* v1.6.10 - Sadece mobil logo arka plan kutusu düzeltmesi */
@media (max-width: 900px){
    .abl-tk-right-frame .abl-tk-logo-box{
        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;

        width:fit-content !important;
        max-width:82% !important;
        min-width:0 !important;
        min-height:0 !important;
        height:auto !important;
        max-height:none !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        padding:10px 14px !important;
        margin:0 auto 14px !important;

        background:var(--logo-bg) !important;
        border-radius:13px !important;
        box-sizing:border-box !important;
        overflow:hidden !important;
    }

    .abl-tk-right-frame .abl-tk-logo-box img{
        display:block !important;
        width:auto !important;
        height:auto !important;
        max-width:100% !important;
        max-height:64px !important;
        object-fit:contain !important;
        object-position:center center !important;
        margin:0 !important;
    }
}

@media (max-width: 420px){
    .abl-tk-right-frame .abl-tk-logo-box{
        max-width:84% !important;
        padding:8px 12px !important;
        margin-bottom:12px !important;
    }

    .abl-tk-right-frame .abl-tk-logo-box img{
        max-height:56px !important;
    }
}


/* v1.6.14 - Tebrik Kartları arşiv/listleme sayfası */
.abl-tk-archive-page{
    background:#f4f6f9;
    padding:20px 0 24px;
}
.abl-tk-archive-wrap{
    max-width:1140px;
    margin:0 auto;
    padding:0 18px;
}
.abl-tk-archive-header{
    margin-bottom:28px;
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border:1px solid rgba(15,23,42,.06);
    border-radius:26px;
    padding:26px 28px;
    box-shadow:0 16px 46px rgba(15,23,42,.07);
}
.abl-tk-archive-header span{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 12px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font:700 12px/1.2 Montserrat,Arial,sans-serif;
    letter-spacing:.04em;
    margin-bottom:12px;
}
.abl-tk-archive-header h1{
    margin:0;
    color:#101828;
    font:800 32px/1.15 Montserrat,Arial,sans-serif;
}
.abl-tk-archive-header p{
    margin:10px 0 0;
    color:#667085;
    font:400 15px/1.55 Poppins,Arial,sans-serif;
}
.abl-tk-archive-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
}
.abl-tk-archive-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 16px 44px rgba(15,23,42,.08);
    transition:transform .18s ease, box-shadow .18s ease;
}
.abl-tk-archive-card:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 62px rgba(15,23,42,.12);
}
.abl-tk-archive-thumb{
    display:block;
    width:100%;
    aspect-ratio:330 / 470;
    background:#e5e7eb;
    overflow:hidden;
    position:relative;
}
.abl-tk-archive-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center top;
    display:block;
    background:#f8fafc;
}
.abl-tk-archive-noimg{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#f3f4f6,#e5e7eb);
    color:#667085;
    font:700 14px/1.2 Montserrat,Arial,sans-serif;
}
.abl-tk-archive-card-body{
    padding:18px 18px 20px;
}
.abl-tk-archive-card-body h2{
    margin:0 0 14px;
    font:800 18px/1.3 Montserrat,Arial,sans-serif;
}
.abl-tk-archive-card-body h2 a{
    color:#101828;
    text-decoration:none;
}
.abl-tk-read-message{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:38px;
    padding:9px 14px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font:700 13px/1.2 Montserrat,Arial,sans-serif;
    transition:.18s ease;
}
.abl-tk-read-message:hover{
    background:#b88900;
    transform:translateY(-1px);
}
.abl-tk-read-message span{
    font-size:14px;
    line-height:1;
}
.abl-tk-pagination{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-top:34px;
}
.abl-tk-pagination .page-numbers{
    min-width:42px;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border-radius:999px;
    background:#fff;
    color:#111827;
    text-decoration:none;
    font:700 13px/1.2 Montserrat,Arial,sans-serif;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}
.abl-tk-pagination .page-numbers.current,
.abl-tk-pagination .page-numbers:hover{
    background:#111827;
    color:#fff;
}
.abl-tk-empty-archive{
    background:#fff;
    border-radius:24px;
    padding:32px;
    text-align:center;
    box-shadow:0 16px 44px rgba(15,23,42,.08);
}
.abl-tk-back-all{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0 0 16px;
    min-height:38px;
    padding:8px 14px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font:700 13px/1.2 Montserrat,Arial,sans-serif;
}
.abl-tk-back-all:hover{
    background:#b88900;
}

@media (max-width: 1024px){
    .abl-tk-archive-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width: 700px){
    .abl-tk-archive-page{
        padding:22px 0 42px;
    }
    .abl-tk-archive-wrap{
        padding:0 14px;
    }
    .abl-tk-archive-header{
        border-radius:20px;
        padding:20px;
        margin-bottom:18px;
    }
    .abl-tk-archive-header h1{
        font-size:25px;
    }
    .abl-tk-archive-grid{
        grid-template-columns:1fr;
        gap:18px;
    }
    .abl-tk-archive-thumb{
    display:block;
    width:100%;
    aspect-ratio:330 / 470;
    background:#e5e7eb;
    overflow:hidden;
    position:relative;
}
    .abl-tk-archive-card{
        border-radius:22px;
    }
    .abl-tk-archive-card-body{
        padding:16px;
    }
    .abl-tk-archive-card-body h2{
        font-size:17px;
    }
    .abl-tk-read-message{
        width:100%;
        box-sizing:border-box;
        justify-content:center;
    }
}


/* v1.6.15 - 330x470 dikey görsel optimizasyonu */
.abl-tk-archive-card{
    overflow:hidden;
}
.abl-tk-archive-thumb{
    padding:10px;
    box-sizing:border-box;
    background:linear-gradient(180deg,#f8fafc,#eef2f7);
}
.abl-tk-archive-thumb img{
    border-radius:18px;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}


/* v1.6.16 - Ana sayfa 330x470 tebrik kartı slider */
.abl-tk-home-slider{
    width:100%;
    margin:28px 0;
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    border:1px solid rgba(15,23,42,.06);
    border-radius:28px;
    padding:22px;
    box-sizing:border-box;
    box-shadow:0 16px 46px rgba(15,23,42,.07);
}
.abl-tk-home-slider-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:18px;
}
.abl-tk-home-slider-head span{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:5px 11px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font:700 11px/1.2 Montserrat,Arial,sans-serif;
    letter-spacing:.04em;
    margin-bottom:9px;
}
.abl-tk-home-slider-head h2{
    margin:0;
    color:#101828;
    font:800 25px/1.15 Montserrat,Arial,sans-serif;
}
.abl-tk-home-slider-nav{
    display:flex;
    gap:8px;
    flex:0 0 auto;
}
.abl-tk-home-slider-nav button{
    width:42px;
    height:42px;
    border:0;
    border-radius:999px;
    cursor:pointer;
    background:#111827;
    color:#fff;
    font:800 26px/1 Arial,sans-serif;
    box-shadow:0 10px 24px rgba(17,24,39,.14);
    transition:.18s ease;
}
.abl-tk-home-slider-nav button:hover{
    background:#b88900;
    transform:translateY(-1px);
}
.abl-tk-slider-viewport{
    overflow:hidden;
}
.abl-tk-slider-track{
    display:flex;
    gap:20px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    padding:2px 2px 10px;
    scrollbar-width:none;
}
.abl-tk-slider-track::-webkit-scrollbar{
    display:none;
}
.abl-tk-slide-card{
    flex:0 0 calc((100% - 40px) / 3);
    min-width:0;
    scroll-snap-align:start;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 14px 38px rgba(15,23,42,.08);
    transition:transform .18s ease, box-shadow .18s ease;
}
.abl-tk-slide-card:hover{
    transform:translateY(-3px);
    box-shadow:0 22px 58px rgba(15,23,42,.12);
}
.abl-tk-slide-thumb{
    display:block;
    width:100%;
    aspect-ratio:330 / 470;
    background:linear-gradient(180deg,#f8fafc,#eef2f7);
    overflow:hidden;
    padding:10px;
    box-sizing:border-box;
}
.abl-tk-slide-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center top;
    display:block;
    border-radius:18px;
    background:#f8fafc;
    box-shadow:0 10px 26px rgba(15,23,42,.08);
}
.abl-tk-slide-noimg{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#f3f4f6,#e5e7eb);
    border-radius:18px;
    color:#667085;
    font:700 13px/1.2 Montserrat,Arial,sans-serif;
}
.abl-tk-slide-body{
    padding:16px 16px 18px;
}
.abl-tk-slide-body h3{
    margin:0 0 13px;
    font:800 17px/1.3 Montserrat,Arial,sans-serif;
}
.abl-tk-slide-body h3 a{
    color:#101828;
    text-decoration:none;
}
.abl-tk-slide-read{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:36px;
    padding:8px 13px;
    border-radius:999px;
    background:#111827;
    color:#fff!important;
    text-decoration:none!important;
    font:700 12px/1.2 Montserrat,Arial,sans-serif;
    transition:.18s ease;
}
.abl-tk-slide-read:hover{
    background:#b88900;
    transform:translateY(-1px);
}

@media (max-width: 1024px){
    .abl-tk-slide-card{
        flex-basis:calc((100% - 20px) / 2);
    }
}
@media (max-width: 700px){
    .abl-tk-home-slider{
        border-radius:22px;
        padding:16px;
        margin:20px 0;
    }
    .abl-tk-home-slider-head{
        align-items:flex-start;
    }
    .abl-tk-home-slider-head h2{
        font-size:21px;
    }
    .abl-tk-home-slider-nav button{
        width:38px;
        height:38px;
        font-size:24px;
    }
    .abl-tk-slider-track{
        gap:14px;
    }
    .abl-tk-slide-card{
        flex:0 0 100%;
    }
    .abl-tk-slide-thumb{
        aspect-ratio:330 / 470;
    }
    .abl-tk-slide-read{
        width:100%;
        justify-content:center;
        box-sizing:border-box;
    }
}


/* v1.6.17 - Shortcode slider CSS yükleme/desktop 3 sütun düzeltmesi */
.abl-tk-home-slider,
.abl-tk-home-slider *{
    box-sizing:border-box;
}
.abl-tk-home-slider .abl-tk-slider-viewport{
    width:100%!important;
    overflow:hidden!important;
}
.abl-tk-home-slider .abl-tk-slider-track{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    gap:20px!important;
    width:100%!important;
    overflow-x:auto!important;
}
.abl-tk-home-slider .abl-tk-slide-card{
    display:block!important;
    flex:0 0 calc((100% - 40px) / 3)!important;
    width:calc((100% - 40px) / 3)!important;
    max-width:calc((100% - 40px) / 3)!important;
    min-width:0!important;
}
.abl-tk-home-slider .abl-tk-slide-thumb{
    height:auto!important;
    aspect-ratio:330 / 470!important;
}
.abl-tk-home-slider .abl-tk-slide-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
}

@media (max-width:1024px){
    .abl-tk-home-slider .abl-tk-slide-card{
        flex-basis:calc((100% - 20px) / 2)!important;
        width:calc((100% - 20px) / 2)!important;
        max-width:calc((100% - 20px) / 2)!important;
    }
}
@media (max-width:700px){
    .abl-tk-home-slider .abl-tk-slider-track{
        gap:14px!important;
    }
    .abl-tk-home-slider .abl-tk-slide-card{
        flex-basis:100%!important;
        width:100%!important;
        max-width:100%!important;
    }
}


/* v1.6.19 - Sadece Slider ve Tebrik Kartları arşiv/liste font düzeltmesi
   Kart detayındaki kart tasarım fontlarına ve panelden seçilen fontlara dokunmaz. */
.abl-tk-home-slider,
.abl-tk-home-slider *,
.abl-tk-archive-page,
.abl-tk-archive-page *,
.abl-tk-pagination,
.abl-tk-pagination *,
.abl-tk-read-message,
.abl-tk-slide-read{
    font-family:inherit!important;
}


/* v1.6.22 - Esnek görsel oranı ve güncelleme paketi düzeltmesi
   Slider ve arşiv görselleri sabit piksel zorlamaz; oran bazlı çalışır.
   Böylece editör her öne çıkarılan görseli aynı ölçüde hazırlamak zorunda kalmaz. */
.abl-tk-archive-thumb,
.abl-tk-slide-thumb{
    height:auto!important;
    min-height:0!important;
    aspect-ratio:330 / 470!important;
    background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;
    overflow:hidden!important;
    padding:10px!important;
    box-sizing:border-box!important;
}
.abl-tk-archive-thumb img,
.abl-tk-slide-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    display:block!important;
    background:#f8fafc!important;
    border-radius:18px!important;
}
.abl-tk-archive-noimg,
.abl-tk-slide-noimg{
    width:100%!important;
    height:100%!important;
    border-radius:18px!important;
}

/* Desktop: 3 sütun; Tablet: 2; Mobil: 1. Görsel oranı korunur. */
.abl-tk-archive-grid{
    align-items:start!important;
}
.abl-tk-home-slider .abl-tk-slide-card{
    align-self:flex-start!important;
}
@media (max-width:700px){
    .abl-tk-archive-thumb,
    .abl-tk-slide-thumb{
        aspect-ratio:330 / 470!important;
        height:auto!important;
    }
}


/* v1.6.23 - Slider ve arşiv görsellerinde boşluksuz eşit yükseklik
   Kart yükseklikleri eşit kalır. Görsel bozulmaz; alanı cover ile doldurur. */
.abl-tk-archive-thumb,
.abl-tk-slide-thumb{
    aspect-ratio:330 / 470!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    background:#eef2f7!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.abl-tk-archive-thumb img,
.abl-tk-slide-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    display:block!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.abl-tk-archive-noimg,
.abl-tk-slide-noimg{
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
}
@media (max-width:700px){
    .abl-tk-archive-thumb,
    .abl-tk-slide-thumb{
        aspect-ratio:330 / 470!important;
        height:auto!important;
        padding:0!important;
    }
}


/* v1.6.24 - Ana sayfa slider kompakt premium tasarım
   Arşiv sayfasına dokunmaz. Slider görselleri 340px yüksekliğinde,
   boşluksuz ve modern ana sayfa kullanımına uygun çalışır. */
.abl-tk-home-slider{
    padding:20px!important;
    border-radius:24px!important;
}
.abl-tk-home-slider .abl-tk-slider-track{
    gap:18px!important;
}
.abl-tk-home-slider .abl-tk-slide-card{
    flex:0 0 calc((100% - 36px) / 3)!important;
    width:calc((100% - 36px) / 3)!important;
    max-width:calc((100% - 36px) / 3)!important;
    border-radius:20px!important;
    overflow:hidden!important;
}
.abl-tk-home-slider .abl-tk-slide-thumb{
    aspect-ratio:auto!important;
    height:340px!important;
    min-height:340px!important;
    max-height:340px!important;
    padding:0!important;
    background:#eef2f7!important;
    overflow:hidden!important;
}
.abl-tk-home-slider .abl-tk-slide-thumb img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
.abl-tk-home-slider .abl-tk-slide-noimg{
    width:100%!important;
    height:100%!important;
    border-radius:0!important;
}
.abl-tk-home-slider .abl-tk-slide-body{
    padding:14px 15px 16px!important;
    background:#fff!important;
}
.abl-tk-home-slider .abl-tk-slide-body h3{
    margin:0 0 11px!important;
    font-size:16px!important;
    line-height:1.32!important;
}
.abl-tk-home-slider .abl-tk-slide-read{
    min-height:34px!important;
    padding:7px 12px!important;
    font-size:12px!important;
}
@media (max-width:1024px){
    .abl-tk-home-slider .abl-tk-slide-card{
        flex-basis:calc((100% - 18px) / 2)!important;
        width:calc((100% - 18px) / 2)!important;
        max-width:calc((100% - 18px) / 2)!important;
    }
    .abl-tk-home-slider .abl-tk-slide-thumb{
        height:330px!important;
        min-height:330px!important;
        max-height:330px!important;
    }
}
@media (max-width:700px){
    .abl-tk-home-slider{
        padding:15px!important;
        border-radius:20px!important;
    }
    .abl-tk-home-slider .abl-tk-slider-track{
        gap:14px!important;
    }
    .abl-tk-home-slider .abl-tk-slide-card{
        flex-basis:100%!important;
        width:100%!important;
        max-width:100%!important;
    }
    .abl-tk-home-slider .abl-tk-slide-thumb{
        height:360px!important;
        min-height:360px!important;
        max-height:360px!important;
    }
}