/* Add custom CSS styles below */ 
/* ==========================================================
   Mansour Stationery — Modern Clean
   CSS only / Salla Raed theme
   ========================================================== */

:root {
  --mansour-navy: #153f75;
  --mansour-blue: #28679f;
  --mansour-sky: #8dc9e4;
  --mansour-ice: #edf7fb;
  --mansour-paper: #f8fbfd;
  --mansour-ink: #173047;
  --mansour-muted: #647b8d;
  --mansour-line: rgba(30, 84, 128, 0.12);
  --mansour-shadow: 0 18px 50px rgba(20, 61, 105, 0.11);
  --mansour-radius: 28px;
}

html { scroll-behavior: smooth; }

body.theme-raed {
  background:
    /* radial-gradient(circle at 92% 4%, rgba(141, 201, 228, 0.18), transparent 24rem),*/
    linear-gradient(180deg, #f7fbfd 0%, #eef6fa 56%, #f7fbfd 100%) !important;
}

/* Header — both Salla desktop sections stay inside one rounded shell */
.store-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 60 !important;
  width: min(calc(100% - 32px), 1235px) !important;
  margin: 16px auto 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 14px 38px rgba(21, 63, 117, 0.1) !important;
}

.store-header .top-navbar {
  border-radius: 22px 22px 0 0;
  display: block !important;
  min-height: 44px;
  border: 0 !important; 
  background: #fff !important;
}

/* إخفاء روابط الصفحات (سياسة الاسترجاع والشروط والأحكام) من الهيدر العلوي فقط */
/*.store-header .top-navbar ul,
.store-header .top-navbar .nav,
.store-header .top-navbar .header-links, */
.store-header .top-navbar a[href*="page"],
.store-header .top-navbar a[href*="privacy"],
.store-header .top-navbar a[href*="terms"]{
  display: none !important;
}

.store-header #mainnav {
  border-radius: 0 0 22px 22px;
  min-height: 76px;
  height: 76px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-header .main-menu .sub-menu {
  z-index: 90 !important;
  overflow: hidden;
  border: 1px solid rgba(40, 103, 159, 0.12);
  border-radius: 16px;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(21, 63, 117, 0.16);
}

/*.store-header .top-navbar {
  display: block !important;
  min-height: 44px;
  border: 0 !important;
  background: #fff !important;
}*/

.store-header .header-search input,
.store-header salla-search input {
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  background: #f3f7fa !important;
  color: var(--mansour-ink) !important;
  box-shadow: inset 0 0 0 1px rgba(30, 84, 128, 0.06);
}

/*.store-header #mainnav,*/
.store-header #mainnav .inner {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;

  height: 76px !important;
  position: relative !important;
}

.store-header .top-navbar > .container,
.store-header #mainnav .inner > .container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding-inline: 18px !important;
}

/*.store-header #mainnav .inner,
.store-header #mainnav .inner > .container {
  height: 76px !important;
  position: relative !important;
}*/

/* ==========================================================
   ترتيب عناصر الهيدر: الشعار والتصنيفات وعزل أزرار اليسار
   ========================================================== */

/* 1. ضبط الحاوية المرنة للهيدر */
.store-header #mainnav .inner > .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  position: relative !important;
  height: 76px !important;

  flex-direction: row !important;
  padding-inline-start: 18px !important;
  margin: 0 !important;
}

.store-header .main-menu .sub-menu {
  z-index: 90 !important;
  overflow: hidden;
  border: 1px solid rgba(40, 103, 159, 0.12);
  border-radius: 16px;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(21, 63, 117, 0.16);
}

/* الحاوية اللي فيها المجموعتين */
.store-header #mainnav .inner .container > .flex.items-stretch.justify-between {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* يمين: زر القائمة (موبايل) + اللوقو + التصنيفات */
.store-header #mainnav .inner .container > .flex.items-stretch.justify-between > .flex.items-center:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-shrink: 0 !important;
}

