/* =========================================================
   عبايات ورود نوره — Header + Hero Slider — IMPORTANT VERSION
   جميع خصائص التنسيق مرفقة بـ !important لتجاوز توريث ثيم رائد.
   يجب وضع هذا الملف في نهاية CSS المخصص داخل سلة.
   أسهم التنقل مخفية نهائياً، ونقاط التنقل تبقى ظاهرة.
   ========================================================= */

/* =========================================================
   عبايات ورود نوره — Header + Hero Slider (Salla / Theme Raed)
   ضع الملف في نهاية CSS المخصص حتى تكون له الأولوية.
   ========================================================= */

:root {
  --at-ink: #211a16!important;
  --at-muted: #756a63!important;
  --at-accent: #a88970!important;
  --at-accent-dark: #80634f!important;
  --at-surface: #fbf8f5!important;
  --at-line: #ebe2db!important;
  --at-radius: 22px!important;
  --at-max-width: 1480px!important;
}

/* ========================= Header ========================= */
.store-header {
  position: relative!important;
  z-index: 50!important;
  color: var(--at-ink)!important;
}

.store-header .container {
  width: 100%!important;
  max-width: var(--at-max-width)!important;
  padding-inline: clamp(14px, 2.3vw, 34px)!important;
}

/* Top bar */
.store-header .top-navbar {
  min-height: 44px !important;
  padding-block: 5px !important;
  background: var(--at-surface)!important;
  border-bottom: 1px solid var(--at-line)!important;
}

.store-header .top-navbar > .container {
  align-items: center!important;
  gap: clamp(14px, 2vw, 30px)!important;
}

.store-header .top-navbar > .container > .flex-1 {
  min-width: 0!important;
}

.store-header .topnav-link-item,
.store-header .s-contacts-topnav-link {
  color: var(--at-muted)!important;
  font-size: 12px!important;
  font-weight: 500!important;
  transition: color 0.25s ease!important;
}

.store-header .topnav-link-item:hover,
.store-header .s-contacts-topnav-link:hover {
  color: var(--at-accent-dark)!important;
}

.store-header .header-search {
  width: 100%!important;
  max-width: 560px!important;
  margin-inline: auto!important;
}

.store-header .header-search .s-search-input {
  height: 38px !important;
  padding-inline: 42px 18px !important;
  color: var(--at-ink) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--at-line) !important;
  border-radius: 999px !important;
  box-shadow: 0 5px 18px rgba(63, 45, 34, 0.05)!important;
  transition: 0.25s ease!important;
}

.store-header .header-search .s-search-input:focus {
  background: #fff !important;
  border-color: rgba(168, 137, 112, 0.75) !important;
  box-shadow: 0 0 0 3px rgba(168, 137, 112, 0.13),
    0 8px 24px rgba(63, 45, 34, 0.08)!important;
}

/* Main navigation */
.store-header #mainnav {
  min-height: 78px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  border-bottom: 1px solid rgba(235, 226, 219, 0.85)!important;
  box-shadow: 0 6px 24px rgba(45, 31, 24, 0.045) !important;
}

.store-header #mainnav .inner {
  background: inherit!important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease!important;
}

.store-header.abaya-header--scrolled #mainnav .inner,
.store-header #mainnav.fixed-pinned .inner {
  background: rgba(255, 255, 255, 0.94) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%)!important;
  backdrop-filter: blur(16px) saturate(135%)!important;
  box-shadow: 0 10px 32px rgba(45, 31, 24, 0.09) !important;
}

.store-header #mainnav .inner > .container > .flex {
  min-height: 78px!important;
}

.store-header .navbar-brand {
  flex: 0 0 auto!important;
  margin-block: 6px !important;
}

.store-header .navbar-brand img {
  width: auto !important;
  max-width: 76px !important;
  max-height: 60px !important;
  object-fit: contain!important;
  transition: max-height 0.25s ease!important;
}

.store-header #mainnav.fixed-pinned .navbar-brand img {
  max-height: 46px !important;
}

@media (min-width: 1024px) {
  .store-header custom-main-menu {
    min-height: 78px !important;
  }

  .store-header .main-menu {
    align-self: stretch!important;
    align-items: stretch !important;
    margin-inline: clamp(10px, 1.8vw, 28px) !important;
    padding-block: 0 !important;
  }

  .store-header .main-menu > li.root-level {
    display: flex !important;
    align-items: stretch!important;
  }

  .store-header .main-menu > li.root-level > a {
    position: relative!important;
    min-height: 78px!important;
    padding: 0 clamp(8px, 0.9vw, 14px) !important;
    color: var(--at-ink)!important;
    font-size: 13px!important;
    font-weight: 600!important;
    white-space: nowrap!important;
  }

  .store-header .main-menu > li.root-level > a::before {
    position: absolute!important;
    right: 12px!important;
    bottom: 13px!important;
    left: 12px!important;
    height: 2px!important;
    content: ""!important;
    background: var(--at-accent)!important;
    border-radius: 99px!important;
    transform: scaleX(0)!important;
    transition: transform 0.25s ease!important;
  }

  .store-header .main-menu > li.root-level:hover > a,
  .store-header .main-menu > li.root-level.is-active > a,
  .store-header .main-menu > li.root-level > a.is-active {
    color: var(--at-accent-dark) !important;
  }

  .store-header .main-menu > li.root-level:hover > a::before,
  .store-header .main-menu > li.root-level.is-active > a::before,
  .store-header .main-menu > li.root-level > a.is-active::before {
    transform: scaleX(1)!important;
  }

  .store-header #mainnav.fixed-pinned custom-main-menu,
  .store-header #mainnav.fixed-pinned .main-menu > li.root-level > a {
    min-height: 68px !important;
  }
}

/* Account and cart */
.store-header .s-user-menu-login-btn,
.store-header #s-cart-icon {
  width: 44px!important;
  height: 44px!important;
  display: inline-flex!important;
  align-items: center!important;
  justify-content: center!important;
  color: var(--at-ink)!important;
  background: #fff!important;
  border: 1px solid var(--at-line)!important;
  border-radius: 50%!important;
  box-shadow: 0 5px 16px rgba(63, 45, 34, 0.055)!important;
  transition: 0.25s ease!important;
}

.store-header .s-user-menu-login-btn:hover,
.store-header #s-cart-icon:hover {
  color: var(--at-accent-dark)!important;
  border-color: rgba(168, 137, 112, 0.65)!important;
  transform: translateY(-1px)!important;
}

.store-header .s-user-menu-login-btn svg {
  width: 22px!important;
  height: 22px!important;
  fill: currentColor!important;
}

.store-header #s-cart-icon .header-btn__icon {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: currentColor!important;
  border: 0 !important;
  background: transparent !important;
}

.store-header .s-cart-summary-count {
  top: -4px !important;
  right: -4px !important;
  left: auto !important;
  min-width: 18px!important;
  height: 18px!important;
  display: grid!important;
  place-items: center!important;
  padding-inline: 4px!important;
  color: #fff!important;
  background: var(--at-accent-dark) !important;
  border: 2px solid #fff!important;
  border-radius: 99px!important;
  font-size: 10px!important;
}

.store-header .s-cart-summary-total {
  color: var(--at-ink) !important;
  font-size: 12px!important;
  font-weight: 600!important;
}

/* ========================== Hero ========================== */
section[data-testid="store-home-photos-slider"] {
  width: 100%!important;
  margin-top: clamp(14px, 2vw, 24px) !important;
  padding-inline: clamp(12px, 2.4vw, 36px)!important;
  overflow-x: hidden!important;
  overflow-x: clip!important;
}

section[data-testid="store-home-photos-slider"] > salla-slider.photos-slider {
  position: relative!important;
  width: min(100%, var(--at-max-width))!important;
  display: block!important;
  margin-inline: auto!important;
}

/* أهم جزء: بانر واحد بعرض كامل، بدون أجزاء جانبية */
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .swiper {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 0 38px !important;
  overflow: hidden !important;
}

section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .swiper-slide {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: hidden!important;
  background: #f4efeb!important;
  border-radius: var(--at-radius) !important;
  transform: translateZ(0)!important;
}

section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .swiper-slide
  > a {
  width: 100%!important;
  height: 100%!important;
  display: block!important;
}

section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .swiper-slide
  img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1440 / 556!important;
  display: block!important;
  object-fit: cover !important;
  object-position: center!important;
  border-radius: 0 !important;
}

/* Navigation arrows over the image */
section[data-testid="store-home-photos-slider"] .s-slider-block__title {
  position: absolute !important;
  inset: 0 0 38px !important;
  z-index: 20!important;
  margin: 0 !important;
  pointer-events: none!important;
}

section[data-testid="store-home-photos-slider"] .s-slider-block__title-left,
section[data-testid="store-home-photos-slider"] .s-slider-block__title-nav {
  width: 100%!important;
  height: 100%!important;
}

section[data-testid="store-home-photos-slider"]
  .s-slider-block__title-nav {
  position: absolute !important;
  inset: 0!important;
  display: flex !important;
  align-items: center!important;
  justify-content: space-between!important;
  margin: 0 !important;
  padding-inline: clamp(10px, 1.6vw, 24px)!important;
  pointer-events: none!important;
}

section[data-testid="store-home-photos-slider"] .s-slider-nav-arrow {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center!important;
  color: var(--at-ink) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 50% !important;
  box-shadow: 0 10px 28px rgba(45, 31, 24, 0.16) !important;
  pointer-events: auto!important;
  -webkit-backdrop-filter: blur(10px)!important;
  backdrop-filter: blur(10px)!important;
  transition: 0.25s ease!important;
}

