/*====================================================
    BOOM STORE ADMIN
====================================================*/

/*----------------------------------------------------
    MODAL
----------------------------------------------------*/

.store_admin_modal{
	direction:rtl;
	position:relative;
	width:100%;
	max-width:1100px;
	height:85vh;
	max-height:850px;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	background:#fff;
	border-radius:12px;
	font-family:inherit;
}

.store_admin_modal *{
	box-sizing:border-box;
}

.store_admin_modal .modal_header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:15px 20px;
	border-bottom:1px solid #ececec;
	flex-shrink:0;
}

.store_admin_modal .modal_title{
	font-size:16px;
	font-weight:700;
	display:flex;
	align-items:center;
	gap:8px;
}

.store_admin_modal .modal_close{
	cursor:pointer;
	font-size:18px;
}

.store_admin_modal .modal_close:before{
	content:"×";
}
/*----------------------------------------------------
    LAYOUT
----------------------------------------------------*/

.store_admin_wrapper{
	display:flex;
	flex:1;
	overflow:hidden;
	position:relative;
	background:#fafafa;
}

.store_admin_content{
	flex:1;
	padding:20px;
	overflow-y:auto;
}
/*----------------------------------------------------
    SIDEBAR
----------------------------------------------------*/

.store_admin_sidebar{
	width:220px;
	flex-shrink:0;
	background:#f9f9f9;
	border-left:1px solid #e7e7e7;
	overflow-y:auto;
}

.store_admin_tab{
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 18px;
	cursor:pointer;
	font-size:14px;
	font-weight:600;
	color:#666;
	border-right:3px solid transparent;
	transition:all .2s ease;
}

.store_admin_tab i{
	width:18px;
	text-align:center;
	font-size:15px;
}

.store_admin_tab:hover{
	background:#f1f1f1;
	color:#333;
}

.store_admin_tab.active{
	background:#ffffff;
	color:#2f6ef2;
	border-right-color:#2f6ef2;
	box-shadow:inset 0 0 0 1px #ececec;
}
/*----------------------------------------------------
    TOOLBAR
----------------------------------------------------*/

.store_admin_toolbar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:18px;
	padding-bottom:12px;
	border-bottom:2px solid #07aee3;
}

.store_toolbar_title{
	display:flex;
	align-items:center;
	gap:10px;
	font-size:18px;
	font-weight:700;
	color:#444;
}

.store_toolbar_title i{
	color:#2f6ef2;
	font-size:18px;
}
/*----------------------------------------------------
    PRODUCT LIST
----------------------------------------------------*/

.store_admin_list{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    padding:4px;
    max-height:calc(85vh - 120px);
    overflow-y:auto;
    overflow-x:hidden;
}


.store_admin_preview{

    width:240px;
    height:70px;

    margin-bottom:12px;

    border-radius:8px;

    background:#f7f7f7;

    border:1px solid #ececec;

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

    transition:.20s;

}

.store_admin_item:hover .store_admin_preview{

    background:#ffffff;

    border-color:#4b7bec;

}

.store_admin_preview img{
	max-width:100%;
	max-height:100%;
	object-fit:contain;
}

.store_admin_info{
    width:100%;
    display:flex;
    flex-direction:row-reverse;
    align-items:center;
    justify-content:space-evenly;
    align-items: stretch
}

.store_admin_name{
	font-size:15px;
	font-weight:700;
	color:#333;
	margin-bottom:6px;
}

.store_admin_meta{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;

    margin-top:6px;
}

.store_price{

    display:inline-block;

    padding:3px 8px;

    border-radius:20px;

    background:#fff8e5;

    color:#c08a00;

    font-weight:600;

}

.store_status{
	padding:3px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
}

.store_status.active{
	background:#e9f8ee;
	color:#198754;
}

.store_status.disabled{
	background:#fdeaea;
	color:#dc3545;
}
/*----------------------------------------------------
    ACTION BUTTONS
----------------------------------------------------*/

.store_edit_btn,
.store_delete_btn{
	width:36px;
	height:36px;
	border:none;
	border-radius:8px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	transition:.2s;
}

.store_edit_btn{
	background:#edf4ff;
	color:#2f6ef2;
}

.store_edit_btn:hover{
	background:#4b7bec;
	border-color:#4b7bec;
	color:#fff;
}

.store_delete_btn{
	background:#fdecec;
	color:#dc3545;
}

.store_delete_btn:hover{
	background:#dc3545;
	border-color:#dc3545;
	color:#fff;
}
/*----------------------------------------------------
    FORM POPUP
----------------------------------------------------*/

.store_form_overlay{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,.45);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:99999;
	backdrop-filter:blur(2px);
}

.store_form_overlay.hide_zone{
	display:none;
}

.store_form_box{
	width:520px;
	max-width:95%;
	background:#fff;
	border-radius:12px;
	padding:22px;
	box-shadow:0 18px 45px rgba(0,0,0,.18);
	position:relative;
	animation:storePopup .18s ease;
}

@keyframes storePopup{
	from{
		transform:translateY(15px);
		opacity:0;
	}
	to{
		transform:translateY(0);
		opacity:1;
	}
}

.store_form_close{
	position:absolute;
	top:15px;
	left:15px;
	width:34px;
	height:34px;
	border-radius:50%;
	background:#f4f4f4;
	display:flex;
	align-items:center;
	justify-content:center;
	cursor:pointer;
	transition:.2s;
}

.store_form_close:hover{
	background:#e5e5e5;
}
/*----------------------------------------------------
    FORM FIELDS
----------------------------------------------------*/

.store_admin_field{
	margin-bottom:16px;
}

.store_admin_field .label{
	display:block;
	margin-bottom:6px;
	font-size:13px;
	font-weight:600;
	color:#555;
}

.store_admin_field input,
.store_admin_field textarea,
.store_admin_field select{
	width:100%;
	padding:10px 12px;
	border:1px solid #dcdcdc;
	border-radius:8px;
	background:#fff;
	font-size:13px;
	transition:.2s;
}

.store_admin_field input:focus,
.store_admin_field textarea:focus,
.store_admin_field select:focus{
	border-color:#2f6ef2;
	box-shadow:0 0 0 3px rgba(47,110,242,.08);
	outline:none;
}

.store_admin_field textarea{
	resize:vertical;
	min-height:90px;
}
/*----------------------------------------------------
    FORM BUTTONS
----------------------------------------------------*/

.store_modal_control{
	display:flex;
	justify-content:center;
	gap:10px;
	margin-top:20px;
}

.store_modal_control button{
	min-width:172px;
}
/*----------------------------------------------------
    PRODUCT CARD (base, not just mobile)
----------------------------------------------------*/

.store_admin_item{
	position:relative;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	text-align:center;
	min-height:175px;
	padding:16px;
	background:#ffffff;
	border:1px solid #dcdcdc;
	border-radius:8px;
	transition:all .2s ease;
}

.store_admin_item:hover{
	border-color:#4b7bec;
	box-shadow:0 4px 14px rgba(0,0,0,.08);
	transform:translateY(-2px);
}

.store_admin_item::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:3px;
	background:#4b7bec;
	border-radius:8px 8px 0 0;
	opacity:0;
	transition:.2s;
}

.store_admin_item:hover::before{
	opacity:1;
}

.store_admin_action{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:8px;
	width:100%;
	margin-top:12px;
}

.store_admin_action button{
	width:34px;
	height:34px;
	border-radius:6px;
	border:1px solid #e6e6e6;
	background:#fafafa;
	transition:.2s;
}
/*----------------------------------------------------
    RESPONSIVE
----------------------------------------------------*/

@media (max-width:900px){

    .store_admin_wrapper{
        flex-direction:column;
    }

    .store_admin_sidebar{
        width:100%;
        display:flex;
        overflow-x:auto;
        overflow-y:hidden;
        border-left:none;
        border-bottom:1px solid #ececec;
    }

    .store_admin_tab{
        white-space:nowrap;
        border-right:none;
        border-bottom:3px solid transparent;
    }

    .store_admin_tab.active{
        border-bottom-color:#2f6ef2;
    }

    .store_admin_toolbar{
        flex-direction:column;
        gap:12px;
        align-items:flex-start;
    }

    .store_admin_list{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

}

@media (max-width:600px){

    .store_admin_list{
        grid-template-columns:1fr;
    }

}
/*====================================================
    STORE MODAL
====================================================*/

.modal_content.store_modal{

    width:95% !important;

    max-width:920px !important;

    height:600px !important;

    max-height:85vh !important;

    border-radius:16px;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    background:#fff;

}

.store_modal_header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:18px 24px;

    border-bottom:1px solid #ececec;

    flex-shrink:0;

    background:#fff;

}

.store_modal_title{

    font-size:28px;

    font-weight:700;

    color:#2f2f2f;

}

.store_modal_title i{

    margin-left:8px;

    color:#222;

}

.store_modal_close{

    width:34px;

    height:34px;

    cursor:pointer;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

}
/*====================================================
    STORE MENU
====================================================*/
.store_menu{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:65px;
    padding:10px;
    margin:0;
    background:#fff;
    border-bottom:1px solid #ececec;
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.store_menu::-webkit-scrollbar{
    display:none;
}

.store_menu_item{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:17px 16px;
	border-radius:10px;
	border:1px solid transparent;
	color:#666;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
	transition:.2s;
}

.store_menu_item:hover{
	border-color:#2f6ef2;
	color:#2f6ef2;
}
.store_menu_item.active{
	background:#2f6ef2;
	color:#fff;
	border-color:#2f6ef2;
}

/* الأيقونة */
.store_menu_item.active i{
	color:#fff;
	margin-right:6px;
}
#small_modal_content,
.store_modal{
    height:100%;
    display:flex;
    flex-direction:column;
}

.modal_zone{
    flex:1;
    overflow-y:auto;
}


#store_content{
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 15px;
    background: #fafafa;
    max-height: 380px;
    min-height: 380px;
    border-radius: 12px;
}