/* اللوقو */
.store-header a[data-testid="store-header-logo"] {
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.store-header a[data-testid="store-header-logo"] img { max-height: 58px !important; }

/* التصنيفات */
.store-header custom-main-menu {
  display: flex !important;
  align-items: center !important;
}

.store-header custom-main-menu a {
  border-radius: 12px;
  color: var(--mansour-ink) !important;
  background: transparent !important;
  border: 0 !important;
  padding: 6px 10px !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  transition: color .2s ease, transform .2s ease !important;
  transform: translateY(-4px) !important;
}
.store-header custom-main-menu a:hover {
  color: var(--mansour-navy) !important;
  transform: translateY(-1px) !important;
}

/* يسار: الحساب + السلة + المبلغ الكلي */
.store-header #mainnav .inner .container > .flex.items-stretch.justify-between > .flex.items-center.justify-end {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-inline-start: auto !important;
  flex-shrink: 0 !important;
}

/* Keep Salla's two header sections together when its fixed-header class activates. */
.store-header #mainnav.fixed-header,
.store-header #mainnav.fixed-pinned {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  animation: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-header #mainnav.fixed-header .inner,
.store-header #mainnav.fixed-pinned .inner {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  animation: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.store-header .navbar-brand img { max-height: 58px !important; }

.store-header #mainnav { min-height: 76px; height: 76px !important; }

.store-header .main-menu a,
.store-header #mainnav a {
  border-radius: 12px;
  color: var(--mansour-ink) !important;
  transition: color .2s ease, background-color .2s ease, transform .2s ease;
}

.store-header .main-menu a:hover,
.store-header #mainnav a:hover {
  color: var(--mansour-navy) !important;
  background: transparent;
  transform: translateY(-1px);
}

.store-header .header-btn__icon,
.store-header salla-user-menu,
.store-header salla-cart-summary {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  inset: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

.store-header .header-btn__icon,
.store-header .s-user-menu-login-btn {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--mansour-navy) !important;
  box-shadow: none !important;
}

.store-header .header-btn__icon { font-size: 18px !important; }

/* A simpler account glyph while keeping Salla's native button and behavior. */
.store-header .s-user-menu-login-btn svg { display: none !important; }
.store-header .s-user-menu-login-btn::before {
  width: 23px;
  height: 23px;
  content: "";
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='3.1'/%3E%3Cpath d='M5.5 18.5c.9-3.2 3.05-4.8 6.5-4.8s5.6 1.6 6.5 4.8'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8.2' r='3.1'/%3E%3Cpath d='M5.5 18.5c.9-3.2 3.05-4.8 6.5-4.8s5.6 1.6 6.5 4.8'/%3E%3C/svg%3E") center / contain no-repeat;
}

.store-header .s-cart-summary-count {
  border: 2px solid #fff !important;
  background: var(--mansour-blue) !important;
  color: #fff !important;
  box-shadow: 0 5px 12px rgba(40, 103, 159, 0.24);
}

.store-header .s-cart-summary-total,
.store-header salla-cart-summary .s-cart-summary-price,
.store-header salla-cart-summary [class*="total"] {
  display: inline-block !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  color: var(--mansour-ink) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin-inline-start: 4px !important;
}
/*
#main-content .s-block--slider,
#main-content [class*="slider-block"],
#main-content .banner--slider,
#main-content .s-slider-block,
.s-block--slider {
  width: min(calc(100% - 32px), 1235px) !important;
  max-width: 1235px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
  overflow: hidden !important;
  border-radius: var(--mansour-radius, 28px) !important;
}

#main-content .s-block--slider .swiper,
#main-content .s-block--slider .swiper-container,
#main-content .s-slider-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: var(--mansour-radius, 28px) !important;
}

#main-content .s-block--slider .swiper-slide,
#main-content .s-block--slider .banner__entry {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  border-radius: var(--mansour-radius, 28px) !important;
}

#main-content .s-block--slider img,
#main-content .banner--slider img,
.s-block--slider .swiper-slide img,
.s-block--slider .banner__entry img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: var(--mansour-radius, 28px) !important;
}
*/

/* Body & Main Content */
#main-content {
  width: 100%;
  padding-top: 14px !important; /* تقليص الفراغ بين الهيدر وأول عنصر */
}

#main-content > .s-block {
  margin-block: 0 24px !important;
}

#main-content > .s-block > .container,
#main-content > .container {
  width: min(calc(100% - 32px), 1235px) !important;
  max-width: 1235px !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