section[data-testid="store-home-photos-slider"] .s-slider-nav-arrow:hover {
  color: #fff !important;
  background: var(--at-accent-dark) !important;
  transform: scale(1.05)!important;
}

section[data-testid="store-home-photos-slider"] .s-slider-nav-arrow svg {
  width: 22px!important;
  height: 22px!important;
  fill: currentColor!important;
}

/* Pagination */
section[data-testid="store-home-photos-slider"] .swiper-pagination {
  bottom: 8px !important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important;
  gap: 6px!important;
}

section[data-testid="store-home-photos-slider"]
  .swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  background: #d9cec6 !important;
  border-radius: 999px !important;
  opacity: 1 !important;
  transition: 0.25s ease!important;
}

section[data-testid="store-home-photos-slider"]
  .swiper-pagination-bullet-active {
  width: 28px !important;
  background: var(--at-accent-dark) !important;
}

/* ======================= Responsive ======================= */
@media (max-width: 1200px) {
  .store-header .s-cart-summary-content {
    display: none !important;
  }

  .store-header salla-cart-summary {
    min-width: 44px !important;
  }
}

@media (max-width: 1023px) {
  .store-header .top-navbar {
    min-height: 52px !important;
    padding-block: 7px !important;
  }

  .store-header .top-navbar salla-menu,
  .store-header .top-navbar salla-contacts,
  .store-header .top-navbar .header-buttons,
  .store-header .top-navbar .hidden.lg\:block {
    display: none !important;
  }

  .store-header .top-navbar > .container,
  .store-header .top-navbar > .container > .flex-1 {
    width: 100%!important;
    display: block !important;
  }

  .store-header .header-search {
    max-width: none!important;
  }

  .store-header #mainnav,
  .store-header #mainnav .inner > .container > .flex {
    min-height: 68px !important;
  }

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

  .store-header .s-user-menu-login-btn,
  .store-header #s-cart-icon {
    width: 40px!important;
    height: 40px!important;
  }

  section[data-testid="store-home-photos-slider"] {
    padding-inline: 12px!important;
  }

  section[data-testid="store-home-photos-slider"]
    salla-slider.photos-slider
    .swiper-slide {
    border-radius: 16px !important;
  }
}