.store_grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
    gap:10px;
    justify-items:center;
    align-items:stretch;
    padding:8px;
}

.store_item{
    position:relative;
    width:100%;
    min-height:200px;
    background:#fff;
    border:1px solid #e7e7e7;
    border-radius:8px;
    padding:10px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-align:center;
    overflow:visible;
    transition:.25s;
    box-sizing:border-box;
}

.store_item:hover{

    transform:translateY(-4px);

    border-color:#2f6ef2;

    box-shadow:0 10px 24px rgba(0,0,0,.10);

}

.store_item::before{

    content:"";

    position:absolute;

    top:0;

    right:0;

    left:0;

    height:3px;

    background:#2f6ef2;

    opacity:0;

    transition:.25s;

}

.store_item:hover::before{

    opacity:1;

}
.store_item_img{

    width:64px;

    height:64px;

    padding:8px;

    margin-bottom:8px;

    border-radius:12px;

    background:#f8f8f8;

    border:1px solid #ececec;

    object-fit:contain;

    transition:all .25s ease;

    flex-shrink:0;

}

.store_item:hover .store_item_img{

    transform:scale(1.08);

    background:#ffffff;

    border-color:#2f6ef2;

}
.store_item_name{
    font-size:13px;
    font-weight:700;
    color:#03add8;
    min-height:auto;
    max-height:34px;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    justify-content:center;
    margin-bottom:0px;
    line-height:1.3;
}
.store_item_price{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    margin:4px 0 8px;
}

.store_days{
    font-size:13px;
    font-weight:700;
    color:#555;
}

.store_coins{
    font-size:16px;
    font-weight:800;
    color:#d79b00;
}

.store_buy_btn{
    width:85%;
    height:32px;
    border-radius:6px;
    font-size:12px;
    font-weight:600;
    margin-top:auto;
    transition:.2s;
}

.store_buy_btn:hover{

    transform:translateY(-1px);

}
.store_currency_box{

    max-width:420px;

    margin:25px auto;

    padding:20px;

    background:#fff;

    border:1px solid #e6e6e6;

    border-radius:12px;

    text-align:center;

    box-shadow:0 4px 14px rgba(0,0,0,.05);

}
.store_currency_title{

    font-size:18px;

    font-weight:700;

    color:#333;

    margin-bottom:15px;

}
.store_currency_info{

    font-size:14px;

    color:#666;

    line-height:28px;

    margin-bottom:18px;

}
.store_currency_balance{

    display:flex;

    justify-content:space-between;

    gap:10px;

    margin:15px 0;

}

.store_currency_balance div{

    flex:1;

    background:#fafafa;

    border:1px solid #ececec;

    border-radius:8px;

    padding:10px;

    font-weight:700;

}
.store_currency_box input{

    width:100%;

    height:42px;

    border:1px solid #ddd;

    border-radius:8px;

    text-align:center;

    margin-top:15px;

}
.store_currency_box .theme_btn{

    width:100%;

    margin-top:15px;

    height:42px;

    border-radius:8px;

}
/*====================================================
    CURRENCY
====================================================*/

.store_convert_wrap{

    display:flex;

    justify-content:center;

    align-items:flex-start;

    padding:25px;

}

.store_convert_box{

    width:100%;

    max-width:420px;

    background:#ffffff;

    border:1px solid #e6e6e6;

    border-radius:12px;

    padding:22px;

    text-align:center;

    box-shadow:0 4px 15px rgba(0,0,0,.05);

}

.store_convert_title{

    font-size:18px;

    font-weight:700;

    color:#333;

    margin-bottom:18px;

}

.store_convert_rate{

    color:#666;

    line-height:28px;

    font-size:14px;

    margin-bottom:18px;

}

.store_convert_balance{

    display:flex;

    justify-content:center;

    gap:20px;

    padding:12px;

    background:#f8f8f8;

    border-radius:8px;

    font-weight:700;

    color:#444;

    margin-bottom:18px;

}

.store_convert_input{

    width:100%;

    height:42px;

    border:1px solid #ddd;

    border-radius:8px;

    text-align:center;

    margin-bottom:15px;

    font-size:14px;

}

.store_convert_btn{

    width:100%;

    height:42px;

    border:none;

    border-radius:8px;

    background:#19a7d1;

    color:#fff;

    font-weight:700;

    cursor:pointer;

    transition:.2s;

}

.store_convert_btn:hover{

    background:#148cb0;

}
.store_admin_icon{
    width:70px;
    height:70px;
    border-radius:50%;
    background:#f5f5f5;
    border:1px solid #e7e7e7;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    color:#f7b500;
}
/* =====================================================
   MOBILE STORE
===================================================== */
@media screen and (max-width:768px){

    /* نافذة المتجر */
    .store_modal,
    .store_wrap{
        width:95% !important;
        max-width:95% !important;
        padding:15px !important;
    }

    .modal_content.store_modal{
        width:100% !important;
        max-width:100% !important;
        height:100vh !important;
        max-height:100vh !important;
        border-radius:0 !important;
    }

    /* العنوان */
    .store_title{
        font-size:22px !important;
        margin-bottom:15px;
    }

    /* التبويبات */
    .store_tabs{
        display:flex;
        gap:6px;
        flex-wrap:wrap;
    }

    .store_tabs .theme_btn,
    .store_tabs button{
        flex:1;
        min-width:90px;
        font-size:13px;
        padding:8px 6px;
    }

    /* المنتجات */
    .store_list{
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:12px;
        padding:12px;
    }

    .store_grid{
        grid-template-columns:repeat(2,1fr);
    }

    .store_item{
        width:100% !important;
        margin:0 !important;
    }

    /* الصورة */
    .store_item img{
        width:70px;
        max-width:70px;
        height:auto;
        max-height:70px;
        margin:auto;
        object-fit:contain;
    }

    .store_item_img{
        width:72px;
        height:72px;
        padding:6px;
        margin-bottom:8px;
    }

    /* الاسم */
    .store_item .store_name{
        font-size:13px;
        margin-top:8px;
    }
    .store_item_name{
        font-size:14px;
    }

    /* السعر */
    .store_item .store_price{
        font-size:14px;
    }
    .store_item_price{
        font-size:13px;
    }

    /* زر الشراء */
    .store_item .theme_btn{
        width:100%;
        height:34px;
        font-size:13px;
    }
    .store_item button,
    .store_buy_btn{
        width:100%;
    }

    .store_convert_wrap{
        padding:10px;
    }

    .store_convert_box,
    .store_currency_box{
        max-width:100%;
        padding:15px;
    }

    .store_convert_balance,
    .store_currency_balance{
        flex-direction:column;
        gap:8px;
    }

    /* معلومات المستخدم */
    .store_user_bar{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:12px;
        padding:15px;
        margin:10px;
        border-radius:14px;
    }

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

    .store_user_name{
        justify-content:center;
    }

    .store_user_center{
        width:100%;
        justify-content:center;
    }

    .store_user_status{
        width:100%;
    }

    .store_user_wallet{
        width:100%;
        justify-content:center;
        gap:10px;
        flex-wrap:wrap;
    }

    .store_gold,
    .store_ruby{
        flex:1;
    }

    /* القائمة الرئيسية */
    .store_menu{
        display:grid !important;
        grid-template-columns:repeat(2,1fr);
        gap:10px;
        padding:10px;
        margin:0;
        background:transparent;
        border:none;
        overflow:visible !important;
        box-sizing:border-box;
    }

    .store_menu_item{
        width:100% !important;
        min-width:0 !important;
        height:50px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:8px;
        border-radius:12px;
        padding:0 10px;
    }

    /* زر العملات في صف كامل */
    .store_menu_item:last-child{
        grid-column:1 / -1;
    }
}
.store_frame_preview{
    width:90%;
    height:90px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin: 12px auto 10px;
}

.store_frame_preview img{
    max-width:90%;
    max-height:90%;
    width:auto;
    height:auto;
    object-fit:contain;
    display:block;
    margin:auto;
    border-radius:8px;
}


