.vip-life-wrap{
    width:95%;
    max-width:1200px;
    margin:20px auto;
}

.vip-life-header{
    text-align:center;
    padding:20px;
}

.vip-life-header h1{
    color:#FFD700;
    text-shadow:0 0 10px rgba(255,215,0,.6);
}

.vip-title-container{
    width:1128px;
    max-width:100%;
    margin:0 auto;
}

.vip-life-grid{
    display:grid;
    grid-template-columns:repeat(4, 260px);
    justify-content:center;
    gap:22px;
    width:100%;
    max-width:100%;
    margin:0 auto;
}

.vip-life-card{
    cursor:pointer;
    background:rgba(0,0,0,.45);
    border:1px solid rgba(255,215,0,.35);
    border-radius:12px;
    padding:25px;
    text-align:center;
    color:#fff;
    min-height:170px;
    transition:.3s;
}

.vip-life-card:hover{
    transform:translateY(-6px) scale(1.03);
    box-shadow:
        0 0 12px rgba(255,215,0,.35),
        0 0 30px rgba(255,215,0,.20);
    border-color:#FFD700;
}

.vip-life-hero{
    text-align:center;
    margin-bottom:35px;
    padding:25px;
    border:1px solid rgba(255,215,0,.25);
    border-radius:15px;
    background:rgba(0,0,0,.25);
}

.vip-life-hero h1{
    color:#FFD700;
    text-shadow:0 0 15px rgba(255,215,0,.5);
    font-size:34px;
}

.vip-life-card strong{
    display:block;
    margin:12px 0;
    color:#FFD700;
    font-size:22px;
}

.vip-life-card{
    font-size:16px;
    line-height:1.6;
}

.vip-life-card:hover strong{
    text-shadow:0 0 10px rgba(255,215,0,.6);
}

/* Contré l'espaccement sur theme shaman */
.vip-frame-title{
    margin:0 0 25px 0;
    padding:12px 20px;
    text-align:center;
    color:var(--theme-color);
    font-size:28px;
    font-weight:700;
    text-shadow:
        0 0 8px rgba(255,215,0,.55),
        0 0 15px rgba(255,215,0,.30);
    border-bottom:1px solid rgba(255,215,0,.25);
}

.F-Content > img[src*="blank.gif"]{
    display:none;
}

/* ===============================
   Tag VIP 
=============================== */
.vip-avatar-mini{
    position:relative;
}