/*
.s-block--slider,
.s-block--fixed-banner,
.s-block--banners {
  margin-bottom: 24px !important;
}

.s-block--slider .banner,
.s-block--slider .swiper,
.s-block--slider .swiper-slide,
.s-block--slider .banner__entry,
.s-block--fixed-banner .banner {
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: var(--mansour-radius) !important;
}

.s-block--slider .swiper,
.s-block--fixed-banner .banner {
  border: 1px solid rgba(40, 103, 159, 0.24) !important;
  background: #fff;
  box-shadow: 0 18px 45px rgba(21, 63, 117, 0.12) !important;
  transform: translateZ(0);
}

*/

/* ضبط صور البانر لتغطي المساحة بنسبة متناسقة وبدون حواف بيضاء شاذة */
/*
.s-block--slider img,
.s-block--fixed-banner .banner img,
.banner--slider img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
  border-radius: calc(var(--mansour-radius) - 2px) !important;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
}

.s-block--slider:hover img,
.s-block--fixed-banner .banner:hover img { 
  transform: scale(1.008); 
} */

/* شكل النقطة غير النشطة */
/*
.s-block--slider .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #c3dced !important;
  opacity: 0.8 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
} */

/* أزرار التنقل ونقاط الترقيم للبانر المتحرك لتناسب ألوان المتجر */
/*
.s-block--slider .swiper-pagination-bullet-active {
  background: var(--mansour-blue) !important;
  width: 18px !important;
  border-radius: 6px !important;
} */

/* وضع شريط النقاط خارج إطار الصورة وتحتها مباشرة */
/*
.s-block--slider .swiper-pagination,
.banner--slider .swiper-pagination {
  position: absolute !important;
  bottom: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  z-index: 10 !important;
}

.s-block--slider .swiper-button-next,
.s-block--slider .swiper-button-prev {
  color: var(--mansour-navy) !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(4px);
  width: 38px !important;
  height: 38px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 14px rgba(21, 63, 117, 0.15) !important;
}
*/

#best-offers-2-slider {
  overflow: visible !important;
  margin-block: 8px 28px !important;
}
/*
#best-offers-2-slider .s-slider-block__title {
  min-height: 54px;
  margin-bottom: 0 !important;
  padding: 6px 2px !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}

#best-offers-2-slider .s-slider-block__title h2 {
  font-size: 1.3rem;
  letter-spacing: -.02em;
}

#best-offers-2-slider .s-slider-block__display-all {
  padding: 5px 0;
  border-bottom: 1px solid rgba(40, 103, 159, 0.28);
  border-radius: 0;
  background: transparent;
  color: var(--mansour-blue) !important;
  box-shadow: none;
}

#best-offers-2-slider .s-slider-nav-arrow {
  width: 34px;
  height: 34px;
  border: 0 !important;
  background: transparent;
  box-shadow: none;
}
*/

.s-products-slider-wrapper,
.s-block--best-offers {
  border-radius: var(--mansour-radius);
}

/* خلفيه كلمة "احدث المنتجات" وتحت اراء العملاء وفوق البانر المتحرك
.s-slider-block__title {
  margin-bottom: 18px !important;
  padding: 20px 24px !important;
  border: 1px solid var(--mansour-line);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 10px 30px rgba(21, 63, 117, 0.07);
}

.s-slider-block__title h2 { color: var(--mansour-ink) !important; font-weight: 800; }
.s-slider-block__display-all { color: var(--mansour-blue) !important; font-weight: 700; }


.s-slider-block__title h2 { color: var(--mansour-ink) !important; font-weight: 800; }
*/ 

/* شريط عنوان أحدث المنتجات والسليدر */
.s-block--products-slider .s-slider-block__title,
.s-slider-block__title,
.s-block-title-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #ffffff !important;
  border-radius: 22px !important;
  padding: 16px 24px !important;
  margin-bottom: 22px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  box-shadow: 0 10px 30px rgba(21, 63, 117, 0.06) !important;
  width: 100% !important;
}

/* عنوان القسم */
.s-slider-block__title h2,
.s-slider-block__title .title {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
}

/* مجموعة اليسار (الأسهم + زر عرض الكل) */
.s-slider-block__title > div,
.s-slider-block__title .flex,
.s-slider-block__action {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}

