/* =========================================================================
   مَغن — CSS موحد
   أقسام: عناوين، countdown، testimonials، footer، nav-header،
          shipping notice، product page، الأعلى مبيعًا
   ========================================================================= */

/* =========================================================================
   مَغن — عناوين الأقسام (من قلب مَغن / وش قالوا عن مَغن)
   Hook: .magan-heading (added via JS)
   ========================================================================= */
   .swiper.s-slider-container.swiper-fade.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-watch-progress.swiper-backface-hidden {
    border-radius: 35px !important;
}
.magan-heading {
  --magan-cat-title: var(--primary-color, #c5632a);
}

.magan-heading.s-block__title,
.magan-heading .s-block__title,
.magan-heading.s-slider-block__title,
.magan-heading .s-slider-block__title {
  margin: 0 0 clamp(20px, 3vw, 36px) !important;
  padding: 0 !important;
  text-align: center !important;
}

.magan-heading.s-slider-block__title,
.magan-heading .s-slider-block__title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  gap: 12px !important;
}

.magan-heading .s-slider-block__title-right,
.magan-heading.s-slider-block__title .s-slider-block__title-right {
  width: 100% !important;
  flex: 1 1 100% !important;
  text-align: center !important;
}

.magan-heading .s-slider-block__title-left,
.magan-heading.s-slider-block__title .s-slider-block__title-left {
  position: absolute !important;
  inset-inline-end: 0 !important;
  inset-block-start: 50% !important;
  transform: translateY(-50%) !important;
}

.magan-heading.s-block__title h2,
.magan-heading.s-block__title .da-cp,
.magan-heading .s-block__title h2,
.magan-heading .s-block__title .da-cp,
.magan-heading.s-slider-block__title h2,
.magan-heading .s-slider-block__title h2 {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--magan-cat-title) !important;
  font-weight: 500 !important;
  font-size: clamp(28px, 5vw, 48px) !important;
  line-height: 128% !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
}

.magan-heading.s-block__title p:empty,
.magan-heading .s-block__title p:empty {
  display: none !important;
}

@media (max-width: 767px) {
  .magan-heading.s-block__title h2,
  .magan-heading.s-block__title .da-cp,
  .magan-heading .s-block__title h2,
  .magan-heading .s-block__title .da-cp,
  .magan-heading.s-slider-block__title h2,
  .magan-heading .s-slider-block__title h2 {
    font-size: 28px !important;
  }

  .magan-heading .s-slider-block__title-left,
  .magan-heading.s-slider-block__title .s-slider-block__title-left {
    position: static !important;
    transform: none !important;
    inset: auto !important;
  }
}

/* =========================================================================
     مَغن — عروض الافتتاح (countdown)
     Hook: .s-block--notification-bar-countdown
     ========================================================================= */

.s-block--notification-bar-countdown {
  --magan-cd-cream: #fff1ce;
  --magan-cd-box: #c5642a;
  --magan-cd-radius: clamp(20px, 2.5vw, 32px);
  --magan-cd-circle: clamp(52px, 7vw, 72px);
  --magan-cd-bg-desktop: url("https://cdn.files.salla.network/other/2120129752/5c306ecb-d9a9-48f7-afde-bc5f534ae273-original.webp");
  --magan-cd-bg-mobile: url("https://cdn.files.salla.network/other/2120129752/3a1a4d48-c8b8-4d1d-a951-ccb17e5c20ae-original.webp");

  padding-block: clamp(16px, 3vw, 28px) !important;
  padding-inline: clamp(12px, 3vw, 24px) !important;
  background: transparent !important;
}

.s-block--notification-bar-countdown .lp-container {
  max-width: 1100px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

.s-block--notification-bar-countdown .countdown-card,
.s-block--notification-bar-countdown.magan-countdown .countdown-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(16px, 2.5vw, 28px) !important;
  width: 100% !important;
  min-height: clamp(220px, 28vw, 320px) !important;
  padding-block: clamp(28px, 4vw, 48px) !important;
  padding-inline: clamp(20px, 6vw, 80px) !important;
  margin: 0 !important;
  border-radius: var(--magan-cd-radius) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  /* shorthand beats theme `background:` + inline background-color */
  background: var(--magan-cd-box) var(--magan-cd-bg-desktop) center / cover
    no-repeat !important;
  box-shadow: none !important;
}

.s-block--notification-bar-countdown .countdown-card__icon,
.s-block--notification-bar-countdown .countdown-card__divider,
.s-block--notification-bar-countdown .countdown-card__sep {
  display: none !important;
}

.s-block--notification-bar-countdown .countdown-card__leading {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(8px, 1.2vw, 14px) !important;
  width: 100% !important;
  max-width: 52rem !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

.s-block--notification-bar-countdown .countdown-card__text {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--magan-cd-cream) !important;
  font-weight: 500 !important;
  font-size: clamp(26px, 4.5vw, 48px) !important;
  line-height: 128% !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
}

.s-block--notification-bar-countdown .magan-countdown-desc {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 40rem !important;
  color: var(--magan-cd-cream) !important;
  font-weight: 400 !important;
  font-size: clamp(13px, 1.8vw, 18px) !important;
  line-height: 1.7 !important;
  text-align: center !important;
}