.store_sub_icon{
    width:58px;
    height:58px;
    margin:0 auto 10px;
    border-radius:50%;
    background:linear-gradient(135deg,#1cb6d8,#0d88c7);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:24px;
    box-shadow:0 8px 20px rgba(0,0,0,.15);
}

.store_sub_icon i{
    line-height:1;
}
/*==================================================
  STORE USER HEADER
==================================================*/

.store_user_bar{
    display:flex;
    align-items:center;
    justify-content:space-between;

    width:calc(100% - 24px);
    margin:12px;
    padding:12px 18px;

    background:#25293a;

    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;

    box-shadow:0 10px 30px rgba(0,0,0,.18);
}

/*========== LEFT ==========*/

.store_user_left{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:220px;
}

.store_user_avatar img{
    width:54px;
    height:54px;

    border-radius:50%;
    object-fit:cover;

    border:2px solid rgba(255,255,255,.15);
}

.store_user_info{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.store_user_name{
    display:flex;
    align-items:center;
    gap:6px;

    color:#fff;
    font-size:16px;
    font-weight:700;
}

.store_rank_icon{
    width:18px;
    height:18px;
}

/*========== CENTER ==========*/

.store_user_center{
    flex:1;
    display:flex;
    justify-content:center;
}

.store_user_status{

    min-width:260px;

    padding:8px 18px;

    text-align:center;

    color:#fff;
    font-size:13px;
    font-weight:700;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.08);

    border-radius:25px;
}

/*========== RIGHT ==========*/

.store_user_wallet{
    display:flex;
    align-items:center;
    gap:10px;
}

.store_gold,
.store_ruby{

    min-width:110px;
    height:38px;

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

    color:#fff;
    font-size:14px;
    font-weight:bold;

    background:rgba(255,255,255,.08);

    border-radius:30px;
}

/* ============================================================
   Name Glow Effects (تأثيرات/لمعات الاسم/إطار الأفاتار)
   نُقلت هنا من custom.css بناءً على طلب العميل - كل كود عرض
   منتجات المتجر (الإطار، اللمعة، التأثير) بقى مجمّع في ملف
   المتجر المخصص ده بدل ما يكون متفرّق. الملف ده محمّل Global
   في كل صفحة (مش بس جوه مودال المتجر) فمفيش أي مشكلة إنه يظهر
   في الشات/القوائم/البروفايل زي ما هو متوقع.
   ============================================================ */

/* -- عرض التأثير حول اسم المستخدم في القوائم والبروفايل -- */
.name_effect_wrap{
	position: relative;
	display: inline-block;
	line-height: 1;
}
.name_effect_gif{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 2.6em;   /* بيتناسب مع حجم الخط أياً كان مكانه (بروفايل كبير أو قايمة صغيرة) */
	width: auto;
	max-width: none;
	object-fit: contain;
	pointer-events: none;
	z-index: 0;
	opacity: 0.9;
}
.name_effect_text{
	position: relative;
	z-index: 1;
	background: linear-gradient(90deg, #fceabb 0%, #f8b500 45%, #fceabb 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #f8b500;
	font-weight: bold;
	text-shadow: 0 0 6px rgba(248,181,0,0.35);
}

/* -- اللمعة (glow) على حروف اسم المستخدم فقط - بتظهر في كل مكان يظهر فيه
      الاسم (الشات، القوائم، البروفايل...) وبتاخد صورة اللمعة اللي اشتراها
      المستخدم من المتجر وتطبّقها على شكل الحروف نفسها بدون أي خلفية -- */
.name_glitter_wrap{
	display: inline-block;
	line-height: 1;
}
.name_glitter_text{
	background-repeat: repeat;
	background-size: cover;
	background-position: center;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	font-weight: bold;
	animation: nameGlitterShine 2.4s ease-in-out infinite;
}
@keyframes nameGlitterShine{
	0%, 100% { filter: brightness(1) saturate(1); }
	50% { filter: brightness(1.35) saturate(1.2); }
}

/* اسم البروفايل الأصلي بيعمل overflow:hidden على الاسم الطويل، لازم نفكها
   لو فيه تأثير متفعّل عشان صورة/فيديو التأثير ما يتقصش من فوق/تحت */
.pro_name:has(.name_effect_wrap){
	overflow: visible;
}
.pro_name .name_effect_wrap{
	overflow: visible;
}

/* ============================================================
   خلفية "التأثير" على كامل صفحة البروفايل (مش بس خلف الاسم)
   بتغطي الغلاف + الأفاتار + الاسم كلهم كطبقة واحدة من ورا الكل
   ============================================================ */
.profile_effect_stage{
	position: relative;
	isolation: isolate; /* عشان تعمل سياق تكديس مستقل ما يتعاركش مع باقي الصفحة */
}
.profile_effect_stage > .modal_wrap_top,
.profile_effect_stage > .profile_avatar,
.profile_effect_stage > .cover_text{
	position: relative;
	z-index: 1;
}
/* الكفر الأصلي يبقى ظاهراً؛ المؤثر لا يغيّر خلفية الكفر. */
.profile_effect_bg{
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 0;
	pointer-events: none;
}
.profile_effect_bg_media{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.profile_effect_bg_shade{
	/* تظليل خفيف تحت عشان اسم اليوزر وبيانات البروفايل تفضل مقروءة
	   فوق أي خلفية متحركة مهما كانت مشرقة */
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.15) 55%, rgba(0,0,0,0.55) 100%);
}

/* -- معاينة الإطار/اللمعة في شريط بيانات المستخدم بأعلى صفحة المتجر -- */
.store_user_avatar .avatar_frame_wrap{
	width: 100%;
	height: 100%;
	display: block;
}
.store_user_name .name_glitter_wrap{
	display: inline;
}
.small_modal_in:has(.store_modal) {
    max-width: 920px !important;
}

.modal_content.store_modal {
    width: 95% !important;
    max-width: 920px !important;
}

/* =====================================================
   Arabz Store — stable tabs + premium empty state
   ===================================================== */
.store_modal,
.store_modal *{
    box-sizing:border-box;
}

.store_modal_header,
.store_modal .store_user_bar,
.store_modal .store_menu{
    flex:0 0 auto;
}

.store_modal #store_content.modal_zone{
    flex:1 1 auto;
    min-height:0;
    height:auto;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
    position:relative;
    padding:16px;
}

.store_modal #store_content .store_grid{
    min-height:0;
    align-content:start;
}

.store_modal #store_content .store_grid:has(> .store_loading:only-child){
    min-height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px;
}

.store_modal #store_content .store_grid > .store_loading:only-child{
    width:min(100%, 560px);
    min-height:190px;
    margin:auto;
    padding:42px 24px 28px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    border:1px solid rgba(47,110,242,.20);
    border-radius:20px;
    background:linear-gradient(145deg, #ffffff 0%, #f5f8ff 100%);
    color:#526078;
    font-size:16px;
    font-weight:800;
    line-height:1.8;
    box-shadow:0 12px 28px rgba(38,76,140,.10), inset 0 1px 0 rgba(255,255,255,.95);
}

.chat_dark_mode .store_modal #store_content .store_grid > .store_loading:only-child,
body:has(#actual_theme[href*="/Dark/"]) .store_modal #store_content .store_grid > .store_loading:only-child{
    border-color:rgba(104,170,255,.28);
    background:linear-gradient(145deg, #202a3c 0%, #172031 100%);
    color:#dbe8ff;
    box-shadow:0 14px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}

@media screen and (max-width:768px){
    .store_modal #store_content.modal_zone{
        padding:12px;
    }

    .store_modal #store_content .store_grid:has(> .store_loading:only-child){
        min-height:230px;
        padding:8px;
    }

    .store_modal #store_content .store_grid > .store_loading:only-child{
        min-height:170px;
        padding:40px 18px 24px;
        font-size:14px;
        border-radius:16px;
    }
}


/* ============================================================
   أول مؤثر بروفايل متحرك بدون ملف خارجي: كرة نار تمر أفقياً.
   نفس الطبقة تعمل في البروفايل ومعاينة بطاقة المتجر، وتبقى آمنة
   في الوضعين الداكن والفاتح مع احترام تقليل الحركة.
   ============================================================ */
.profile_effect_bg_css.profile_effect_fireball,
.store_effect_preview.profile_effect_fireball{
	position: absolute;
	inset: 0;
	overflow: hidden;
	background:
		radial-gradient(circle at 78% 18%, rgba(255,186,67,.22), transparent 28%),
		linear-gradient(135deg, rgba(11,18,32,.78), rgba(72,18,12,.72) 52%, rgba(7,12,24,.86));
	pointer-events: none;
}
.store_effect_preview.profile_effect_fireball{
	position: relative;
	min-height: 118px;
	border-radius: 10px;
}
.profile_fireball_fx{
	position: absolute;
	inset: 0;
	overflow: hidden;
	z-index: 1;
}
.profile_fireball_orb{
	position: absolute;
	display: block;
	width: clamp(58px, 9vw, 118px);
	height: clamp(58px, 9vw, 118px);
	border-radius: 50%;
	background: radial-gradient(circle at 32% 27%, #fffde2 0 5%, #ffd34f 11%, #ff8b12 34%, #f23612 62%, rgba(108,10,3,0) 74%);
	filter: drop-shadow(0 0 7px rgba(255,176,39,.95)) drop-shadow(0 0 24px rgba(255,65,12,.78));
	mix-blend-mode: screen;
	will-change: transform;
}
.profile_fireball_orb::before,
.profile_fireball_orb::after{
	content: '';
	position: absolute;
	left: -45%;
	top: 24%;
	width: 74%;
	height: 34%;
	border-radius: 50%;
	background: linear-gradient(90deg, transparent, rgba(255,106,18,.88), rgba(255,225,107,.55), transparent);
	filter: blur(5px);
	transform: rotate(-12deg);
}
.profile_fireball_orb::after{
	left: -62%;
	top: 51%;
	width: 92%;
	height: 18%;
	opacity: .68;
	transform: rotate(13deg);
	filter: blur(4px);
}
.profile_fireball_orb_one{
	top: 24%;
	left: -16%;
	animation: profileFireballTravelOne 7.5s cubic-bezier(.2,.7,.2,1) infinite;
}
.profile_fireball_orb_two{
	top: 58%;
	left: -20%;
	width: clamp(38px, 6vw, 80px);
	height: clamp(38px, 6vw, 80px);
	opacity: .72;
	animation: profileFireballTravelTwo 9s cubic-bezier(.2,.7,.2,1) 1.5s infinite;
}
.profile_fireball_spark{
	position: absolute;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #ffe27a;
	box-shadow: 0 0 12px 4px rgba(255,103,17,.9);
	animation: profileFireballSpark 2.2s ease-in-out infinite;
}
.profile_fireball_spark_one{top: 24%; left: 43%; animation-delay: .2s;}
.profile_fireball_spark_two{top: 62%; left: 67%; animation-delay: .9s; transform: scale(.7);}
.profile_fireball_spark_three{top: 36%; left: 81%; animation-delay: 1.35s; transform: scale(.55);}
.profile_effect_bg_css .profile_effect_bg_shade{
	z-index: 2;
	background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.10) 55%, rgba(0,0,0,.48) 100%);
}
@keyframes profileFireballTravelOne{
	0%{transform: translate3d(0, 5px, 0) rotate(-5deg) scale(.78); opacity: 0;}
	9%{opacity: .96;}
	44%{transform: translate3d(58vw, -8px, 0) rotate(9deg) scale(1); opacity: .94;}
	100%{transform: translate3d(126vw, 17px, 0) rotate(19deg) scale(.72); opacity: 0;}
}
@keyframes profileFireballTravelTwo{
	0%{transform: translate3d(0, 0, 0) rotate(4deg) scale(.7); opacity: 0;}
	13%{opacity: .68;}
	52%{transform: translate3d(55vw, 12px, 0) rotate(-10deg) scale(.92); opacity: .60;}
	100%{transform: translate3d(124vw, -6px, 0) rotate(-21deg) scale(.56); opacity: 0;}
}
@keyframes profileFireballSpark{
	0%,100%{opacity: .18; transform: translateY(5px) scale(.55);}
	45%{opacity: .92; transform: translateY(-7px) scale(1);}
}
@media (prefers-reduced-motion: reduce){
	.profile_fireball_orb,
	.profile_fireball_spark{animation: none;}
	.profile_fireball_orb_one{left: 42%; top: 30%; opacity: .88;}
	.profile_fireball_orb_two{left: 64%; top: 58%; opacity: .56;}
	.profile_fireball_spark{opacity: .6;}
}


