/* Add custom CSS styles below */ 
/* الشريط الإعلاني */
.s-advertisement-content-main{
position:relative;
overflow:hidden;
padding:10px 0;
text-align:center;
background:linear-gradient(90deg,#111,#1c1c1c,#111);
height:40px;
display:flex;
align-items:center;
justify-content:center;
}

/* الرسالة الأولى */
.s-advertisement-content-main a{
position:absolute;
animation:adMessage1 8s infinite;
      font-weight: 600;
    font-size: 18px;
    color: #f5d77a;
}

/* الرسالة الثانية */
.s-advertisement-content-main::after{
content:"🛒 استخدم كود Welcome واحصل على خصم 10٪ على أول طلب!";
position:absolute;
color:#f5d77a;
font-weight:600;
font-size:18px;
animation:adMessage2 8s infinite;
}
.s-advertisement-content-icon{

  display: none;
}

/* الرسالة الأولى */
@keyframes adMessage1{
0%{transform:translateY(0);opacity:1}
40%{transform:translateY(0);opacity:1}
50%{transform:translateY(-40px);opacity:0}
90%{transform:translateY(-40px);opacity:0}
100%{transform:translateY(0);opacity:1}
}

/* الرسالة الثانية */
@keyframes adMessage2{
0%{transform:translateY(40px);opacity:0}
40%{transform:translateY(40px);opacity:0}
50%{transform:translateY(0);opacity:1}
90%{transform:translateY(0);opacity:1}
100%{transform:translateY(40px);opacity:0}
}



/* نخلي الصورة بحجم منطقي */
#mainnav .navbar-brand img {
    max-height: 60px;
    width: auto;
}
@media (max-width: 1024px) {
    #mainnav .navbar-brand {
        position: relative;
        left: auto;
        transform: none;
        margin: 0 auto;
    }
}
#mainnav .navbar-brand:hover img {
    animation: logoPulse 0.8s ease forwards;
}

@keyframes logoPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.15); }
    100% { transform: scale(1.1); }
}


/* ============================= */
/* شكل البطاقة العام */
.s-product-card-entry {
    border-radius: 18px;
    overflow: hidden;
    transition: all 0.4s ease;
    background: #fff;
}

.s-product-card-entry:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}

/* ============================= */
/* تأثير الصورة */
.s-product-card-image {
    position: relative;
    overflow: hidden;
}

.s-product-card-image img {
    transition: transform 0.6s ease;
}

.s-product-card-entry:hover .s-product-card-image img {
    transform: scale(1.08);
}

/* طبقة إضاءة خفيفة عند الهوفر */
.s-product-card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.25), transparent);
    opacity: 0;
    transition: 0.4s ease;
}

.s-product-card-entry:hover .s-product-card-image::after {
    opacity: 1;
}

/* ============================= */
/* أيقونة المفضلة */
.s-product-card-wishlist-btn {
    backdrop-filter: blur(6px);
    background: rgba(255,255,255,0.7) !important;
    border-radius: 50%;
    transition: 0.3s ease;
}

.s-product-card-wishlist-btn:hover {
    background: #c89b3c !important;
    color: #fff !important;
    transform: scale(1.1);
}

/* ============================= */
/* عنوان المنتج */
.s-product-card-content-title a {
    transition: 0.3s ease;
}

.s-product-card-entry:hover .s-product-card-content-title a {
    color: #c89b3c;
}

/* ============================= */
/* السعر */
.s-product-card-price {
    font-size: 20px;
    font-weight: bold;
    color: #111;
    transition: 0.3s ease;
}

.s-product-card-entry:hover .s-product-card-price {
    color: #c89b3c;
}

/* ============================= */
/* زر نفدت الكمية */
.s-button-disabled {
    background: #eee !important;
    color: #999 !important;
    border-radius: 10px !important;
}

/* ============================= */
/* لو فيه خصم */
.s-product-card-price del {
    color: #999;
    font-size: 14px;
    margin-left: 6px;
}

.s-product-card-price ins {
    color: #c89b3c;
    text-decoration: none;
}

/* ====== Preloader Overlay ====== */
#global-loader {
    position: fixed;
    inset: 0;
    background: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 999999;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* إخفاء ناعم */
#global-loader.hide {
    opacity: 0;
    visibility: hidden;
}

/* اللوجو */
#global-loader img {
    width: 120px;
    margin-bottom: 20px;
    animation: logoFade 1.5s ease-in-out infinite alternate;
}

