/* ============ Footer — CSS only ============ */
.store-footer{
  --footer-logo-h: clamp(44px, 5vw, 68px);     /* حجم الشعار */
  --footer-title-fs: clamp(18px, 2.1vw, 22px); /* عناوين */
  --footer-text-fs:  clamp(15px, 1.8vw, 16.5px);/* نصوص */
  --footer-gap: 14px;                           /* مسافات عامة */
}

/* حاوية الأعمدة: نجبرها Flex بدل Grid ونوسّط */
.store-footer__top .footer-content{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap: var(--footer-gap) !important;
  text-align:center; /* يوّسط النص */
}

/* كل عمود بعرض مرن */
.store-footer__top .footer-content > div{
  min-width: 240px;
  max-width: 420px;
}

/* القائمتان جنب بعض على الجوال إذا فيه عرض كافي */
.store-footer .important-links,
.store-footer salla-contacts{
  flex: 1 1 260px; /* عند ≥ ~520px يصيرون عمودين، وإلا يتكدسون */
}

/* الشعار أصغر وبالوسط */
.store-footer .footer-logo img,
.store-footer .footer-logo .img-fluid{
  height: var(--footer-logo-h) !important;
  max-height: var(--footer-logo-h) !important;
  width: auto !important;
  object-fit: contain;
  display:block;
  margin-inline:auto; /* وسط */
}

/* تكبير مريح للنصوص */
.store-footer__top p,
.store-footer__top .s-menu-footer-item{
  font-size: var(--footer-text-fs);
  line-height: 1.85;
}

/* عناوين الأعمدة */
.store-footer__top h3,
.store-footer__top .s-contacts-title{
  font-size: var(--footer-title-fs);
  font-weight: 800;
  margin-bottom: 10px;
}

/* تقليل المسافة بين روابط "روابط مهمّة" */
.store-footer .important-links .s-menu-footer-item{
  display:block;
  padding: 4px 0 !important;   /* مسافة أصغر */
  margin: 0 !important;
}

/* توسيط قسم "تواصل معنا" بالكامل */
.store-footer salla-contacts .s-contacts-list{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 6px;
}
.store-footer salla-contacts .s-contacts-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
}

/* توسيط كتلة الرقم الضريبي */
.store-footer__top .flex.items-center{
  justify-content:center !important;
  text-align:center;
}
.store-footer__top .flex.items-center .h-12{ height: 40px !important; }

/* الشريط السفلي — توسيط كامل على الديسكتوب */
.store-footer .footer-bottom .flex{
  justify-content:center !important;
  align-items:center !important;
  text-align:center;
  gap: 10px !important;
}
.store-footer .footer-bottom .s-payments-list{ justify-content:center; gap:8px; }
.store-footer .footer-bottom .s-social-list{ display:flex; justify-content:center; gap:10px; }

/* موبايل صغير جدًا: اسمح للأعمدة بالتمدد بعرض كامل */
@media (max-width: 520px){
  .store-footer__top .footer-content > div{ min-width:100%; max-width:100%; }
}


/* اخفِ عنوان قسم العروض فقط */
section#best-offers-5-slider .s-block__title {
  display: none !important;
}
section#best-offers-8-slider .s-block__title {
  display: none !important;
}
section#best-offers-8-slider{
  margin-top: 20px; /* حرّك للأعلى */
}

section#best-offers-6-slider{
  margin-top: 20px; /* حرّك للأعلى */
}

/* إخفاء أزرار التحريك في جميع السلايدرات */
.s-slider-block__title-nav {
  display: none !important;
}

#app > div.app-inner.flex.flex-col > section:nth-child(6) > div > div > div.pt-6.text-center.grid {
  margin-top: -35px !important; /* ارفع القسم للأعلى */
}

#app > div.app-inner.flex.flex-col > section:nth-child(7) > div > div > div.pt-6.text-center.grid {
  margin-top: -35px !important; /* ارفع للأعلى */
}

#app > div.app-inner.flex.flex-col > section:nth-child(11) > div > div > div.pt-6.text-center.grid {
  margin-top: -35px !important; /* ارفع للأعلى */
}



 @media (max-width: 768px) {
  .home-slider-data {
    text-align: right !important; /* محاذاة النصوص لليمين */
    padding-right: 20px !important; /* إزاحة نحو اليمين */
  }

  .home-slider-data h3,
  .home-slider-data p {
    text-align: right !important; /* تأكيد المحاذاة */
    margin-right: 10px !important; /* تقريب إضافي من الطرف */
  }
}