/* Profile effect full-stage presentation v23.22. The effect appears once,
   stays visible for six seconds, then disappears completely. */
.profile_effect_stage.has_profile_effect{
	position: relative;
	isolation: isolate;
	overflow: hidden;
}
.profile_effect_stage.has_profile_effect > .profile_effect_bg{
	position: absolute;
	inset: 0;
	z-index: 20;
	opacity: 0;
	pointer-events: none;
	will-change: opacity, filter;
	animation: profileEffectSingleSix 6s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes profileEffectSingleSix{
	0%{
		opacity: 0;
		filter: brightness(.92) saturate(.94);
	}
	10%{
		opacity: 1;
		filter: brightness(1.2) saturate(1.14);
	}
	88%{
		opacity: 1;
		filter: brightness(1.08) saturate(1.06);
	}
	100%{
		opacity: 0;
		filter: brightness(1) saturate(1);
	}
}
.profile_effect_stage.has_profile_effect > .profile_effect_bg.profile_effect_timed_out{
	opacity: 0 !important;
	animation: none !important;
	transition: opacity .35s ease;
}
/* Keep the cover, profile details, and tabs readable above the effect. */
.profile_effect_stage.has_profile_effect .modal_wrap_top,
.profile_effect_stage.has_profile_effect .pro_menu_wrap,
.profile_effect_stage.has_profile_effect #mprofilemenu,
.profile_effect_stage.has_profile_effect .profile_info_box{
	position: relative;
	z-index: 5;
}
/* مؤثرات CSS الجديدة ترسم خلفيتها الخاصة؛ لا نجعلها شفافة هنا. */
.profile_effect_stage.has_profile_effect > .profile_effect_bg.profile_effect_bg_css .profile_effect_bg_shade{
	background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.06) 55%, rgba(0,0,0,.18) 100%);
}
@media (prefers-reduced-motion: reduce){
	.profile_effect_stage.has_profile_effect > .profile_effect_bg{
		animation: none;
		opacity: 1;
	}
}


/* ============================================================
   Profile effect library v23.19
   مؤثرات مستقلة قابلة للشراء والتفعيل: دولفين، محيط، برق، ثلج،
   قلوب، نجوم، ساكورا وفقاعات. كل مشهد يعمل داخل البروفايل
   ومعاينة المتجر دون ملفات خارجية.
   ============================================================ */
.profile_effect_bg_css,
.store_effect_preview.profile_effect_bg_css{
	position: absolute;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
}
.store_effect_preview.profile_effect_bg_css{
	position: relative;
	width: 100%;
	min-height: 118px;
	flex: 0 0 118px;
	border-radius: 10px;
	display: block;
}
.profile_effect_bg_css .profile_effect_bg_shade,
.store_effect_preview.profile_effect_bg_css .profile_effect_bg_shade{
	position: absolute;
	inset: 0;
	z-index: 20;
	pointer-events: none;
}

