/*
 * =========================================================
 * SAVGEN HEADER ACCOUNT
 * =========================================================
 */

.savgen-account-menu-item{
    position:relative !important;
}


/*
 * TheGem'in normal menu link stilini
 * bizim üyelik alanımıza karıştırmasını engelle.
 */

.savgen-account-menu-item > a{
    display:none !important;
}


/* =========================================================
   GUEST
========================================================= */

.savgen-header-guest{
    display:flex;
    align-items:center;
    gap:7px;
    white-space:nowrap;
}

.savgen-header-guest a{
    box-sizing:border-box !important;
    text-decoration:none !important;
    transition:
        background .18s ease,
        border-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

.savgen-header-login{
    min-height:38px;

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

    padding:0 12px !important;

    border:
        1px solid
        #D4E1E5 !important;

    border-radius:7px;

    color:#052C43 !important;
    background:#FFFFFF !important;

    font-size:11px !important;
    font-weight:800 !important;
}

.savgen-header-login:hover{
    border-color:#14BEDB !important;
    color:#0786A7 !important;
    background:#F4FCFD !important;
    transform:translateY(-1px);
}

.savgen-header-login-icon{
    font-size:14px;
    line-height:1;
}

.savgen-header-join{
    min-height:38px;

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

    padding:0 15px !important;

    border:
        1px solid
        #14BEDB !important;

    border-radius:7px;

    color:#052C43 !important;
    background:#14BEDB !important;

    font-size:11px !important;
    font-weight:900 !important;
}

.savgen-header-join:hover{
    border-color:#74E1EF !important;
    background:#74E1EF !important;
    color:#052C43 !important;
    transform:translateY(-1px);
}


/* =========================================================
   MEMBER
========================================================= */

.savgen-header-member{
    position:relative;
    display:flex;
    align-items:center;
}

.savgen-account-dropdown{
    position:relative;
}

.savgen-account-dropdown > summary{
    list-style:none;
}

.savgen-account-dropdown > summary::-webkit-details-marker{
    display:none;
}

.savgen-account-summary{
    min-height:42px;

    display:flex;
    align-items:center;
    gap:8px;

    padding:4px 9px 4px 5px;

    border:
        1px solid
        #D5E3E7;

    border-radius:10px;

    cursor:pointer;

    background:#FFFFFF;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.savgen-account-summary:hover{
    border-color:#14BEDB;

    box-shadow:
        0 8px 24px
        rgba(5,44,67,.10);

    transform:translateY(-1px);
}

.savgen-account-avatar{
    width:32px;
    height:32px;

    flex:0 0 32px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:8px;

    color:#052C43;
    background:#74E1EF;

    font-size:10px;
    font-weight:900;

    letter-spacing:.5px;
}

.savgen-account-welcome{
    min-width:0;

    display:flex;
    flex-direction:column;

    line-height:1.1;
}

.savgen-account-welcome small{
    margin-bottom:3px;

    color:#819198;

    font-size:6.5px;
    font-weight:900;

    letter-spacing:.9px;
}

.savgen-account-welcome strong{
    max-width:105px;

    overflow:hidden;
    text-overflow:ellipsis;

    color:#052C43;

    font-size:10px;
    font-weight:900;

    white-space:nowrap;
}

.savgen-account-arrow{
    margin-left:2px;

    color:#789098;

    font-size:9px;

    transition:transform .18s ease;
}

.savgen-account-dropdown[open]
.savgen-account-arrow{
    transform:rotate(180deg);
}


/* =========================================================
   DROPDOWN
========================================================= */

.savgen-account-panel{
    position:absolute;

    z-index:999999;

    top:
        calc(100% + 10px);

    right:0;

    width:270px;

    padding:11px;

    border:
        1px solid
        #D8E5E8;

    border-radius:14px;

    background:#FFFFFF;

    box-shadow:
        0 20px 55px
        rgba(3,29,44,.18);
}

.savgen-account-panel::before{
    content:"";

    position:absolute;

    top:-6px;
    right:22px;

    width:11px;
    height:11px;

    border-left:
        1px solid
        #D8E5E8;

    border-top:
        1px solid
        #D8E5E8;

    background:#FFFFFF;

    transform:rotate(45deg);
}

.savgen-account-profile{
    display:grid;

    grid-template-columns:
        42px
        minmax(0,1fr);

    gap:10px;

    align-items:center;

    padding:8px;
}

.savgen-account-profile-avatar{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:11px;

    color:#052C43;
    background:#74E1EF;

    font-size:12px;
    font-weight:900;
}

.savgen-account-profile strong{
    display:block;

    margin-bottom:3px;

    color:#052C43;

    font-size:11px;
    font-weight:900;
}

.savgen-account-profile span{
    display:block;

    color:#7A8F96;

    font-size:8px;
    line-height:1.4;
}

.savgen-account-divider{
    height:1px;

    margin:7px 3px;

    background:#E8EFF1;
}

.savgen-account-link{
    min-height:40px;

    display:flex !important;
    align-items:center;
    gap:10px;

    padding:8px 10px !important;

    border-radius:8px;

    color:#294650 !important;
    background:transparent !important;

    text-decoration:none !important;

    font-size:10px !important;
    font-weight:800 !important;

    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease !important;
}

.savgen-account-link:hover{
    color:#052C43 !important;
    background:#EDF9FB !important;
    transform:translateX(2px);
}

.savgen-account-link-icon{
    width:23px;
    height:23px;

    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 23px;

    border-radius:6px;

    color:#0786A7;

    background:#E5F8FA;

    font-size:10px;
}

.savgen-account-management{
    color:#052C43 !important;
}

.savgen-account-management
.savgen-account-link-icon{
    color:#052C43;

    background:#74E1EF;
}

.savgen-account-logout-placeholder{
    padding:8px 9px;

    color:#9A7474;

    background:#FFF7F7;

    border-radius:7px;

    font-size:7.5px;
    line-height:1.5;
}


/* =========================================================
   MOBİL
========================================================= */

@media(max-width:979px){

    /*
     * TheGem mobil navigasyonunda üyelik alanı
     * tam genişlikte ayrı bir hesap kartı gibi görünür.
     */

    .savgen-account-menu-item{
        width:100% !important;

        padding:
            10px
            18px
            15px !important;
    }

    .savgen-header-guest{
        width:100%;

        display:grid;

        grid-template-columns:
            1fr
            1fr;

        gap:8px;
    }

    .savgen-header-login,
    .savgen-header-join{
        width:100%;

        min-height:44px;
    }


    .savgen-header-member{
        width:100%;
    }

    .savgen-account-dropdown{
        width:100%;
    }

    .savgen-account-summary{
        width:100%;

        min-height:58px;

        padding:7px;

        border-radius:11px;

        background:#F7FBFC;
    }

    .savgen-account-avatar{
        width:42px;
        height:42px;

        flex-basis:42px;

        border-radius:10px;

        font-size:12px;
    }

    .savgen-account-welcome{
        flex:1;
    }

    .savgen-account-welcome small{
        font-size:7px;
    }

    .savgen-account-welcome strong{
        max-width:none;

        font-size:12px;
    }

    .savgen-account-arrow{
        margin-left:auto;
        margin-right:8px;
    }


    /*
     * Mobilde dropdown absolute değil;
     * hamburger menüsünün içinde aşağı açılır.
     */

    .savgen-account-panel{
        position:relative;

        top:auto;
        right:auto;

        width:100%;

        margin-top:8px;

        border-radius:11px;

        box-shadow:none;
    }

    .savgen-account-panel::before{
        display:none;
    }

}


/* =========================================================
   ÇOK KÜÇÜK TELEFON
========================================================= */

@media(max-width:420px){

    .savgen-header-guest{
        grid-template-columns:1fr;
    }

}


/* =========================================================
   THEGEM HEADER BUILDER UYUMU
========================================================= */

.savgen-account-menu-item{
    position:relative !important;

    display:flex !important;

    align-items:center !important;

    width:auto !important;

    height:auto !important;

    padding:0 !important;

    line-height:normal !important;
}

.savgen-account-menu-item::before,
.savgen-account-menu-item::after{
    pointer-events:none;
}

.savgen-account-menu-item
.savgen-header-guest,
.savgen-account-menu-item
.savgen-header-member{
    line-height:normal !important;
}

.savgen-account-session{
    padding:8px 9px;

    border-radius:7px;

    color:#71858D;

    background:#F4F8F9;

    font-size:7.5px;

    line-height:1.5;
}


/* Mobil menü */

@media(max-width:979px){

    .savgen-account-menu-item{
        width:100% !important;

        padding:
            10px
            18px
            15px !important;
    }

}

/* =========================================================
   SAVGEN MOBİL HEADER HESABI
========================================================= */

.savgen-mobile-account{
    display:none;
}


/* SADECE MOBİL / TABLET */

@media(max-width:979px){

    .savgen-mobile-account{
        position:relative;

        display:flex;

        align-items:center;
        justify-content:center;

        width:auto;

        margin:
            0
            5px;
    }


    .savgen-mobile-account-dropdown{
        position:relative;
    }


    .savgen-mobile-account-dropdown > summary{
        list-style:none;
    }


    .savgen-mobile-account-dropdown > summary::-webkit-details-marker{
        display:none;
    }


    /*
     * HEADER İKONU
     */

    .savgen-mobile-account-trigger{
        width:45px;
        height:45px;

        display:flex;

        align-items:center;
        justify-content:center;

        padding:0;

        border:
            1px solid
            #D4E2E6;

        border-radius:50%;

        cursor:pointer;

        color:#052C43;

        background:#FFFFFF;

        box-shadow:
            0 4px 14px
            rgba(5,44,67,.07);

        transition:
            border-color .18s ease,
            background .18s ease,
            transform .18s ease;
    }


    .savgen-mobile-account-trigger:active{
        transform:
            scale(.96);
    }


    .savgen-mobile-account-dropdown[open]
    .savgen-mobile-account-trigger{
        border-color:#14BEDB;

        background:#EDF9FB;
    }


    /*
     * USER SVG
     */

    .savgen-mobile-user-icon{
        width:21px;
        height:21px;

        display:flex;

        align-items:center;
        justify-content:center;
    }


    .savgen-mobile-user-icon svg{
        width:21px;
        height:21px;

        fill:#052C43;
    }


    /*
     * LOGGED-IN INITIALS
     */

    .savgen-mobile-member-trigger{
        border-color:#74E1EF;

        color:#052C43;

        background:#74E1EF;

        font-size:11px;

        font-weight:900;

        letter-spacing:.4px;
    }


    /*
     * POPOVER
     */

    .savgen-mobile-account-panel{
        position:absolute;

        z-index:999999;

        top:
            calc(100% + 12px);

        right:-8px;

        width:
            min(
                300px,
                calc(100vw - 28px)
            );

        padding:14px;

        border:
            1px solid
            #D9E7EA;

        border-radius:16px;

        background:#FFFFFF;

        box-shadow:
            0 20px 55px
            rgba(3,29,44,.20);
    }


    .savgen-mobile-account-panel::before{
        content:"";

        position:absolute;

        top:-6px;
        right:25px;

        width:11px;
        height:11px;

        border-top:
            1px solid
            #D9E7EA;

        border-left:
            1px solid
            #D9E7EA;

        background:#FFFFFF;

        transform:
            rotate(45deg);
    }


    /*
     * GUEST PANEL
     */

    .savgen-mobile-account-head{
        margin-bottom:12px;
    }


    .savgen-mobile-account-head strong{
        display:block;

        margin-bottom:4px;

        color:#052C43;

        font-size:13px;

        font-weight:900;
    }


    .savgen-mobile-account-head span{
        display:block;

        color:#71858D;

        font-size:9px;

        line-height:1.5;
    }


    .savgen-mobile-login,
    .savgen-mobile-join{
        width:100%;

        min-height:43px;

        display:flex !important;

        align-items:center;
        justify-content:center;

        margin-top:8px;

        border-radius:9px;

        text-decoration:none !important;

        font-size:10px !important;

        font-weight:900 !important;
    }


    .savgen-mobile-login{
        border:
            1px solid
            #D5E3E7;

        color:#052C43 !important;

        background:#FFFFFF;
    }


    .savgen-mobile-join{
        border:
            1px solid
            #14BEDB;

        color:#052C43 !important;

        background:#74E1EF;
    }


    /*
     * LOGGED-IN PROFILE
     */

    .savgen-mobile-member-head{
        display:grid;

        grid-template-columns:
            48px
            minmax(0,1fr);

        gap:11px;

        align-items:center;

        padding:3px;
    }


    .savgen-mobile-member-avatar{
        width:48px;
        height:48px;

        display:flex;

        align-items:center;
        justify-content:center;

        border-radius:12px;

        color:#052C43;

        background:#74E1EF;

        font-size:12px;

        font-weight:900;
    }


    .savgen-mobile-member-head small{
        display:block;

        margin-bottom:2px;

        color:#84969C;

        font-size:6px;

        font-weight:900;

        letter-spacing:1px;
    }


    .savgen-mobile-member-head strong{
        display:block;

        margin-bottom:3px;

        color:#052C43;

        font-size:12px;

        line-height:1.3;

        font-weight:900;
    }


    .savgen-mobile-member-head span{
        display:block;

        color:#71858D;

        font-size:8px;

        line-height:1.4;
    }


    .savgen-mobile-account-divider{
        height:1px;

        margin:
            11px
            0;

        background:#E7EFF1;
    }


    .savgen-mobile-account-link{
        min-height:41px;

        display:flex !important;

        align-items:center;

        padding:
            8px
            11px !important;

        border-radius:8px;

        color:#294650 !important;

        background:transparent;

        text-decoration:none !important;

        font-size:10px !important;

        font-weight:850 !important;
    }


    .savgen-mobile-account-link:hover{
        color:#052C43 !important;

        background:#EDF9FB;
    }


    .savgen-mobile-management{
        color:#052C43 !important;

        background:
            rgba(
                116,
                225,
                239,
                .17
            );
    }

}


/* MASAÜSTÜNDE SHORTCODE KESİNLİKLE GÖRÜNMEZ */

@media(min-width:980px){

    .savgen-mobile-account{
        display:none !important;
    }

}

/* =========================================================
   SAVGEN MOBİL HEADER - THEGEM DÜZELTME
========================================================= */

@media(max-width:979px){

    /*
     * SHORTCODE / WPBAKERY SARICILARINI SIFIRLA
     */

    .savgen-mobile-account,
    .savgen-mobile-account *{
        box-sizing:border-box;
    }

    .savgen-mobile-account{
        position:relative !important;

        display:inline-flex !important;

        width:auto !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        align-items:center !important;
        justify-content:center !important;

        line-height:1 !important;

        vertical-align:middle !important;
    }


    /*
     * YUVARLAK HESAP BUTONU
     */

    .savgen-mobile-account-trigger{
        width:43px !important;
        height:43px !important;

        min-width:43px !important;
        min-height:43px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border:1.5px solid #14BEDB !important;

        border-radius:50% !important;

        outline:0 !important;

        cursor:pointer !important;

        color:#052C43 !important;

        background:#FFFFFF !important;

        box-shadow:none !important;

        list-style:none !important;
    }

    .savgen-mobile-account-trigger::-webkit-details-marker{
        display:none !important;
    }


    /*
     * KULLANICI İKONU
     */

    .savgen-mobile-user-icon{
        width:20px !important;
        height:20px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;
    }

    .savgen-mobile-user-icon svg{
        display:block !important;

        width:20px !important;
        height:20px !important;

        fill:#052C43 !important;
    }


    /*
     * AÇILAN PANEL
     */

    .savgen-mobile-account-panel{
        position:absolute !important;

        z-index:9999999 !important;

        top:calc(100% + 12px) !important;

        right:-7px !important;
        left:auto !important;

        width:285px !important;
        max-width:calc(100vw - 24px) !important;

        margin:0 !important;
        padding:15px !important;

        border:1px solid #D7E5E9 !important;

        border-radius:16px !important;

        background:#FFFFFF !important;

        box-shadow:
            0 18px 50px
            rgba(3,29,44,.20) !important;

        line-height:normal !important;
    }


    /*
     * PANEL OKU
     */

    .savgen-mobile-account-panel::before{
        content:"" !important;

        position:absolute !important;

        top:-7px !important;
        right:20px !important;

        width:13px !important;
        height:13px !important;

        border-top:1px solid #D7E5E9 !important;
        border-left:1px solid #D7E5E9 !important;

        background:#FFFFFF !important;

        transform:rotate(45deg) !important;
    }


    /*
     * PANEL BAŞLIK
     */

    .savgen-mobile-account-head{
        display:block !important;

        margin:0 0 13px !important;
        padding:0 !important;

        text-align:left !important;
    }

    .savgen-mobile-account-head strong{
        display:block !important;

        margin:0 0 5px !important;

        color:#052C43 !important;

        font-size:14px !important;

        line-height:1.35 !important;

        font-weight:900 !important;
    }

    .savgen-mobile-account-head span{
        display:block !important;

        margin:0 !important;

        color:#71858D !important;

        font-size:10px !important;

        line-height:1.55 !important;

        font-weight:400 !important;
    }


    /*
     * ÜYE GİRİŞİ
     */

    .savgen-mobile-account-panel
    .savgen-mobile-login{
        width:100% !important;

        min-height:44px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 0 8px !important;

        padding:8px 14px !important;

        border:1px solid #14BEDB !important;

        border-radius:9px !important;

        color:#052C43 !important;

        background:#FFFFFF !important;

        text-decoration:none !important;

        font-size:11px !important;

        line-height:1 !important;

        font-weight:900 !important;

        opacity:1 !important;

        visibility:visible !important;
    }


    /*
     * ÜYE OL
     */

    .savgen-mobile-account-panel
    .savgen-mobile-join{
        width:100% !important;

        min-height:44px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;

        padding:8px 14px !important;

        border:1px solid #14BEDB !important;

        border-radius:9px !important;

        color:#052C43 !important;

        background:#14BEDB !important;

        text-decoration:none !important;

        font-size:11px !important;

        line-height:1 !important;

        font-weight:900 !important;

        opacity:1 !important;

        visibility:visible !important;
    }


    /*
     * THEGEM HOVER EZMESİN
     */

    .savgen-mobile-account-panel
    .savgen-mobile-login:hover{
        color:#052C43 !important;

        background:#EDF9FB !important;
    }

    .savgen-mobile-account-panel
    .savgen-mobile-join:hover{
        color:#052C43 !important;

        background:#74E1EF !important;
    }


    /*
     * GİRİŞ YAPMIŞ ÜYE
     */

    .savgen-mobile-member-trigger{
        color:#052C43 !important;

        background:#74E1EF !important;

        border-color:#74E1EF !important;

        font-size:11px !important;

        font-weight:900 !important;
    }

}

/* =========================================================
   SAVGEN MOBİL GİRİŞ + ÜYE OL
   İKİ BUTON DA AYNI TASARIM
========================================================= */

@media(max-width:979px){

    .savgen-mobile-account-panel .savgen-mobile-login,
    .savgen-mobile-account-panel .savgen-mobile-join{

        width:100% !important;
        min-height:44px !important;

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

        margin:0 0 8px 0 !important;
        padding:8px 14px !important;

        border:1px solid #14BEDB !important;
        border-radius:9px !important;

        background:#14BEDB !important;

        color:#052C43 !important;
        -webkit-text-fill-color:#052C43 !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:11px !important;
        line-height:1 !important;
        font-weight:900 !important;

        text-decoration:none !important;
        text-transform:uppercase !important;
        text-indent:0 !important;
        text-shadow:none !important;

        opacity:1 !important;
        visibility:visible !important;

        box-shadow:none !important;
    }


    .savgen-mobile-account-panel .savgen-mobile-login:hover,
    .savgen-mobile-account-panel .savgen-mobile-join:hover{

        background:#74E1EF !important;

        border-color:#74E1EF !important;

        color:#052C43 !important;
        -webkit-text-fill-color:#052C43 !important;
    }


    .savgen-mobile-account-panel .savgen-mobile-login::before,
    .savgen-mobile-account-panel .savgen-mobile-login::after,
    .savgen-mobile-account-panel .savgen-mobile-join::before,
    .savgen-mobile-account-panel .savgen-mobile-join::after{

        content:none !important;
        display:none !important;
    }

}

/* =========================================================
   SAVGEN MESAJ BİLDİRİMİ + HESAP MENÜSÜ
   FINAL / TEMİZ SÜRÜM
========================================================= */

/* ---------------------------------------------------------
   MASAÜSTÜ MESAJ BUTONU
--------------------------------------------------------- */

.savgen-header-member{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}

.savgen-header-message-link{
    position:relative !important;

    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    min-height:42px !important;

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

    flex:0 0 42px !important;

    margin:0 !important;
    padding:0 !important;

    border:1px solid #D9E8EC !important;
    border-radius:12px !important;

    color:#052C43 !important;
    -webkit-text-fill-color:#052C43 !important;

    background:#FFFFFF !important;

    box-shadow:
        0 5px 16px
        rgba(5,44,67,.06) !important;

    text-decoration:none !important;

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease !important;
}

.savgen-header-message-link:hover{
    border-color:#74E1EF !important;
    color:#052C43 !important;
    -webkit-text-fill-color:#052C43 !important;
    background:#F0FBFC !important;
    transform:translateY(-1px);
}

.savgen-header-message-link svg,
.savgen-mobile-message-link svg{
    display:block !important;

    width:20px !important;
    height:20px !important;

    fill:none !important;

    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
}


/* ---------------------------------------------------------
   OKUNMAMIŞ MESAJ ROZETİ
--------------------------------------------------------- */

.savgen-chat-unread-badge{
    position:absolute !important;

    z-index:50 !important;

    top:-6px !important;
    right:-6px !important;

    min-width:20px !important;
    height:20px !important;

    padding:0 5px !important;

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

    border:2px solid #FFFFFF !important;
    border-radius:999px !important;

    color:#FFFFFF !important;
    -webkit-text-fill-color:#FFFFFF !important;

    background:#E23D4F !important;

    box-shadow:
        0 5px 13px
        rgba(226,61,79,.28) !important;

    font-size:9px !important;
    line-height:1 !important;
    font-weight:900 !important;

    text-align:center !important;
}

.savgen-chat-unread-badge[hidden]{
    display:none !important;
}

.savgen-account-link,
.savgen-mobile-account-link{
    position:relative !important;
}

.savgen-account-link .savgen-chat-unread-badge,
.savgen-mobile-account-link .savgen-chat-unread-badge{
    position:static !important;

    margin-left:auto !important;

    min-width:21px !important;
    height:21px !important;

    border:0 !important;

    box-shadow:none !important;
}


/* ---------------------------------------------------------
   ÇIKIŞ
--------------------------------------------------------- */

.savgen-account-logout,
.savgen-mobile-account-logout{
    color:#A13B44 !important;
    -webkit-text-fill-color:#A13B44 !important;
}

.savgen-account-logout .savgen-account-link-icon{
    color:#A13B44 !important;
}


/* =========================================================
   MOBİL HEADER
   TheGem / WPBakery çakışmasına karşı yüksek specificity
========================================================= */

@media(max-width:979px){

    /*
     * ES hesabı TheGem içinde yalnızca kendi 44px alanını kaplar.
     * Mektup absolute olduğu için header sütununu büyütmez.
     */
    html body .savgen-mobile-account{
        position:relative !important;

        display:block !important;

        width:44px !important;
        min-width:44px !important;
        max-width:44px !important;

        height:44px !important;
        min-height:44px !important;
        max-height:44px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        flex:0 0 44px !important;

        line-height:1 !important;
        white-space:normal !important;

        vertical-align:middle !important;
    }


    /*
     * ES BUTONU
     */
    html body .savgen-mobile-account
    > .savgen-mobile-account-dropdown{
        position:relative !important;

        z-index:30 !important;

        display:block !important;

        width:44px !important;
        min-width:44px !important;
        max-width:44px !important;

        height:44px !important;
        min-height:44px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        flex:none !important;
    }

    html body .savgen-mobile-account
    > .savgen-mobile-account-dropdown
    > .savgen-mobile-account-trigger{
        position:relative !important;

        width:44px !important;
        height:44px !important;

        min-width:44px !important;
        min-height:44px !important;

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

        margin:0 !important;
        padding:0 !important;

        border-radius:50% !important;

        line-height:1 !important;
    }


    /*
     * MOBİL MESAJ BUTONU
     *
     * Mektup, TheGem'in hamburger alanına girmemesi için
     * logo ile arama simgesi arasındaki boşluğa alınır.
     * Böylece:
     *
     * LOGO - MEKTUP - ARAMA - HAMBURGER - ES
     *
     * aynı satırda görünür.
     */
    html body .savgen-mobile-account
    > a.savgen-mobile-message-link{
        position:absolute !important;

        z-index:40 !important;

        top:5px !important;

        right:132px !important;
        left:auto !important;
        bottom:auto !important;

        width:34px !important;
        height:34px !important;

        min-width:34px !important;
        min-height:34px !important;
        max-width:34px !important;
        max-height:34px !important;

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

        margin:0 !important;
        padding:0 !important;

        border:
            1px solid
            #D9E8EC !important;

        border-radius:50% !important;

        color:#052C43 !important;
        -webkit-text-fill-color:#052C43 !important;

        background:#FFFFFF !important;

        box-shadow:
            0 4px 13px
            rgba(5,44,67,.07) !important;

        text-decoration:none !important;

        float:none !important;
        clear:none !important;

        flex:none !important;
    }

    html body .savgen-mobile-account
    > a.savgen-mobile-message-link:hover{
        border-color:#74E1EF !important;
        background:#F0FBFC !important;
    }

    html body .savgen-mobile-account
    > a.savgen-mobile-message-link svg{
        width:18px !important;
        height:18px !important;
    }

    html body .savgen-mobile-account
    > a.savgen-mobile-message-link
    > .savgen-chat-unread-badge{
        position:absolute !important;

        top:-6px !important;
        right:-6px !important;

        z-index:50 !important;
    }


    /*
     * AÇILIR ÜYE PANELİ
     */
    html body .savgen-mobile-account
    .savgen-mobile-account-panel{
        position:absolute !important;

        z-index:9999999 !important;

        top:calc(100% + 12px) !important;

        right:-7px !important;
        left:auto !important;

        width:285px !important;
        max-width:calc(100vw - 24px) !important;

        height:auto !important;
        min-height:0 !important;

        margin:0 !important;
        padding:15px !important;

        overflow:visible !important;

        border:
            1px solid
            #D7E5E9 !important;

        border-radius:16px !important;

        background:#FFFFFF !important;

        box-shadow:
            0 18px 50px
            rgba(3,29,44,.20) !important;

        line-height:normal !important;
    }


    /*
     * PANELDEKİ TÜM MENÜ SATIRLARI
     *
     * TheGem'in beyaz yazı / geniş margin / line-height
     * kurallarını tamamen ezer.
     */
    html body .savgen-mobile-account-panel
    a.savgen-mobile-account-link{
        position:relative !important;

        width:100% !important;
        min-width:0 !important;

        min-height:43px !important;
        height:auto !important;

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

        gap:10px !important;

        float:none !important;
        clear:both !important;

        margin:0 !important;
        padding:9px 11px !important;

        border:0 !important;
        border-radius:8px !important;

        color:#294650 !important;
        -webkit-text-fill-color:#294650 !important;

        background:transparent !important;

        box-shadow:none !important;

        text-decoration:none !important;
        text-indent:0 !important;
        text-transform:none !important;
        text-shadow:none !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif !important;

        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:800 !important;

        opacity:1 !important;
        visibility:visible !important;

        overflow:visible !important;
    }

    html body .savgen-mobile-account-panel
    a.savgen-mobile-account-link:hover{
        color:#052C43 !important;
        -webkit-text-fill-color:#052C43 !important;

        background:#EDF9FB !important;
    }

    html body .savgen-mobile-account-panel
    a.savgen-mobile-account-link
    > span{
        display:block !important;

        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        color:#294650 !important;
        -webkit-text-fill-color:#294650 !important;

        background:transparent !important;

        text-indent:0 !important;
        text-shadow:none !important;

        font-size:11px !important;
        line-height:1.35 !important;
        font-weight:800 !important;

        opacity:1 !important;
        visibility:visible !important;
    }


    /*
     * ÜYE PANELİ / MESAJ KUTUM / YÖNETİCİYE YAZ
     * aynı kompakt düzende kalır.
     */
    html body .savgen-mobile-account-panel
    .savgen-mobile-account-divider{
        height:1px !important;

        margin:8px 0 !important;
        padding:0 !important;

        background:#E7EFF1 !important;
    }


    /*
     * YÖNETİM PANELİ
     */
    html body .savgen-mobile-account-panel
    a.savgen-mobile-management{
        color:#052C43 !important;
        -webkit-text-fill-color:#052C43 !important;

        background:
            rgba(
                116,
                225,
                239,
                .17
            ) !important;
    }


    /*
     * GÜVENLİ ÇIKIŞ
     */
    html body .savgen-mobile-account-panel
    a.savgen-mobile-account-logout,
    html body .savgen-mobile-account-panel
    a.savgen-mobile-account-logout
    > span{
        color:#A13B44 !important;
        -webkit-text-fill-color:#A13B44 !important;
    }

}


/*
 * Çok dar telefonlarda mektubu biraz sağa yaklaştır.
 * Logo ile çakışmayı önler.
 */
@media(max-width:380px){

    html body .savgen-mobile-account
    > a.savgen-mobile-message-link{
        right:118px !important;
    }

}