@media (max-width: 640px) {
  section[data-testid="store-home-photos-slider"] {
    margin-top: 10px !important;
    padding-inline: 8px!important;
  }

  section[data-testid="store-home-photos-slider"]
    salla-slider.photos-slider
    .swiper {
    padding-bottom: 30px !important;
  }

  section[data-testid="store-home-photos-slider"]
    salla-slider.photos-slider
    .swiper-slide {
    border-radius: 12px !important;
  }

  section[data-testid="store-home-photos-slider"] .s-slider-block__title {
    bottom: 30px !important;
  }

  section[data-testid="store-home-photos-slider"]
    .s-slider-block__title-nav {
    display: none !important;
  }

  section[data-testid="store-home-photos-slider"] .swiper-pagination {
    bottom: 6px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .store-header *,
  section[data-testid="store-home-photos-slider"] * {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* =========================================================
   إخفاء أسهم التنقل نهائياً — محددات قوية لمتجر سلة
   ========================================================= */
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .s-slider-block__title,
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  .s-slider-block__title-nav,
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  button.s-slider-nav-arrow,
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  button.s-slider-prev,
section[data-testid="store-home-photos-slider"]
  salla-slider.photos-slider
  button.s-slider-next {
  display: none!important;
  visibility: hidden!important;
  opacity: 0!important;
  pointer-events: none!important;
  width: 0!important;
  min-width: 0!important;
  height: 0!important;
  min-height: 0!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden!important;
}
/* ==========================================================
   التصميم النهائي الموحّد لقسم التصنيفات الرئيسية
   عبايات ورود نوره – منصة سلة / ثيم رائد

   يحافظ هذا الملف على التصميم الحالي كما هو تمامًا.
   التغيير الوحيد: صورة الدائرة تُقرأ تلقائيًا من صورة التصنيف
   المرفوعة في بيانات التصنيف داخل سلة، من دون روابط خارجية ثابتة.

   مهم: فعّل «عرض روابط التصنيفات» واختر التصنيفات من إعدادات
   قسم «روابط سريعة»، ثم ارفع صورة داخل بيانات كل تصنيف.
   ========================================================== */

section[data-testid="store-home-main-links"] {
  --at-cat-image-size: 190px !important;
  --at-cat-slide-width: 216px !important;
  --at-cat-card-height: 258px !important;

  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 326px !important;
  margin: 0 !important;
  padding: 38px 0 28px !important;
  background-color: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

section[data-testid="store-home-main-links"] > .container {
  display: block !important;
  width: 100% !important;
  max-width: 1360px !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* إخفاء أسهم السابق والتالي والحاوية الخاصة بها */
section[data-testid="store-home-main-links"] .s-slider-block__title,
section[data-testid="store-home-main-links"] .s-slider-block__title-left,
section[data-testid="store-home-main-links"] .s-slider-block__title-nav,
section[data-testid="store-home-main-links"] button.s-slider-nav-arrow,
section[data-testid="store-home-main-links"] button.s-slider-prev,
section[data-testid="store-home-main-links"] button.s-slider-next,
section[data-testid="store-home-main-links"] .s-slider-prev,
section[data-testid="store-home-main-links"] .s-slider-next,
section[data-testid="store-home-main-links"] .swiper-button-prev,
section[data-testid="store-home-main-links"] .swiper-button-next {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

section[data-testid="store-home-main-links"] salla-slider,
section[data-testid="store-home-main-links"] salla-slider#main-links-1 {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

section[data-testid="store-home-main-links"] .swiper.s-slider-container,
section[data-testid="store-home-main-links"] .s-slider-container {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 8px 0 12px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

section[data-testid="store-home-main-links"] .swiper-wrapper,
section[data-testid="store-home-main-links"] .s-slider-swiper-wrapper {
  align-items: flex-start !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  max-height: none !important;
  box-sizing: border-box !important;
}

section[data-testid="store-home-main-links"] .swiper-slide,
section[data-testid="store-home-main-links"] .swiper-slide.slide--one-sixth {
  position: relative !important;
  display: block !important;
  flex: 0 0 var(--at-cat-slide-width) !important;
  width: var(--at-cat-slide-width) !important;
  min-width: var(--at-cat-slide-width) !important;
  max-width: var(--at-cat-slide-width) !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 8px !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

section[data-testid="store-home-main-links"] a.slide--cat-entry {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: var(--at-cat-card-height) !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #403730 !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: visible !important;
  transform: none !important;
  box-sizing: border-box !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* إخفاء أيقونة المتجر والصورة الأصلية حتى لا تظهر عناصر مكررة */
section[data-testid="store-home-main-links"] a.slide--cat-entry > i,
section[data-testid="store-home-main-links"] a.slide--cat-entry > .sicon-store,
section[data-testid="store-home-main-links"] a.slide--cat-entry > img {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* الدائرة التي تحمل صورة التصنيف */
section[data-testid="store-home-main-links"] a.slide--cat-entry::before {
  content: "" !important;
  position: relative !important;
  z-index: 1 !important;
  order: 1 !important;
  display: block !important;
  flex: 0 0 var(--at-cat-image-size) !important;
  width: var(--at-cat-image-size) !important;
  min-width: var(--at-cat-image-size) !important;
  max-width: var(--at-cat-image-size) !important;
  height: var(--at-cat-image-size) !important;
  min-height: var(--at-cat-image-size) !important;
  max-height: var(--at-cat-image-size) !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 1px solid rgba(139, 106, 82, 0.2) !important;
  border-radius: 50% !important;
  background-color: #f3ede8 !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  background-image: var(--at-cat-image, none) !important;
  box-shadow: 0 10px 28px rgba(54, 40, 32, 0.12) !important;
  overflow: hidden !important;
  transform: translateZ(0) scale(1) !important;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease,
    border-color 0.4s ease !important;
  box-sizing: border-box !important;
}

/* مصدر الصورة يُضاف تلقائيًا من بيانات التصنيف بواسطة JavaScript */

/* اسم التصنيف */
section[data-testid="store-home-main-links"] a.slide--cat-entry > h2 {
  position: static !important;
  z-index: 2 !important;
  order: 2 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 13px 0 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  color: #403730 !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* النص الصغير تحت اسم التصنيف */
section[data-testid="store-home-main-links"] a.slide--cat-entry > h2::after {
  content: "" !important;
  position: static !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  color: #8f8178 !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
}

@media (hover: hover) and (pointer: fine) {
  section[data-testid="store-home-main-links"]
    a.slide--cat-entry:hover::before {
    border-color: rgba(139, 106, 82, 0.42) !important;
    box-shadow: 0 16px 35px rgba(54, 40, 32, 0.18) !important;
    transform: translateY(-4px) scale(1.025) !important;
  }

  section[data-testid="store-home-main-links"]
    a.slide--cat-entry:hover
    > h2 {
    color: #8a6a52 !important;
  }
}

/* التابلت */
@media (max-width: 991px) and (min-width: 768px) {
  section[data-testid="store-home-main-links"] {
    --at-cat-image-size: 164px !important;
    --at-cat-slide-width: 184px !important;
    --at-cat-card-height: 225px !important;
    min-height: 286px !important;
    padding-top: 32px !important;
    padding-bottom: 24px !important;
  }

  section[data-testid="store-home-main-links"]
    a.slide--cat-entry
    > h2 {
    margin-top: 11px !important;
    font-size: 13px !important;
  }
}

/* الجوال — نفس الشكل الدائري مع المحافظة على الاسم أسفل الصورة */
@media (max-width: 767px) {
  section[data-testid="store-home-main-links"] {
    --at-cat-image-size: 114px !important;
    --at-cat-slide-width: 126px !important;
    --at-cat-card-height: 174px !important;
    min-height: 224px !important;
    padding-top: 26px !important;
    padding-bottom: 20px !important;
  }

  section[data-testid="store-home-main-links"] > .container {
    max-width: 100% !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  section[data-testid="store-home-main-links"]
    .swiper.s-slider-container,
  section[data-testid="store-home-main-links"]
    .s-slider-container {
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  section[data-testid="store-home-main-links"] .swiper-slide,
  section[data-testid="store-home-main-links"]
    .swiper-slide.slide--one-sixth {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  section[data-testid="store-home-main-links"]
    a.slide--cat-entry::before {
    box-shadow: 0 8px 21px rgba(54, 40, 32, 0.12) !important;
  }

  section[data-testid="store-home-main-links"]
    a.slide--cat-entry
    > h2 {
    margin-top: 9px !important;
    padding-right: 2px !important;
    padding-left: 2px !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
  }

  section[data-testid="store-home-main-links"]
    a.slide--cat-entry
    > h2::after {
    margin-top: 1px !important;
    font-size: 9px !important;
  }
}

/* ==========================================================
   لمسة بسيطة خاصة ببطاقات قسم «وصل حديثاً» – عبايات ورود نوره
   منصة سلة / ثيم رائد

   مهم:
   - لا يغيّر هذا الكود ارتفاع البطاقة أو عرضها أو المسافات الداخلية.
   - الحد المرئي منفّذ بواسطة inset box-shadow حتى لا يؤثر في المقاسات.
   - جميع التنسيقات محصورة داخل القسم best-offers-2-slider فقط.
   ========================================================== */

section#best-offers-2-slider[data-testid="store-home-products-slider"] {
  --at-card-ink: #211a16 !important;
  --at-card-accent: #a88970 !important;
  --at-card-accent-deep: #80634f !important;
  --at-card-soft: #f4eee9 !important;
}

/* البطاقة: حد بيج رفيع وظل هادئ من الهوية، دون تغيير الأبعاد */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
custom-salla-product-card.s-product-card-entry {
  position: relative !important;
  box-sizing: border-box !important;
  border-color: transparent !important;
  border-radius: 14px !important;
  background-color: #ffffff !important;
  box-shadow:
    inset 0 0 0 1px rgba(168, 137, 112, 0.42),
    0 7px 20px rgba(33, 26, 22, 0.06) !important;
  transition:
    box-shadow 0.28s ease,
    transform 0.28s ease !important;
}

/* توحيد زوايا الصورة مع زوايا البطاقة فقط */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-image,
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-image > a,
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-image-cover {
  border-radius: 13px 13px 0 0 !important;
}

/* اسم المنتج بلون الشعار الداكن */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-content-title,
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-content-title a {
  color: var(--at-card-ink) !important;
}

/* السعر الحالي بلون الهوية والسعر السابق بلون هادئ */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-sale-price h4 {
  color: var(--at-card-accent-deep) !important;
}

section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-sale-price > span {
  color: #9a8f88 !important;
}

/* شارة الخصم مستوحاة من الشعار: أسود دافئ مع إطار بيج */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-promotion-title {
  color: #ffffff !important;
  background-color: var(--at-card-ink) !important;
  border: 1px solid rgba(168, 137, 112, 0.9) !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(33, 26, 22, 0.16) !important;
}

/* زر المفضلة بحد خفيف من الهوية */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-wishlist-btn .s-button-element {
  color: var(--at-card-ink) !important;
  background-color: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(168, 137, 112, 0.6) !important;
  box-shadow: 0 4px 12px rgba(33, 26, 22, 0.08) !important;
}

section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-wishlist-btn .sicon-heart {
  color: var(--at-card-ink) !important;
}

/* زر إضافة للسلة: نفس حجمه وارتفاعه، مع ألوان الهوية فقط */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-content-footer
.s-button-element:not(:disabled) {
  color: var(--at-card-ink) !important;
  background-color: #ffffff !important;
  border-color: var(--at-card-accent) !important;
  border-radius: 10px !important;
  box-shadow:
    inset 0 0 0 1px rgba(168, 137, 112, 0.12) !important;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* عنوان القسم ورابط عرض الكل */
section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-slider-block__title-right h2 {
  color: var(--at-card-ink) !important;
}

section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-slider-block__display-all {
  color: var(--at-card-accent-deep) !important;
}

/* تأثير خفيف على الكمبيوتر فقط، لا يغيّر ارتفاع البطاقة */
@media (hover: hover) and (pointer: fine) {
  section#best-offers-2-slider[data-testid="store-home-products-slider"]
  custom-salla-product-card.s-product-card-entry:hover {
    box-shadow:
      inset 0 0 0 1px rgba(128, 99, 79, 0.72),
      0 12px 28px rgba(33, 26, 22, 0.11) !important;
    transform: translateY(-2px) !important;
  }

  section#best-offers-2-slider[data-testid="store-home-products-slider"]
  .s-product-card-content-footer
  .s-button-element:not(:disabled):hover {
    color: #ffffff !important;
    background-color: var(--at-card-ink) !important;
    border-color: var(--at-card-ink) !important;
    box-shadow: none !important;
  }

  section#best-offers-2-slider[data-testid="store-home-products-slider"]
  .s-product-card-wishlist-btn
  .s-button-element:hover {
    color: #ffffff !important;
    background-color: var(--at-card-ink) !important;
    border-color: var(--at-card-ink) !important;
  }

  section#best-offers-2-slider[data-testid="store-home-products-slider"]
  .s-product-card-wishlist-btn
  .s-button-element:hover
  .sicon-heart {
    color: #ffffff !important;
  }
}
/* ==========================================================
   تعديل لون شارة الخصم إلى الأحمر – عبايات ورود نوره
   لا يغيّر حجم الشارة أو موقعها، وإنما الألوان فقط.
   ========================================================== */

section#best-offers-2-slider[data-testid="store-home-products-slider"]
.s-product-card-promotion-title {
  color: #ffffff !important;
  background-color: #b42318 !important;
  border-color: #8f1d14 !important;
  box-shadow: 0 4px 12px rgba(180, 35, 24, 0.24) !important;
}
/* ==========================================================
   لمسة بسيطة خاصة بقسم أحدث المنتجات – عبايات ورود نوره
   لا يغيّر ارتفاع البطاقات أو عرضها أو المسافات
   فقط تحسين بصري بسيط مستوحى من الهوية والشعار
   ========================================================== */

section[data-testid="store-home-fixed-products"] {
  --at-card-ink: #211a16 !important;
  --at-card-accent: #a88970 !important;
  --at-card-accent-deep: #80634f !important;
  --at-card-soft: #f4eee9 !important;
  --at-card-border: rgba(168, 137, 112, 0.38) !important;
  --at-card-shadow: rgba(33, 26, 22, 0.06) !important;
}

/* عنوان القسم */
section[data-testid="store-home-fixed-products"] .s-block__title h2 {
  color: var(--at-card-ink) !important;
}

/* البطاقة نفسها - بدون تغيير المقاس */
section[data-testid="store-home-fixed-products"]
custom-salla-product-card.s-product-card-entry {
  position: relative !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #ffffff !important;

  /* برواز داخلي حتى لا يغيّر أبعاد البطاقة */
  box-shadow:
    inset 0 0 0 1px var(--at-card-border),
    0 8px 20px var(--at-card-shadow) !important;

  transition:
    box-shadow 0.28s ease,
    transform 0.28s ease !important;
}

/* الصورة فقط بزوايا ناعمة من الأعلى */
section[data-testid="store-home-fixed-products"] .s-product-card-image,
section[data-testid="store-home-fixed-products"] .s-product-card-image > a,
section[data-testid="store-home-fixed-products"] .s-product-card-image-cover {
  border-radius: 13px 13px 0 0 !important;
}

/* عنوان المنتج */
section[data-testid="store-home-fixed-products"] .s-product-card-content-title,
section[data-testid="store-home-fixed-products"] .s-product-card-content-title a {
  color: var(--at-card-ink) !important;
}

/* السعر الحالي */
section[data-testid="store-home-fixed-products"] .s-product-card-sale-price h4 {
  color: var(--at-card-accent-deep) !important;
}

/* السعر قبل الخصم */
section[data-testid="store-home-fixed-products"] .s-product-card-sale-price > span {
  color: #9b8f88 !important;
}

/* شارة الخصم */
section[data-testid="store-home-fixed-products"] .s-product-card-promotion-title {
  color: #ffffff !important;
  background-color: #b42318 !important;
  border: 1px solid #8f1d14 !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(180, 35, 24, 0.20) !important;
}

/* زر المفضلة */
section[data-testid="store-home-fixed-products"]
.s-product-card-wishlist-btn .s-button-element {
  color: var(--at-card-ink) !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  border-color: rgba(168, 137, 112, 0.58) !important;
  box-shadow: 0 4px 12px rgba(33, 26, 22, 0.08) !important;
}

section[data-testid="store-home-fixed-products"]
.s-product-card-wishlist-btn .sicon-heart {
  color: var(--at-card-ink) !important;
}

/* زر إضافة للسلة - نفس الحجم فقط ألوان وهوية */
section[data-testid="store-home-fixed-products"]
.s-product-card-content-footer
.s-button-element:not(:disabled) {
  color: var(--at-card-ink) !important;
  background-color: #ffffff !important;
  border-color: var(--at-card-accent) !important;
  border-radius: 10px !important;
  box-shadow: inset 0 0 0 1px rgba(168, 137, 112, 0.10) !important;
  transition:
    color 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* تأثير خفيف جدًا على الكمبيوتر فقط */
@media (hover: hover) and (pointer: fine) {
  section[data-testid="store-home-fixed-products"]
  custom-salla-product-card.s-product-card-entry:hover {
    box-shadow:
      inset 0 0 0 1px rgba(128, 99, 79, 0.72),
      0 12px 28px rgba(33, 26, 22, 0.10) !important;
    transform: translateY(-2px) !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-footer
  .s-button-element:not(:disabled):hover {
    color: #ffffff !important;
    background-color: var(--at-card-ink) !important;
    border-color: var(--at-card-ink) !important;
    box-shadow: none !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-wishlist-btn
  .s-button-element:hover {
    color: #ffffff !important;
    background-color: var(--at-card-ink) !important;
    border-color: var(--at-card-ink) !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-wishlist-btn
  .s-button-element:hover
  .sicon-heart {
    color: #ffffff !important;
  }
}


@media (max-width: 767px) {

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-main,

  #best-offers-2-slider
  .s-product-card-content-main {
    min-height: 52px !important;
  }

  section[data-testid="store-home-fixed-products"]
  .s-product-card-content-title,

  #best-offers-2-slider
  .s-product-card-content-title {
    margin: 0 !important;
    line-height: 26px !important;
  }

}

/* ==========================================================
   تصميم خاص بقسم الأسئلة الشائعة – عبايات ورود نوره
   تصميم راقٍ مستوحى من الهوية البصرية للمتجر
   مناسب لثيم سلة – مع استخدام !important لتغليب التنسيق
   ========================================================== */

section.s-block.s-block-trust-faq {
  --faq-ink: #211a16 !important;
  --faq-accent: #a88970 !important;
  --faq-accent-deep: #80634f !important;
  --faq-soft: #f7f3ef !important;
  --faq-border: rgba(168, 137, 112, 0.26) !important;
  --faq-border-strong: rgba(128, 99, 79, 0.42) !important;
  --faq-shadow: rgba(33, 26, 22, 0.07) !important;
  --faq-shadow-hover: rgba(33, 26, 22, 0.12) !important;

  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 0 44px !important;
  background:
    linear-gradient(
      180deg,
      rgba(168, 137, 112, 0.05) 0%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  overflow: hidden !important;
}

section.s-block.s-block-trust-faq .container {
  width: 100% !important;
  max-width: 980px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 18px !important;
  padding-left: 18px !important;
}

/* عنوان القسم */
section.s-block.s-block-trust-faq .s-block-trust-faq-title {
  position: relative !important;
  display: block !important;
  margin: 0 0 34px !important;
  color: var(--faq-ink) !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-title::after {
  content: "" !important;
  display: block !important;
  width: 88px !important;
  height: 3px !important;
  margin: 14px auto 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      rgba(168, 137, 112, 0.15) 0%,
      rgba(168, 137, 112, 0.95) 50%,
      rgba(168, 137, 112, 0.15) 100%
    ) !important;
}

/* الحاوية */
section.s-block.s-block-trust-faq .s-block-trust-faq-items-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
}

/* البطاقة */
section.s-block.s-block-trust-faq .s-block-trust-faq-item {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--faq-border) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow:
    0 8px 24px var(--faq-shadow),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  overflow: hidden !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    border-color 0.28s ease !important;
}

/* لمسة علوية بسيطة */
section.s-block.s-block-trust-faq .s-block-trust-faq-item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 4px !important;
  background:
    linear-gradient(
      90deg,
      rgba(168, 137, 112, 0) 0%,
      rgba(168, 137, 112, 0.85) 50%,
      rgba(168, 137, 112, 0) 100%
    ) !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
}

/* السؤال */
section.s-block.s-block-trust-faq .s-block-trust-faq-question {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 74px !important;
  margin: 0 !important;
  padding: 20px 26px !important;
  background: transparent !important;
  cursor: pointer !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-question span {
  display: block !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--faq-ink) !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
  text-align: right !important;
}

/* دائرة الأيقونة */
section.s-block.s-block-trust-faq .s-block-trust-faq-question::before {
  content: "" !important;
  order: 2 !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(168, 137, 112, 0.32) !important;
  border-radius: 50% !important;
  background:
    radial-gradient(
      circle at center,
      rgba(168, 137, 112, 0.10) 0%,
      rgba(168, 137, 112, 0.02) 70%,
      transparent 100%
    ) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5) !important;
}

/* السهم */
section.s-block.s-block-trust-faq .s-block-trust-faq-question::after {
  content: "" !important;
  position: absolute !important;
  left: 39px !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: -7px !important;
  border-right: 2px solid var(--faq-accent-deep) !important;
  border-bottom: 2px solid var(--faq-accent-deep) !important;
  transform: rotate(45deg) !important;
  transition: transform 0.28s ease, margin-top 0.28s ease !important;
  pointer-events: none !important;
}

/* منطقة الجواب */
section.s-block.s-block-trust-faq .s-block-trust-faq-answer {
  background: transparent !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-answer-inner {
  padding: 0 26px 24px !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-answer-content {
  position: relative !important;
  margin: 0 !important;
  padding: 18px 18px 16px !important;
  border: 1px solid rgba(168, 137, 112, 0.16) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #fcfaf8 0%, #f8f3ee 100%) !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-answer-content p {
  margin: 0 !important;
  color: #5b4d44 !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 2.1 !important;
  text-align: right !important;
}

/* حالة المرور */
@media (hover: hover) and (pointer: fine) {
  section.s-block.s-block-trust-faq .s-block-trust-faq-item:hover {
    border-color: var(--faq-border-strong) !important;
    box-shadow:
      0 14px 30px var(--faq-shadow-hover),
      inset 0 0 0 1px rgba(255, 255, 255, 0.58) !important;
    transform: translateY(-2px) !important;
  }
}

/* الحالات المفتوحة - دعمت أكثر من class محتمل داخل سلة */
section.s-block.s-block-trust-faq .s-block-trust-faq-item.active,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.open,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.opened,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.is-open,
section.s-block.s-block-trust-faq .s-block-trust-faq-item[open],
section.s-block.s-block-trust-faq .s-block-trust-faq-item.expanded {
  border-color: var(--faq-border-strong) !important;
  box-shadow:
    0 16px 34px rgba(128, 99, 79, 0.10),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65) !important;
}

section.s-block.s-block-trust-faq .s-block-trust-faq-item.active .s-block-trust-faq-question::after,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.open .s-block-trust-faq-question::after,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.opened .s-block-trust-faq-question::after,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.is-open .s-block-trust-faq-question::after,
section.s-block.s-block-trust-faq .s-block-trust-faq-item[open] .s-block-trust-faq-question::after,
section.s-block.s-block-trust-faq .s-block-trust-faq-item.expanded .s-block-trust-faq-question::after {
  transform: rotate(-135deg) !important;
  margin-top: -2px !important;
}

/* الجوال */
@media (max-width: 767px) {
  section.s-block.s-block-trust-faq {
    padding-top: 42px !important;
    padding-bottom: 30px !important;
  }

  section.s-block.s-block-trust-faq .container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-title {
    margin-bottom: 24px !important;
    font-size: 28px !important;
    line-height: 1.5 !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-items-wrapper {
    gap: 12px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-item {
    border-radius: 16px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-question {
    min-height: 64px !important;
    padding: 16px 18px !important;
    gap: 12px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-question span {
    font-size: 16px !important;
    line-height: 1.9 !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-question::before {
    flex-basis: 34px !important;
    width: 34px !important;
    height: 34px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-question::after {
    left: 30px !important;
    width: 8px !important;
    height: 8px !important;
    margin-top: -6px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-answer-inner {
    padding: 0 18px 18px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-answer-content {
    padding: 14px 14px 13px !important;
    border-radius: 12px !important;
  }

  section.s-block.s-block-trust-faq .s-block-trust-faq-answer-content p {
    font-size: 14px !important;
    line-height: 2 !important;
  }
}
/* ==========================================================
   تصميم خاص بقسم آراء العملاء – عبايات ورود نوره
   تصميم احترافي وفخم متوافق مع سلة
   ========================================================== */

section[data-testid="store-home-custom-testimonials"].s-block--custom-testimonials {
  --review-ink: #211a16 !important;
  --review-accent: #a88970 !important;
  --review-accent-deep: #80634f !important;
  --review-soft: #f8f3ef !important;
  --review-border: rgba(168, 137, 112, 0.22) !important;
  --review-shadow: rgba(33, 26, 22, 0.08) !important;
  --review-shadow-strong: rgba(33, 26, 22, 0.14) !important;
  --review-star: #d4a017 !important;

  position: relative !important;
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 56px 0 38px !important;
  background:
    linear-gradient(
      180deg,
      rgba(168, 137, 112, 0.05) 0%,
      rgba(255, 255, 255, 0) 100%
    ) !important;
  overflow: hidden !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 18px !important;
  padding-left: 18px !important;
}

/* عنوان القسم */
section[data-testid="store-home-custom-testimonials"] .s-reviews-header-wrapper {
  margin-bottom: 28px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-header {
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  color: var(--review-ink) !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-header::after {
  content: "" !important;
  display: block !important;
  width: 88px !important;
  height: 3px !important;
  margin: 14px auto 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      rgba(168, 137, 112, 0.1) 0%,
      rgba(168, 137, 112, 0.95) 50%,
      rgba(168, 137, 112, 0.1) 100%
    ) !important;
}

/* السلايدر */
section[data-testid="store-home-custom-testimonials"] .testimonials-slider,
section[data-testid="store-home-custom-testimonials"] .s-slider-container,
section[data-testid="store-home-custom-testimonials"] .swiper {
  overflow: visible !important;
}

section[data-testid="store-home-custom-testimonials"] .swiper-wrapper,
section[data-testid="store-home-custom-testimonials"] .s-slider-swiper-wrapper {
  align-items: stretch !important;
}

/* الأسهم */
section[data-testid="store-home-custom-testimonials"] .s-slider-block__title {
  position: relative !important;
  margin-bottom: 10px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-slider-block__title-left {
  display: flex !important;
  justify-content: center !important;
}

section[data-testid="store-home-custom-testimonials"] .s-slider-block__title-nav {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-slider-nav-arrow,
section[data-testid="store-home-custom-testimonials"] .s-slider-prev,
section[data-testid="store-home-custom-testimonials"] .s-slider-next {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(168, 137, 112, 0.32) !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  color: var(--review-accent-deep) !important;
  box-shadow: 0 8px 20px rgba(33, 26, 22, 0.08) !important;
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    background-color 0.25s ease !important;
}

section[data-testid="store-home-custom-testimonials"] .s-slider-nav-arrow svg {
  width: 22px !important;
  height: 22px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-slider-nav-arrow:disabled,
section[data-testid="store-home-custom-testimonials"] .swiper-button-disabled {
  opacity: 0.42 !important;
  cursor: not-allowed !important;
}

/* الشريحة */
section[data-testid="store-home-custom-testimonials"] .s-reviews-swiper-slide {
  padding: 10px !important;
  box-sizing: border-box !important;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease !important;
}

section[data-testid="store-home-custom-testimonials"] .swiper-slide:not(.swiper-slide-active) {
  opacity: 0.72 !important;
  transform: scale(0.97) !important;
}

section[data-testid="store-home-custom-testimonials"] .swiper-slide-active {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* البطاقة */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial {
  height: 100% !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 255px !important;
  padding: 34px 32px 28px !important;
  border: 1px solid var(--review-border) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(248, 243, 239, 0.72) 100%
    ) !important;
  box-shadow:
    0 16px 36px var(--review-shadow),
    inset 0 0 0 1px rgba(255, 255, 255, 0.55) !important;
  overflow: hidden !important;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease !important;
}

/* خط علوي ناعم */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__inner::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 4px !important;
  background:
    linear-gradient(
      90deg,
      rgba(168, 137, 112, 0) 0%,
      rgba(168, 137, 112, 0.95) 50%,
      rgba(168, 137, 112, 0) 100%
    ) !important;
}

/* صورة العميل */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__avatar {
  position: relative !important;
  flex: 0 0 92px !important;
  width: 92px !important;
  min-width: 92px !important;
  height: 92px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 3px solid rgba(168, 137, 112, 0.18) !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(33, 26, 22, 0.10) !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__avatar img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}

/* نص التقييم */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__text {
  position: relative !important;
  flex: 1 1 auto !important;
  z-index: 2 !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__text > p {
  margin: 0 0 18px !important;
  color: #4e433c !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 2.1 !important;
  text-align: right !important;
}

/* الاسم + النجوم */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__name_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__info h2 {
  margin: 0 !important;
  color: var(--review-ink) !important;
  font-family:
    var(--font-main, "Droid Arabic Kufi", Tahoma, Arial, sans-serif) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

/* النجوم */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__rating {
  display: flex !important;
  align-items: center !important;
}

section[data-testid="store-home-custom-testimonials"] .s-rating-stars-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-rating-stars-btn-star svg,
section[data-testid="store-home-custom-testimonials"] .s-rating-stars-btn-star path {
  fill: var(--review-star) !important;
}

/* أيقونة الاقتباس */
section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__icon {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 54px !important;
  height: 54px !important;
  border-radius: 50% !important;
  background: rgba(168, 137, 112, 0.08) !important;
  color: var(--review-accent-deep) !important;
  z-index: 1 !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__icon svg {
  width: 28px !important;
  height: 28px !important;
}

section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__icon path {
  fill: var(--review-accent-deep) !important;
}

/* تأثير hover */
@media (hover: hover) and (pointer: fine) {
  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__inner:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(128, 99, 79, 0.42) !important;
    box-shadow:
      0 22px 42px var(--review-shadow-strong),
      inset 0 0 0 1px rgba(255, 255, 255, 0.65) !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-slider-nav-arrow:hover,
  section[data-testid="store-home-custom-testimonials"] .s-slider-prev:hover,
  section[data-testid="store-home-custom-testimonials"] .s-slider-next:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(128, 99, 79, 0.55) !important;
    background: #fbf8f5 !important;
    box-shadow: 0 12px 24px rgba(33, 26, 22, 0.12) !important;
  }
}

/* التابلت */
@media (max-width: 991px) and (min-width: 768px) {
  section[data-testid="store-home-custom-testimonials"] {
    padding-top: 44px !important;
    padding-bottom: 30px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-header {
    font-size: 30px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__inner {
    min-height: 220px !important;
    padding: 28px 24px 24px !important;
    gap: 18px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__avatar {
    width: 78px !important;
    min-width: 78px !important;
    height: 78px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__text > p {
    font-size: 15px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__info h2 {
    font-size: 18px !important;
  }
}

/* الجوال */
@media (max-width: 767px) {
  section[data-testid="store-home-custom-testimonials"] {
    padding-top: 38px !important;
    padding-bottom: 24px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-header-wrapper {
    margin-bottom: 18px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-header {
    font-size: 28px !important;
    line-height: 1.5 !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-slider-block__title {
    margin-bottom: 6px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-slider-nav-arrow,
  section[data-testid="store-home-custom-testimonials"] .s-slider-prev,
  section[data-testid="store-home-custom-testimonials"] .s-slider-next {
    width: 40px !important;
    height: 40px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-swiper-slide {
    padding: 6px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .swiper-slide:not(.swiper-slide-active) {
    opacity: 1 !important;
    transform: none !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__inner {
    min-height: auto !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
    padding: 24px 18px 20px !important;
    border-radius: 18px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__avatar {
    width: 74px !important;
    min-width: 74px !important;
    height: 74px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__text {
    width: 100% !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__text > p {
    margin-bottom: 14px !important;
    font-size: 14px !important;
    line-height: 2 !important;
    text-align: center !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__name_wrapper {
    justify-content: center !important;
    flex-direction: column !important;
    gap: 8px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__info h2 {
    font-size: 17px !important;
    text-align: center !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__icon {
    top: 16px !important;
    left: 16px !important;
    width: 44px !important;
    height: 44px !important;
  }

  section[data-testid="store-home-custom-testimonials"] .s-reviews-testimonial__icon svg {
    width: 22px !important;
    height: 22px !important;
  }
}


/* ==========================================================
   تصميم خاص بقسم «فروعنا» – عبايات ورود نوره
   منصة سلة / ثيم رائد
   ضع هذا الكود في نهاية CSS المخصص.
   ========================================================== */

#at-branches {
  --at-branch-ink: #211a16 !important;
  --at-branch-text: #4f433c !important;
  --at-branch-muted: #8f8178 !important;
  --at-branch-accent: #a88970 !important;
  --at-branch-accent-dark: #80634f !important;
  --at-branch-soft: #f7f1ec !important;
  --at-branch-border: rgba(168, 137, 112, 0.26) !important;

  position: relative !important;
  display: block !important;
  isolation: isolate !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 64px 0 52px !important;
  direction: rtl !important;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(168, 137, 112, 0.12) 0%,
      rgba(168, 137, 112, 0.025) 32%,
      transparent 58%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #fbf8f5 100%
    ) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

#at-branches *,
#at-branches *::before,
#at-branches *::after {
  box-sizing: border-box !important;
}

#at-branches .at-branches__container {
  width: 100% !important;
  max-width: 1320px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 24px !important;
  padding-left: 24px !important;
}

/* عنوان القسم */
#at-branches .at-branches__header {
  width: 100% !important;
  max-width: 720px !important;
  margin: 0 auto 38px !important;
  text-align: center !important;
}

#at-branches .at-branches__label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 10px !important;
  padding: 6px 15px !important;
  border: 1px solid rgba(168, 137, 112, 0.26) !important;
  border-radius: 999px !important;
  color: var(--at-branch-accent-dark) !important;
  background: rgba(168, 137, 112, 0.08) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.6 !important;
}

#at-branches .at-branches__title {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--at-branch-ink) !important;
  font-family: inherit !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-align: center !important;
}

#at-branches .at-branches__title::after {
  content: "" !important;
  display: block !important;
  width: 92px !important;
  height: 3px !important;
  margin: 13px auto 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      rgba(168, 137, 112, 0.08) 0%,
      var(--at-branch-accent) 50%,
      rgba(168, 137, 112, 0.08) 100%
    ) !important;
}

#at-branches .at-branches__description {
  margin: 14px 0 0 !important;
  color: var(--at-branch-muted) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.9 !important;
  text-align: center !important;
}

/* دوائر الفروع */
#at-branches .at-branches__list {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 1050px !important;
  margin: 0 auto 40px !important;
  padding: 0 !important;
}

/* دائرة الفرع */
#at-branches .at-branch {
  position: relative !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: 154px !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 20px 13px !important;
  border: 1px solid var(--at-branch-border) !important;
  border-radius: 50% !important;
  outline: none !important;
  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #f8f2ed 100%
    ) !important;
  color: var(--at-branch-ink) !important;
  box-shadow:
    0 10px 26px rgba(33, 26, 22, 0.07),
    inset 0 0 0 5px rgba(255, 255, 255, 0.58) !important;
  font-family: inherit !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition:
    transform 0.3s ease,
    color 0.3s ease,
    border-color 0.3s ease,
    background 0.3s ease,
    box-shadow 0.3s ease !important;
  -webkit-tap-highlight-color: transparent !important;
}

#at-branches .at-branch::after {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  border: 1px solid rgba(168, 137, 112, 0.12) !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

/* أيقونة الفرع */
#at-branches .at-branch__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 45px !important;
  height: 45px !important;
  margin: 0 0 4px !important;
  border-radius: 50% !important;
  color: var(--at-branch-accent-dark) !important;
  background: rgba(168, 137, 112, 0.1) !important;
}

#at-branches .at-branch__icon svg {
  width: 25px !important;
  height: 25px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* اسم العلامة */
#at-branches .at-branch__brand {
  display: block !important;
  color: var(--at-branch-muted) !important;
  font-family: inherit !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* اسم الفرع */
#at-branches .at-branch__name {
  display: block !important;
  max-width: 100% !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-align: center !important;
}

/* الفرع النشط */
#at-branches .at-branch.is-active {
  border-color: rgba(168, 137, 112, 0.8) !important;
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      #342a24 0%,
      #211a16 58%,
      #17110e 100%
    ) !important;
  box-shadow:
    0 18px 36px rgba(33, 26, 22, 0.22),
    inset 0 0 0 5px rgba(168, 137, 112, 0.06) !important;
  transform: translateY(-5px) !important;
}

#at-branches .at-branch.is-active::after {
  border-color: rgba(168, 137, 112, 0.34) !important;
}

#at-branches .at-branch.is-active .at-branch__icon {
  color: #efe0d2 !important;
  background: rgba(168, 137, 112, 0.18) !important;
}

#at-branches .at-branch.is-active .at-branch__brand {
  color: #d8c4b4 !important;
}

#at-branches .at-branch:focus-visible {
  outline: 2px solid var(--at-branch-accent) !important;
  outline-offset: 5px !important;
}

/* بطاقة الخريطة */
#at-branches .at-branches__map-card {
  position: relative !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  border: 1px solid var(--at-branch-border) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow:
    0 20px 48px rgba(33, 26, 22, 0.09),
    inset 0 0 0 1px rgba(255, 255, 255, 0.65) !important;
  overflow: hidden !important;
}

/* رأس الخريطة */
#at-branches .at-branches__map-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  width: 100% !important;
  padding: 18px 22px !important;
  border-bottom: 1px solid rgba(168, 137, 112, 0.18) !important;
  background:
    linear-gradient(
      90deg,
      #ffffff 0%,
      #fbf7f3 100%
    ) !important;
}

#at-branches .at-branches__active-branch {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
}

#at-branches .at-branches__active-icon {
  display: inline-flex !important;
  flex: 0 0 46px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 50% !important;
  color: #efe0d2 !important;
  background: var(--at-branch-ink) !important;
  box-shadow: 0 7px 17px rgba(33, 26, 22, 0.16) !important;
}

#at-branches .at-branches__active-icon svg {
  width: 24px !important;
  height: 24px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#at-branches .at-branches__active-content {
  min-width: 0 !important;
}

#at-branches .at-branches__active-label {
  display: block !important;
  margin: 0 0 2px !important;
  color: var(--at-branch-muted) !important;
  font-family: inherit !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

#at-branches .at-branches__active-name {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--at-branch-ink) !important;
  font-family: inherit !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.7 !important;
}

/* زر الاتجاهات */
#at-branches .at-branches__directions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-height: 46px !important;
  padding: 10px 19px !important;
  border: 1px solid var(--at-branch-ink) !important;
  border-radius: 12px !important;
  outline: none !important;
  color: #ffffff !important;
  background: var(--at-branch-ink) !important;
  box-shadow: 0 8px 19px rgba(33, 26, 22, 0.15) !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  text-decoration: none !important;
  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

#at-branches .at-branches__directions svg {
  width: 18px !important;
  height: 18px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* الخريطة */
#at-branches .at-branches__map-frame {
  position: relative !important;
  width: 100% !important;
  height: 440px !important;
  background: var(--at-branch-soft) !important;
  overflow: hidden !important;
}

#at-branches .at-branches__map-frame iframe {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--at-branch-soft) !important;
  opacity: 1 !important;
  transition: opacity 0.25s ease !important;
}

#at-branches .at-branches__map-frame iframe.is-loading {
  opacity: 0.25 !important;
}

/* تحميل الخريطة */
#at-branches .at-branches__loading {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: var(--at-branch-muted) !important;
  background: var(--at-branch-soft) !important;
}

#at-branches .at-branches__loading p {
  margin: 0 !important;
  font-family: inherit !important;
  font-size: 11px !important;
}

#at-branches .at-branches__spinner {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  border: 3px solid rgba(168, 137, 112, 0.22) !important;
  border-top-color: var(--at-branch-accent-dark) !important;
  border-radius: 50% !important;
  animation: at-branches-spin 0.8s linear infinite !important;
}

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

/* تأثيرات الكمبيوتر */
@media (hover: hover) and (pointer: fine) {
  #at-branches .at-branch:not(.is-active):hover {
    border-color: rgba(128, 99, 79, 0.5) !important;
    box-shadow:
      0 16px 32px rgba(33, 26, 22, 0.12),
      inset 0 0 0 5px rgba(255, 255, 255, 0.66) !important;
    transform: translateY(-4px) !important;
  }

  #at-branches .at-branches__directions:hover {
    border-color: var(--at-branch-accent-dark) !important;
    background: var(--at-branch-accent-dark) !important;
    box-shadow: 0 12px 24px rgba(128, 99, 79, 0.23) !important;
    transform: translateY(-2px) !important;
  }
}

/* التابلت */
@media (max-width: 991px) and (min-width: 768px) {
  #at-branches {
    padding-top: 52px !important;
    padding-bottom: 42px !important;
  }

  #at-branches .at-branches__list {
    gap: 12px !important;
  }

  #at-branches .at-branch {
    width: 128px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  #at-branches .at-branch__name {
    font-size: 12px !important;
  }

  #at-branches .at-branches__map-frame {
    height: 400px !important;
  }
}

/* الجوال */
@media (max-width: 767px) {
  #at-branches {
    padding-top: 42px !important;
    padding-bottom: 32px !important;
  }

  #at-branches .at-branches__container {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  #at-branches .at-branches__header {
    margin-bottom: 27px !important;
  }

  #at-branches .at-branches__title {
    font-size: 29px !important;
  }

  #at-branches .at-branches__description {
    font-size: 12px !important;
  }

  /* تمرير أفقي لدوائر الفروع */
  #at-branches .at-branches__list {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: calc(100% + 28px) !important;
    max-width: none !important;
    margin-right: -14px !important;
    margin-left: -14px !important;
    margin-bottom: 28px !important;
    padding: 8px 14px 14px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #at-branches .at-branches__list::-webkit-scrollbar {
    display: none !important;
  }

  #at-branches .at-branch {
    flex: 0 0 116px !important;
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    height: 116px !important;
    min-height: 116px !important;
    padding: 13px 8px !important;
    scroll-snap-align: center !important;
  }

  #at-branches .at-branch__icon {
    width: 35px !important;
    height: 35px !important;
    margin-bottom: 2px !important;
  }

  #at-branches .at-branch__icon svg {
    width: 20px !important;
    height: 20px !important;
  }

  #at-branches .at-branch__brand {
    font-size: 8px !important;
  }

  #at-branches .at-branch__name {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  #at-branches .at-branch.is-active {
    transform: translateY(-3px) !important;
  }

  #at-branches .at-branches__map-card {
    border-radius: 18px !important;
  }

  #at-branches .at-branches__map-header {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 15px !important;
    padding: 16px !important;
  }

  #at-branches .at-branches__active-branch {
    width: 100% !important;
  }

  #at-branches .at-branches__active-name {
    font-size: 14px !important;
  }

  #at-branches .at-branches__directions {
    width: 100% !important;
    min-height: 44px !important;
  }

  #at-branches .at-branches__map-frame {
    height: 360px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #at-branches *,
  #at-branches *::before,
  #at-branches *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* ==========================================================
   تصميم خاص بفوتر متجر «عبايات ورود نوره» – منصة سلة / ثيم رائد
   مستوحى من النموذج المرفق: كريمي دافئ، بيج، وبني ذهبي هادئ.

   مهم:
   1) احذف أي CSS سابق خاص بالفوتر قبل تركيب هذا الملف.
   2) ضع الكود في نهاية CSS المخصص داخل سلة.
   3) لا يحتاج هذا التصميم إلى JavaScript أو تعديل HTML.
   ========================================================== */