.s-block--notification-bar-countdown .countdown-card__timer {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: clamp(12px, 2.5vw, 28px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.s-block--notification-bar-countdown .countdown-card__unit {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

.s-block--notification-bar-countdown .countdown-card__value {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--magan-cd-circle) !important;
  height: var(--magan-cd-circle) !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: var(--magan-cd-cream) !important;
  color: var(--magan-cd-box) !important;
  font-weight: 600 !important;
  font-size: clamp(18px, 2.6vw, 28px) !important;
  line-height: 1 !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.s-block--notification-bar-countdown .countdown-card__label {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--magan-cd-cream) !important;
  font-weight: 400 !important;
  font-size: clamp(12px, 1.5vw, 16px) !important;
  line-height: 1.3 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .s-block--notification-bar-countdown .countdown-card,
  .s-block--notification-bar-countdown.magan-countdown .countdown-card {
    --magan-cd-circle: 48px;
    min-height: 260px !important;
    padding-block: 28px !important;
    padding-inline: 18px !important;
    background: var(--magan-cd-box) var(--magan-cd-bg-mobile) center / cover
      no-repeat !important;
    gap: 18px !important;
  }

  .s-block--notification-bar-countdown .countdown-card__text {
    font-size: 24px !important;
  }

  .s-block--notification-bar-countdown .magan-countdown-desc {
    font-size: 13px !important;
    line-height: 1.65 !important;
  }

  .s-block--notification-bar-countdown .countdown-card__timer {
    gap: 10px !important;
  }

  .s-block--notification-bar-countdown .countdown-card__value {
    font-size: 18px !important;
  }

  .s-block--notification-bar-countdown .countdown-card__label {
    font-size: 12px !important;
  }
}

/* =========================================================================
     مَغن — آراء العملاء (testimonials)
     Hook: section.s-block--testimonials / #testimonials-6-slider
     ========================================================================= */

section.s-block--testimonials {
  --magan-t-cream: #fff1ce;
  --magan-t-brand: var(--primary-color, #c5642a);
  --magan-t-star: #f5c518;
  --magan-t-star-muted: #e8d4b0;
  --magan-t-radius: clamp(16px, 2vw, 20px);
  --magan-t-avatar: clamp(48px, 6vw, 56px);

  background: var(--magan-t-cream) !important;
  padding-block: clamp(32px, 5vw, 64px) !important;
}

section.s-block--testimonials > .container {
  max-width: 1100px !important;
  margin-inline: auto !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
}

/* Hide swiper chrome — title only */
section.s-block--testimonials .s-slider-block__title-left,
section.s-block--testimonials .s-slider-nav-arrow,
section.s-block--testimonials .swiper-scrollbar,
section.s-block--testimonials .swiper-notification,
section.s-block--testimonials .testimonial__icon {
  display: none !important;
}

section.s-block--testimonials .s-slider-block__title {
  margin: 0 0 clamp(20px, 3vw, 36px) !important;
}

section.s-block--testimonials .swiper-slide {
  height: auto !important;
  margin-top: 0 !important;
  padding-inline: 8px !important;
}

/* —— Card (Figma side cards) —— */
section.s-block--testimonials .swiper-slide > .flex,
section.s-block--testimonials .magan-testi-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: clamp(18px, 2.5vw, 24px) !important;
  background: #fff1ce !important;
  border: 1.5px solid var(--magan-t-brand) !important;
  border-radius: var(--magan-t-radius) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

section.s-block--testimonials .swiper-slide > .flex > .flex,
section.s-block--testimonials .magan-testi-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: clamp(12px, 1.5vw, 16px) !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* Header: avatar + name/stars row */
section.s-block--testimonials .s-testimonials--slider--img,
section.s-block--testimonials .magan-testi-head {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: start !important;
}

section.s-block--testimonials .testimonial__avatar {
  flex: 0 0 var(--magan-t-avatar) !important;
  width: var(--magan-t-avatar) !important;
  height: var(--magan-t-avatar) !important;
  margin: 0 !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: none !important;
  background: var(--magan-t-brand) !important;
}

section.s-block--testimonials .testimonial__avatar .lazy__bg,
section.s-block--testimonials .testimonial__avatar > div {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
}

section.s-block--testimonials .magan-testi-meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

section.s-block--testimonials .s-testimonials--slider--img > p.da-tm,
section.s-block--testimonials .magan-testi-meta > p.da-tm,
section.s-block--testimonials .magan-testi-name {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--magan-t-brand) !important;
  font-weight: 500 !important;
  font-size: clamp(15px, 1.8vw, 18px) !important;
  line-height: 1.3 !important;
  text-align: start !important;
}

/* Hide city */
section.s-block--testimonials .s-testimonials--slider--img > p.da-ts,
section.s-block--testimonials .magan-testi-city {
  display: none !important;
}

section.s-block--testimonials .testimonial__rating {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

section.s-block--testimonials .s-rating-stars-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 2px !important;
}

section.s-block--testimonials .s-rating-stars-btn-star {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  color: var(--magan-t-star-muted) !important;
}

section.s-block--testimonials .s-rating-stars-btn-star svg {
  width: 100% !important;
  height: 100% !important;
  fill: currentColor !important;
}

section.s-block--testimonials .s-rating-stars-btn-star.s-rating-stars-selected {
  color: var(--magan-t-star) !important;
}

/* Comment */
section.s-block--testimonials .magan-testi-inner > p.da-tm,
section.s-block--testimonials .magan-testi-comment,
section.s-block--testimonials .swiper-slide > .flex > .flex > p.text-base {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--magan-t-brand) !important;
  font-weight: 400 !important;
  font-size: clamp(13px, 1.5vw, 15px) !important;
  line-height: 1.7 !important;
  text-align: start !important;
}

@media (max-width: 767px) {
  section.s-block--testimonials {
    padding-block: 28px !important;
  }

  section.s-block--testimonials .swiper-slide {
    padding-inline: 4px !important;
  }

  section.s-block--testimonials .swiper-slide > .flex,
  section.s-block--testimonials .magan-testi-card {
    padding: 16px !important;
  }
}

/* =========================================================================
     مَغن — Footer
     Hook: footer.store-footer
     BG: same countdown desktop/mobile images
     ========================================================================= */

footer.store-footer {
  --magan-ft-cream: #fff1ce;
  --magan-ft-brand: #c5642a;
  --magan-ft-bg-desktop: url("https://cdn.files.salla.network/other/2120129752/5c306ecb-d9a9-48f7-afde-bc5f534ae273-original.webp");
  --magan-ft-bg-mobile: url("https://cdn.files.salla.network/other/2120129752/3a1a4d48-c8b8-4d1d-a951-ccb17e5c20ae-original.webp");
  --magan-ft-icon: 44px;
  --magan-ft-social: 40px;
}

footer.store-footer,
footer.store-footer .store-footer__inner,
footer.store-footer .store-footer__inner.da-bgm,
footer.store-footer .store-footer__inner.has-custom-bg {
  background-color: var(--magan-ft-brand) !important;
  background-image: var(--magan-ft-bg-desktop) !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  border: none !important;
  box-shadow: none !important;
}

footer.store-footer .store-footer__inner {
  padding-block: clamp(40px, 6vw, 72px) clamp(20px, 3vw, 32px) !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
}

footer.store-footer .store-footer__inner > .container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
  max-width: 1100px !important;
  margin-inline: auto !important;
  padding: 0 !important;
}

