
.stkai-overlay{
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(12,25,20,.58);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.stkai-overlay[hidden]{display:none!important}

.stkai-modal{
    width:min(720px,100%);
    height:min(760px,90vh);
    background:#fff;
    border-radius:22px;
    box-shadow:0 24px 80px rgba(0,0,0,.22);
    color:#26352e;
    font-family:inherit;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.stkai-modal-top{
    flex:0 0 auto;
    padding:20px 28px 10px;
    background:#fff;
    border-bottom:1px solid #eef2ef;
}

.stkai-top-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}

.stkai-top-title{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
    font-size:15px;
    line-height:1.2;
    color:#334f40;
}

.stkai-top-brand{
    font-weight:800;
    letter-spacing:.03em;
}

.stkai-top-separator{
    color:#96a39c;
}

.stkai-top-title strong{
    font-weight:700;
    color:#26352e;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.stkai-close{
    width:36px;
    height:36px;
    flex:0 0 36px;
    border:0;
    background:transparent;
    font-size:29px;
    line-height:1;
    cursor:pointer;
    color:#33443c;
    display:grid;
    place-items:center;
    border-radius:50%;
}
.stkai-close:hover{background:#f2f5f3}

.stkai-progress{
    height:6px;
    background:#edf1ef;
    border-radius:99px;
    margin-top:14px;
    overflow:hidden;
}
.stkai-progress span{
    display:block;
    height:100%;
    width:0;
    background:#5d7d6b;
    transition:.2s;
}

.stkai-modal-top small{
    display:block;
    margin-top:6px;
    color:#87928d;
}

.stkai-body{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:24px 28px;
    background:#fff;
}

.stkai-start-screen{
    text-align:center;
    padding:22px 0 8px;
}
.stkai-start-brand{
    font-weight:800;
    letter-spacing:.03em;
    color:#334f40;
    font-size:20px;
}
.stkai-start-screen h2{
    margin:6px 0 10px;
    font-size:30px;
    line-height:1.15;
}
.stkai-start-screen p{
    margin:0 auto;
    max-width:500px;
    color:#74778d;
    font-size:17px;
    line-height:1.55;
}

.stkai-question h3{
    margin:0;
    font-size:22px;
    line-height:1.35;
    color:#171f1b;
}
.stkai-question>p{
    margin:8px 0 0;
    color:#718078;
    line-height:1.5;
}

.stkai-options{
    display:grid;
    gap:10px;
    margin-top:18px;
}
.stkai-option{
    border:1px solid #dce4df;
    background:#fff;
    border-radius:13px;
    padding:14px 16px;
    text-align:left;
    cursor:pointer;
    font:inherit;
    color:#19241f;
    transition:.15s ease;
}
.stkai-option:hover,
.stkai-option.selected{
    background:#f3f7f5;
    border-color:#6e8d7b;
}
.stkai-option.selected{
    box-shadow:inset 3px 0 0 #5d7d6b;
}

.stkai-footer{
    flex:0 0 auto;
    display:flex;
    justify-content:space-between;
    gap:10px;
    padding:14px 28px 22px;
    background:#fff;
    border-top:1px solid #eef2ef;
}

.stkai-btn{
    display:inline-block;
    border-radius:11px;
    padding:11px 17px;
    border:1px solid transparent;
    text-decoration:none;
    cursor:pointer;
    font:inherit;
    font-weight:600;
}
.primary{background:#334f40;color:#fff}
.secondary{background:#fff;color:#334f40;border-color:#ccd8d1}
.stkai-continue{margin-top:16px}

.stkai-launcher{
    position:fixed;
    right:22px;
    bottom:90px;
    z-index:99990;
    display:flex;
    align-items:center;
    gap:9px;
    border:0;
    background:#fff;
    border-radius:999px;
    padding:8px 15px 8px 8px;
    box-shadow:0 8px 30px rgba(0,0,0,.18);
    cursor:pointer;
    color:#2e4438;
    font-family:inherit;
}
.stkai-launcher small,
.stkai-launcher b{
    display:block;
    text-align:left;
}
.stkai-launcher small{
    margin-top:2px;
    color:#718078;
}
.stkai-badge{
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#334f40;
    color:#fff;
    font-weight:bold;
}

.stkai-summary{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:20px;
}
.stkai-summary span{
    background:#f1f4f2;
    border-radius:99px;
    padding:8px 11px;
}
.stkai-result h3{
    margin:0 0 10px;
    font-size:23px;
}
.stkai-result>p{
    color:#5e6c65;
    line-height:1.6;
}

.stkai-group{
    margin-top:18px;
    padding:14px;
    border-radius:12px;
    background:#f7f9f8;
}
.stkai-group.priority{border-left:4px solid #a54b4b}
.stkai-group.develop{border-left:4px solid #b18a38}
.stkai-group.review{border-left:4px solid #687d91}
.stkai-group.strong{border-left:4px solid #5b8069}
.stkai-group h4{margin:0 0 8px}
.stkai-group p{
    margin:4px 0 10px;
    color:#68766f;
    line-height:1.5;
}

.stkai-next{
    margin-top:22px;
    padding:17px;
    background:#eef4f0;
    border-radius:13px;
}
.stkai-next h4{margin-top:0}
.stkai-next p{line-height:1.55}
.stkai-note{
    font-size:12px;
    color:#84908a;
    margin-top:18px;
    line-height:1.45;
}

@media(max-width:600px){
    .stkai-overlay{
        padding:10px;
        align-items:flex-end;
    }

    .stkai-modal{
        width:100%;
        height:min(810px,94vh);
        border-radius:20px 20px 10px 10px;
    }

    .stkai-modal-top{
        padding:15px 18px 9px;
    }

    .stkai-top-title{
        font-size:13px;
        gap:6px;
    }

    .stkai-close{
        width:34px;
        height:34px;
        flex-basis:34px;
    }

    .stkai-body{
        padding:20px 18px;
    }

    .stkai-footer{
        padding:12px 18px 16px;
    }

    .stkai-start-screen{
        padding:8px 0 4px;
    }

    .stkai-start-brand{
        font-size:19px;
    }

    .stkai-start-screen h2{
        font-size:28px;
    }

    .stkai-start-screen p{
        font-size:16px;
    }

    .stkai-question h3{
        font-size:21px;
    }

    .stkai-launcher{
        right:12px;
        bottom:90px;
        padding:7px 13px 7px 7px;
        gap:9px;
    }

    .stkai-launcher>span:last-child{
        display:block!important;
    }

    .stkai-launcher b{
        font-size:13px;
        line-height:15px;
    }

    .stkai-launcher small{
        font-size:10px;
        line-height:12px;
        white-space:nowrap;
    }

    .stkai-badge{
        width:38px;
        height:38px;
        flex:0 0 38px;
        font-size:15px;
    }
}

.stkai-area-name{
    padding:9px 0;
    border-top:1px solid #e7ece9;
}
.stkai-area-name:first-of-type{border-top:0}
.stkai-area-name b{font-size:17px;line-height:1.35}


/* v0.4 - Tüm soru ekranlarında daha kompakt seçenekler */
.stkai-body{
    padding-top:18px;
    padding-bottom:18px;
}

.stkai-question h3{
    font-size:20px;
    line-height:1.28;
    margin-bottom:6px;
}

.stkai-question>p{
    font-size:13px;
    line-height:1.4;
    margin-top:5px;
}

.stkai-options{
    gap:7px;
    margin-top:12px;
}

.stkai-option{
    min-height:42px;
    padding:9px 13px;
    border-radius:11px;
    font-size:15px;
    line-height:1.28;
}

.stkai-continue{
    margin-top:12px;
    padding-top:10px;
    padding-bottom:10px;
}

@media(max-width:600px){
    .stkai-modal{
        height:min(820px,96vh);
    }

    .stkai-modal-top{
        padding:12px 16px 7px;
    }

    .stkai-progress{
        margin-top:9px;
        height:5px;
    }

    .stkai-modal-top small{
        margin-top:4px;
        font-size:11px;
    }

    .stkai-body{
        padding:14px 16px;
    }

    .stkai-footer{
        padding:9px 16px 12px;
    }

    .stkai-question h3{
        font-size:19px;
        line-height:1.22;
    }

    .stkai-question>p{
        font-size:12px;
        margin-top:4px;
    }

    .stkai-options{
        gap:6px;
        margin-top:10px;
    }

    .stkai-option{
        min-height:39px;
        padding:8px 12px;
        border-radius:10px;
        font-size:14px;
        line-height:1.22;
    }

    .stkai-btn{
        padding:9px 14px;
        font-size:14px;
    }
}

/* Kısa seçenekli sorularda gereksiz dikey boşluğu azalt */
@media(min-width:601px){
    .stkai-options{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .stkai-question[data-single-column="1"] .stkai-options{
        grid-template-columns:1fr;
    }
}


/* v0.5 - Kompakt ön değerlendirme sonucu */
.stkai-result h3{
    font-size:20px;
    line-height:1.25;
    margin:0 0 8px;
}

.stkai-general{
    font-size:14px;
    line-height:1.55!important;
    margin:0 0 14px;
}

.stkai-summary{
    margin-bottom:14px;
    gap:6px;
}
.stkai-summary span{
    padding:6px 9px;
    font-size:12px;
}

.stkai-compact-group{
    margin-top:12px;
    padding:12px;
    border-radius:11px;
    background:#f7f9f8;
}
.stkai-compact-group.priority{border-left:3px solid #a54b4b}
.stkai-compact-group.develop{border-left:3px solid #b18a38}
.stkai-compact-group.review{border-left:3px solid #687d91}
.stkai-compact-group.strong{border-left:3px solid #5b8069}

.stkai-compact-group h4{
    margin:0 0 8px;
    font-size:16px;
    line-height:1.2;
}

.stkai-area-tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}
.stkai-area-tag{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:5px 9px;
    border:1px solid #dde5e0;
    border-radius:999px;
    background:#fff;
    font-size:12px;
    line-height:1.2;
    color:#314239;
}

.stkai-services{
    margin-top:15px;
}
.stkai-services h4{
    margin:0 0 8px;
    font-size:16px;
}
.stkai-service-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}
.stkai-service-link{
    display:block;
    padding:9px 10px;
    border:1px solid #dce4df;
    border-radius:10px;
    text-decoration:none;
    background:#fff;
    color:#2d4237;
}
.stkai-service-link:hover{
    background:#f3f7f5;
    border-color:#6e8d7b;
    text-decoration:none;
}
.stkai-service-link small{
    display:block;
    margin-bottom:2px;
    color:#7b8982;
    font-size:10px;
}
.stkai-service-link strong{
    display:block;
    font-size:12px;
    line-height:1.25;
}

.stkai-next{
    margin-top:15px;
    padding:13px;
}
.stkai-next h4{
    font-size:16px;
    margin:0 0 6px;
}
.stkai-next p{
    font-size:13px;
    line-height:1.5;
    margin:0 0 10px;
}
.stkai-note{
    font-size:10px;
    margin-top:12px;
}

@media(max-width:600px){
    .stkai-result h3{font-size:18px}
    .stkai-general{font-size:13px}
    .stkai-compact-group{padding:10px;margin-top:9px}
    .stkai-compact-group h4{font-size:14px;margin-bottom:6px}
    .stkai-area-tag{font-size:11px;min-height:25px;padding:4px 8px}
    .stkai-service-links{grid-template-columns:1fr 1fr}
    .stkai-service-link{padding:8px}
    .stkai-service-link strong{font-size:11px}
    .stkai-next{padding:11px}
    .stkai-next p{font-size:12px}
}

/* v0.6 */
.stkai-launcher-icon{font-family:Arial,sans-serif;font-size:22px;line-height:1}
.stkai-restart{display:block;width:100%;margin-top:8px;padding:8px;border:0;background:transparent;color:#627168;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.stkai-restart:hover{color:#2f4a3b}


/* ==========================================================================
   v0.7 — daha kompakt soru akışı + Check-Up formu
   ========================================================================== */

/* Modal içerik kadar uzar; gereksiz büyük boş alan bırakmaz. */
.stkai-modal{
    height:auto;
    max-height:90vh;
}
.stkai-body{
    flex:0 1 auto;
    min-height:0;
    padding:18px 28px 12px;
}
.stkai-footer{
    padding:9px 28px 14px;
}

/* Cevaplar iki sütun. */
.stkai-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:14px;
}
.stkai-option{
    min-height:42px;
    padding:9px 12px;
    border-radius:10px;
    font-size:13px;
    line-height:1.25;
}

/* Çoklu seçim sorularında devam düğmesi de yakına gelir. */
.stkai-continue{
    margin-top:10px;
}

/* Check-Up */
.stkai-checkup-kicker{
    color:#587264;
    font-size:12px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-bottom:4px;
}
.stkai-checkup h3,
.stkai-checkup-success h3{
    margin:0 0 7px;
    font-size:20px;
    line-height:1.25;
}
.stkai-checkup>p{
    margin:0 0 14px;
    color:#66746d;
    font-size:13px;
    line-height:1.5;
}
.stkai-form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px 11px;
}
.stkai-form-grid label{
    display:block;
}
.stkai-form-grid label span{
    display:block;
    margin:0 0 4px;
    font-size:11px;
    font-weight:700;
    color:#526159;
}
.stkai-form-grid input,
.stkai-form-grid textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #d9e2dd;
    background:#fff;
    border-radius:9px;
    padding:9px 10px;
    color:#1f2d26;
    font:inherit;
    font-size:13px;
    outline:none;
}
.stkai-form-grid input:focus,
.stkai-form-grid textarea:focus{
    border-color:#6e8d7b;
    box-shadow:0 0 0 2px rgba(93,125,107,.08);
}
.stkai-form-wide{grid-column:1/-1}
.stkai-consent{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin-top:11px;
    color:#66746d;
    font-size:10.5px;
    line-height:1.45;
}
.stkai-consent input{
    margin-top:2px;
    flex:0 0 auto;
}
.stkai-submit{
    margin-top:10px;
}
.stkai-submit:disabled{
    opacity:.65;
    cursor:wait;
}
.stkai-form-msg{
    min-height:0;
    margin-top:8px;
    font-size:11px;
    line-height:1.4;
}
.stkai-form-msg.error{color:#9b3939}
.stkai-hp{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
}
.stkai-checkup-success{
    text-align:center;
    padding:24px 8px 16px;
}
.stkai-checkup-success p{
    color:#66746d;
    font-size:13px;
    line-height:1.5;
}
.stkai-success-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    margin:0 auto 10px;
    border-radius:50%;
    background:#334f40;
    color:#fff;
    font-weight:800;
    font-size:19px;
}

@media(max-width:600px){
    .stkai-overlay{padding:10px}
    .stkai-modal{max-height:94vh}
    .stkai-modal-top{padding:13px 16px 8px}
    .stkai-body{padding:14px 16px 8px}
    .stkai-footer{padding:8px 16px 12px}
    .stkai-question h3{font-size:17px;line-height:1.25}
    .stkai-question>p{font-size:11px;margin-top:5px}
    .stkai-options{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
        margin-top:10px;
    }
    .stkai-option{
        min-height:36px;
        padding:7px 8px;
        font-size:11px;
        line-height:1.2;
    }
    .stkai-form-grid{
        grid-template-columns:1fr 1fr;
        gap:7px;
    }
    .stkai-form-grid input,
    .stkai-form-grid textarea{
        padding:8px;
        font-size:12px;
    }
}


/* ==========================================================================
   v0.8 — belirgin pusula + Check-Up gönderim dayanıklılığı
   ========================================================================== */
.stkai-launcher-icon{
    width:38px;
    height:38px;
    min-width:38px;
    display:grid;
    place-items:center;
    font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif;
    font-size:27px!important;
    line-height:1!important;
    transform:none!important;
    overflow:visible;
}
@media(max-width:600px){
    .stkai-launcher-icon{
        width:36px;
        height:36px;
        min-width:36px;
        font-size:25px!important;
    }
}


/* ==========================================================================
   v0.9 — belirgin SVG pusula + çerez banner çakışma düzeltmesi
   ========================================================================== */
.stkai-launcher{
    transition:bottom .22s ease, box-shadow .2s ease, transform .2s ease;
}
.stkai-badge{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    color:#fff;
    overflow:visible;
}
.stkai-compass{
    display:block;
    width:34px;
    height:34px;
    color:#fff;
    overflow:visible;
}
.stkai-request-id{
    display:block;
    margin:-2px 0 14px;
    color:#88958e;
    font-size:10px;
    letter-spacing:.02em;
}
@media(max-width:600px){
    .stkai-badge{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
    }
    .stkai-compass{
        width:31px;
        height:31px;
    }
}

/* v0.10 */
.stkai-launcher{z-index:99996!important}


/* ==========================================================================
   v0.13 — Hızlı Ön Değerlendirme kesin olarak saat 3 yönünde
   Çerez banner / WhatsApp / telefon alanlarından bağımsızdır.
   ========================================================================== */
.stkai-launcher{
    position:fixed!important;
    right:18px!important;
    top:50%!important;
    bottom:auto!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    z-index:99996!important;
    margin:0!important;
}
@media(max-width:600px){
    .stkai-launcher{
        right:8px!important;
        top:50%!important;
        bottom:auto!important;
        left:auto!important;
        transform:translateY(-50%)!important;
        max-width:220px!important;
    }
}


/* ==========================================================================
   v0.15 — sade ikon launcher + aralıklı ipucu animasyonu
   ========================================================================== */
.stkai-launcher{
    width:64px!important;
    min-width:64px!important;
    height:64px!important;
    padding:8px!important;
    gap:0!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
    transition:width .36s ease, padding .36s ease, box-shadow .22s ease, transform .22s ease!important;
}
.stkai-launcher-copy{
    display:block;
    width:0;
    max-width:0;
    opacity:0;
    margin-left:0;
    overflow:hidden;
    white-space:nowrap;
    pointer-events:none;
    transform:translateX(8px);
    transition:max-width .36s ease, width .36s ease, opacity .2s ease, margin-left .36s ease, transform .36s ease;
}
.stkai-launcher.stkai-hint,
.stkai-launcher:hover,
.stkai-launcher:focus-visible{
    width:300px!important;
    padding-right:18px!important;
    gap:10px!important;
    box-shadow:0 10px 34px rgba(0,0,0,.22)!important;
}
.stkai-launcher.stkai-hint .stkai-launcher-copy,
.stkai-launcher:hover .stkai-launcher-copy,
.stkai-launcher:focus-visible .stkai-launcher-copy{
    width:auto;
    max-width:220px;
    opacity:1;
    margin-left:2px;
    transform:translateX(0);
}
.stkai-launcher.stkai-hint .stkai-badge{
    animation:stkaiCompassPulse 1.15s ease-in-out 2;
}
@keyframes stkaiCompassPulse{
    0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(51,79,64,0)}
    45%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(51,79,64,.12)}
}
@media(max-width:600px){
    .stkai-launcher{
        width:60px!important;
        min-width:60px!important;
        height:60px!important;
        padding:8px!important;
        max-width:none!important;
    }
    .stkai-launcher.stkai-hint,
    .stkai-launcher:focus-visible{
        width:min(285px,calc(100vw - 16px))!important;
        padding-right:15px!important;
    }
    .stkai-launcher:hover{
        width:60px!important;
        padding-right:8px!important;
        gap:0!important;
    }
    .stkai-launcher:hover .stkai-launcher-copy{
        width:0;
        max-width:0;
        opacity:0;
        margin-left:0;
        transform:translateX(8px);
    }
    .stkai-launcher.stkai-hint:hover{
        width:min(285px,calc(100vw - 16px))!important;
        padding-right:15px!important;
        gap:10px!important;
    }
    .stkai-launcher.stkai-hint:hover .stkai-launcher-copy{
        width:auto;
        max-width:210px;
        opacity:1;
        margin-left:2px;
        transform:translateX(0);
    }
}
.stkai-consent a{
    color:#334f40;
    font-weight:700;
    text-decoration:underline;
    text-underline-offset:2px;
}