footer[data-testid="store-footer"].store-footer {
  --at-footer-bg: #fbf8f4 !important;
  --at-footer-bg-soft: #f5eee7 !important;
  --at-footer-panel: rgba(255, 253, 250, 0.78) !important;
  --at-footer-white: #fffdfa !important;
  --at-footer-ink: #3c2d24 !important;
  --at-footer-text: #625249 !important;
  --at-footer-muted: #95857a !important;
  --at-footer-gold: #b28a58 !important;
  --at-footer-gold-deep: #8a673f !important;
  --at-footer-line: rgba(178, 138, 88, 0.22) !important;
  --at-footer-shadow: rgba(80, 55, 39, 0.08) !important;

  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  color: var(--at-footer-text) !important;
  background:
    radial-gradient(
      circle at 89% 7%,
      rgba(178, 138, 88, 0.11) 0%,
      rgba(178, 138, 88, 0.035) 22%,
      transparent 46%
    ),
    radial-gradient(
      circle at 8% 82%,
      rgba(178, 138, 88, 0.08) 0%,
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #fffdfa 0%,
      var(--at-footer-bg) 52%,
      #f7f0e9 100%
    ) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* الخط الذهبي أعلى الفوتر */
footer[data-testid="store-footer"].store-footer::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 4 !important;
  height: 2px !important;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(178, 138, 88, 0.28) 16%,
      rgba(178, 138, 88, 0.92) 50%,
      rgba(178, 138, 88, 0.28) 84%,
      transparent 100%
    ) !important;
  pointer-events: none !important;
}