/* بطاقات المنتجات */ 
salla-product-card,
salla-product-card .s-product-card-entry,
.s-product-card-entry {
  display: flex !important;
  flex-direction: column !important;
 /* aspect-ratio: 3 / 4 !important;*/
  justify-content: space-between !important;
  overflow: hidden !important;
  border: 1.5px dashed rgba(40, 103, 159, 0.72) !important;
  border-radius: 26px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 10px 30px rgba(21, 63, 117, 0.08) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
}

salla-product-card:hover .s-product-card-entry {
  transform: translateY(-3px) !important;
  box-shadow: 0 14px 34px rgba(21, 63, 117, 0.14) !important;
}

.s-product-card-entry {
  padding-bottom: 8px !important; /* تقليل الفراغ أسفل البطاقة */
}

/* 1. ضبط إطار الصورة الخارجي والداخلي */
salla-product-card,
salla-product-card .s-product-card-image,
.s-product-card-entry .s-product-card-image,
salla-product-card [class*="product-card-image"] {
  min-height: unset !important;
  height: auto !important;
  max-height: none !important;
}

salla-product-card .s-product-card-image,
.s-product-card-entry .s-product-card-image,
salla-product-card a:has(img) {
  width: calc(100% - 16px) !important;
  aspect-ratio: 1 / 1 !important;
  margin: 8px auto 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background-color: #f8fbfd !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

/* 2. إجبار الصورة على الاحتواء الكامل وإلغاء أي قص أو تكبير */
salla-product-card img,
salla-product-card .s-product-card-image img,
.s-product-card-entry .s-product-card-image img,
salla-product-card [class*="image"] img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important; /* ظهور كامل محتوى الصورة والشعار دون قص */
  object-position: center !important;
  transform: none !important; /* إلغاء التكبير */
  /* padding: 2px !important; /* مسافة أمان لعدم ملامسة الحواف المقوسة */
  display: block !important;
}}

/* القسم السفلي للبطاقة */
.s-product-card-entry .s-product-card-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 8px 10px 0 !important;
  background: transparent !important; 
  border-radius: 0 0 18px 18px !important;
  flex-grow: 1 !important;
}

.s-product-card-entry .s-product-card-content-title {
  font-size: 0.88rem !important;
  font-weight: 700 !important;
  color: var(--mansour-ink, #173047) !important;
  text-align: center !important;
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.8em !important;
}

.s-product-card-entry .s-product-card-wishlist-btn {
  display: none !important; 
}

.s-product-card-entry .s-product-card-content-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 2px !important;
  margin-bottom: 4px !important;
  padding: 0 !important;
  transform: translateY(-6px) !important; /* رفع الزر للأعلى */
}

.s-product-card-entry .s-product-card-content-footer salla-add-product-button,
.s-product-card-entry .s-product-card-content-footer salla-add-product-button > div,
.s-product-card-entry .s-product-card-content-footer salla-button,
.s-product-card-entry button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  border: 1px solid rgba(209, 77, 63, 0.25) !important;
  background: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

salla-product-card button,
.s-product-card-entry button,
.s-product-card-entry .s-button-disabled {
  width: auto !important;
  min-width: 120px !important;
  height: 36px !important;
  padding-inline: 16px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--mansour-navy, #153f75), var(--mansour-blue, #28679f)) !important;
  color: #fff !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  border: 0 !important;
  box-shadow: 0 6px 18px rgba(21, 63, 117, 0.18) !important;
}

/* مظهر زر نفدت الكمية في حال عدم توفر المنتج */
.s-product-card-entry .s-button-disabled,
.s-product-card-entry button[disabled] {
  background: #8fa6ba !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 0.85 !important;
}
.s-product-card-entry .s-product-card-price {
  margin-bottom: 4px !important; /* تقليل المسافة بين السعر والزر */
}

salla-product-card .s-product-card-content-subtitle,
.s-product-card-entry .s-product-card-content-subtitle {
  display: none !important;
}

/* Footer */