/* —— Top block: logo → links → contacts —— */
footer.store-footer .footer-middle,
footer.store-footer .footer-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(20px, 3vw, 28px) !important;
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
}

footer.store-footer .footer-middle > .flex,
footer.store-footer .footer-profile,
footer.store-footer .menu-list,
footer.store-footer salla-contacts {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hide description, titles, copyright, empty extras */
footer.store-footer .footer-description,
footer.store-footer .footer-profile > p,
footer.store-footer .footer-title,
footer.store-footer .s-contacts-title,
footer.store-footer .copyrights,
footer.store-footer .footer-images:empty {
  display: none !important;
}

/* Logo */
footer.store-footer .logo-footer {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 4px !important;
}

footer.store-footer .logo-footer img,
footer.store-footer img.logo-light {
  width: auto !important;
  height: clamp(48px, 8vw, 72px) !important;
  max-width: 220px !important;
  object-fit: contain !important;
  filter: none !important;
}

/* Links — centered stack */
footer.store-footer .footer-list,
footer.store-footer .store-links-items {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: clamp(12px, 2vw, 16px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
}

footer.store-footer .footer-list a,
footer.store-footer .store-links-items a {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--magan-ft-cream) !important;
  font-size: clamp(14px, 1.6vw, 16px) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

footer.store-footer .footer-list a:hover,
footer.store-footer .store-links-items a:hover,
footer.store-footer .footer-list a:focus,
footer.store-footer .store-links-items a:focus,
footer.store-footer .store-links-items a.hover\:text-primary:hover,
footer.store-footer .footer-list a.da-tm:hover {
  opacity: 1 !important;
  color: #fff1ce !important;
  background: transparent !important;
  background-color: transparent !important;
  text-decoration: none !important;
}

/* Contacts — cream rounded squares, icons only */
footer.store-footer .s-contacts-list,
footer.store-footer .s-contacts-list-horizontal {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer.store-footer .s-contacts-item,
footer.store-footer #contact-slot > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--magan-ft-icon) !important;
  height: var(--magan-ft-icon) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--magan-ft-cream) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

footer.store-footer .s-contacts-item .unicode,
footer.store-footer .s-contacts-item span.unicode {
  display: none !important;
}

footer.store-footer .s-contacts-icon,
footer.store-footer .s-contacts-item svg {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  color: var(--magan-ft-brand) !important;
  fill: var(--magan-ft-brand) !important;
}

footer.store-footer .s-contacts-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: currentColor !important;
}

/* Social — originally in profile; JS moves to bottom. Cream circles */
footer.store-footer .footer-social,
footer.store-footer .social-links,
footer.store-footer .s-social-list {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

footer.store-footer .s-social-link a,
footer.store-footer .footer-social a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--magan-ft-social) !important;
  height: var(--magan-ft-social) !important;
  background: var(--magan-ft-cream) !important;
  border-radius: 50% !important;
  color: var(--magan-ft-brand) !important;
}

footer.store-footer .s-social-icon,
footer.store-footer .s-social-icon svg {
  width: 18px !important;
  height: 18px !important;
  fill: currentColor !important;
  color: var(--magan-ft-brand) !important;
}

/* Trust / سجل تجاري — cream text */
footer.store-footer .footer-vat,
footer.store-footer salla-trust-badges,
footer.store-footer .s-trust-badges-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: var(--magan-ft-cream) !important;
}

footer.store-footer .s-trust-badges-image {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
}

footer.store-footer .s-trust-badges-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}

footer.store-footer .s-trust-badges-label,
footer.store-footer .s-trust-badges-number {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--magan-ft-cream) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