/* زخرفة ضوئية خفيفة */
footer[data-testid="store-footer"].store-footer::after {
  content: "" !important;
  position: absolute !important;
  left: -160px !important;
  bottom: 42px !important;
  z-index: -1 !important;
  width: 420px !important;
  height: 420px !important;
  border: 1px solid rgba(178, 138, 88, 0.07) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 42px rgba(178, 138, 88, 0.025),
    0 0 0 86px rgba(178, 138, 88, 0.018) !important;
  pointer-events: none !important;
}

footer[data-testid="store-footer"] *,
footer[data-testid="store-footer"] *::before,
footer[data-testid="store-footer"] *::after {
  box-sizing: border-box !important;
}

/* ==========================================================
   المنطقة الرئيسية
   ========================================================== */

footer[data-testid="store-footer"] .store-footer__inner {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

footer[data-testid="store-footer"]
.store-footer__inner
> .container {
  display: grid !important;
  grid-template-columns:
    minmax(310px, 1.28fr)
    minmax(205px, 0.82fr)
    minmax(290px, 1fr) !important;
  align-items: start !important;
  gap: 0 !important;
  direction: rtl !important;
  width: 100% !important;
  max-width: 1360px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 58px 24px 46px !important;
}

/* إلغاء توزيع أعمدة Tailwind الافتراضي للفوتر فقط */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div {
  grid-column: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 4px 38px 8px !important;
  border: 0 !important;
  color: inherit !important;
  background: transparent !important;
}

/* العمود الأول: هوية المتجر */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type {
  padding-right: 0 !important;
  padding-left: 46px !important;
}

/* فواصل عمودية رفيعة بين الأعمدة */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:not(:first-of-type) {
  border-inline-start: 1px solid var(--at-footer-line) !important;
}

/* حقل التطبيقات الفارغ في سلة */
footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"]:empty {
  display: none !important;
}