.store-footer {
  /* width: min(calc(100% - 32px), 1235px) !important; */
  width: calc(100% - 20px) !important;
  margin: 22px auto 10px !important;
   /* margin: 36px auto 14px !important; */
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 30px !important;
  background: linear-gradient(135deg, #174c83, #123762) !important;
  color: #fff !important;
  box-shadow: 0 22px 55px rgba(14, 48, 86, 0.2);
 /* text-align: center !important;*/
}

.store-footer__inner {
  padding-block: 28px 20px !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: #fff !important;
}

.store-footer__inner .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  padding-inline: 24px !important;
  text-align: center !important; 
}

.store-footer__inner .container > div {
  display: flex !important;
  width: 100% !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.store-footer h3,
.store-footer a,
.store-footer p,
.store-footer .text-gray-500,
.store-footer .text-gray-400 {
  color: #fff !important;
  text-align: center !important;
}

.store-footer p {
  max-width: 54ch; 
  color: rgba(255,255,255,.78) !important;
  line-height: 1.75; 
  margin-inline: auto !important;
}

.store-footer h3 { 
  margin-bottom: 10px !important; 
  font-weight: 800; 

  font-size: 1.05rem !important;
  letter-spacing: .01em !important;
}

.store-footer salla-apps-icons:empty {
  display: none !important;
}

.store-footer a { 
  opacity: .86;
  transition: opacity .2s ease, transform .2s ease;
  justify-content: center !important;
}

.store-footer a:hover {
  opacity: 1;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
 /* transform: translateX(-2px);*/ 
}

.store-footer > .container,
.store-footer > div:last-child {
  padding-inline: 24px !important;
  padding-block: 16px !important;
  border-top: 0 !important;
  background: transparent !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/* إظهار وتنسيق حسابات التواصل في الفوتر للجوال والكمبيوتر */
.store-footer .contact-social,
.store-footer salla-social-share,
.store-footer .s-social-icons {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin: 16px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateX(-65px) !important;
}

.store-footer .contact-social a,
.store-footer .s-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  color: #fff !important;
  transition: transform 0.2s ease, background-color 0.2s ease !important;
}

.store-footer .contact-social a:hover,
.store-footer .s-social-icons a:hover,
.store-footer .s-contacts-item a:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
} 

/* الأرقام والإيميل مع الأيقونات في المنتصف*/
.store-footer salla-contacts,
.store-footer .s-contacts,
.store-footer .s-contacts-list,
.store-footer .s-contacts-list-vertical {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: auto !important;
  padding: 0 !important;
  margin: 16px auto !important;
}

/* العنصر الفردي: الأيقونة يمين والنص/الإيميل يسار في سطر واحد */
.store-footer .s-contacts-item,
.store-footer .s-contacts-list li {
  display: grid !important;
  grid-template-columns: 32px 140px !important;
  direction: rtl !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  width: auto !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}
/*
.store-footer .s-contacts-item > *,
.store-footer .s-contacts-list li > * {
  margin: 0 !important;
  padding: 0 !important;
}*/

/* تنسيق النص/الإيميل والرقم */
.store-footer .s-contacts-item a,
.store-footer .s-contacts-item span,
.store-footer .s-contacts-item .unicode {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  text-decoration: none !important;
  line-height: 1 !important;
  direction: ltr !important; /* لضبط شكل الأرقام والإيميل */
  white-space: nowrap !important;
  opacity: 0.95 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* تكبير الدائرة الخارجية للأيقونة */
.store-footer .s-contacts-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  flex-shrink: 0 !important;
  transition: all 0.25s ease !important;
}

/* تنسيق الأيقونةالداخلية */
.store-footer .s-contacts-item i,
.store-footer .s-contacts-item svg,
.store-footer .s-contacts-item img,
.store-footer .s-contacts-icon svg,
.store-footer .s-contacts-icon img,
.store-footer .s-contacts-icon i {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  font-size: 20px !important;
  color: #ffffff !important;
  fill: currentColor !important;
}

/* إخفاء النسخة العلوية دائمًا */
salla-social[data-testid="store-footer-social"] {
  display: none !important;
}

.wa-s-n,
a[aria-label*="WhatsApp" i] {
  box-shadow: 0 12px 30px rgba(22, 76, 63, 0.24) !important;
}

/* Responsive */