/* يوسّط البلوك الثالث داخل عموده في نفس الصف */
#s-block--features-10 .features-home-grid.features-home-grid-third
  > .s-block--features__item:nth-child(3){
  justify-self: center !important;  /* Grid */
  align-self: center !important;
  width: fit-content !important;    /* ما يكون عرض كامل */
  margin: 0 auto !important;
  text-align: center !important;
}
/* خلي الثالث ياخذ سطر كامل ويتوسط الحاوية */
#s-block--features-10 .features-home-grid.features-home-grid-third
  > .s-block--features__item:nth-child(3){
  grid-column: 1 / -1 !important;   /* يمتد على كل الأعمدة */
  justify-self: center !important;  /* يتوسط أفقياً */
  max-width: 520px;                 /* حد اختياري للعرض */
  text-align: center !important;
}























/* === Countdown styles === */
#home-countdown-wrapper{margin:20px 0;}
#countdown-header{
  background:#ffefc4;color:#8a5300;text-align:center;
  padding:10px 15px;font-size:16px;font-weight:bold;
  border:1px solid #f4d28c;border-radius:8px 8px 0 0;margin-bottom:0;
}
#home-countdown-timer{
  background:#fff;border:1px solid #e5e5e5;border-top:none;
  padding:15px;text-align:center;border-radius:0 0 8px 8px;
  font-family:'Cairo',Arial,sans-serif;font-size:16px;
}
#home-countdown-timer p{
  margin:0 0 8px;font-weight:600;color:#333;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
#home-countdown-timer #timer{
  font-size:18px;font-weight:bold;color:#d9534f;display:block;margin-top:4px;direction:rtl;
}
.hourglass{
  display:inline-block;width:20px;height:20px;
  background:url('https://cdn-icons-png.flaticon.com/128/6393/6393911.png') no-repeat center;
  background-size:contain;animation:hourglass-rotate 2.5s infinite ease-in-out;
}
@keyframes hourglass-rotate{
  0%{transform:rotate(0)}45%{transform:rotate(180deg)}55%{transform:rotate(180deg)}100%{transform:rotate(360deg)}
}




/* === Coupon Popup Styles === */
:root {
  --popup-radius: 16px;
  --popup-shadow: 0 20px 60px rgba(0,0,0,.3);
}

#coupon-popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  display: grid;
  place-items: center;
  z-index: 100000;
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease;
}

#coupon-popup-overlay.active {
  opacity: 1;
  pointer-events: auto;
}

#coupon-popup {
  width: min(92vw, 460px);
  background: #fff;
  color: #111;
  border-radius: var(--popup-radius);
  box-shadow: var(--popup-shadow);
  padding: 22px 20px 18px;
  text-align: center;
  direction: rtl;
  transform: scale(.96) translateY(8px);
  transition: transform .25s cubic-bezier(.2,.8,.2,1), opacity .25s ease;
  opacity: 0;
  position: relative;
  overflow: hidden;
}

#coupon-popup-overlay.active #coupon-popup {
  transform: scale(1) translateY(0);
  opacity: 1;
}

#coupon-close {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: none;
  background: #f3f3f3;
  cursor: pointer;
  font-size: 18px;
}

#coupon-title {
  font-size: 1.2rem;
  font-weight: 800;
  margin: 8px 0 6px;
}

#coupon-sub {
  font-size: .95rem;
  opacity: .8;
  margin-bottom: 14px;
}

.coupon-box {
  display: flex;
  gap: 8px;
  align-items: stretch;
  justify-content: center;
  margin: 12px 0 6px;
}

.coupon-code {
  flex: 1;
  border: 2px dashed #111;
  border-radius: 10px;
  padding: 10px 12px;
  font-weight: 800;
  letter-spacing: .5px;
  text-align: center;
  background: #fafafa;
  user-select: all;
}

.copy-btn {
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  font-weight: 700;
  cursor: pointer;
  background: #111;
  color: #fff;
}

.copy-btn:active {
  transform: translateY(1px);
}

.hint {
  font-size: .85rem;
  opacity: .7;
  margin-top: 2px;
}

@media (prefers-reduced-motion: reduce) {
  #coupon-popup-overlay, #coupon-popup {
    transition: none;
  }
}


/* === شريط الخصم المتحرك ===*/
#promo-bar {
  background: #000; /* أسود */
  color: #fff; /* نص أبيض */
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  padding: 10px 0;
  overflow: hidden;
  position: relative;
  z-index: 50;
  animation: fadeSlideDown 0.8s ease-out both;
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#promo-bar .promo-content {
  white-space: nowrap;
  display: inline-block;
  animation: scrollTextReverse 11s linear infinite;
}

@keyframes scrollTextReverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

#promo-bar strong {
  color: #000; /* النص داخل المستطيل يكون أسود */
  background: #fff; /* خلفية بيضاء لتبرز النص */
  padding: 2px 8px;
  border-radius: 4px;
  margin: 0 5px;
}

#promo-bar {
  background: #000;
  color: #fff;
  /* ... باقي الخصائص ... */
  position: relative;
  z-index: 1;   /* أو احذف سطر z-index بالكامل */
}