/* ============================= */
/*     VELAR EMPTY CART PRO      */
/* ============================= */

:root{
--ve-text:#0f172a;
--ve-muted:#64748b;
--ve-accent:#0a58ff;
--ve-accent-soft:rgba(10,88,255,.08);
--ve-glass:rgba(255,255,255,.65);
}

/* الخلفية العامة */
.velar-empty-simple-shell{
min-height:75vh;
padding:80px 20px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);
}

/* الكارت */
.velar-empty-simple{
direction:rtl;
text-align:center;
max-width:640px;
width:100%;
padding:48px 36px;
border-radius:24px;
background:var(--ve-glass);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:
0 10px 40px rgba(2,6,23,.06),
0 2px 6px rgba(2,6,23,.04);
border:1px solid rgba(255,255,255,.4);
position:relative;
overflow:hidden;
}

/* تأثير خلفي خفيف */
.velar-empty-simple::before{
content:"";
position:absolute;
width:260px;
height:260px;
background:radial-gradient(circle,var(--ve-accent-soft),transparent 70%);
top:-80px;
right:-80px;
z-index:0;
}

.velar-empty-simple>*{
position:relative;
z-index:2;
}

/* الأيقونة */
.velar-empty-simple__icon{
width:96px;
height:96px;
margin:0 auto 22px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:var(--ve-accent-soft);
color:var(--ve-accent);
box-shadow:0 8px 24px rgba(10,88,255,.15);
}

.velar-empty-simple__icon svg{
width:42px;
height:42px;
}

/* العنوان */
.velar-empty-simple h1{
margin:0 0 14px;
font-size:30px;
line-height:1.4;
font-weight:900;
color:var(--ve-text);
}

/* الوصف */
.velar-empty-simple p{
margin:0 auto;
max-width:520px;
font-size:15px;
line-height:2;
color:var(--ve-muted);
font-weight:600;
}

/* زر العودة */
.velar-empty-simple__btn{
margin-top:34px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 28px;
border-radius:14px;
text-decoration:none;
background:var(--ve-accent);
color:#fff;
font-weight:800;
font-size:14px;
letter-spacing:.5px;
transition:all .2s ease;
box-shadow:0 12px 30px rgba(10,88,255,.28);
}

.velar-empty-simple__btn:hover{
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(10,88,255,.35);
}

.velar-empty-simple__btn:active{
transform:translateY(0);
box-shadow:0 8px 18px rgba(10,88,255,.25);
}

/* Responsive */
@media (max-width:768px){
.velar-empty-simple{
padding:38px 22px;
}

.velar-empty-simple h1{
font-size:24px;
}
}