@media (min-width: 1024px) {
  
  /* إظهار نسخة الجوال بالأسفل، بس على شاشات الكمبيوتر فقط */
  div.lg\:hidden.contact-social {
    display: flex !important;
    justify-content: flex-start !important;
    grid-column: 3 !important;
    grid-row: 2 !important;
    margin: 14px 0 0 !important; 
  } 
  
  .store-header,
  .store-footer,
  #main-content > .s-block > .container,
  #main-content > .container {
    width: min(calc(100% - 48px), 1040px) !important;
    max-width: 1040px !important;
  }

  .store-footer__inner .container {
    display: grid !important;
    grid-template-columns: 1.3fr 0.8fr 1.1fr !important;
    grid-auto-rows: min-content !important;
    gap: 40px 32px !important;
    align-items: start !important;
    padding-inline: 40px !important;
    text-align: right !important;
  }
  
  .store-footer__inner .container > div {
     width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: right !important;
    grid-row: 1 !important;
  }

  .store-footer__inner .container > div h3 {
    margin-top: 0 !important;
    text-align: right !important;
    width: 100% !important;
  }

  store-footer p {
    text-align: right !important;
    margin-inline: 0 !important;
    line-height: 1.9 !important;
  }

  .store-footer salla-contacts,
   .store-footer .s-contacts-list-vertical {
    align-items: flex-start !important;
    margin: 12px 0 0 !important;
  }

  .store-footer .contact-social,
  .store-footer .s-social-icons,
  .store-footer .s-contacts-item {
    justify-content: flex-start !important;
    margin-inline: 0 !important;
  }

  /* تثبيت ترتيب الأعمدة الثلاثة بالضبط */
  .store-footer__inner .container > div:has(blockquote)     {
    grid-column: 1 !important; 
  }
  
  .store-footer__inner .container > div:has(salla-menu)     {
    grid-column: 2 !important; 
    align-items: flex-start !important;
  }
  
  .store-footer__inner .container > div:has(salla-contacts) {
    grid-column: 3 !important; 
    align-items: flex-start !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateY(-16px) !important; /* الرفعة هنا */
  }

  .store-footer__inner .container > div:has(salla-menu) .s-menu-footer-item {
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    transform: none !important;
  }

    /* هوفر: خط تحتي */
  .store-footer__inner .container > div:has(salla-menu) .s-menu-footer-item:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    opacity: 1 !important;
    transform: none !important;
  }

  /* محاذاة عمود "تواصل معنا" لليمين مثل باقي الأعمدة */
  .store-footer__inner .container > div:has(salla-contacts) {
    align-items: flex-start !important;
    text-align: right !important;
  }

  .store-footer__inner .container > div:has(salla-contacts) h3 {
    text-align: right !important;
    width: 100% !important;
    margin-bottom: 6px !important;
  }

  /* وضع أيقونات السوشيال تحت عمود "تواصل معنا" بنفس محاذاته */
  .store-footer__inner .container > div:has(salla-contacts) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  div.lg\:hidden.contact-social {
    grid-column: 3 !important;
    justify-content: flex-start !important;
    margin: 8px 0 0 !important;
  }

  .store-footer .s-contacts-list-vertical {
    align-items: flex-start !important;
    margin: 12px 0 0 !important;
  }

  .store-footer .s-contacts-item {
    justify-content: flex-start !important;
  }

  .store-footer > div:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  margin-top: 8px !important;
}
}

