@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

/* ============ 7MO STORE — DARK NAVY THEME (full) ============ */
:root{
  --color-primary:#1570ef !important;
  --color-primary-dark:#0a4bd0 !important;
  --color-primary-light:#3aa8ff !important;
  --color-primary-reverse:#ffffff !important;
  --mo-bg:#02040b;
  --mo-card:rgba(5,13,32,.82);
  --mo-blue:#1570ef;
  --mo-blue2:#0a4bd0;
  --mo-cyan:#4aa8ff;
  --mo-text:#e6eefc;
  --mo-muted:#7f93b8;
  --mo-border:rgba(40,110,220,.28);
  --mo-glow:0 0 22px rgba(21,112,239,.5);
}

html{scroll-behavior:smooth;background:#02040b !important}
html,body,body *{font-family:'Tajawal',sans-serif !important}
body{background:transparent !important;color:var(--mo-text) !important;overflow-x:hidden}
::selection{background:var(--mo-blue);color:#fff}

/* ---------- Background: black -> deep navy, blue glow top-right, glowing arcs ---------- */
body::before{
  content:"";position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(ellipse 75% 65% at 100% 0%,rgba(24,115,235,.85) 0%,rgba(8,60,165,.5) 32%,rgba(3,30,95,.25) 55%,transparent 75%),
    radial-gradient(ellipse 55% 60% at 100% 55%,rgba(3,40,125,.55),transparent 70%),
    radial-gradient(ellipse 60% 45% at 100% 100%,rgba(4,30,95,.5),transparent 70%),
    linear-gradient(120deg,#010208 0%,#020512 45%,#031030 100%);
  animation:moBreath 14s ease-in-out infinite alternate;
}
@keyframes moBreath{from{filter:brightness(.92)}to{filter:brightness(1.12)}}
body::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(circle 64vmax at -22% -42%,transparent calc(100% - 90px),rgba(15,100,255,.35) calc(100% - 3px),#58b6ff calc(100% - 1.5px),transparent 100%),
    radial-gradient(circle 80vmax at 110% 150%,transparent calc(100% - 110px),rgba(15,100,255,.4) calc(100% - 3px),#58b6ff calc(100% - 1.5px),transparent 100%);
}
#mo-particles{position:fixed;inset:0;z-index:-1;pointer-events:none}

main,.app-inner,.main-content,section,.s-block,.s-block--fixed-banner,
.bg-white,.bg-gray-50,.bg-gray-100,.bg-gray-200,[class*="bg-store-bg"]{background-color:transparent !important}

/* ---------- Text ---------- */
h1,h2,h3,h4,h5,h6,label,.s-product-card-content-title a,.s-product-card-content-title{color:var(--mo-text) !important}
p,li,.text-gray-500,.text-gray-600,.text-gray-700,.text-gray-400{color:var(--mo-muted) !important}
a{transition:color .25s}
a:hover{color:var(--mo-cyan)}

.s-block__title h2,.section-title,.s-slider-block__title h2,.s-block-title{
  position:relative;display:inline-block;font-weight:900 !important;font-size:1.7rem;
  background:linear-gradient(90deg,#fff,#8cc6ff 60%,var(--mo-blue));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent !important;
}
.s-block__title h2::after,.section-title::after,.s-slider-block__title h2::after{
  content:"";position:absolute;right:0;bottom:-8px;height:3px;width:55%;border-radius:4px;
  background:linear-gradient(90deg,var(--mo-blue),transparent);box-shadow:var(--mo-glow);
  animation:moLine 2.6s ease-in-out infinite alternate;
}
@keyframes moLine{from{width:25%}to{width:80%}}

/* ---------- Header ---------- */
.store-header,#mainnav,.main-nav-container,.top-navbar,header{
  background:linear-gradient(180deg,#03070f 0%,#02040b 100%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--mo-border) !important;
  box-shadow:0 8px 30px rgba(0,0,0,.6);
}
/* شريط الشحن الأزرق أعلى الصفحة — نفس لون الخلفية */
salla-bullet-delivery-tag{
  display:block;background:#02040b !important;color:#9fc4f5 !important;
  border-bottom:1px solid var(--mo-border) !important;
}
salla-bullet-delivery-tag *{background:transparent !important;color:inherit !important;fill:currentColor}
.store-header a,.main-menu a,#mainnav a,header a,header i,header svg{color:var(--mo-text) !important;fill:currentColor}
.main-menu>li>a{position:relative;font-weight:700}
.main-menu>li>a::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:2px;background:var(--mo-cyan);box-shadow:var(--mo-glow);transition:.3s;transform:translateX(-50%)}
.main-menu>li>a:hover::after{width:100%}
.main-menu>li>a:hover{color:var(--mo-cyan) !important}
.store-header img{filter:drop-shadow(0 0 8px rgba(21,112,239,.55));transition:transform .4s}
.store-header img:hover{transform:scale(1.06)}
/* كبسولة السلة + زر اللغة — زجاجية داكنة بنفس لون الخلفية */
.s-cart-summary-wrapper,.s-localization-modal-trigger-btn{
  background:rgba(5,13,32,.65) !important;border:1px solid var(--mo-border) !important;border-radius:999px !important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .25s,color .25s;
}
.s-cart-summary-wrapper:hover,.s-localization-modal-trigger-btn:hover{border-color:rgba(74,168,255,.55) !important}
.s-cart-summary-count-badge,a.s-cart-summary-wrapper b.s-cart-summary-total,b.s-cart-summary-total{
  background:transparent !important;background-image:none !important;color:#7db8ff !important;box-shadow:none !important;animation:none !important;
}
a.s-cart-summary-wrapper b.s-cart-summary-total,b.s-cart-summary-total b,.s-cart-summary-total b,.s-cart-summary-total i{color:#7db8ff !important;font-weight:900}
.s-cart-summary-total b,.s-cart-summary-total i{color:#7db8ff !important;font-weight:900}
.s-cart-summary-count{
  background:linear-gradient(135deg,var(--mo-blue2),var(--mo-blue)) !important;color:#fff !important;animation:moPulse 2.4s infinite;
}

/* ---------- Product cards ---------- */
.s-product-card-entry{
  background:var(--mo-card) !important;border:1px solid var(--mo-border) !important;border-radius:22px !important;
  overflow:hidden;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;
  transform-style:preserve-3d;will-change:transform;
}
.s-product-card-entry::before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--moAng,0deg),transparent 0 70%,#58b6ff,var(--mo-blue),transparent);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;animation:moSpin 4s linear infinite;
}
@property --moAng{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes moSpin{to{--moAng:360deg}}
.s-product-card-entry:hover{transform:translateY(-10px);border-color:rgba(74,168,255,.55) !important;box-shadow:0 24px 55px rgba(0,0,0,.7),0 0 36px rgba(21,112,239,.3)}
.s-product-card-entry:hover::before{opacity:1}
.s-product-card-image{background:radial-gradient(circle at 50% 40%,rgba(21,112,239,.2),transparent 70%) !important;overflow:hidden}
.s-product-card-image img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.s-product-card-entry:hover .s-product-card-image img{transform:scale(1.1);filter:drop-shadow(0 14px 22px rgba(21,112,239,.45))}
.s-product-card-content-title a{font-weight:800}
.s-product-card-content-title a:hover{color:var(--mo-cyan) !important}

.s-product-card-price,.s-product-card-sale-price h4,.total-price,.product-price,.price{color:#5ab0ff !important;font-weight:900 !important}
.s-product-card-starting-price,.before-price,.s-product-card-sale-price span{color:var(--mo-muted) !important;text-decoration:line-through}

.s-product-card-promotion-title,.s-product-card-ribbon,.badge,.product-label{
  background:linear-gradient(135deg,var(--mo-blue2),var(--mo-blue)) !important;color:#fff !important;border:0 !important;
  border-radius:999px !important;font-weight:800;animation:moPulse 2.4s infinite;
}
@keyframes moPulse{0%,100%{box-shadow:0 0 0 0 rgba(21,112,239,.5)}50%{box-shadow:0 0 0 9px rgba(21,112,239,0)}}

/* ---------- BUY BUTTONS ---------- */
.s-button-element,.s-button-primary,salla-add-product-button button,
.s-add-product-button-main button,.btn,button[type="submit"]{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#0a3fb0 0%,#1570ef 55%,#2a8bff 100%) !important;background-size:200% 200% !important;
  color:#fff !important;border:0 !important;border-radius:14px !important;font-weight:800 !important;
  box-shadow:0 8px 22px rgba(10,75,208,.5),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .25s,box-shadow .25s;animation:moBtnFlow 6s ease infinite;
}
@keyframes moBtnFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.s-button-element::after,.s-button-primary::after{
  content:"";position:absolute;top:0;left:-130%;width:50%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);
  transform:skewX(-22deg);animation:moShine 3.6s ease-in-out infinite;pointer-events:none;
}
@keyframes moShine{0%{left:-130%}55%,100%{left:170%}}
.s-button-element:hover,.s-button-primary:hover,salla-add-product-button button:hover{
  transform:translateY(-3px) scale(1.04);box-shadow:0 14px 32px rgba(21,112,239,.65),0 0 26px rgba(42,139,255,.45),inset 0 1px 0 rgba(255,255,255,.35);
}
.s-button-element:active{transform:scale(.96)}
.s-button-outline,.s-button-primary-outline,.s-button-outline-primary{
  background:transparent !important;border:1.5px solid var(--mo-blue) !important;color:var(--mo-cyan) !important;box-shadow:none;animation:none;
}
.s-button-outline:hover{background:rgba(21,112,239,.18) !important}
.mo-ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.45);transform:scale(0);animation:moRipple .6s linear;pointer-events:none}
@keyframes moRipple{to{transform:scale(4);opacity:0}}

/* ---------- Inputs / product page / cart ---------- */
input,select,textarea,.s-form-control,.form-input{
  background:rgba(4,10,26,.9) !important;color:var(--mo-text) !important;border:1px solid var(--mo-border) !important;border-radius:12px !important;transition:.25s;
}
input:focus,select:focus,textarea:focus{border-color:var(--mo-cyan) !important;box-shadow:0 0 0 3px rgba(74,168,255,.18),var(--mo-glow) !important;outline:0}
.product-single,.product-form,.cart-item,.s-cart-summary-wrapper,.s-quantity-input,
.s-modal-body,.s-modal-content,.sidebar,.tabs__item-content,.s-comments-card{
  background:var(--mo-card) !important;border:1px solid var(--mo-border);border-radius:20px;color:var(--mo-text);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
}
.product-single img{border-radius:18px}
.main-image img,.product-single .swiper-slide img{filter:drop-shadow(0 20px 40px rgba(21,112,239,.3))}
.s-quantity-input button{color:var(--mo-cyan) !important}
hr,.divider{border-color:var(--mo-border) !important}

/* ---------- Footer ---------- */
.store-footer,footer{background:linear-gradient(180deg,transparent,#010309 45%) !important;border-top:1px solid var(--mo-border) !important;position:relative}
.store-footer::before,footer::before{
  content:"";position:absolute;top:-1px;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--mo-blue),#58b6ff,var(--mo-blue),transparent);background-size:200% 100%;
  box-shadow:var(--mo-glow);animation:moBar 5s linear infinite;
}
@keyframes moBar{to{background-position:200% 0}}
footer a,.store-footer a{color:var(--mo-muted) !important}
footer a:hover,.store-footer a:hover{color:var(--mo-cyan) !important;padding-inline-start:4px}

::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:#02040b}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--mo-blue2),var(--mo-blue));border-radius:10px}

/* ---------- Extras added by JS ---------- */
#mo-progress{position:fixed;top:0;right:0;height:3px;width:0;z-index:99999;background:linear-gradient(90deg,var(--mo-blue2),#58b6ff);box-shadow:var(--mo-glow)}
#mo-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(21,112,239,.16),transparent 65%);transform:translate(-50%,-50%)}
#mo-ticker{background:linear-gradient(90deg,#010409,#081838,#010409);color:#9fc4f5;font-weight:800;font-size:.9rem;overflow:hidden;white-space:nowrap;position:relative;z-index:50;border-bottom:1px solid var(--mo-border)}
#mo-ticker .track{display:inline-block;padding:8px 0;animation:moTicker 30s linear infinite}
#mo-ticker span{margin:0 34px}
@keyframes moTicker{from{transform:translateX(0)}to{transform:translateX(50%)}}
#mo-top{position:fixed;bottom:22px;left:22px;width:48px;height:48px;border-radius:50%;border:1px solid var(--mo-border);cursor:pointer;z-index:9999;
  background:linear-gradient(135deg,var(--mo-blue2),var(--mo-blue));color:#fff;font-size:22px;box-shadow:var(--mo-glow);
  opacity:0;transform:translateY(20px) scale(.6);transition:.35s;pointer-events:none}
#mo-top.show{opacity:1;transform:none;pointer-events:auto}
#mo-top:hover{transform:translateY(-4px) scale(1.1)}

.mo-reveal{opacity:0;transform:translateY(40px) scale(.97);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.mo-reveal.in{opacity:1;transform:none}

#mo-loader{position:fixed;inset:0;z-index:999999;background:#02040b;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:moHide .7s ease 2.4s forwards}
#mo-loader .logo{font-size:3rem;font-weight:900;letter-spacing:2px;color:#fff;animation:moLogo 1.2s ease-in-out infinite alternate}
#mo-loader .logo b{color:var(--mo-blue);text-shadow:0 0 25px var(--mo-blue)}
#mo-loader .bar{margin-top:18px;width:180px;height:4px;border-radius:4px;background:rgba(255,255,255,.08);overflow:hidden}
#mo-loader .bar i{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--mo-blue2),#58b6ff);border-radius:4px;animation:moLoad 1s ease-in-out infinite}
@keyframes moLogo{from{transform:scale(.94);filter:drop-shadow(0 0 8px rgba(21,112,239,.4))}to{transform:scale(1.05);filter:drop-shadow(0 0 24px rgba(21,112,239,.9))}}
@keyframes moLoad{0%{margin-right:-40%}100%{margin-right:100%}}
@keyframes moHide{to{opacity:0;visibility:hidden}}

/* ============ BANNERS PRO ============ */
@property --mo-ang{syntax:'<angle>';initial-value:0deg;inherits:false}

.s-block--photos-slider .swiper-slide,
.s-block--fixed-banner a,
.s-block--banners a{
  position:relative !important;display:block;overflow:hidden !important;
  border-radius:22px !important;isolation:isolate;
  border:2px solid transparent !important;
  background:
    linear-gradient(#02040b,#02040b) padding-box,
    conic-gradient(from var(--mo-ang),#0a4bd0,#4aa8ff,#ffffff,#1570ef,#0a4bd0) border-box !important;
  box-shadow:0 0 0 1px rgba(74,168,255,.15),0 18px 45px -12px rgba(21,112,239,.55),0 0 28px rgba(21,112,239,.25) !important;
  animation:moSpin 6s linear infinite,moFloat 6s ease-in-out infinite;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s !important;
}
@keyframes moSpin{to{--mo-ang:360deg}}
@keyframes moFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* الصورة نفسها: بدون تغميق، حواف ناعمة */
.s-block--photos-slider .swiper-slide img,
.s-block--fixed-banner img,
.s-block--banners img{
  border-radius:20px !important;filter:none !important;
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .6s !important;
}

/* لمعة تمر على البنر */
.s-block--photos-slider .swiper-slide::before,
.s-block--fixed-banner a::before,
.s-block--banners a::before{
  content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.28) 48%,rgba(140,200,255,.18) 52%,transparent 65%) !important;
  transform:translateX(-120%);animation:moShine 4.5s ease-in-out infinite;border-radius:inherit;opacity:1 !important;
}
@keyframes moShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* توهج داخلي + إطار زجاجي */
.s-block--photos-slider .swiper-slide::after,
.s-block--fixed-banner a::after,
.s-block--banners a::after{
  content:"" !important;position:absolute !important;inset:0 !important;z-index:3 !important;pointer-events:none;
  border-radius:inherit;background:none !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 40px rgba(21,112,239,.35) !important;
  animation:moPulse 3s ease-in-out infinite;
}
@keyframes moPulse{0%,100%{opacity:.55}50%{opacity:1}}

/* عند المرور (كمبيوتر) */
@media (hover:hover){
  .s-block--fixed-banner a:hover,.s-block--banners a:hover,.s-block--photos-slider .swiper-slide:hover{
    box-shadow:0 0 0 1px rgba(74,168,255,.4),0 26px 60px -10px rgba(21,112,239,.8),0 0 50px rgba(74,168,255,.45) !important;
  }
  .s-block--fixed-banner a:hover img,.s-block--banners a:hover img{transform:scale(1.06) !important;filter:brightness(1.08) saturate(1.15) !important}
}

/* ضغطة على الجوال */
.s-block--fixed-banner a:active,.s-block--banners a:active{transform:scale(.97) !important}

/* ظهور عند السكرول */
.mo-bn{opacity:0;transform:translateY(40px) scale(.96);filter:blur(6px)}
.mo-bn.mo-in{opacity:1;transform:none;filter:none;transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s}

/* مسافات بين البنرات */
.s-block--fixed-banner,.s-block--banners{padding-inline:12px}
.s-block--banners a{margin-bottom:14px}

@media (max-width:768px){
  .s-block--photos-slider .swiper-slide,.s-block--fixed-banner a,.s-block--banners a{border-radius:16px !important}
  .s-block--photos-slider .swiper-slide img,.s-block--fixed-banner img,.s-block--banners img{border-radius:14px !important}
}
@media (prefers-reduced-motion:reduce){
  .s-block--photos-slider .swiper-slide,.s-block--fixed-banner a,.s-block--banners a,
  .s-block--photos-slider .swiper-slide::before,.s-block--fixed-banner a::before,.s-block--banners a::before{animation:none !important}
}

.s-block--photos-slider .swiper-slide-active img{animation:moKen 9s ease-out both}
@keyframes moKen{from{transform:scale(1)}to{transform:scale(1.07)}}

.swiper-pagination-bullet{background:#fff !important;opacity:.4}
.swiper-pagination-bullet-active{background:#58b6ff !important;opacity:1;box-shadow:var(--mo-glow);width:22px !important;border-radius:6px !important}
.swiper-button-next,.swiper-button-prev{color:#8cc6ff !important}
.s-block--photos-slider .swiper-button-next,.s-block--photos-slider .swiper-button-prev{
  width:44px !important;height:44px !important;border-radius:50%;background:rgba(2,5,14,.65);border:1px solid rgba(88,182,255,.45);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 16px rgba(21,112,239,.45);
}
.s-block--photos-slider .swiper-button-next::after,.s-block--photos-slider .swiper-button-prev::after{font-size:16px !important;font-weight:900}

@media (max-width:768px){
  #mo-glow{display:none}
  .s-block__title h2,.section-title{font-size:1.35rem}
  .s-product-card-entry:hover,.s-block--fixed-banner a:hover{transform:none}
  .s-block--photos-slider .swiper-slide,.s-block--fixed-banner a,.s-block--banners a{border-radius:18px !important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important}
  .mo-reveal,.mo-bn{opacity:1;transform:none;filter:none}
}

/* ============ FOOTER LEGENDARY ============ */
@property --mo-fang{syntax:'<angle>';initial-value:0deg;inherits:false}
.store-footer,footer{
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%,rgba(21,112,239,.22),transparent 70%),
    linear-gradient(180deg,#030816 0%,#010309 100%) !important;
  border-top:0 !important;overflow:hidden;padding-top:10px
}
.store-footer::after,footer::after{
  content:"";position:absolute;top:0;inset-inline:0;height:2px;z-index:2;
  background:linear-gradient(90deg,transparent,#1570ef,#4aa8ff,#fff,#4aa8ff,#1570ef,transparent);
  background-size:200% 100%;animation:moFline 4s linear infinite;box-shadow:0 0 18px #1570ef
}
@keyframes moFline{to{background-position:-200% 0}}

/* كل قسم = بطاقة زجاجية بإطار متوهج يدور */
.store-footer__inner > div > div,
.store-footer .lg\:col-span-2,
.store-footer [class*="col-span"]{
  position:relative;border-radius:22px;padding:22px 18px !important;margin-bottom:18px;
  border:1.5px solid transparent;
  background:
    linear-gradient(rgba(5,13,32,.88),rgba(3,8,22,.92)) padding-box,
    conic-gradient(from var(--mo-fang),rgba(21,112,239,.15),#4aa8ff,rgba(21,112,239,.15) 40%,rgba(21,112,239,.15)) border-box;
  box-shadow:0 18px 40px -14px rgba(0,0,0,.8),0 0 30px rgba(21,112,239,.12);
  animation:moFspin 7s linear infinite;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
@keyframes moFspin{to{--mo-fang:360deg}}

/* العناوين */
.store-footer h3,.store-footer h4,footer h3,footer h4{
  position:relative;display:inline-block;font-weight:900 !important;font-size:1.25rem !important;
  color:#fff !important;padding-bottom:10px;margin-bottom:14px !important;text-shadow:0 0 14px rgba(74,168,255,.45)
}
.store-footer h3::after,.store-footer h4::after,footer h3::after,footer h4::after{
  content:"";position:absolute;bottom:0;inset-inline-start:0;height:3px;width:45px;border-radius:3px;
  background:linear-gradient(90deg,#1570ef,#4aa8ff);box-shadow:0 0 12px #1570ef;animation:moFbar 2.6s ease-in-out infinite alternate
}
@keyframes moFbar{to{width:100%}}

/* اسم المتجر بتدرج لامع */
.store-footer h3:first-of-type{
  background:linear-gradient(90deg,#fff,#8cc6ff,#1570ef,#fff);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent !important;animation:moFtext 5s linear infinite
}
@keyframes moFtext{to{background-position:-250% 0}}

/* الوصف */
.store-footer p,footer p{color:#a9bbdc !important;line-height:2 !important;font-size:.98rem}

/* عناصر التواصل */
.store-footer .s-contacts-item,.store-footer a[href^="tel"],.store-footer a[href^="mailto"],.store-footer a[href*="wa.me"],.store-footer a[href*="whatsapp"]{
  display:flex !important;align-items:center;gap:12px;padding:8px 10px !important;margin-bottom:8px;border-radius:16px;
  background:rgba(21,112,239,.06);border:1px solid rgba(74,168,255,.12);
  color:#d6e4ff !important;transition:all .35s cubic-bezier(.2,.8,.2,1) !important;direction:rtl
}
.store-footer .s-contacts-item:hover,.store-footer a[href^="tel"]:hover,.store-footer a[href^="mailto"]:hover,.store-footer a[href*="wa.me"]:hover{
  background:rgba(21,112,239,.18);border-color:rgba(74,168,255,.5);transform:translateX(-6px);
  box-shadow:0 0 22px rgba(21,112,239,.35);padding-inline-start:10px !important;color:#fff !important
}
.store-footer .s-contacts-item span,.store-footer a[href^="tel"] span,.store-footer a[href^="mailto"] span{direction:ltr;unicode-bidi:plaintext}

/* أيقونات التواصل والسوشيال */
.store-footer .s-contacts-icon,
.store-footer .s-social-link,.store-footer .s-social-list a,
.store-footer a[class*="social"]{
  width:46px !important;height:46px !important;min-width:46px;border-radius:50% !important;
  display:inline-flex !important;align-items:center;justify-content:center;
  border:0 !important;color:#fff !important;position:relative;
  background:linear-gradient(135deg,#0a4bd0,#1570ef 55%,#4aa8ff) !important;
  box-shadow:0 0 0 3px rgba(21,112,239,.18),0 8px 22px -6px rgba(21,112,239,.8);
  animation:moFpulse 2.8s ease-in-out infinite;transition:transform .4s cubic-bezier(.2,.8,.2,1) !important
}
.store-footer .s-contacts-icon svg,.store-footer .s-social-link svg,.store-footer .s-social-list a svg,
.store-footer .s-contacts-icon i,.store-footer .s-social-link i{color:#fff !important;fill:currentColor;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}
@keyframes moFpulse{0%,100%{box-shadow:0 0 0 3px rgba(21,112,239,.18),0 8px 22px -6px rgba(21,112,239,.8)}50%{box-shadow:0 0 0 8px rgba(21,112,239,0),0 8px 30px -4px rgba(74,168,255,1)}}
.store-footer .s-contacts-item:hover .s-contacts-icon{transform:rotate(-12deg) scale(1.1)}
.store-footer .s-social-link:hover,.store-footer .s-social-list a:hover{transform:translateY(-5px) rotate(8deg) scale(1.12)}

/* السوشيال في المنتصف */
.store-footer .s-social-list,.store-footer [class*="social-list"]{display:flex !important;justify-content:center;gap:14px;flex-wrap:wrap;padding:14px 0}

/* الفاصل */
.store-footer hr,.store-footer [class*="border-t"]{border-color:transparent !important;
  background-image:linear-gradient(90deg,transparent,rgba(74,168,255,.5),transparent);background-size:100% 1px;background-repeat:no-repeat}

/* الحقوق */
.store-footer [class*="copyright"],.store-footer__copyright{color:#7f93b8 !important;text-align:center;font-size:.85rem}

@media (prefers-reduced-motion:reduce){
  .store-footer *,.store-footer::after{animation:none !important}
}