.hf2-wrap,
.hf2-wrap *{
    box-sizing:border-box;
}

.hf2-wrap{
    width:calc(100% - 48px);
    max-width:1050px;
    margin:0 auto;
}

.hf2-banner{
    width:100%;
    margin:0 0 20px 0;
    border-radius:0 0 12px 12px;
    overflow:hidden;
}

.hf2-banner img{
    width:100%;
    display:block;
}

.hf2-header{
    width:100%;
    margin:0 0 30px 0;
    padding:24px;
    background:#fff;
    border:1px solid #ffe0bf;
    border-radius:16px;
    box-shadow:0 18px 45px rgba(255,122,0,.14);
}

.hf2-center{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:16px;
}

.hf2-nav{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.hf2-row{
    width:100%;
    display:grid;
    gap:14px;
}

.hf2-row-main{
    grid-template-columns:repeat(3,1fr);
}

.hf2-row-user{
    grid-template-columns:repeat(5,1fr);
}

.hf2-line{
    width:100%;
    height:1px;
    background:#ffe0bf;
}

.hf2-row a{
    min-height:44px;
    padding:10px 12px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fffaf4;
    border:1px solid #ffc98f;
    border-radius:999px;
    color:#8a3d00;
    text-decoration:none;
    font-size:14px;
    font-weight:800;
    text-align:center;
    line-height:1.2;
}

.hf2-row a:hover{
    background:#ff7300;
    color:#fff;
    border-color:#ff7300;
}

/* Dil bayraklari */
.hf2-langs{
    width:100%;
    max-width:820px;
    margin:18px auto 0;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:48px;
    flex-wrap:wrap;
}

.hf2-langs a{
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    display:flex;
    justify-content:center;
    align-items:center;
    background:transparent;
    border:none;
    box-shadow:none;
    text-decoration:none;
}

.hf2-langs a.active{
    background:transparent;
    border:none;
    box-shadow:none;
}

.hf2-langs img{
    width:72px;
    height:48px;
    object-fit:cover;
    object-position:center;
    display:block;

    /* Kenarlar: çok oval degil, sadece hafif yumusak */
    border-radius:7px;

    /* Belirgin cam efekti */
    border:1px solid rgba(255,255,255,.85);

    box-shadow:
        0 8px 16px rgba(0,0,0,.24),
        inset 0 2px 0 rgba(255,255,255,.85),
        inset 0 -3px 5px rgba(0,0,0,.16);

    filter:saturate(1.08) contrast(1.04);

    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}

.hf2-langs img:hover{
    transform:scale(1.08);
    filter:saturate(1.15) contrast(1.08) brightness(1.06);

    box-shadow:
        0 12px 24px rgba(0,0,0,.30),
        inset 0 3px 0 rgba(255,255,255,.95),
        inset 0 -4px 6px rgba(0,0,0,.18);
}

.dashboard-container,
.container,
.main-container,
.content,
.page-content{
    width:calc(100% - 48px);
    max-width:1050px;
    margin-left:auto;
    margin-right:auto;
}

@media(max-width:900px){
    .hf2-row-main,
    .hf2-row-user{
        grid-template-columns:repeat(2,1fr);
    }

    .hf2-langs{
        max-width:620px;
        gap:36px;
    }

    .hf2-langs img{
        width:60px;
        height:40px;
        border-radius:6px;
    }
}

@media(max-width:560px){
    .hf2-wrap,
    .dashboard-container,
    .container,
    .main-container,
    .content,
    .page-content{
        width:calc(100% - 32px);
    }

    .hf2-header{
        padding:18px;
    }

    .hf2-row-main,
    .hf2-row-user{
        grid-template-columns:1fr;
    }

    .hf2-langs{
        max-width:260px;
        gap:22px;
    }

    .hf2-langs img{
        width:50px;
        height:34px;
        border-radius:5px;
    }
}