@keyframes logoFade {
    from { opacity: 0.6; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* سبينر ذهبي */
.loader-spinner {
    width: 45px;
    height: 45px;
    border: 3px solid rgba(255,255,255,0.2);
    border-top: 3px solid #f1b788;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* منع الاسكرول */
body.elite-loading {
    overflow: hidden;
}
body {
    background: #fff;
}

#elite-loader{
position:fixed;
inset:0;
background:#ffffff;
display:flex;
align-items:center;
justify-content:center;
z-index:999999;
transition:opacity .5s;
}

.vet-loader{
text-align:center;
}

/* دائرة التحميل */
.vet-spinner{
width:70px;
height:70px;
border:4px solid #eee;
border-top:4px solid #2bb673;
border-radius:50%;
animation:vetSpin 1s linear infinite;
margin:0 auto 20px;
}

@keyframes vetSpin{
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

/* آثار الأقدام */
.paw-track{
display:flex;
justify-content:center;
gap:10px;
margin-bottom:20px;
}

.paw{
width:28px;
height:28px;
background:url("https://cdn-icons-png.flaticon.com/512/616/616430.png") center/contain no-repeat;
opacity:0;
animation:pawWalk 2s infinite;
}

.paw:nth-child(2){animation-delay:.2s}
.paw:nth-child(3){animation-delay:.4s}
.paw:nth-child(4){animation-delay:.6s}
.paw:nth-child(5){animation-delay:.8s}

@keyframes pawWalk{
0%{opacity:0;transform:translateY(8px)}
50%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-8px)}
}

.vet-text{
font-size:14px;
color:#666;
letter-spacing:.5px;
}



/* اخفاء زر اضافة للسلة */
/* اخفاء زر اضافة للسلة */
.s-product-card-content-footer{
opacity:0;
transform:translateY(10px);
transition:all .3s ease;
}

/* اظهار الزر عند الوقوف على المنتج */
.s-product-card-entry:hover .s-product-card-content-footer{
opacity:1;
transform:translateY(0);
}

/* تأثير على الزر نفسه */
.s-product-card-entry:hover .s-button-element{
background:#0ea5a4;
color:#fff;
border-color:#0ea5a4;
}

/* Hover احترافي */
.s-product-card-entry:hover{
transform:translateY(-5px);
box-shadow:0 12px 25px rgba(0,0,0,.12);
transition:.3s;
}
.s-product-card-sale-price h4{
  font-size:20px;
}
.s-product-card-sale-price span{
  font-size:20px
}

/* زر اضافة للسلة */
.s-button-element.s-button-primary-outline{
background:linear-gradient(135deg,#0ea5a4,#0284c7);
color:#fff !important;
border:none !important;
border-radius:30px;
font-weight:600;
transition:.35s;
position:relative;
overflow:hidden;
}

/* ايقونة السلة */
.s-button-element.s-button-primary-outline i{
margin-left:6px;
transition:.3s;
}

/* حركة الايقونة */
.s-button-element.s-button-primary-outline:hover i{
transform:translateX(-4px);
}

/* تأثير hover */
.s-button-element.s-button-primary-outline:hover{
transform:translateY(-2px);
box-shadow:0 10px 20px rgba(2,132,199,.35);
}

/* لمعة تمر على الزر */
.s-button-element.s-button-primary-outline::after{
content:"";
position:absolute;
top:0;
left:-120%;
width:50%;
height:100%;
background:linear-gradient(
90deg,
transparent,
rgba(255,255,255,.5),
transparent
);
transform:skewX(-20deg);
}

.s-button-element.s-button-primary-outline:hover::after{
animation:shineCart 1s;
}

@keyframes shineCart{
0%{left:-120%}
100%{left:140%}
}

/* حركة اهتزاز لأيقونة السلة داخل كرت المنتج فقط */
/* حركة القفز مع تكبير */
@keyframes bagBounceScale{
0%,100%{
transform:translateY(0) scale(1);
}

5%{
transform:translateY(-6px) scale(1.15);
}

10%{
transform:translateY(0) scale(1);
}
}

/* تطبيق الحركة على أيقونة السلة داخل كرت المنتج فقط */
.s-product-card-entry .sicon-shopping-bag{
display:inline-block;
animation:bagBounceScale 4s infinite;
transition:.2s;
}

.topnav-is-dark .top-navbar {
    --tw-bg-opacity: 1;
    background-color: #084168;
    /*background-color: rgb(16 98 164);*/
    --tw-text-opacity: 1;
    color: #d1d5db;
    color: rgba(209, 213, 219, var(--tw-text-opacity, 1));
}

.store-footer__inner{
    position: relative;
    border-bottom: 1px dashed hsla(0,0%,100%,.1);
    background-color: #084168;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.eid-confetti{
position:fixed;
top:-20px;
pointer-events:none;
z-index:9999;
animation:confetti-fall linear forwards;
}

@keyframes confetti-fall{
0%{
transform:translateY(0) rotate(0deg);
opacity:1;
}
100%{
transform:translateY(110vh) rotate(720deg);
opacity:0;
}
}

.eid-shape{
width:10px;
height:10px;
border-radius:50%;
}

.eid-star{
clip-path:polygon(
50% 0%,61% 35%,98% 35%,68% 57%,
79% 91%,50% 70%,21% 91%,32% 57%,
2% 35%,39% 35%
);
}

.eid-square{
border-radius:2px;
}

/**/

.eid-overlay{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.4);
backdrop-filter:blur(6px);
display:flex;
align-items:center;
justify-content:center;
z-index:99999;
animation:eidFade .4s ease;
}

@keyframes eidFade{
from{opacity:0}
to{opacity:1}
}

.eid-popup{
background:#fff;
border-radius:16px;
padding:35px 30px;
max-width:420px;
width:90%;
text-align:center;
box-shadow:0 20px 60px rgba(0,0,0,.25);
font-family:inherit;
position:relative;
}

.eid-popup h2{
font-size:26px;
margin-bottom:10px;
color:#0794c0;
}

.eid-popup p{
font-size:16px;
line-height:1.7;
color:#444;
}

.eid-close{
position:absolute;
top:10px;
right:12px;
cursor:pointer;
font-size:22px;
color:#888;
}