/* شاشات الجوال: عمود واحد في المنتصف */
@media (max-width: 767px) {
  .store-header {
    top: 8px !important;
    width: calc(100% - 20px) !important;
    margin-top: 10px !important;
    border-radius: 20px !important;
  }

  .store-header .top-navbar { min-height: 42px; }
  .store-header #mainnav { min-height: 70px; height: 70px !important; }
  .store-header #mainnav .inner,
  .store-header #mainnav .inner > .container { height: 70px !important; }
  .store-header .top-navbar > .container,
  .store-header #mainnav .inner > .container { padding-inline: 14px !important; }
  .store-header .navbar-brand img { max-height: 46px !important; }

  #main-content { 
    padding-top: 10px !important; 
  }
  
  #main-content > .s-block { 
    margin-bottom: 16px !important; 
  }
  
  #main-content > .s-block > .container,
  #main-content > .container { 
    width: calc(100% - 20px) !important; 
  }

  /* قياسات وحواف البانر في الجوال */
  /*
  .s-block--slider .swiper,
  .s-block--fixed-banner .banner { 
    padding: 0 !important; 
    border-radius: 20px !important; 
    box-shadow: 0 10px 24px rgba(21, 63, 117, 0.12) !important; 
  }
  
  .s-block--slider img,
  .s-block--fixed-banner .banner img { 
    border-radius: 18px !important; 
  }

#main-content .s-block--slider,
  #main-content [class*="slider-block"],
  #main-content .banner--slider {
    width: calc(100% - 20px) !important;
    border-radius: 20px !important;
  }

  #main-content .s-block--slider .swiper,
  #main-content .s-block--slider .swiper-slide,
  #main-content .s-block--slider img {
    border-radius: 20px !important;
  }
  */
  
  .store-footer {
    width: calc(100% - 20px) !important;
    margin: 22px auto 10px !important;
    border-radius: 24px !important;
  }

  .store-footer__inner {
    padding-block: 24px 18px !important;
  }
  
  .store-footer__inner .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding-inline: 16px !important;
    text-align: center !important;
  }
  
  .store-footer__inner .container > div:first-child { grid-column: 1 / -1 !important; }
  .store-footer__inner .container > salla-apps-icons { grid-column: 1 / -1 !important; }
  
  .store-footer__inner .container > div { 
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
  }


  
  .store-footer__inner a { justify-content: center !important; }
  .store-footer__inner .flex.gap-4 { justify-content: center !important; }
  
  .store-footer p { 
    text-align: center !important;
    font-size: 0.85rem !important;
    margin-inline: auto !important;
  }
  
  .store-footer__inner .max-w-sm.leading-6.mb-6 {
    margin-bottom: 24px !important;
    line-height: 1.65 !important;
  }

  .store-footer .s-trust-badges-image { height: 48px !important; }
  #best-offers-2-slider .s-slider-block__title {
    min-height: 50px;
    padding: 5px 2px !important;
  }
  
  #best-offers-2-slider .s-slider-block__title h2 { font-size: 1.08rem; }
  #best-offers-2-slider .s-slider-block__display-all { padding: 5px 0; font-size: .82rem; }
  
  #best-offers-2-slider .s-slider-container {
    width: 100% !important;
    margin-inline: 0 !important;
    padding-inline: 0 !important;
  }
  #best-offers-2-slider .swiper-slide {
    width: calc((100% - 10px) / 2) !important;
    margin-inline-end: 10px !important;
  }
  #best-offers-2-slider .swiper-slide:last-child { margin-inline-end: 0 !important; }

.s-product-card-entry {
  border-radius: 16px !important;
}
  .s-product-card-entry .s-product-card-image {
    width: calc(100% - 14px) !important;
    margin: 7px 7px 0 !important;
    border-radius: 16px 16px 0 0 !important;
  }
  .s-product-card-entry .s-product-card-content { 
    padding-inline: 10px !important;
  }

  .s-product-card-entry .s-product-card-content-title {
    font-size: .82rem !important; 
    line-height: 1.55 !important; 
  }

  .s-product-card-entry .s-product-card-price {
    font-size: .9rem !important; 
  }

  .s-product-card-entry button {
    min-width: 112px !important;
    padding-inline: 12px !important;
    font-size: .78rem !important;
  }

  .store-footer salla-contacts ul,
  .store-footer .s-contacts-list {
    justify-content: center !important; 
  }

  .store-footer salla-contacts,
  .store-footer .s-contacts-list-vertical { 
    align-items: center !important;
    margin-inline: auto !important; 
  }

  /*.store-footer .s-contacts-list-vertical {
    width: 100% !important;
    gap: 10px !important;
  }*/
  
  .store-footer .s-contacts-item {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    width: 100% !important;
    column-gap: 6px;
  }

  .store-footer .contact-social,
  .store-footer salla-social-share,
  .store-footer .s-contacts-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 14px auto 0 !important;
    transform: none !important;
  }
  
  .store-footer .s-contacts-item .unicode {
    min-width: 0;
    font-size: .72rem !important;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .store-footer > .container,
  .store-footer > div:last-child {
    padding: 18px 18px 14px !important; 

  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}