footer.store-footer .s-trust-badges-number {
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* —— Bottom bar —— */
footer.store-footer .footer-bottom {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px 24px !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin: clamp(28px, 4vw, 40px) auto 0 !important;
  padding: clamp(20px, 3vw, 28px) 0 0 !important;
  border-top: 1px solid rgba(255, 241, 206, 0.45) !important;
  border-bottom: none !important;
}

footer.store-footer .footer-bottom > .footer-social {
  order: 1;
  justify-content: flex-start !important;
}

footer.store-footer .footer-bottom > ul:not(.social-links):not(.s-social-list) {
  order: 2;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex: 1 1 auto !important;
}

footer.store-footer .footer-bottom > .footer-vat,
footer.store-footer .footer-bottom > .magan-ft-trust {
  order: 3;
  justify-content: flex-end !important;
}

footer.store-footer .footer-bottom li[class^="pay-"],
footer.store-footer .footer-bottom li[class*=" pay-"] {
  width: 48px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 4px !important;
  background: #fff1ce !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

footer.store-footer .footer-bottom li img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

/* Hide broken payment icons */
footer.store-footer .footer-bottom li.pay-mahally_customer_wallet,
footer.store-footer .footer-bottom li.pay-cod {
  display: none !important;
}

/* When social still inside profile (before JS move) — hide there on desktop */
footer.store-footer .footer-profile > .footer-social {
  display: none !important;
}

footer.store-footer.magan-footer
  .footer-profile
  > .footer-social.magan-ft-social-moved {
  display: none !important;
}

@media (max-width: 991px) {
  footer.store-footer,
  footer.store-footer .store-footer__inner,
  footer.store-footer .store-footer__inner.da-bgm,
  footer.store-footer .store-footer__inner.has-custom-bg {
    background-image: var(--magan-ft-bg-mobile) !important;
  }

  footer.store-footer .footer-bottom {
    flex-direction: column !important;
    justify-content: center !important;
    gap: 20px !important;
    border-top: 1px solid rgba(255, 241, 206, 0.45) !important;
  }

  footer.store-footer .footer-bottom > .footer-social,
  footer.store-footer .footer-bottom > ul,
  footer.store-footer .footer-bottom > .footer-vat,
  footer.store-footer .footer-bottom > .magan-ft-trust {
    order: initial !important;
    width: 100% !important;
    justify-content: center !important;
    flex: none !important;
  }

  footer.store-footer .footer-bottom > .footer-social {
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255, 241, 206, 0.35) !important;
  }

  footer.store-footer .footer-bottom > ul:not(.social-links) {
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(255, 241, 206, 0.35) !important;
  }
}

@media (max-width: 767px) {
  footer.store-footer {
    --magan-ft-icon: 42px;
    --magan-ft-social: 38px;
  }

  footer.store-footer .store-footer__inner {
    padding-block: 36px 24px !important;
  }

  footer.store-footer .logo-footer img,
  footer.store-footer img.logo-light {
    height: 56px !important;
  }
}

/*
  =========================================================================
  مَغن — خلفيات كريمي #FFF1CE
  صفحات المحتوى + صفحة المنتج (breadcrumb / tabs / sticky bar)
  =========================================================================
*/
.content.content--single-page,
.content.content--single-page.da-bgg,
.content.content--single-page.bg-white,
.content.content--single-page.opt-text,
.content.content--single-page.opt-text.bg-white,
.content.content--single-page.opt-text.da-bgg,
.content.content--single-page.opt-text.bg-white.da-bgg,
.content.content--single-page.rounded,
div.content.content--single-page.opt-text.w-full.bg-white.rounded.da-bgg,
.flex.flex-col.bg-gray-100.da-bgg:not(.magan-page-header):not(
    .magan-product-header
  ),
.s-product-tabs,
.s-product-tabs .tabs,
.s-product-tabs .tabs__product,
.s-product-tabs .tabs-wrapper,
.s-product-tabs .tabs-wrapper__product,
.s-product-tabs .tabs__item,
section.s-block--payment,
section.sticky-product-bar,
section.sticky-product-bar.bg-white,
section.sticky-product-bar.da-bgg {
  background: #fff1ce !important;
  background-color: #fff1ce !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* صفحة المحتوى (قصتنا وغيرها) — تغلب bg-white / da-bgg */
html body .content.content--single-page,
html body .content.content--single-page.bg-white,
html body .content.content--single-page.da-bgg,
html body .content.content--single-page.opt-text.bg-white.da-bgg,
html body div.content.content--single-page {
  background: #fff1ce !important;
  background-color: #fff1ce !important;
  background-image: none !important;
}

.content.content--single-page .content-entry ul,
.content.content--single-page .content-entry ul li,
.content.content--single-page ul,
.content.content--single-page ul li {
  text-align: start !important;
}

/* طرق الدفع في صفحة المنتج — نفس كريمي الفوتر */
section.s-block--payment li[class^="pay-"],
section.s-block--payment li[class*=" pay-"],
section.s-block--payment li.bg-white {
  background: #fff1ce !important;
  background-color: #fff1ce !important;
}

section.p-block--features .p--features__item,
section.p-block--features .p--features__item.bg-white,
section.p-block--features .p--features__item.da-bgg {
  background: #fff1ce !important;
  background-color: #fff1ce !important;
  box-shadow: none !important;
}

/* كمية المنتج — بوردر براند (على الـ container فقط، مش الهوست) */
salla-quantity-input {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.s-quantity-input-container,
salla-quantity-input .s-quantity-input-container,
.sticky-product-bar .s-quantity-input-container {
  border: 1.5px solid #c5632a !important;
  border-color: #c5632a !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: transparent !important;
  box-shadow: none !important;
}

.s-quantity-input-button,
.s-quantity-input-increase-button,
.s-quantity-input-decrease-button,
.s-quantity-input-input {
  border: none !important;
  border-color: #c5632a !important;
  color: #c5632a !important;
  background: transparent !important;
  box-shadow: none !important;
}

.s-quantity-input-button svg,
.s-quantity-input-button path {
  fill: #c5632a !important;
  color: #c5632a !important;
}

/* تنبيه التوصيل — وسط دائمًا + إخفاء لينك النقطة */
div:has(> .flex-center .ad-close),
div:has(a.ad-close) {
  justify-content: center !important;
  width: 100% !important;
  text-align: center !important;
}

div:has(a.ad-close) > .flex.flex-col {
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  padding-inline: 2rem !important;
}

div:has(a.ad-close) > .flex.flex-col > p.flex {
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
}

div:has(a.ad-close) > .flex.flex-col > p.text-xs {
  display: none !important;
}

.magan-ship-notice {
  justify-content: center !important;
  text-align: center !important;
}

.magan-ship-notice > .flex.flex-col {
  align-items: center !important;
  width: 100% !important;
}

.magan-ship-notice > .flex.flex-col > p.flex {
  justify-content: center !important;
  text-align: center !important;
}

/* =========================================================================
     مَغن — هيدر الصفحات (تصنيف + منتج)
     خلفية براند + نصوص موجودة فقط بلون #FFF1CE — بدون حقن عناوين
     ========================================================================= */

:root {
  --magan-p-brown: #582713;
  --magan-p-brand: #c5632a;
  --magan-p-cream: #fff1ce;
  --magan-p-tag: #582713cc;
  --magan-p-star-empty: #5827134d;
  --magan-p-header-bg: url("https://cdn.files.salla.network/other/2120129752/5c306ecb-d9a9-48f7-afde-bc5f534ae273-original.webp");
}

body.magan-product {
  --magan-p-brown: #582713;
  --magan-p-brand: #c5632a;
  --magan-p-cream: #fff1ce;
  --magan-p-tag: #582713cc;
  --magan-p-star-empty: #5827134d;
  --magan-p-header-bg: url("https://cdn.files.salla.network/other/2120129752/5c306ecb-d9a9-48f7-afde-bc5f534ae273-original.webp");
}

/* هيدر مصنّف بـ JS + احتياطي لشريط الـ breadcrumb في صفحة المنتج */
.nav-header.magan-page-header,
.nav-header.magan-page-header.bg-gray-100,
.nav-header.magan-page-header.da-bgg,
.magan-page-header.flex.flex-col.bg-gray-100.da-bgg.relative,
.magan-page-header.flex.flex-col.bg-gray-100.da-bgg,
body.magan-product .magan-page-header,
body.magan-product .magan-product-header,
body.magan-product
  .flex.flex-col.bg-gray-100.da-bgg.relative:has(nav.breadcrumbs),
body.magan-product
  .flex.flex-col.bg-gray-100.da-bgg.relative:has(.breadcrumbs) {
  background: #c5632a !important;
  background-color: #c5632a !important;
  background-image: url("https://cdn.files.salla.network/other/2120129752/5c306ecb-d9a9-48f7-afde-bc5f534ae273-original.webp") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  padding-block: clamp(16px, 2.5vw, 28px) !important;
  padding-inline: 0 !important;
  margin-bottom: clamp(16px, 2vw, 24px) !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

/* أي نص موجود في الهيدر → #FFF1CE */
.magan-page-header,
.magan-page-header *,
body.magan-product .magan-page-header,
body.magan-product .magan-page-header *,
body.magan-product
  .flex.flex-col.bg-gray-100.da-bgg.relative:has(nav.breadcrumbs),
body.magan-product
  .flex.flex-col.bg-gray-100.da-bgg.relative:has(nav.breadcrumbs)
  *,
body.magan-product
  .flex.flex-col.bg-gray-100.da-bgg.relative:has(.breadcrumbs)
  * {
  color: #fff1ce !important;
  fill: #fff1ce !important;
}

.magan-page-header .s-breadcrumb-arrow svg,
body.magan-product .magan-page-header .s-breadcrumb-arrow svg {
  width: 16px !important;
  height: 16px !important;
}

/* لا نحقن عنوان «صفحة المنتج» — احذف أي بقايا قديمة */
.magan-product-page-title {
  display: none !important;
}

body.magan-product .main-content h1 {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--magan-p-brown) !important;
  font-weight: 600 !important;
  font-size: clamp(20px, 2.8vw, 28px) !important;
  line-height: 1.35 !important;
  text-align: start !important;
  position: static !important;
}

/* —— Stars under title —— */
body.magan-product .magan-p-rating,
body.magan-product .main-content salla-rating-stars,
body.magan-product .main-content .s-rating-stars-wrapper {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 12px !important;
}

body.magan-product .main-content .s-rating-stars-btn-star {
  color: var(--magan-p-star-empty) !important;
  width: 16px !important;
  height: 16px !important;
}

body.magan-product
  .main-content
  .s-rating-stars-btn-star.s-rating-stars-selected {
  color: var(--magan-p-brown) !important;
}

body.magan-product .main-content .s-rating-stars-btn-star svg {
  fill: currentColor !important;
  width: 100% !important;
  height: 100% !important;
}

body.magan-product .magan-p-rating-count {
  margin: 0 !important;
  color: var(--magan-p-brown) !important;
  font-size: 13px !important;
  opacity: 0.85 !important;
}

/* —— Description —— */
body.magan-product .main-content .full-description,
body.magan-product .main-content article.full-description,
body.magan-product .main-content article.details.opt-text,
body.magan-product .main-content .full-description p,
body.magan-product .main-content .full-description strong {
  background: transparent !important;
  color: var(--magan-p-brand) !important;
}

body.magan-product .main-content article.full-description {
  margin-bottom: 14px !important;
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* —— Product page: kill theme white .details cards (options products only) —— */
body.magan-product .main-content article.full-description.details,
body.magan-product .main-content #product-tabs-options,
body.magan-product .main-content #product-tabs-options.details,
body.magan-product .main-content .product-options.details,
body.magan-product .main-content section.sticky-product-bar,
body.magan-product .main-content section.sticky-product-bar.bg-white,
body.magan-product .main-content section.sticky-product-bar.da-bgg,
body.magan-product .main-content #product-tabs-options section.total.details {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

body.magan-product .main-content > .price.magan-p-price-hidden {
  display: none !important;
}

/* Hide empty reviews — no white box */
body.magan-product #product-tabs-faqs,
body.magan-product .main-content .product-reviews.details {
  display: none !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

body.magan-product #product-tabs-faqs:has(.s-comment-item, .s-comments-item, .s-reviews-item, .review-card),
body.magan-product .product-reviews.details:has(.s-comment-item, .s-comments-item, .s-reviews-item, .review-card),
body.magan-product #product-tabs-faqs.magan-p-reviews,
body.magan-product .product-reviews.details.magan-p-reviews {
  display: block !important;
}

body.magan-product #product-tabs-faqs.magan-p-reviews-empty,
body.magan-product .product-reviews.details.magan-p-reviews-empty {
  display: none !important;
}

body.magan-product #product-tabs-options,
body.magan-product #product-tabs-options.magan-p-options,
body.magan-product .product-options.details.magan-p-options {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

/* —— Product options (نوع الكيك / الإضافات) —— */
body.magan-product #product-tabs-options salla-product-options,
body.magan-product #product-tabs-options .s-product-options-wrapper,
body.magan-product .magan-p-options salla-product-options,
body.magan-product .magan-p-options .s-product-options-wrapper {
  display: block !important;
  width: 100% !important;
}

body.magan-product #product-tabs-options .s-product-options-option-container,
body.magan-product .magan-p-options .s-product-options-option-container {
  margin-bottom: 18px !important;
}

body.magan-product #product-tabs-options .s-product-options-option-label,
body.magan-product .magan-p-options .s-product-options-option-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
  margin-bottom: 10px !important;
}

body.magan-product #product-tabs-options .s-product-options-option-label b,
body.magan-product .magan-p-options .s-product-options-option-label b {
  color: var(--magan-p-brown) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body.magan-product #product-tabs-options .s-product-options-option-label small,
body.magan-product .magan-p-options .s-product-options-option-label small {
  display: none !important;
}

body.magan-product #product-tabs-options .s-product-options-grid-mode,
body.magan-product .magan-p-options .s-product-options-grid-mode {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.magan-product #product-tabs-options .s-product-options-grid-mode label,
body.magan-product .magan-p-options .s-product-options-grid-mode label {
  position: relative !important;
  margin: 0 !important;
  cursor: pointer !important;
}

body.magan-product #product-tabs-options .s-product-options-grid-mode input,
body.magan-product .magan-p-options .s-product-options-grid-mode input {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.magan-product #product-tabs-options .s-product-options-grid-mode-span,
body.magan-product .magan-p-options .s-product-options-grid-mode-span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 10px 18px !important;
  border: 1.5px solid var(--magan-p-brand) !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: var(--magan-p-brown) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease;
}

body.magan-product
  #product-tabs-options
  .s-product-options-grid-mode
  label:has(input:checked)
  .s-product-options-grid-mode-span,
body.magan-product
  .magan-p-options
  .s-product-options-grid-mode
  label:has(input:checked)
  .s-product-options-grid-mode-span {
  background: var(--magan-p-brown) !important;
  border-color: var(--magan-p-brown) !important;
  color: var(--magan-p-cream) !important;
}

/* Price row bundled with options (see tesxt.html) */
body.magan-product #product-tabs-options section.total.details,
body.magan-product .magan-p-options section.total.details {
  display: block !important;
  margin: 8px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid rgba(88, 39, 19, 0.12) !important;
  background: transparent !important;
}

body.magan-product #product-tabs-options section.total.details .details__title,
body.magan-product .magan-p-options section.total.details .details__title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
  color: var(--magan-p-brown) !important;
  font-weight: 600 !important;
}

body.magan-product #product-tabs-options section.total.details .total-price,
body.magan-product .magan-p-options section.total.details .total-price {
  color: var(--magan-p-brand) !important;
  font-weight: 700 !important;
}

/* —— Tags: text color only, no pill bg —— */
body.magan-product .main-content .mb-3:has(a[href*="tag-"]) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 16px !important;
  background: transparent !important;
}

body.magan-product .main-content a[href*="tag-"] {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  color: #582713cc !important;
  text-decoration: none !important;
  opacity: 1 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

body.magan-product .main-content a[href*="tag-"]:hover {
  opacity: 0.85 !important;
  color: #582713cc !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* —— Price / availability —— */
body.magan-product .main-content .price {
  order: 10;
  margin: 0 0 8px !important;
}

body.magan-product .main-content .price .total-price,
body.magan-product .main-content .price .total-price.da-tm {
  color: var(--magan-p-brand) !important;
  font-weight: 700 !important;
}

body.magan-product .main-content .price .before-price {
  color: var(--magan-p-brown) !important;
  opacity: 0.45 !important;
}

body.magan-product .main-content .product-availablity {
  order: 11;
  margin: 0 0 8px !important;
}

body.magan-product .main-content .product-availablity strong {
  color: var(--magan-p-brand) !important;
}

/* Hide category + features strip */
body.magan-product .main-content .main-categoty,
body.magan-product section.p-block--features,
body.magan-product .p-block--features {
  display: none !important;
}

/* —— Hide installment / offer clutter —— */
body.magan-product salla-installment,
body.magan-product .salla-offer-count-down,
body.magan-product .product-purchases-count,
body.magan-product [class*="purchase-count"],
body.magan-product [class*="offer-countdown"],
body.magan-product .bank-offers,
body.magan-product salla-offer:empty {
  display: none !important;
}

/* —— Sticky actions bar —— */
body.magan-product .sticky-product-bar,
body.magan-product section.sticky-product-bar {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 12px !important;
  border-radius: 0 !important;
}

/* عمودي: كمية → أزرار → Apple Pay */
body.magan-product .sticky-product-bar > .flex,
body.magan-product .magan-p-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
}

body.magan-product .magan-p-actions-row {
  display: contents !important;
}

body.magan-product .magan-p-qty-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}

body.magan-product .magan-p-qty-label {
  margin: 0 !important;
  color: var(--magan-p-brown) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-align: start !important;
}

/* بوردر واحد فقط على الـ container الداخلي */
body.magan-product .magan-p-qty-wrap salla-quantity-input,
body.magan-product .sticky-product-bar salla-quantity-input {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

body.magan-product .magan-p-qty-wrap .s-quantity-input-container,
body.magan-product .sticky-product-bar .s-quantity-input-container {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  padding: 4px 20px !important;
  gap: 12px !important;
  border-radius: 12px !important;
  border: 0.6px solid var(--magan-p-brand) !important;
  outline: none !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

/* صف الأزرار: أضف للسلة + اشتري الآن */
body.magan-product .magan-p-btns {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

body.magan-product .magan-p-btns > salla-add-product-button,
body.magan-product .magan-p-btns > .sticky-product-bar__btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

body.magan-product .magan-p-btns .s-add-product-button-main {
  display: block !important;
  width: 100% !important;
}

/* أضف للسلة */
body.magan-product .magan-p-btns .s-add-product-button-main > salla-button,
body.magan-product
  .magan-p-btns
  .s-add-product-button-main
  > salla-button
  .s-button-element,
body.magan-product
  .magan-p-btns
  .s-add-product-button-main
  > salla-button
  button.s-button-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: var(--magan-p-brown) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--magan-p-cream) !important;
}

body.magan-product
  .magan-p-btns
  .s-add-product-button-main
  > salla-button
  .s-button-text,
body.magan-product .magan-p-btns .s-add-product-button-main > salla-button i {
  color: var(--magan-p-cream) !important;
}

/* اشتري الآن = نفس لوجيك أضف للسلة (صلب، بدون أي بوردر) */
/* اشتري الآن — خلفية شفافة + بوردر ونص #582713 (بوردر واحد على الهوست فقط) */
body.magan-product .magan-p-btns salla-mini-checkout-widget,
body.magan-product .magan-p-btns .s-mini-checkout,
body.magan-product .magan-p-btns .s-add-product-button-mini-checkout,
body.magan-product
  salla-mini-checkout-widget.s-add-product-button-mini-checkout,
body.magan-product .magan-p-buy-now {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 1.5px solid #582713 !important;
  outline: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #582713 !important;
}

body.magan-product .magan-p-btns salla-mini-checkout-widget::before,
body.magan-product .magan-p-btns salla-mini-checkout-widget::after,
body.magan-product .magan-p-btns .s-add-product-button-mini-checkout::before,
body.magan-product .magan-p-btns .s-add-product-button-mini-checkout::after {
  content: none !important;
  display: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

body.magan-product .s-add-product-button-mini-checkout-content,
body.magan-product .magan-p-btns salla-mini-checkout-widget > *,
body.magan-product .magan-p-btns salla-mini-checkout-widget [slot],
body.magan-product
  .magan-p-btns
  salla-mini-checkout-widget
  [class*="mini-checkout"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: 16px !important;
  color: var(--magan-p-cream) !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

body.magan-product .s-add-product-button-mini-checkout-content *,
body.magan-product .magan-p-btns salla-mini-checkout-widget *,
body.magan-product .magan-p-btns salla-mini-checkout-widget *::before,
body.magan-product .magan-p-btns salla-mini-checkout-widget *::after {
  border: 0 !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.magan-product .s-add-product-button-mini-checkout-content,
body.magan-product .s-add-product-button-mini-checkout-content span,
body.magan-product .s-add-product-button-mini-checkout-content svg,
body.magan-product .s-add-product-button-mini-checkout-content path,
body.magan-product .magan-p-btns salla-mini-checkout-widget,
body.magan-product .magan-p-btns salla-mini-checkout-widget span,
body.magan-product .magan-p-btns salla-mini-checkout-widget svg,
body.magan-product .magan-p-btns salla-mini-checkout-widget path {
  color: var(--magan-p-cream) !important;
  fill: var(--magan-p-cream) !important;
}

/* Apple Pay تحت الصف */
body.magan-product .magan-p-apple,
body.magan-product .magan-p-actions > salla-quick-buy {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.magan-product .magan-p-apple salla-quick-buy {
  display: block !important;
  width: 100% !important;
}

body.magan-product salla-quick-buy apple-pay-button,
body.magan-product .s-quick-buy-apple-pay {
  width: 100% !important;
  max-width: 100% !important;
  height: 48px !important;
  display: block !important;
}

@media (max-width: 640px) {
  body.magan-product .magan-p-btns {
    flex-wrap: nowrap !important;
  }

  body.magan-product .magan-p-btns > salla-add-product-button,
  body.magan-product .magan-p-btns salla-mini-checkout-widget {
    flex: 1 1 50% !important;
  }
}

/* —— Reviews outside container —— */
body.magan-product .magan-p-reviews,
body.magan-product #product-tabs-faqs.magan-p-reviews,
body.magan-product .product-reviews.details.magan-p-reviews {
  width: 100% !important;
  max-width: 1100px !important;
  margin: clamp(28px, 4vw, 48px) auto !important;
  padding-inline: clamp(16px, 4vw, 24px) !important;
  box-sizing: border-box !important;
}

body.magan-product .magan-p-reviews .tabs__product {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 56px !important;
  margin-bottom: 20px !important;
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
}

body.magan-product .magan-p-reviews .tab-trigger {
  display: inline-flex !important;
  align-items: center !important;
  background: transparent !important;
  border: none !important;
  color: var(--magan-p-brand) !important;
  font-size: clamp(28px, 4vw, 40px) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  min-height: 56px !important;
  padding: 8px 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body.magan-product .magan-p-reviews .tab-trigger i {
  display: none !important;
}

body.magan-product .magan-p-reviews .tabs-wrapper,
body.magan-product .magan-p-reviews .tabs__item {
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.magan-product .magan-p-reviews salla-comment-form,
body.magan-product .magan-p-reviews .s-comments-header:empty {
  display: none !important;
}

/* Review cards — testimonials look */
body.magan-product .magan-p-reviews .s-comments-container,
body.magan-product .magan-p-reviews .s-comment-item,
body.magan-product .magan-p-reviews [class*="comment-card"],
body.magan-product .magan-p-reviews .s-reviews-item {
  background: var(--magan-p-cream) !important;
}

body.magan-product .magan-p-reviews .s-comment,
body.magan-product .magan-p-reviews .s-comments-item,
body.magan-product .magan-p-reviews .review-card,
body.magan-product .magan-p-reviews [class*="s-comment-"] {
  border: 1.5px solid var(--magan-p-brand) !important;
  border-radius: 16px !important;
  background: var(--magan-p-cream) !important;
  padding: 18px 20px !important;
  margin-bottom: 12px !important;
  box-shadow: none !important;
}

body.magan-product
  .magan-p-reviews
  .s-rating-stars-btn-star.s-rating-stars-selected {
  color: #f5c518 !important;
}

@media (max-width: 767px) {
  body.magan-product .magan-p-actions-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  body.magan-product .magan-p-qty-wrap {
    width: 100% !important;
  }

  body.magan-product .s-add-product-button-main > salla-button,
  body.magan-product
    .s-add-product-button-main
    > salla-button
    .s-button-element,
  body.magan-product
    .s-add-product-button-main
    > salla-button
    button.s-button-btn {
    max-width: 100% !important;
    width: 100% !important;
  }

  body.magan-product .magan-p-btns salla-mini-checkout-widget,
  body.magan-product .s-add-product-button-mini-checkout {
    max-width: none !important;
    width: auto !important;
    flex: 1 1 0 !important;
    border: 1.5px solid #582713 !important;
    background: transparent !important;
    color: #582713 !important;
  }

  body.magan-product .s-add-product-button-main {
    flex-direction: column !important;
  }
}
.s-fast-checkout-button.outline {
  border: none !important;
}
/* NEW — .nav-header فقط (كوكيز + جميع المنتجات + أي تصنيف) — مش #mobile-menu */
html body .nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative,
html body div.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative,
html body .nav-header.bg-gray-100.da-bgg.relative,
html body .nav-header.bg-gray-100.da-bgg,
html body .nav-header.da-bgg,
html body .nav-header {
  --background-color: #c5632a !important;
  --bg-color: #c5632a !important;
  background: #c5632a !important;
  background-color: #c5632a !important;
  background-image: none !important; /* حط رابط الصورة هنا لما تجهز */
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  color: #fff1ce !important;
  border-radius: 0 !important;
}

html body .nav-header .category_title,
html body .nav-header .category_title.da-tm,
html body .nav-header #page-main-title,
html body .nav-header .da-tm,
html body .nav-header .breadcrumbs,
html body .nav-header .s-breadcrumb-item,
html body .nav-header .s-breadcrumb-item a,
html body .nav-header .sub-title {
  color: #fff1ce !important;
  fill: #fff1ce !important;
}

a.w-full.h-full.flex-center.ad-close.sicon-cancel.text-base {
  display: none !important;
}

/* =========================================================================
   مَغن — سكشن الأعلى مبيعًا (هيكل جديد)
   Hook: salla-products-slider.s-products-slider-wrapper (tesxt.html)
   ========================================================================= */

/* —— Title row: عنوان وسط + أسهم في الآخر —— */
salla-products-slider.s-products-slider-wrapper .s-slider-block__title,
salla-products-slider.s-products-slider-wrapper .magan-angel-title {
  --magan-angel-title: var(--primary-color, #c5632a);
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  gap: 12px !important;
  margin: 0 0 clamp(20px, 3vw, 36px) !important;
  padding: 0 !important;
}

salla-products-slider.s-products-slider-wrapper .s-slider-block__title-right {
  width: 100% !important;
  flex: 1 1 100% !important;
  text-align: center !important;
}

salla-products-slider.s-products-slider-wrapper .s-slider-block__title-right h2 {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  color: var(--magan-angel-title, var(--primary-color, #c5632a)) !important;
  font-weight: 500 !important;
  font-size: clamp(28px, 5vw, 48px) !important;
  line-height: 128% !important;
  letter-spacing: -0.03em !important;
  text-align: center !important;
}

salla-products-slider.s-products-slider-wrapper .s-slider-block__title-left {
  position: absolute !important;
  inset-inline-end: 0 !important;
  inset-block-start: 50% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* اخفي عرض الكل من الهيدر — JS بينقله تحت */
salla-products-slider.s-products-slider-wrapper
  .s-slider-block__title
  .s-slider-block__display-all {
  display: none !important;
}

/* أسهم السوايبر */
salla-products-slider.s-products-slider-wrapper .s-slider-nav-arrow,
salla-products-slider.s-products-slider-wrapper .s-slider-prev,
salla-products-slider.s-products-slider-wrapper .s-slider-next,
salla-products-slider.s-products-slider-wrapper
  .s-slider-nav-arrow.swiper-button-disabled {
  pointer-events: auto !important;
  z-index: 6 !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

salla-products-slider.s-products-slider-wrapper .s-slider-block__title-nav {
  pointer-events: auto !important;
  z-index: 6 !important;
}

/* زر عرض الكل — تحت المنتجات */
salla-products-slider.s-products-slider-wrapper ~ .magan-angel-display-all,
.magan-angel-display-all.s-slider-block__display-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin: clamp(12px, 2vw, 20px) auto 0 !important;
  padding: 12px 18px !important;
  white-space: nowrap !important;
  color: #c5632a !important;
  border: 1.5px solid #c5632a !important;
  border-radius: 16px !important;
  background: transparent !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  box-sizing: border-box !important;
}

@media (max-width: 767px) {
  salla-products-slider.s-products-slider-wrapper .s-slider-block__title-right h2 {
    font-size: 28px !important;
  }

  salla-products-slider.s-products-slider-wrapper .s-slider-block__title-left {
    position: static !important;
    transform: none !important;
    inset: auto !important;
    width: 100% !important;
    justify-content: center !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 640px) {
  salla-products-slider.s-products-slider-wrapper ~ .magan-angel-display-all,
  .magan-angel-display-all.s-slider-block__display-all {
    width: 100% !important;
  }
}