footer[data-testid="store-footer"]
salla-apps-icons[data-testid="store-footer-apps"]:not(:empty) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  margin-top: 26px !important;
  padding: 20px !important;
  border: 1px solid var(--at-footer-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.58) !important;
}

/* ==========================================================
   عناوين الأعمدة
   ========================================================== */

footer[data-testid="store-footer"] h3,
footer[data-testid="store-footer"] .s-contacts-title {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  margin: 0 0 24px !important;
  padding: 0 0 15px !important;
  color: var(--at-footer-ink) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-align: right !important;
}

/* الخط والزخرفة تحت عناوين الأعمدة */
footer[data-testid="store-footer"] h3::after,
footer[data-testid="store-footer"] .s-contacts-title::after {
  content: "" !important;
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 74px !important;
  height: 1px !important;
  background:
    linear-gradient(
      90deg,
      var(--at-footer-gold) 0%,
      rgba(178, 138, 88, 0.15) 100%
    ) !important;
}

footer[data-testid="store-footer"] h3::before,
footer[data-testid="store-footer"] .s-contacts-title::before {
  content: "" !important;
  position: absolute !important;
  right: 34px !important;
  bottom: -3px !important;
  z-index: 2 !important;
  width: 7px !important;
  height: 7px !important;
  border: 1px solid var(--at-footer-gold) !important;
  background: var(--at-footer-bg) !important;
  transform: rotate(45deg) !important;
}