.vip-avatar-mini::after{
    content:'VIP';
    position:absolute;
    top:-9px;
    right:-10px;
    padding:3px 7px;
    background:linear-gradient(#ffe08a,#ff9d00);
    color:#241400;
    font-size:9px;
    font-weight:bold;
    border-radius:30px;
    border:1px solid #fff0b0;
    box-shadow:0 0 8px rgba(255,180,0,.9);
    z-index:5;
}

/* ===============================
   CADRES VIP - AVATAR MINI
=============================== */
.vip-avatar-mini{
    display:inline-block;
    padding:5px;
    border-radius:12px;
    box-sizing:content-box;
}

.vip-avatar-mini img{
    display:block;
    border-radius:8px;
}

.vip-avatar-mini.frame-crazyfire{
    border:2px solid #ff7800!important;
    background:rgba(255,120,0,.20)!important;
    box-shadow:
        0 0 12px #ff7800,
        inset 0 0 25px rgba(255,120,0,.30)!important;
}

.vip-avatar-mini.frame-gold{
    border:2px solid #ffd700!important;
    background:rgba(255,215,0,.20)!important;
    box-shadow:
        0 0 12px #ffd700,
        inset 0 0 25px rgba(255,215,0,.30)!important;
}

.vip-avatar-mini.frame-platinum{
    border:2px solid #e5e4e2!important;
    background:rgba(229,228,226,.20)!important;
    box-shadow:
        0 0 12px #e5e4e2,
        inset 0 0 25px rgba(229,228,226,.30)!important;
}

.vip-avatar-mini.frame-electric{
    border:2px solid #00bfff!important;
    background:rgba(0,191,255,.20)!important;
    box-shadow:
        0 0 12px #00bfff,
        inset 0 0 25px rgba(0,191,255,.30)!important;
}

.vip-avatar-mini.frame-red{
    border:2px solid #ff3030!important;
    background:rgba(255,48,48,.20)!important;
    box-shadow:
        0 0 12px #ff3030,
        inset 0 0 25px rgba(255,48,48,.30)!important;
}

.vip-avatar-mini.frame-dragon{
    border:2px solid #00ff66!important;
    background:rgba(0,255,102,.20)!important;
    box-shadow:
        0 0 12px #00ff66,
        inset 0 0 25px rgba(0,255,102,.30)!important;
}

/* ===============================
   CADRES VIP - SHOUTBOX FORCE
=============================== */

.avatar_box_shout .vip-avatar-mini.shout-vip-avatar{
    display:inline-block!important;
    position:relative!important;
    padding:8px!important;
    border-radius:12px!important;
    box-sizing:content-box!important;
    overflow:visible!important;
}

.avatar_box_shout .vip-avatar-mini.shout-vip-avatar img{
    display:block!important;
    width:78px!important;
    height:110px!important;
    object-fit:cover!important;
    border-radius:8px!important;
}

.avatar_box_shout .shout-vip-avatar.frame-crazyfire{
    border:2px solid #ff7800!important;
    background:rgba(255,120,0,.20)!important;
    box-shadow:
        0 0 12px #ff7800,
        inset 0 0 25px rgba(255,120,0,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-gold{
    border:2px solid #ffd700!important;
    background:rgba(255,215,0,.20)!important;
    box-shadow:
        0 0 12px #ffd700,
        inset 0 0 25px rgba(255,215,0,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-platinum{
    border:2px solid #e5e4e2!important;
    background:rgba(229,228,226,.20)!important;
    box-shadow:
        0 0 12px #e5e4e2,
        inset 0 0 25px rgba(229,228,226,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-electric{
    border:2px solid #00bfff!important;
    background:rgba(0,191,255,.20)!important;
    box-shadow:
        0 0 12px #00bfff,
        inset 0 0 25px rgba(0,191,255,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-red{
    border:2px solid #ff3030!important;
    background:rgba(255,48,48,.20)!important;
    box-shadow:
        0 0 12px #ff3030,
        inset 0 0 25px rgba(255,48,48,.30)!important;
}

.avatar_box_shout .shout-vip-avatar.frame-dragon{
    border:2px solid #00ff66!important;
    background:rgba(0,255,102,.20)!important;
    box-shadow:
        0 0 12px #00ff66,
        inset 0 0 25px rgba(0,255,102,.30)!important;
}

/* CADRE VIP SHOUTBOX - COMPACT */
.avatar_box_shout .vip-avatar-mini{
    padding:3px!important;
    border-radius:8px!important;
}

.avatar_box_shout .vip-avatar-mini img{
    width:78px!important;
    height:110px!important;
    border-radius:5px!important;
}

.avatar_box_shout .vip-avatar-mini::after{
    top:-8px!important;
    right:-8px!important;
    font-size:8px!important;
    padding:2px 5px!important;
}

/* Titre personaliser VIP A VIE */
.cs-title-vip{
    display:block;
    margin-top:13px;
    margin-bottom:8px;
    color:#d8d8d8;
    font-size:14px;
    line-height:18px;
    text-align:center;
    text-shadow:
        0 0 3px #000,
        0 0 8px rgba(255,255,255,.25);
}

 /* Block Login */
.login-vip-title{
    width:100%;
    text-align:center;
    margin:10px auto 8px auto;
    display:block;
    font-size:15px;
    line-height:18px;
    color:#d8d8d8;
    text-shadow:
        0 0 3px #000,
        0 0 8px rgba(255,255,255,.25);
}

.login-vip-title *{
    display:inline-block;
    text-align:center;
}

.vip-life-wrap .vip-title-container{
    width:1128px!important;
    max-width:100%!important;
    margin:0 auto!important;
}

.vip-life-wrap .vip-life-grid{
    display:grid!important;
    grid-template-columns:repeat(4,260px)!important;
    justify-content:center!important;
    gap:22px!important;
    width:1128px!important;
    max-width:100%!important;
    margin:0 auto!important;
}