@font-face{
font-family:'SST Arabic';
src:url('._SaudiWeb-SemiBold.woff_proof.html') format('woff');
font-weight:400;
font-style:normal;
}

*{
font-family:'SST Arabic',sans-serif !important;
}
#swirly-overlay{

position:fixed;
inset:0;

background:rgba(0,0,0,.55);

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

z-index:999999;

animation:swirlyFade .4s ease;

}

#swirly-popup{

position:relative;

background:white;

width:90%;
max-width:430px;

padding:35px;

border-radius:28px;

text-align:center;

box-shadow:
0 25px 60px rgba(0,0,0,.25);

animation:swirlyPop .35s ease;

}

#swirly-close{

position:absolute;

top:15px;
left:15px;

border:none;
background:none;

font-size:22px;

cursor:pointer;

opacity:.6;

}

#swirly-close:hover{

opacity:1;

}

.swirly-icon{

font-size:52px;

margin-bottom:10px;

}

#swirly-popup h2{

color:#7c4dff;

margin-bottom:10px;

font-size:30px;

}

#swirly-popup p{

font-size:16px;

line-height:1.8;

margin-bottom:20px;

}

.discount-code{

background:
linear-gradient(
135deg,
#7c4dff,
#5e35b1
);

color:white;

padding:15px;

border-radius:18px;

font-size:28px;

font-weight:700;

letter-spacing:2px;

margin-bottom:12px;

}

.discount-note{

display:block;

font-size:13px;

opacity:.7;

margin-bottom:25px;

}

#swirly-shop-now{

background:
linear-gradient(
135deg,
#7c4dff,
#5e35b1
);

color:white;

border:none;

padding:14px 28px;

border-radius:14px;

cursor:pointer;

font-size:16px;

font-weight:700;

}

#swirly-shop-now:hover{

transform:translateY(-2px);

}

@keyframes swirlyFade{

from{
opacity:0;
}

to{
opacity:1;
}

}

@keyframes swirlyPop{

from{
opacity:0;
transform:translateY(20px) scale(.95);
}

to{
opacity:1;
transform:translateY(0) scale(1);
}

}