/* ==========================================================
   هوية المتجر
   ========================================================== */

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 76px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 17px !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* رمز علاقة الملابس مستوحى من شعار عبايات ورود نوره */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a::before {
  content: "" !important;
  display: block !important;
  width: 76px !important;
  height: 76px !important;
  border: 1px solid rgba(178, 138, 88, 0.34) !important;
  border-radius: 50% !important;
  background-color: rgba(255, 255, 255, 0.62) !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23a88970' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='32' r='28'/%3E%3Cpath d='M32 14c-3.7 0-6.7 3-6.7 6.7 0 3.1 2.2 5.8 5.2 6.4v5L12.8 42.4c-2.7 1.6-1.6 5.7 1.6 5.7h35.2c3.2 0 4.3-4.1 1.6-5.7L33.5 32.1v-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 66px 66px !important;
  box-shadow:
    0 10px 24px rgba(90, 61, 42, 0.07),
    inset 0 0 0 5px rgba(255, 255, 255, 0.40) !important;
}

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a
h3 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--at-footer-ink) !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

/* اسم العلامة بالإنجليزية */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a
h3::after {
  content: "W O R O U D  N O U R A" !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin-top: 2px !important;
  color: var(--at-footer-gold-deep) !important;
  background: none !important;
  font-family: Arial, sans-serif !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 4px !important;
  white-space: nowrap !important;
}

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a
h3::before {
  display: none !important;
}

/* وصف المتجر */
footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> .max-w-sm {
  max-width: 470px !important;
  margin: 0 0 23px !important;
  line-height: inherit !important;
}

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
p {
  margin: 0 !important;
  color: var(--at-footer-text) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 2.2 !important;
  text-align: right !important;
}

/* ==========================================================
   شبكات التواصل
   ========================================================== */

footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"],
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social-mobile"] {
  width: 100% !important;
  margin: 0 0 22px !important;
}

/* عنوان تابعونا يُضاف بصريًا دون تعديل HTML */
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social"]::before,
footer[data-testid="store-footer"]
salla-social[data-testid="store-footer-social-mobile"]::before {
  content: "تابعونا" !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 0 13px !important;
  color: var(--at-footer-ink) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
}

footer[data-testid="store-footer"] .s-social-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[data-testid="store-footer"] .s-social-link {
  margin: 0 !important;
  padding: 0 !important;
}

footer[data-testid="store-footer"] .s-social-link > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 43px !important;
  height: 43px !important;
  margin: 0 !important;
  border: 1px solid rgba(178, 138, 88, 0.34) !important;
  border-radius: 50% !important;
  color: var(--at-footer-gold-deep) !important;
  background: rgba(255, 253, 250, 0.86) !important;
  box-shadow: 0 7px 17px rgba(80, 55, 39, 0.07) !important;
  text-decoration: none !important;
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}

footer[data-testid="store-footer"] .s-social-icon,
footer[data-testid="store-footer"] .s-social-icon svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  color: inherit !important;
}

footer[data-testid="store-footer"] .s-social-icon svg,
footer[data-testid="store-footer"] .s-social-icon path {
  fill: currentColor !important;
}

/* ==========================================================
   السجل التجاري
   ========================================================== */

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> .flex.gap-4 {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 330px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

footer[data-testid="store-footer"]
salla-trust-badges[data-testid="store-footer-trust-badges"] {
  display: flex !important;
  align-items: center !important;
  gap: 13px !important;
  width: 100% !important;
  min-height: 82px !important;
  margin: 0 !important;
  padding: 12px 15px !important;
  border: 1px solid rgba(178, 138, 88, 0.34) !important;
  border-radius: 15px !important;
  color: var(--at-footer-text) !important;
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.82) 0%,
      rgba(245, 238, 231, 0.70) 100%
    ) !important;
  box-shadow:
    0 11px 24px rgba(80, 55, 39, 0.07),
    inset 0 0 0 1px rgba(255, 255, 255, 0.45) !important;
}

footer[data-testid="store-footer"] .s-trust-badges-image {
  display: block !important;
  flex: 0 0 56px !important;
  width: 56px !important;
  height: 56px !important;
  margin: 0 !important;
  padding: 5px !important;
  border: 1px solid rgba(178, 138, 88, 0.16) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  object-fit: contain !important;
}

footer[data-testid="store-footer"] .s-trust-badges-content {
  min-width: 0 !important;
}