/* كرة نار مطوّرة: ثلاث كرات ومسارات شرر متعددة */
.profile_effect_fireball{
	background:
		radial-gradient(circle at 78% 18%, rgba(255,186,67,.22), transparent 28%),
		linear-gradient(135deg, rgba(11,18,32,.78), rgba(72,18,12,.72) 52%, rgba(7,12,24,.86));
}
.profile_fireball_orb_three{
	position: absolute;
	top: 8%;
	left: 72%;
	width: clamp(28px, 4vw, 64px);
	height: clamp(28px, 4vw, 64px);
	border-radius: 50%;
	background: radial-gradient(circle at 32% 27%, #fffde2 0 5%, #ffd34f 11%, #ff8b12 34%, #f23612 62%, rgba(108,10,3,0) 74%);
	box-shadow: 0 0 20px rgba(255,94,18,.75);
	mix-blend-mode: screen;
	animation: profileFireballTravelThree 6.4s ease-in-out 1s infinite;
}
.profile_fireball_spark_four{top: 76%; left: 25%; animation-delay: 1.7s; transform: scale(.8);}
@keyframes profileFireballTravelThree{
	0%,100%{transform:translate3d(0,0,0) scale(.65);opacity:0;}
	15%{opacity:.92;}
	48%{transform:translate3d(-24px,18px,0) scale(1);opacity:.88;}
	80%{opacity:.35;}
}

/* دولفين عائم فوق موجة لامعة */
.profile_effect_dolphin{
	background:
		radial-gradient(circle at 50% 86%, rgba(74,224,255,.35), transparent 45%),
		linear-gradient(160deg, rgba(5,23,48,.82), rgba(9,91,132,.62) 55%, rgba(13,27,58,.9));
}
.profile_dolphin_fx,.profile_ocean_fx{position:absolute;inset:0;overflow:hidden;}
.profile_dolphin_svg{
	position:absolute;
	left:50%;
	top:18%;
	width:min(48%, 310px);
	height:auto;
	fill:#8ef1ff;
	stroke:rgba(255,255,255,.7);
	stroke-width:1.5;
	filter:drop-shadow(0 0 12px rgba(59,224,255,.9));
	transform:translateX(-50%);
	animation: profileDolphinFloat 4.8s ease-in-out infinite;
}
.profile_dolphin_wave{
	position:absolute;
	left:-12%;
	width:124%;
	height:40%;
	bottom:-25%;
	border:4px solid rgba(144,247,255,.8);
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
	border-radius:50%;
	filter:drop-shadow(0 0 8px rgba(51,220,255,.75));
	animation: profileWaveDrift 5.5s ease-in-out infinite;
}
.profile_dolphin_wave_one{transform:rotate(-3deg);bottom:-22%;}
.profile_dolphin_wave_two{transform:rotate(5deg) scale(.85);bottom:-31%;opacity:.6;animation-delay:1.2s;}
@keyframes profileDolphinFloat{0%,100%{transform:translate(-50%,0) rotate(-3deg);}50%{transform:translate(-50%,-17px) rotate(4deg);}}
@keyframes profileWaveDrift{0%,100%{margin-left:-2%;transform:scaleX(.94);}50%{margin-left:3%;transform:scaleX(1.03);}}

/* محيط متعدد الطبقات */
.profile_effect_ocean{
	background:
		radial-gradient(ellipse at 50% 105%, rgba(66,239,255,.36), transparent 48%),
		linear-gradient(180deg, rgba(4,23,65,.8), rgba(7,109,145,.72) 63%, rgba(4,37,82,.92));
}
.profile_ocean_wave{
	position:absolute;
	left:-15%;
	width:130%;
	height:46%;
	bottom:-30%;
	border-radius:50% 50% 0 0;
	border-top:5px solid rgba(151,250,255,.8);
	background:linear-gradient(180deg, rgba(57,226,244,.3), rgba(4,39,103,.05));
	box-shadow:0 -8px 25px rgba(55,225,255,.42);
	animation:profileOceanWave 6s ease-in-out infinite;
}
.profile_ocean_wave_one{transform:rotate(-4deg);}
.profile_ocean_wave_two{bottom:-38%;transform:rotate(4deg) scale(.9);opacity:.72;animation-delay:1s;}
.profile_ocean_wave_three{bottom:-45%;transform:rotate(-2deg) scale(.82);opacity:.55;animation-delay:2s;}
@keyframes profileOceanWave{0%,100%{margin-left:-2%;}50%{margin-left:4%;}}

/* برق ملكي */
.profile_effect_lightning{
	background:linear-gradient(145deg, rgba(19,22,64,.9), rgba(80,39,129,.7) 52%, rgba(10,20,57,.92));
}
.profile_lightning_fx{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 35%, rgba(197,207,255,.25), transparent 32%);}
.profile_lightning_bolt{
	position:absolute;
	width:8%;
	height:68%;
	background:linear-gradient(180deg, rgba(255,255,255,.98), #8ee8ff 42%, #a76dff 100%);
	clip-path:polygon(58% 0,100% 0,64% 40%,93% 40%,20% 100%,39% 52%,8% 52%);
	filter:drop-shadow(0 0 12px #72e9ff) drop-shadow(0 0 26px rgba(148,78,255,.9));
	animation:profileLightningFlash 3.8s steps(2,end) infinite;
}
.profile_lightning_bolt_one{left:21%;top:-5%;transform:rotate(-8deg);}
.profile_lightning_bolt_two{left:49%;top:11%;height:58%;transform:rotate(4deg);animation-delay:1.25s;opacity:.8;}
.profile_lightning_bolt_three{right:14%;top:-12%;height:78%;transform:rotate(11deg);animation-delay:2.1s;opacity:.65;}
.profile_lightning_cloud{position:absolute;width:36%;height:18%;top:4%;border-radius:50%;background:rgba(54,58,119,.82);filter:blur(7px);animation:profileCloudPulse 4.2s ease-in-out infinite;}
.profile_lightning_cloud_one{left:7%;}.profile_lightning_cloud_two{right:4%;top:13%;animation-delay:1.1s;}
@keyframes profileLightningFlash{0%,86%,100%{opacity:.22;}88%{opacity:1;}90%{opacity:.35;}92%{opacity:.95;}}
@keyframes profileCloudPulse{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(8px) scale(1.08);}}

/* ثلج وبلورات */
.profile_effect_ice{
	background:linear-gradient(140deg, rgba(15,50,92,.84), rgba(74,185,230,.56) 53%, rgba(25,58,122,.88));
}
.profile_ice_fx{position:absolute;inset:0;overflow:hidden;}
.profile_ice_crystal{position:absolute;bottom:-9%;width:18%;height:67%;background:linear-gradient(135deg, rgba(235,255,255,.78), rgba(90,208,255,.22) 62%, transparent);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 0 10px rgba(176,248,255,.85));animation:profileIceRise 5.8s ease-in-out infinite;}
.profile_ice_crystal_one{left:8%;height:54%;}.profile_ice_crystal_two{left:42%;height:76%;animation-delay:.9s;transform:scaleX(.72);}.profile_ice_crystal_three{right:8%;height:62%;animation-delay:1.8s;transform:scaleX(.85);}
.profile_snowflake{position:absolute;color:#e6ffff;text-shadow:0 0 10px #7defff,0 0 24px #fff;font-size:clamp(20px,4vw,42px);animation:profileSnowFall 5.5s linear infinite;}
.profile_snowflake_one{left:15%;top:-12%;}.profile_snowflake_two{left:37%;top:-24%;animation-delay:1s;}.profile_snowflake_three{left:66%;top:-17%;animation-delay:2.2s;}.profile_snowflake_four{right:12%;top:-30%;animation-delay:3.1s;}
@keyframes profileIceRise{0%,100%{transform:translateY(0) scaleX(.92);opacity:.45;}50%{transform:translateY(-14px) scaleX(1);opacity:.92;}}
@keyframes profileSnowFall{0%{transform:translate3d(0,-18px,0) rotate(0);opacity:0;}14%{opacity:.95;}100%{transform:translate3d(34px,160px,0) rotate(240deg);opacity:.1;}}

/* قلوب */
.profile_effect_hearts{background:linear-gradient(150deg, rgba(61,11,68,.9), rgba(171,34,116,.57) 48%, rgba(44,12,64,.91));}
.profile_hearts_fx{position:absolute;inset:0;overflow:hidden;}
.profile_heart{position:absolute;color:#ff7acb;font-size:clamp(22px,4vw,48px);line-height:1;text-shadow:0 0 8px #ff4ebc,0 0 22px rgba(255,50,178,.9);animation:profileHeartFloat 5.2s ease-in-out infinite;}
.profile_heart_one{left:10%;top:83%;}.profile_heart_two{left:27%;top:62%;font-size:32px;animation-delay:.8s;}.profile_heart_three{left:45%;top:82%;animation-delay:1.4s;}.profile_heart_four{left:63%;top:56%;font-size:30px;animation-delay:2.1s;}.profile_heart_five{left:79%;top:76%;animation-delay:2.7s;}.profile_heart_six{left:90%;top:43%;font-size:24px;animation-delay:3.3s;}
@keyframes profileHeartFloat{0%,100%{transform:translateY(20px) scale(.74) rotate(-8deg);opacity:0;}18%{opacity:.9;}55%{transform:translateY(-36px) scale(1) rotate(8deg);opacity:.82;}100%{transform:translateY(-130px) scale(.9) rotate(-15deg);opacity:0;}}

/* مجرة نجوم وشهاب */
.profile_effect_stars{background:radial-gradient(circle at 51% 48%, rgba(107,88,255,.45), transparent 35%),linear-gradient(145deg, rgba(8,12,44,.96), rgba(30,20,94,.78) 56%, rgba(5,13,45,.96));}
.profile_stars_fx{position:absolute;inset:0;overflow:hidden;}
.profile_star{position:absolute;color:#fff5b5;font-size:clamp(24px,4vw,48px);text-shadow:0 0 8px #fff,0 0 22px #8dc6ff;animation:profileStarTwinkle 2.4s ease-in-out infinite;}
.profile_star_one{left:12%;top:20%;}.profile_star_two{left:32%;top:64%;animation-delay:.55s;}.profile_star_three{left:57%;top:15%;animation-delay:1.1s;}.profile_star_four{left:73%;top:70%;animation-delay:1.7s;}.profile_star_five{right:8%;top:35%;animation-delay:2s;}
.profile_shooting_star{position:absolute;width:30%;height:3px;right:-14%;top:25%;border-radius:50%;background:linear-gradient(90deg,transparent,#fff,#adf2ff);box-shadow:0 0 12px #8cecff;transform:rotate(-27deg);animation:profileShootingStar 4.8s ease-in-out infinite 1s;}
@keyframes profileStarTwinkle{0%,100%{transform:scale(.58) rotate(0);opacity:.42;}50%{transform:scale(1.22) rotate(24deg);opacity:1;}}
@keyframes profileShootingStar{0%,15%{right:-18%;top:18%;opacity:0;}25%{opacity:1;}65%{right:92%;top:72%;opacity:0;}100%{right:92%;top:72%;opacity:0;}}

/* ساكورا */
.profile_effect_sakura{background:linear-gradient(145deg, rgba(52,22,72,.9), rgba(162,70,119,.54) 52%, rgba(45,25,68,.94));}
.profile_sakura_fx{position:absolute;inset:0;overflow:hidden;}
.profile_petal{position:absolute;top:-13%;width:18px;height:27px;border-radius:65% 15% 65% 15%;background:linear-gradient(135deg,#fff2fa,#ff82c9 68%,#df4c97);box-shadow:0 0 10px rgba(255,141,211,.72);animation:profilePetalFall 6s linear infinite;}
.profile_petal_one{left:7%;}.profile_petal_two{left:22%;animation-delay:1.4s;transform:scale(.75);}.profile_petal_three{left:38%;animation-delay:2.6s;}.profile_petal_four{left:54%;animation-delay:.7s;transform:scale(.65);}.profile_petal_five{left:69%;animation-delay:3.2s;}.profile_petal_six{left:82%;animation-delay:1.9s;transform:scale(.8);}.profile_petal_seven{left:94%;animation-delay:4s;}
@keyframes profilePetalFall{0%{transform:translate3d(0,-18px,0) rotate(0);opacity:0;}12%{opacity:.95;}50%{transform:translate3d(28px,125px,0) rotate(180deg);}100%{transform:translate3d(-22px,255px,0) rotate(390deg);opacity:0;}}

/* فقاعات لؤلؤية */
.profile_effect_bubbles{background:linear-gradient(155deg, rgba(11,43,75,.9), rgba(19,135,163,.58) 52%, rgba(11,43,79,.93));}
.profile_bubbles_fx{position:absolute;inset:0;overflow:hidden;}
.profile_bubble{position:absolute;bottom:-12%;width:clamp(10px,2.5vw,26px);height:clamp(10px,2.5vw,26px);border:2px solid rgba(220,255,255,.72);border-radius:50%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.95),rgba(129,240,255,.18) 38%,transparent 68%);box-shadow:0 0 12px rgba(108,237,255,.8),inset 0 0 8px rgba(255,255,255,.65);animation:profileBubbleRise 5.5s linear infinite;}
.profile_bubble_one{left:9%;}.profile_bubble_two{left:22%;width:14px;height:14px;animation-delay:1.1s;}.profile_bubble_three{left:38%;animation-delay:2.3s;}.profile_bubble_four{left:55%;width:18px;height:18px;animation-delay:.6s;}.profile_bubble_five{left:70%;animation-delay:3.2s;}.profile_bubble_six{left:82%;width:13px;height:13px;animation-delay:1.8s;}.profile_bubble_seven{left:92%;animation-delay:4s;}.profile_bubble_eight{left:48%;width:11px;height:11px;animation-delay:4.5s;}
@keyframes profileBubbleRise{0%{transform:translate3d(0,12px,0) scale(.62);opacity:0;}14%{opacity:.8;}55%{transform:translate3d(18px,-115px,0) scale(1);opacity:.68;}100%{transform:translate3d(-14px,-265px,0) scale(1.14);opacity:0;}}

@media (prefers-reduced-motion: reduce){
	.profile_effect_bg_css *,.store_effect_preview.profile_effect_bg_css *{animation:none !important;}
	.profile_effect_bg_css .profile_dolphin_svg{transform:translateX(-50%);}
	.profile_effect_bg_css .profile_shooting_star{display:none;}
}
@media (max-width:560px){
	.profile_dolphin_svg{width:62%;}
	.profile_fireball_orb_three{width:42px;height:42px;}
	.profile_lightning_bolt{width:11%;}
}


/* ============================================================
   Profile effect library expansion v23.22
   12 مؤثراً إضافياً قابلاً للشراء والتفعيل ومعاينة المتجر.
   ============================================================ */
.profile_effect_aurora{
	background: radial-gradient(ellipse at 50% 110%, rgba(64,255,190,.26), transparent 46%), linear-gradient(150deg, rgba(8,22,55,.94), rgba(24,84,105,.78) 48%, rgba(25,15,72,.94));
}
.profile_aurora_fx{position:absolute;inset:0;overflow:hidden;}
.profile_aurora_band{position:absolute;top:-14%;height:124%;width:27%;border-radius:50%;filter:blur(8px);opacity:.72;transform-origin:50% 0;animation:profileAuroraWave 6.8s ease-in-out infinite;}
.profile_aurora_band_one{left:12%;background:linear-gradient(180deg,rgba(74,255,207,.1),rgba(40,255,181,.8),rgba(42,113,255,.08));transform:rotate(13deg);}
.profile_aurora_band_two{left:38%;background:linear-gradient(180deg,rgba(106,255,238,.12),rgba(93,235,255,.7),rgba(173,75,255,.1));transform:rotate(-9deg);animation-delay:1.1s;}
.profile_aurora_band_three{right:9%;background:linear-gradient(180deg,rgba(198,120,255,.08),rgba(107,89,255,.72),rgba(74,255,207,.08));transform:rotate(17deg);animation-delay:2.2s;}
.profile_aurora_star{position:absolute;color:#d8fff5;font-size:clamp(18px,3vw,34px);text-shadow:0 0 9px #66ffe1,0 0 20px #6a7dff;animation:profileAuroraStar 2.6s ease-in-out infinite;}
.profile_aurora_star_one{left:17%;top:22%;}.profile_aurora_star_two{left:54%;top:38%;animation-delay:.8s;}.profile_aurora_star_three{right:17%;top:17%;animation-delay:1.5s;}
@keyframes profileAuroraWave{0%,100%{margin-left:-2%;opacity:.42;}50%{margin-left:4%;opacity:.88;transform:rotate(2deg) scaleY(1.04);}}
@keyframes profileAuroraStar{0%,100%{opacity:.22;transform:scale(.7) rotate(0);}50%{opacity:1;transform:scale(1.25) rotate(22deg);}}

.profile_effect_volcano{background:linear-gradient(150deg,rgba(38,10,24,.96),rgba(131,30,10,.74) 52%,rgba(16,13,29,.96));}
.profile_volcano_fx{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 97%,rgba(255,99,11,.42),transparent 44%);}
.profile_volcano_mountain{position:absolute;left:17%;bottom:-18%;width:66%;height:71%;background:linear-gradient(145deg,#32152a,#100e20 62%);clip-path:polygon(0 100%,18% 66%,37% 47%,50% 18%,64% 48%,83% 70%,100% 100%);filter:drop-shadow(0 -8px 18px rgba(255,77,9,.48));}
.profile_flame{position:absolute;bottom:30%;width:16%;height:31%;border-radius:70% 28% 68% 30%;background:linear-gradient(180deg,#fff5a0 0%,#ffbd25 32%,#ff4c0c 70%,rgba(116,12,3,0) 100%);filter:drop-shadow(0 0 15px #ff5712);transform-origin:50% 100%;animation:profileFlameDance 1.5s ease-in-out infinite;}
.profile_flame_one{left:42%;height:42%;}.profile_flame_two{left:51%;bottom:25%;width:12%;height:27%;animation-delay:.3s;}.profile_flame_three{left:33%;bottom:26%;width:11%;height:24%;animation-delay:.6s;}
.profile_ember{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd86a;box-shadow:0 0 12px 4px #ff4b0b;animation:profileEmberRise 3.2s linear infinite;}
.profile_ember_one{left:38%;bottom:35%;}.profile_ember_two{left:53%;bottom:39%;animation-delay:.7s;}.profile_ember_three{left:62%;bottom:31%;animation-delay:1.4s;}.profile_ember_four{left:47%;bottom:45%;animation-delay:2s;}
@keyframes profileFlameDance{0%,100%{transform:rotate(-7deg) scaleY(.9);opacity:.74;}50%{transform:rotate(8deg) scaleY(1.12);opacity:1;}}
@keyframes profileEmberRise{0%{transform:translate(0,0) scale(.5);opacity:0;}16%{opacity:1;}100%{transform:translate(28px,-170px) scale(.1);opacity:0;}}

.profile_effect_neon{background:radial-gradient(circle at 50% 48%,rgba(255,24,184,.22),transparent 32%),linear-gradient(140deg,rgba(7,13,36,.98),rgba(35,18,80,.88) 50%,rgba(5,25,46,.98));}
.profile_neon_fx{position:absolute;inset:0;overflow:hidden;perspective:600px;}
.profile_neon_ring{position:absolute;left:50%;top:50%;width:54%;height:38%;border:3px solid #42f5ff;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);box-shadow:0 0 8px #42f5ff,0 0 28px rgba(236,57,255,.9),inset 0 0 18px rgba(66,245,255,.65);animation:profileNeonRing 3.5s ease-in-out infinite;}
.profile_neon_ring_two{width:37%;height:26%;border-color:#ff42db;animation-delay:1s;}
.profile_neon_line{position:absolute;height:2px;width:140%;left:-20%;background:linear-gradient(90deg,transparent,#49f8ff,#ff47e5,transparent);box-shadow:0 0 12px #ff47e5;transform:rotate(-18deg);animation:profileNeonSweep 4.2s ease-in-out infinite;}
.profile_neon_line_one{top:32%;}.profile_neon_line_two{top:69%;transform:rotate(13deg);animation-delay:1.8s;}
.profile_neon_dot{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 8px 4px #45f6ff,0 0 24px 9px #ff47e5;animation:profileNeonDot 2.2s ease-in-out infinite;}
.profile_neon_dot_one{left:22%;top:28%;}.profile_neon_dot_two{right:19%;bottom:25%;animation-delay:1.1s;}
@keyframes profileNeonRing{0%,100%{opacity:.35;transform:translate(-50%,-50%) rotateX(64deg) scale(.82);}50%{opacity:1;transform:translate(-50%,-50%) rotateX(64deg) scale(1.08);}}
@keyframes profileNeonSweep{0%,100%{opacity:0;transform:translateX(-16%) rotate(-18deg);}45%,58%{opacity:1;}80%{opacity:0;transform:translateX(16%) rotate(-18deg);}}
@keyframes profileNeonDot{0%,100%{opacity:.35;transform:scale(.55);}50%{opacity:1;transform:scale(1.35);}}

.profile_effect_rainbow{background:linear-gradient(145deg,rgba(18,25,71,.95),rgba(64,41,128,.73) 45%,rgba(20,75,118,.9));}
.profile_rainbow_fx{position:absolute;inset:0;overflow:hidden;}
.profile_rainbow_arc{position:absolute;left:50%;top:58%;width:98%;height:112%;border:14px solid transparent;border-radius:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 8px rgba(255,255,255,.55));animation:profileRainbowArc 5.5s ease-in-out infinite;}
.profile_rainbow_arc_one{border-top-color:#ff6b92;border-left-color:#ffcf5c;}.profile_rainbow_arc_two{width:76%;height:86%;border-top-color:#66efff;border-left-color:#8d72ff;animation-delay:.6s;}.profile_rainbow_arc_three{width:54%;height:60%;border-top-color:#9cffb3;border-left-color:#f477ff;animation-delay:1.2s;}
.profile_rainbow_spark{position:absolute;color:#fff;font-size:30px;text-shadow:0 0 12px #fff,0 0 25px #ff71d6;animation:profileRainbowSpark 2.8s ease-in-out infinite;}.profile_rainbow_spark_one{left:15%;top:22%;}.profile_rainbow_spark_two{right:15%;top:38%;animation-delay:1.3s;}
@keyframes profileRainbowArc{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.94) rotate(-3deg);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(3deg);}}
@keyframes profileRainbowSpark{0%,100%{opacity:.25;transform:scale(.65) rotate(0);}50%{opacity:1;transform:scale(1.25) rotate(35deg);}}

.profile_effect_gold{background:radial-gradient(ellipse at 50% 110%,rgba(255,206,65,.28),transparent 45%),linear-gradient(145deg,rgba(40,27,6,.96),rgba(114,67,5,.8) 52%,rgba(28,17,5,.96));}
.profile_gold_fx{position:absolute;inset:0;overflow:hidden;}
.profile_coin{position:absolute;color:#ffe58a;font-size:clamp(22px,4vw,48px);text-shadow:0 0 7px #fff2a8,0 0 20px #d57908;animation:profileCoinFall 4.8s ease-in-out infinite;}
.profile_coin_one{left:12%;top:-10%;}.profile_coin_two{left:32%;top:-18%;animation-delay:.8s;}.profile_coin_three{left:55%;top:-13%;animation-delay:1.6s;}.profile_coin_four{left:73%;top:-22%;animation-delay:2.4s;}.profile_coin_five{right:7%;top:-12%;animation-delay:3.1s;}
.profile_gold_beam{position:absolute;left:50%;top:-20%;width:22%;height:155%;transform:translateX(-50%) rotate(19deg);background:linear-gradient(90deg,transparent,rgba(255,230,108,.16),rgba(255,255,220,.46),rgba(255,230,108,.16),transparent);filter:blur(10px);animation:profileGoldBeam 5s ease-in-out infinite;}
@keyframes profileCoinFall{0%{transform:translateY(-22px) rotate(0) scale(.5);opacity:0;}15%{opacity:1;}55%{transform:translateY(110px) rotate(180deg) scale(1);}100%{transform:translateY(250px) rotate(420deg) scale(.8);opacity:0;}}
@keyframes profileGoldBeam{0%,100%{opacity:.15;transform:translateX(-50%) rotate(19deg);}50%{opacity:.8;transform:translateX(-50%) rotate(-19deg);}}

.profile_effect_crown{background:radial-gradient(circle at 50% 42%,rgba(255,224,94,.38),transparent 30%),linear-gradient(145deg,rgba(47,20,65,.94),rgba(141,76,12,.78) 54%,rgba(31,18,54,.96));}
.profile_crown_fx{position:absolute;inset:0;overflow:hidden;text-align:center;}
.profile_crown_icon{position:absolute;left:50%;top:25%;transform:translateX(-50%);font-size:clamp(72px,15vw,170px);line-height:1;color:#ffe676;text-shadow:0 0 9px #fff3ad,0 0 30px #f6a414,0 0 70px rgba(255,100,24,.9);animation:profileCrownFloat 4.4s ease-in-out infinite;}
.profile_crown_ray{position:absolute;left:50%;top:45%;width:58%;height:2px;background:linear-gradient(90deg,transparent,#ffe87b,transparent);transform-origin:center;box-shadow:0 0 12px #ffb624;animation:profileCrownRay 3.2s ease-in-out infinite;}.profile_crown_ray_one{transform:translateX(-50%) rotate(18deg);}.profile_crown_ray_two{transform:translateX(-50%) rotate(-18deg);animation-delay:.5s;}.profile_crown_ray_three{transform:translateX(-50%) rotate(90deg);animation-delay:1s;}
.profile_crown_spark{position:absolute;color:#fff6bd;font-size:34px;text-shadow:0 0 15px #ffd546;animation:profileCrownSpark 2.5s ease-in-out infinite;}.profile_crown_spark_one{left:22%;top:25%;}.profile_crown_spark_two{right:21%;top:54%;animation-delay:1.2s;}
@keyframes profileCrownFloat{0%,100%{transform:translateX(-50%) translateY(5px) rotate(-4deg);filter:brightness(.9);}50%{transform:translateX(-50%) translateY(-14px) rotate(4deg);filter:brightness(1.24);}}
@keyframes profileCrownRay{0%,100%{opacity:.2;transform:translateX(-50%) scaleX(.5) rotate(18deg);}50%{opacity:1;transform:translateX(-50%) scaleX(1.1) rotate(18deg);}}
@keyframes profileCrownSpark{0%,100%{opacity:.2;transform:scale(.5) rotate(0);}50%{opacity:1;transform:scale(1.3) rotate(40deg);}}

.profile_effect_wings{background:radial-gradient(ellipse at 50% 56%,rgba(204,247,255,.3),transparent 34%),linear-gradient(145deg,rgba(14,41,77,.95),rgba(48,107,149,.72) 52%,rgba(17,29,73,.95));}
.profile_wings_fx{position:absolute;inset:0;overflow:hidden;}
.profile_wing{position:absolute;top:24%;width:34%;height:47%;background:linear-gradient(145deg,rgba(239,255,255,.86),rgba(93,205,255,.38) 45%,rgba(112,79,255,.14));filter:drop-shadow(0 0 16px rgba(122,231,255,.95));animation:profileWingBeat 3.8s ease-in-out infinite;}
.profile_wing_left{left:14%;border-radius:85% 15% 80% 20%;transform-origin:100% 70%;transform:rotate(22deg);}.profile_wing_right{right:14%;border-radius:15% 85% 20% 80%;transform-origin:0 70%;transform:rotate(-22deg);animation-delay:.2s;}
.profile_wing_core{position:absolute;left:50%;top:43%;width:8%;height:26%;border-radius:50%;transform:translateX(-50%);background:linear-gradient(180deg,#fff,#75eaff,#6c71ff);box-shadow:0 0 18px #a9f7ff;animation:profileWingCore 2.5s ease-in-out infinite;}
.profile_wing_feather{position:absolute;color:#dffcff;font-size:32px;text-shadow:0 0 14px #6beaff;animation:profileWingSpark 2.7s ease-in-out infinite;}.profile_wing_feather_one{left:24%;top:17%;}.profile_wing_feather_two{right:24%;top:61%;animation-delay:1.2s;}
@keyframes profileWingBeat{0%,100%{opacity:.58;filter:drop-shadow(0 0 10px rgba(122,231,255,.65));}50%{opacity:1;transform:rotate(0) scale(1.06);filter:drop-shadow(0 0 24px rgba(171,250,255,1));}}
@keyframes profileWingCore{0%,100%{opacity:.65;transform:translateX(-50%) scale(.75);}50%{opacity:1;transform:translateX(-50%) scale(1.15);}}
@keyframes profileWingSpark{0%,100%{opacity:.2;transform:scale(.6) rotate(0);}50%{opacity:1;transform:scale(1.25) rotate(30deg);}}

.profile_effect_moon{background:radial-gradient(circle at 50% 45%,rgba(129,159,255,.18),transparent 38%),linear-gradient(145deg,rgba(5,11,37,.98),rgba(30,27,82,.88) 55%,rgba(5,12,35,.98));}
.profile_moon_fx{position:absolute;inset:0;overflow:hidden;}
.profile_moon_crescent{position:absolute;left:50%;top:25%;width:clamp(82px,18vw,190px);height:clamp(82px,18vw,190px);transform:translateX(-50%);border-radius:50%;background:#fff1ad;box-shadow:0 0 16px #fff8c2,0 0 48px rgba(177,185,255,.9);animation:profileMoonFloat 5.4s ease-in-out infinite;}
.profile_moon_crescent:after{content:"";position:absolute;left:27%;top:-5%;width:100%;height:100%;border-radius:50%;background:#151a54;}
.profile_moon_halo{position:absolute;left:50%;top:25%;width:54%;height:54%;transform:translate(-50%,-18%);border:1px solid rgba(224,231,255,.55);border-radius:50%;box-shadow:0 0 28px rgba(150,170,255,.55);animation:profileMoonHalo 4.6s ease-in-out infinite;}
.profile_moon_star{position:absolute;color:#f5f0bd;font-size:30px;text-shadow:0 0 10px #fff,0 0 22px #9ebaff;animation:profileMoonStar 2.8s ease-in-out infinite;}.profile_moon_star_one{left:16%;top:22%;}.profile_moon_star_two{left:74%;top:18%;animation-delay:.7s;}.profile_moon_star_three{left:25%;top:68%;animation-delay:1.4s;}.profile_moon_star_four{right:13%;top:61%;animation-delay:2s;}
@keyframes profileMoonFloat{0%,100%{transform:translateX(-50%) translateY(5px);}50%{transform:translateX(-50%) translateY(-14px);}}
@keyframes profileMoonHalo{0%,100%{opacity:.25;transform:translate(-50%,-18%) scale(.9);}50%{opacity:.9;transform:translate(-50%,-18%) scale(1.08);}}
@keyframes profileMoonStar{0%,100%{opacity:.2;transform:scale(.6);}50%{opacity:1;transform:scale(1.28);}}

.profile_effect_rose{background:linear-gradient(145deg,rgba(57,11,42,.96),rgba(153,35,75,.7) 48%,rgba(32,20,52,.96));}
.profile_rose_fx{position:absolute;inset:0;overflow:hidden;}
.profile_rose_bloom{position:absolute;color:#ff9ac4;font-size:clamp(58px,12vw,145px);line-height:1;text-shadow:0 0 12px #ff7eaf,0 0 34px rgba(255,37,135,.9);animation:profileRoseBloom 4.8s ease-in-out infinite;}.profile_rose_bloom_one{left:19%;bottom:15%;}.profile_rose_bloom_two{right:16%;top:14%;font-size:clamp(38px,8vw,92px);animation-delay:1.2s;}
.profile_rose_petal{position:absolute;width:17px;height:26px;border-radius:70% 15% 70% 15%;background:linear-gradient(135deg,#fff0f7,#ff72ae 68%,#c62f70);box-shadow:0 0 10px #ff6faa;animation:profileRosePetal 5.5s linear infinite;}.profile_rose_petal_one{left:7%;top:-10%;}.profile_rose_petal_two{left:32%;top:-18%;animation-delay:1.1s;}.profile_rose_petal_three{left:56%;top:-12%;animation-delay:2.1s;}.profile_rose_petal_four{right:9%;top:-22%;animation-delay:3.1s;}
.profile_rose_leaf{position:absolute;width:25%;height:10%;border-radius:100% 0;background:#48c787;box-shadow:0 0 10px #31db8b;animation:profileLeafWave 4s ease-in-out infinite;}.profile_rose_leaf_one{left:23%;bottom:10%;transform:rotate(-22deg);}.profile_rose_leaf_two{right:22%;bottom:18%;transform:rotate(26deg);animation-delay:1s;}
@keyframes profileRoseBloom{0%,100%{transform:scale(.86) rotate(-6deg);opacity:.65;}50%{transform:scale(1.08) rotate(6deg);opacity:1;}}
@keyframes profileRosePetal{0%{transform:translateY(-15px) rotate(0);opacity:0;}14%{opacity:1;}100%{transform:translate(38px,250px) rotate(420deg);opacity:0;}}
@keyframes profileLeafWave{0%,100%{transform:rotate(-22deg) scale(.9);}50%{transform:rotate(-10deg) scale(1.05);}}

.profile_effect_fireworks{background:radial-gradient(circle at 50% 45%,rgba(79,62,172,.38),transparent 34%),linear-gradient(145deg,rgba(14,14,49,.98),rgba(57,24,108,.82) 52%,rgba(10,19,49,.98));}
.profile_fireworks_fx{position:absolute;inset:0;overflow:hidden;}
.profile_firework{position:absolute;width:clamp(72px,14vw,150px);height:clamp(72px,14vw,150px);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,0) 0 8deg,#8eeaff 9deg 11deg,rgba(255,255,255,0) 12deg 20deg);filter:drop-shadow(0 0 9px #7defff);animation:profileFireworkBurst 3.8s ease-out infinite;}.profile_firework_one{left:8%;top:12%;}.profile_firework_two{left:42%;top:37%;animation-delay:1.2s;filter:drop-shadow(0 0 9px #ff8bdb);}.profile_firework_three{right:8%;top:8%;animation-delay:2.2s;filter:drop-shadow(0 0 9px #ffe58b);}
.profile_firework_spark{position:absolute;color:#fff;font-size:32px;text-shadow:0 0 15px #fff;animation:profileFireworkSpark 2.3s ease-in-out infinite;}.profile_firework_spark_one{left:29%;top:72%;}.profile_firework_spark_two{right:27%;top:65%;animation-delay:1.1s;}
@keyframes profileFireworkBurst{0%,100%{transform:scale(.28) rotate(0);opacity:0;}18%{opacity:1;}58%{transform:scale(1) rotate(22deg);opacity:.9;}82%{transform:scale(1.18) rotate(40deg);opacity:.12;}}
@keyframes profileFireworkSpark{0%,100%{opacity:.15;transform:scale(.55) rotate(0);}50%{opacity:1;transform:scale(1.3) rotate(30deg);}}

.profile_effect_smoke{background:radial-gradient(ellipse at 50% 80%,rgba(235,236,255,.16),transparent 42%),linear-gradient(145deg,rgba(25,28,45,.96),rgba(82,79,117,.72) 50%,rgba(14,18,35,.98));}
.profile_smoke_fx{position:absolute;inset:0;overflow:hidden;}
.profile_smoke_ring{position:absolute;left:50%;top:55%;width:28%;height:18%;border:10px solid rgba(232,237,255,.28);border-radius:50%;filter:blur(3px) drop-shadow(0 0 14px rgba(222,225,255,.55));animation:profileSmokeRing 5.4s ease-out infinite;}.profile_smoke_ring_one{transform:translate(-50%,-50%);}.profile_smoke_ring_two{transform:translate(-50%,-50%) scale(.65);animation-delay:1.3s;}.profile_smoke_ring_three{transform:translate(-50%,-50%) scale(.4);animation-delay:2.6s;}
.profile_smoke_glow{position:absolute;left:50%;bottom:-20%;width:52%;height:76%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(218,223,255,.35),transparent 67%);filter:blur(15px);animation:profileSmokeGlow 5s ease-in-out infinite;}
@keyframes profileSmokeRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.28);}18%{opacity:.9;}100%{opacity:0;transform:translate(-50%,-50%) scale(2.5) translateY(-80px);}}
@keyframes profileSmokeGlow{0%,100%{opacity:.28;transform:translateX(-50%) scale(.85);}50%{opacity:.75;transform:translateX(-50%) scale(1.1);}}

.profile_effect_energy{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 23%),linear-gradient(145deg,rgba(8,23,57,.98),rgba(18,107,155,.72) 48%,rgba(69,17,124,.94));}
.profile_energy_fx{position:absolute;inset:0;overflow:hidden;perspective:650px;}
.profile_energy_orbit{position:absolute;left:50%;top:50%;width:60%;height:34%;border:4px solid rgba(101,242,255,.82);border-radius:50%;transform:translate(-50%,-50%) rotateX(66deg);box-shadow:0 0 14px #45eaff,0 0 35px rgba(176,73,255,.82);animation:profileEnergyOrbit 3.7s linear infinite;}.profile_energy_orbit_two{width:45%;height:70%;border-color:rgba(255,116,233,.75);transform:translate(-50%,-50%) rotateY(62deg);animation-direction:reverse;animation-duration:4.6s;}
.profile_energy_core{position:absolute;left:50%;top:50%;width:17%;height:17%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 10%,#89f5ff 24%,#a357ff 58%,transparent 72%);box-shadow:0 0 24px 7px #6ceaff,0 0 60px 18px rgba(173,79,255,.78);animation:profileEnergyCore 2.1s ease-in-out infinite;}
.profile_energy_particle{position:absolute;color:#e1ffff;font-size:30px;text-shadow:0 0 12px #7defff,0 0 25px #bb61ff;animation:profileEnergyParticle 3.2s ease-in-out infinite;}.profile_energy_particle_one{left:19%;top:28%;}.profile_energy_particle_two{right:17%;top:63%;animation-delay:1s;}.profile_energy_particle_three{left:68%;top:17%;animation-delay:1.8s;}
@keyframes profileEnergyOrbit{0%{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(0);}100%{transform:translate(-50%,-50%) rotateX(66deg) rotateZ(360deg);}}
@keyframes profileEnergyCore{0%,100%{transform:translate(-50%,-50%) scale(.7);filter:brightness(.85);}50%{transform:translate(-50%,-50%) scale(1.18);filter:brightness(1.3);}}
@keyframes profileEnergyParticle{0%,100%{opacity:.2;transform:scale(.6) translateY(12px);}50%{opacity:1;transform:scale(1.2) translateY(-14px);}}

@media (prefers-reduced-motion: reduce){
	.profile_aurora_band,.profile_aurora_star,.profile_flame,.profile_ember,.profile_neon_ring,.profile_neon_line,.profile_neon_dot,.profile_rainbow_arc,.profile_rainbow_spark,.profile_coin,.profile_gold_beam,.profile_crown_icon,.profile_crown_ray,.profile_crown_spark,.profile_wing,.profile_wing_core,.profile_wing_feather,.profile_moon_crescent,.profile_moon_halo,.profile_moon_star,.profile_rose_bloom,.profile_rose_petal,.profile_rose_leaf,.profile_firework,.profile_firework_spark,.profile_smoke_ring,.profile_smoke_glow,.profile_energy_orbit,.profile_energy_core,.profile_energy_particle{animation:none!important;}
	.profile_aurora_band,.profile_neon_ring,.profile_rainbow_arc,.profile_crown_ray,.profile_wing,.profile_moon_halo,.profile_smoke_ring,.profile_energy_orbit{opacity:.65;}
	.profile_crown_icon,.profile_moon_crescent,.profile_energy_core{opacity:.9;}
}
@media (max-width:600px){
	.store_effect_preview.profile_effect_bg_css{min-height:102px;flex-basis:102px;}
	.profile_crown_icon{font-size:86px;}
	.profile_firework{width:84px;height:84px;}
}


/* Store header/menu alignment and stable section controls. */
.store_modal .store_user_bar{
    display:grid !important;
    grid-template-columns:minmax(190px,1fr) minmax(260px,1.35fr) minmax(190px,1fr) !important;
    align-items:center !important;
    gap:14px !important;
    width:calc(100% - 24px) !important;
    margin:12px !important;
    padding:12px 18px !important;
    box-sizing:border-box !important;
}
.store_modal .store_user_left{grid-column:1 !important;justify-self:end !important;min-width:0 !important;}
.store_modal .store_user_center{grid-column:2 !important;justify-self:center !important;width:100% !important;min-width:0 !important;}
.store_modal .store_user_status{width:min(100%,340px) !important;min-width:0 !important;margin:auto !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.store_modal .store_user_wallet{grid-column:3 !important;justify-self:start !important;min-width:0 !important;}
.store_modal .store_menu{display:flex !important;align-items:center !important;justify-content:center !important;gap:18px !important;width:100% !important;padding:0 18px !important;box-sizing:border-box !important;}
.store_modal .store_menu_item{flex:0 1 150px !important;min-width:110px !important;display:flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;text-align:center !important;}
@media screen and (max-width:768px){
 .store_modal .store_user_bar{grid-template-columns:1fr !important;gap:8px !important;text-align:center !important;}
 .store_modal .store_user_left,.store_modal .store_user_center,.store_modal .store_user_wallet{grid-column:1 !important;justify-self:center !important;}
 .store_modal .store_user_left{flex-direction:row !important;}
 .store_modal .store_user_wallet{justify-content:center !important;}
 .store_modal .store_menu{gap:4px !important;padding:0 8px !important;overflow-x:auto !important;justify-content:flex-start !important;}
 .store_modal .store_menu_item{flex:0 0 auto !important;min-width:92px !important;padding-left:10px !important;padding-right:10px !important;}
}