footer[data-testid="store-footer"] .s-trust-badges-label {
  margin: 0 0 4px !important;
  color: var(--at-footer-muted) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

footer[data-testid="store-footer"] .s-trust-badges-number {
  display: block !important;
  color: var(--at-footer-ink) !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

/* ==========================================================
   الروابط المهمة
   ========================================================== */

footer[data-testid="store-footer"]
salla-menu[data-testid="store-footer-menu"] {
  display: block !important;
  width: 100% !important;
}

footer[data-testid="store-footer"] .s-menu-footer-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer[data-testid="store-footer"] .s-menu-footer-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 51px !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px dashed rgba(178, 138, 88, 0.22) !important;
  border-radius: 0 !important;
  color: var(--at-footer-text) !important;
  background: transparent !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.8 !important;
  text-align: right !important;
  text-decoration: none !important;
  transition:
    color 0.25s ease,
    padding 0.25s ease !important;
}

footer[data-testid="store-footer"] .s-menu-footer-item::after {
  content: "" !important;
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  border-left: 1.5px solid var(--at-footer-gold) !important;
  border-bottom: 1.5px solid var(--at-footer-gold) !important;
  transform: rotate(45deg) !important;
}

/* ==========================================================
   التواصل
   ========================================================== */

footer[data-testid="store-footer"]
salla-contacts[data-testid="store-footer-contacts"] {
  display: block !important;
  width: 100% !important;
  color: inherit !important;
}

footer[data-testid="store-footer"] .s-contacts-list,
footer[data-testid="store-footer"] .s-contacts-list-vertical {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 11px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer[data-testid="store-footer"] .s-contacts-list > div {
  width: 100% !important;
  margin: 0 !important;
}

footer[data-testid="store-footer"] .s-contacts-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 55px !important;
  margin: 0 !important;
  padding: 8px 11px !important;
  border: 1px solid rgba(178, 138, 88, 0.19) !important;
  border-radius: 12px !important;
  color: var(--at-footer-text) !important;
  background: rgba(255, 253, 250, 0.88) !important;
  box-shadow:
    0 7px 18px rgba(80, 55, 39, 0.045),
    inset 0 0 0 1px rgba(255, 255, 255, 0.42) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.7 !important;
  text-decoration: none !important;
  transition:
    color 0.25s ease,
    border-color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}

footer[data-testid="store-footer"] .s-contacts-icon {
  display: inline-flex !important;
  flex: 0 0 39px !important;
  align-items: center !important;
  justify-content: center !important;
  width: 39px !important;
  height: 39px !important;
  margin: 0 !important;
  border: 1px solid rgba(178, 138, 88, 0.24) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background:
    linear-gradient(
      145deg,
      #b89565 0%,
      var(--at-footer-gold-deep) 100%
    ) !important;
  box-shadow: 0 6px 14px rgba(138, 103, 63, 0.18) !important;
}

footer[data-testid="store-footer"] .s-contacts-icon svg {
  width: 17px !important;
  height: 17px !important;
  fill: currentColor !important;
}

footer[data-testid="store-footer"] .s-contacts-icon path {
  fill: currentColor !important;
}

footer[data-testid="store-footer"] .s-contacts-item .unicode {
  min-width: 0 !important;
  color: inherit !important;
  direction: ltr !important;
  unicode-bidi: isolate !important;
  overflow-wrap: anywhere !important;
  text-align: left !important;
}

footer[data-testid="store-footer"] .contact-social {
  margin-top: 20px !important;
}

/* ==========================================================
   الشريط السفلي وطرق الدفع
   ========================================================== */

footer[data-testid="store-footer"].store-footer
> .container {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding:
    18px
    max(24px, calc((100vw - 1360px) / 2 + 24px)) !important;
  border-top: 1px solid rgba(178, 138, 88, 0.22) !important;
  color: var(--at-footer-muted) !important;
  background:
    linear-gradient(
      90deg,
      rgba(236, 225, 214, 0.78) 0%,
      rgba(247, 240, 233, 0.92) 50%,
      rgba(236, 225, 214, 0.78) 100%
    ) !important;
  text-align: right !important;
}

footer[data-testid="store-footer"] .copyright-text,
footer[data-testid="store-footer"] .copyright-text p {
  margin: 0 !important;
  color: #7c6b60 !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  text-align: right !important;
}

footer[data-testid="store-footer"] .copyright-text a {
  color: var(--at-footer-gold-deep) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* طرق الدفع */
footer[data-testid="store-footer"]
salla-payments[data-testid="store-footer-payments"] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 13px !important;
  margin: 0 !important;
}

footer[data-testid="store-footer"]
salla-payments[data-testid="store-footer-payments"]::before {
  content: "طرق الدفع" !important;
  flex: 0 0 auto !important;
  color: var(--at-footer-ink) !important;
  font-family:
    var(
      --font-main,
      "Droid Arabic Kufi",
      Tahoma,
      Arial,
      sans-serif
    ) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  white-space: nowrap !important;
}

footer[data-testid="store-footer"] .s-payments-list {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer[data-testid="store-footer"] .s-payments-list-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 55px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 5px 7px !important;
  border: 1px solid rgba(178, 138, 88, 0.17) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow: 0 5px 13px rgba(80, 55, 39, 0.06) !important;
}

footer[data-testid="store-footer"] .s-payments-list-item img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* ==========================================================
   تأثيرات الكمبيوتر
   ========================================================== */

@media (hover: hover) and (pointer: fine) {
  footer[data-testid="store-footer"] .s-menu-footer-item:hover {
    color: var(--at-footer-gold-deep) !important;
    padding-right: 5px !important;
  }

  footer[data-testid="store-footer"] .s-contacts-item:hover {
    color: var(--at-footer-ink) !important;
    border-color: rgba(178, 138, 88, 0.43) !important;
    background: #ffffff !important;
    box-shadow: 0 11px 22px rgba(80, 55, 39, 0.08) !important;
    transform: translateY(-2px) !important;
  }

  footer[data-testid="store-footer"] .s-social-link > a:hover {
    color: #ffffff !important;
    border-color: var(--at-footer-gold-deep) !important;
    background: var(--at-footer-gold-deep) !important;
    box-shadow: 0 10px 22px rgba(138, 103, 63, 0.21) !important;
    transform: translateY(-3px) !important;
  }

  footer[data-testid="store-footer"] .copyright-text a:hover {
    color: var(--at-footer-ink) !important;
  }
}

/* ==========================================================
   التابلت
   ========================================================== */

@media (max-width: 1023px) and (min-width: 768px) {
  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 44px 20px 34px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div {
    padding: 24px !important;
    border: 1px solid var(--at-footer-line) !important;
    border-radius: 18px !important;
    background: var(--at-footer-panel) !important;
    box-shadow: 0 12px 28px var(--at-footer-shadow) !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type {
    grid-column: 1 / -1 !important;
    padding: 28px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:not(:first-of-type) {
    border-inline-start: 1px solid var(--at-footer-line) !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > .flex.gap-4 {
    max-width: 360px !important;
  }
}

/* ==========================================================
   الجوال
   ========================================================== */

@media (max-width: 767px) {
  footer[data-testid="store-footer"]::after {
    display: none !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
    padding: 34px 14px 25px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div,
  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type {
    width: 100% !important;
    padding: 22px 18px !important;
    border: 1px solid var(--at-footer-line) !important;
    border-radius: 17px !important;
    background: rgba(255, 253, 250, 0.74) !important;
    box-shadow: 0 11px 25px rgba(80, 55, 39, 0.065) !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:not(:first-of-type) {
    border-inline-start: 1px solid var(--at-footer-line) !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > a {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 13px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > a::before {
    width: 64px !important;
    height: 64px !important;
    background-size: 56px 56px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > a
  h3 {
    font-size: 22px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > a
  h3::after {
    font-size: 7px !important;
    letter-spacing: 2.8px !important;
  }

  footer[data-testid="store-footer"] h3,
  footer[data-testid="store-footer"] .s-contacts-title {
    margin-bottom: 19px !important;
    font-size: 16px !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  p {
    font-size: 12px !important;
    line-height: 2.05 !important;
    text-align: center !important;
  }

  footer[data-testid="store-footer"]
  salla-social[data-testid="store-footer-social-mobile"]::before {
    justify-content: center !important;
  }

  footer[data-testid="store-footer"] .s-social-list {
    justify-content: center !important;
  }

  footer[data-testid="store-footer"]
  .store-footer__inner
  > .container
  > div:first-of-type
  > .flex.gap-4 {
    max-width: 100% !important;
    justify-content: center !important;
  }

  footer[data-testid="store-footer"].store-footer
  > .container {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    gap: 15px !important;
    padding: 17px 14px !important;
    text-align: center !important;
  }

  footer[data-testid="store-footer"] .copyright-text,
  footer[data-testid="store-footer"] .copyright-text p {
    width: 100% !important;
    text-align: center !important;
  }

  footer[data-testid="store-footer"]
  salla-payments[data-testid="store-footer-payments"] {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 9px !important;
    width: 100% !important;
  }

  footer[data-testid="store-footer"] .s-payments-list {
    justify-content: center !important;
  }

  footer[data-testid="store-footer"] .s-payments-list-item {
    width: 50px !important;
    height: 34px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  footer[data-testid="store-footer"] *,
  footer[data-testid="store-footer"] *::before,
  footer[data-testid="store-footer"] *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
/* ==========================================================
   منع أي شعار قديم من الظهور داخل فوتر المتجر
   تم الإبقاء على رمز وهوية الفوتر الأساسية أعلاه،
   وإلغاء أي صورة شعار خارجية كانت مرتبطة بالمتجر السابق.
   ========================================================== */

footer[data-testid="store-footer"]
.store-footer__inner
> .container
> div:first-of-type
> a::before {
  background-image: none !important;
}

/**
 * ==========================================================
 * تعديل نص حقوق الفوتر – عبايات ورود نوره / منصة سلة
 * يستبدل عبارة «صنع بإتقان على منصة سلة» بنص حقوق المتجر.
 * ==========================================================
 */

(() => {
  "use strict";

  const NEW_COPYRIGHT_TEXT =
    "جميع الحقوق محفوظة لدى عبايات ورود نوره";

  const updateFooterCopyright = () => {
    const copyrightElement = document.querySelector(
      'footer[data-testid="store-footer"] .copyright-text p'
    );

    if (!copyrightElement) {
      return false;
    }

    copyrightElement.textContent =
      NEW_COPYRIGHT_TEXT;

    return true;
  };

  const initializeCopyright = () => {
    let attempts = 0;

    const timer = window.setInterval(() => {
      attempts += 1;

      if (
        updateFooterCopyright() ||
        attempts >= 40
      ) {
        window.clearInterval(timer);
      }
    }, 250);

    updateFooterCopyright();
  };

  if (
    window.salla &&
    typeof window.salla.onReady === "function"
  ) {
    window.salla.onReady(
      initializeCopyright
    );
  } else if (
    document.readyState === "loading"
  ) {
    document.addEventListener(
      "DOMContentLoaded",
      initializeCopyright,
      { once: true }
    );
  } else {
    initializeCopyright();
  }
})();