/* ==========================================================
   عالم الرواد — هندسة موحدة مستوحاة من متجر بيورينا
   ضع الكود كاملاً في نهاية CSS المخصص
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');

:root {
  --brand-primary: #1292bd;
  --brand-primary-dark: #0879a3;
  --brand-navy: #0c3b59;
  --brand-text: #173747;
  --brand-muted: #71818a;
  --brand-light: #eef9fc;
  --brand-border: #e2edf1;
  --brand-white: #ffffff;
  --brand-danger: #d93c4c;
  --brand-radius: 16px;
  --brand-shadow: 0 12px 35px rgba(10, 76, 106, 0.10);
}

/* ================= الخطوط والأساس ================= */

html {
  scroll-behavior: smooth;
}

body,
button,
input,
textarea,
select,
a,
p,
span,
h1,
h2,
h3,
h4,
.product-entry__title,
.s-block__title,
.main-menu,
.navbar,
footer {
  font-family: "Noto Kufi Arabic", sans-serif !important;
}

body {
  background: #fff !important;
  color: var(--brand-text) !important;
  overflow-x: hidden !important;
}

.container {
  width: min(1240px, calc(100% - 40px)) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
}

/* ================= الشريط العلوي والهيدر ================= */

header,
.store-header {
  font-family: "Noto Kufi Arabic", sans-serif !important;
}

.announcement-bar,
.top-navbar,
header [class*="top"] {
  font-size: 11px !important;
  font-weight: 500 !important;
}

.main-nav-container {
  min-height: 74px !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
}

.main-menu a,
.navbar a,
.main-nav-container a {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

.main-menu a:hover,
.navbar a:hover {
  color: var(--brand-primary) !important;
}

.navbar-brand img,
header .logo img {
  max-height: 62px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* ================= السلايدر الرئيسي ================= */

.s-block--main-slider,
.s-block--main-slider-1 {
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.s-block--main-slider .swiper-slide {
  overflow: hidden !important;
}

.s-block--main-slider img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.s-block--main-slider h2 {
  font-size: clamp(28px, 4vw, 55px) !important;
  font-weight: 800 !important;
  line-height: 1.5 !important;
}

.s-block--main-slider p {
  max-width: 600px !important;
  font-size: clamp(13px, 1.3vw, 17px) !important;
  line-height: 2 !important;
}

.s-block--main-slider .s-button-element,
.s-block--main-slider a[class*="button"] {
  min-height: 46px !important;
  padding: 11px 28px !important;
  border: 1px solid rgba(255,255,255,.8) !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* ================= مسافات الأقسام ================= */

.s-block:not(.s-block--main-slider):not(.s-block--main-slider-1) {
  margin: 0 !important;
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.s-block__title {
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 30px !important;
  text-align: center !important;
}

.s-block__title .right-side {
  width: 100% !important;
  text-align: center !important;
}

.s-block__title h2 {
  margin: 0 !important;
  color: var(--brand-navy) !important;
  font-size: clamp(23px, 2.4vw, 34px) !important;
  font-weight: 800 !important;
  line-height: 1.6 !important;
}

.s-block__title h2::after {
  content: "";
  display: block;
  width: 47px;
  height: 3px;
  margin: 12px auto 0;
  border-radius: 10px;
  background: var(--brand-primary);
}

.s-block__title p {
  max-width: 700px !important;
  margin: 10px auto 0 !important;
  color: var(--brand-muted) !important;
  font-size: 13px !important;
  line-height: 2 !important;
}

.s-block__title .text-primary {
  color: var(--brand-primary) !important;
}

/* ================= قسم الأقسام والأصناف ================= */

.s-block--categories {
  background: var(--brand-light) !important;
}

.s-block--categories .slide--cat-entry {
  text-align: center !important;
}

.s-block--categories .slide--cat-entry > span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 130px !important;
  height: 130px !important;
  margin-inline: auto !important;
  padding: 13px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 50% !important;
  box-shadow: 0 6px 20px rgba(15, 87, 116, .07) !important;
  transition: .3s ease !important;
}

.s-block--categories .slide--cat-entry img {
  width: 100% !important;
  height: 100% !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #fff !important;
}

.s-block--categories .slide--cat-entry:hover > span {
  transform: translateY(-6px) !important;
  border-color: var(--brand-primary) !important;
  box-shadow: var(--brand-shadow) !important;
}

.s-block--categories .slide--cat-entry h2 {
  margin-top: 14px !important;
  padding: 0 !important;
  color: var(--brand-navy) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
}

.s-block--categories .slide--cat-entry small {
  color: var(--brand-muted) !important;
  font-size: 10px !important;
  line-height: 1.7 !important;
}

/* ================= تبويبات المنتجات ================= */

.s-block--tabs .tabs {
  display: flex !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 4px !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
}

.s-block--tabs .tabs::-webkit-scrollbar {
  display: none !important;
}

.s-block--tabs .tab-trigger {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  padding: 9px 21px !important;
  color: var(--brand-text) !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 30px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  transition: .25s ease !important;
}

.s-block--tabs .tab-trigger.is-active,
.s-block--tabs .tab-trigger:hover {
  color: #fff !important;
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

/* ================= شبكة المنتجات ================= */

.s-products-list-wrapper {
  align-items: stretch !important;
  gap: 22px !important;
}

.s-products-slider-card {
  height: auto !important;
  padding-bottom: 5px !important;
}

.s-products-slider-card > custom-salla-product-card {
  height: 100% !important;
}

/* البطاقة الخارجية */

custom-salla-product-card.product-entry {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 510px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: none !important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease !important;
}

custom-salla-product-card.product-entry:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(18,146,189,.4) !important;
  box-shadow: var(--brand-shadow) !important;
}

/* ================= مساحة صورة موحدة ================= */

.product-entry__image-wrap {
  display: block !important;
  width: 100% !important;
  background: #fff !important;
}

.product-entry__image {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 0 !important;
}

.product-entry__image-main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  padding: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 0 !important;
}

.product-entry__image-main img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #fff !important;
  transform: none !important;
  filter: none !important;
}

.product-entry__image-main img[src="undefined"],
.product-entry__image-main img[data-src="undefined"] {
  visibility: hidden !important;
}

/* منع تمدد الصور عند المرور */

.product-entry:hover .product-entry__image-main img,
.product-entry__image-main:hover img {
  transform: none !important;
}

/* ================= محتوى بطاقة المنتج ================= */

custom-salla-product-card.product-entry form {
  display: flex !important;
  flex: 1 !important;
  width: 100% !important;
  height: 100% !important;
}

custom-salla-product-card.product-entry form > div {
  width: 100% !important;
  height: 100% !important;
}

.product-entry__content {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 198px !important;
  padding: 16px 14px 14px !important;
  text-align: center !important;
}

/* عنوان ثابت بسطرين */

.product-entry__title {
  display: -webkit-box !important;
  min-height: 53px !important;
  max-height: 53px !important;
  margin: 0 0 9px !important;
  overflow: hidden !important;
  color: var(--brand-text) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  line-height: 2.05 !important;
  text-align: center !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.product-entry__title a {
  color: inherit !important;
  text-decoration: none !important;
}

.product-entry__subtitle {
  display: -webkit-box !important;
  min-height: 24px !important;
  max-height: 44px !important;
  overflow: hidden !important;
  color: var(--brand-muted) !important;
  font-size: 10.5px !important;
  line-height: 1.9 !important;
  text-align: center !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* ================= السعر والخصم ================= */

.price-wrapper {
  min-height: 48px !important;
  margin-top: auto !important;
  justify-content: center !important;
  text-align: center !important;
}

.total-price {
  color: var(--brand-primary-dark) !important;
  font-size: 16px !important;
  font-weight: 800 !important;
}

.before-price {
  color: #96a2a8 !important;
  font-size: 11px !important;
}

.discount-amount {
  color: var(--brand-danger) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}

/* ================= أزرار البطاقة ================= */

.add-to-cart-conatiner {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  gap: 7px !important;
  margin-top: 11px !important;
}

.add-to-cart-conatiner salla-add-product-button {
  flex: 1 !important;
}

.add-to-cart-conatiner .s-button-element {
  min-height: 42px !important;
  border-radius: 7px !important;
}

.btn--add-to-cart--full .s-button-element,
.add-to-cart-conatiner .s-button-primary {
  width: 100% !important;
  color: #fff !important;
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}

.btn--add-to-cart--full .s-button-element:hover,
.add-to-cart-conatiner .s-button-primary:hover {
  background: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
}

.card-secondary-btn {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  color: var(--brand-primary) !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 7px !important;
}

.card-secondary-btn:hover {
  color: #fff !important;
  background: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
}

/* ================= أزرار السلايدر ================= */

.s-slider-nav-arrow {
  width: 40px !important;
  height: 40px !important;
  color: var(--brand-primary) !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 50% !important;
  box-shadow: 0 5px 18px rgba(15,80,110,.08) !important;
}

.s-slider-nav-arrow svg {
  width: 22px !important;
  height: 22px !important;
  fill: currentColor !important;
}

/* ================= خلفيات الأقسام المتبادلة ================= */

.s-block--fixed-products {
  background: #fff !important;
}

.s-block--featrues-products {
  background: var(--brand-light) !important;
}

.s-block--informative-content {
  background: #fff !important;
}

.s-block--testimonials {
  background: var(--brand-light) !important;
}

.s-block--faqs {
  background: #f8fcfd !important;
}

/* ================= الفيديو أو البانر الجانبي ================= */

/*
بعد إضافة بانر/GIF من إعدادات قسم المنتجات سيطبّق عليه
هذا التنسيق تلقائيًا قدر الإمكان.
*/

.s-block--featrues-products.with-banners [class*="banner"] {
  overflow: hidden !important;
  background: #fff !important;
  border-radius: var(--brand-radius) !important;
}

.s-block--featrues-products.with-banners [class*="banner"] img,
.s-block--featrues-products.with-banners [class*="banner"] video {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 480px !important;
  object-fit: cover !important;
  border-radius: var(--brand-radius) !important;
}

/* ================= التقييمات والأسئلة ================= */

.s-block--testimonials [class*="testimonial"],
.s-block--testimonials [class*="review"] {
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--brand-radius) !important;
  box-shadow: none !important;
}

.s-block--faqs details,
.s-block--faqs [class*="faq-item"],
.s-block--faqs [class*="accordion"] {
  margin-bottom: 10px !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}

/* ================= صفحة المنتج ================= */

.product-single .product-slider,
.product-single .product-image,
.product-single [class*="gallery"] {
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--brand-border) !important;
  border-radius: var(--brand-radius) !important;
}

.product-single [class*="gallery"] img,
.product-single .product-image img {
  object-fit: contain !important;
  background: #fff !important;
}

.product-single h1,
.product-single .product-title {
  color: var(--brand-navy) !important;
  font-weight: 800 !important;
  line-height: 1.8 !important;
}

/* ================= الفوتر ================= */

footer,
.store-footer {
  background: var(--brand-navy) !important;
}

footer,
footer p,
footer a,
.store-footer,
.store-footer p,
.store-footer a {
  color: rgba(255,255,255,.87) !important;
}

footer .footer-title,
.store-footer .footer-title {
  color: #fff !important;
  font-weight: 700 !important;
}

footer a:hover,
.store-footer a:hover {
  color: #8dd9ef !important;
}

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

@media (min-width: 1024px) {
  .products-container .s-products-list-wrapper,
  .category-page .s-products-list-wrapper {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* ================= الجهاز اللوحي ================= */

@media (min-width: 768px) and (max-width: 1023px) {
  .container {
    width: calc(100% - 32px) !important;
  }

  .products-container .s-products-list-wrapper,
  .category-page .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  custom-salla-product-card.product-entry {
    min-height: 480px !important;
  }
}

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

@media (max-width: 767px) {
  .container {
    width: calc(100% - 24px) !important;
  }

  .s-block:not(.s-block--main-slider):not(.s-block--main-slider-1) {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .s-block__title {
    margin-bottom: 22px !important;
  }

  .s-block__title h2 {
    font-size: 21px !important;
  }

  .s-block__title p {
    font-size: 11px !important;
    line-height: 1.9 !important;
  }

  .s-block--categories .slide--cat-entry > span {
    width: 94px !important;
    height: 94px !important;
    padding: 8px !important;
  }

  .s-block--categories .slide--cat-entry h2 {
    font-size: 11px !important;
  }

  custom-salla-product-card.product-entry {
    min-height: 420px !important;
    border-radius: 13px !important;
  }

  .product-entry__image-main {
    padding: 12px !important;
  }

  .product-entry__content {
    min-height: 177px !important;
    padding: 12px 9px 10px !important;
  }

  .product-entry__title {
    min-height: 47px !important;
    max-height: 47px !important;
    font-size: 10.5px !important;
    line-height: 2.15 !important;
  }

  .product-entry__subtitle {
    display: none !important;
  }

  .price-wrapper {
    min-height: 42px !important;
  }

  .total-price {
    font-size: 13px !important;
  }

  .before-price {
    font-size: 9px !important;
  }

  .discount-amount {
    font-size: 9px !important;
  }

  .add-to-cart-conatiner {
    gap: 5px !important;
  }

  .add-to-cart-conatiner .s-button-element {
    min-height: 39px !important;
  }

  .add-to-cart-conatiner .s-button-text {
    font-size: 9.5px !important;
  }

  .card-secondary-btn {
    width: 39px !important;
    min-width: 39px !important;
    height: 39px !important;
  }

  .s-block--tabs .tabs {
    justify-content: flex-start !important;
  }

  .s-block--tabs .tab-trigger {
    min-height: 39px !important;
    padding: 8px 16px !important;
    font-size: 10px !important;
  }

  .s-block--featrues-products.with-banners [class*="banner"] img,
  .s-block--featrues-products.with-banners [class*="banner"] video {
    min-height: 280px !important;
  }
}/* ==================================================
   إصلاح تمركز قسم المنتجات على الكمبيوتر فقط
   ================================================== */

@media (min-width: 1024px) {

  body.index section.s-block--fixed-products.container {
    display: block !important;
    width: calc(100% - 64px) !important;
    max-width: 1240px !important;

    /* أهم سطرين لإعادة القسم إلى المنتصف */
    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* توسيط عنوان القسم */
  body.index section.s-block--fixed-products.container
  > .s-block__title {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
  }

  body.index section.s-block--fixed-products.container
  > .s-block__title .right-side {
    width: 100% !important;
    text-align: center !important;
  }

  /* جعل قائمة المنتجات تستخدم عرض القسم كاملًا */
  body.index section.s-block--fixed-products.container
  salla-products-list {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.index section.s-block--fixed-products.container
  .s-products-list-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 22px !important;
    justify-content: center !important;
    align-items: stretch !important;
  }

  /* توحيد عرض البطاقات */
  body.index section.s-block--fixed-products.container
  custom-salla-product-card.product-entry {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}

/* تحسين التوزيع على اللابتوب المتوسط */

@media (min-width: 768px) and (max-width: 1023px) {

  body.index section.s-block--fixed-products.container {
    width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.index section.s-block--fixed-products.container
  .s-products-list-wrapper {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}/* ==================================================
   تطوير قسم الأقسام والأصناف — نسخة واسعة وفاخرة
   ================================================== */

@media (min-width: 1024px) {

  /* القسم كاملًا */
  body.index .s-block--categories {
    position: relative !important;
    padding-top: 75px !important;
    padding-bottom: 80px !important;
    overflow: hidden !important;
    background:
      radial-gradient(
        circle at 50% 0%,
        rgba(255,255,255,.85) 0,
        rgba(255,255,255,0) 42%
      ),
      linear-gradient(
        180deg,
        #f1fafc 0%,
        #eaf7fb 100%
      ) !important;
    border-top: 1px solid #e2f0f4 !important;
    border-bottom: 1px solid #dcecf1 !important;
  }

  /* توسيع حاوية الأقسام */
  body.index .s-block--categories > .container {
    width: calc(100% - 80px) !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* العنوان */
  body.index .s-block--categories .s-block__title {
    width: 100% !important;
    max-width: 900px !important;
    margin: 0 auto 42px !important;
    text-align: center !important;
  }

  body.index .s-block--categories .s-block__title h2 {
    color: #0c3b59 !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    line-height: 1.6 !important;
  }

  body.index .s-block--categories .s-block__title p {
    max-width: 760px !important;
    margin: 12px auto 0 !important;
    color: #667e89 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 2 !important;
  }

  /* إخفاء أسهم السلايدر على الكمبيوتر */
  body.index .s-block--categories .s-slider-nav-arrow,
  body.index .s-block--categories .s-slider-block__title-nav {
    display: none !important;
  }

  /* جعل السلايدر بعرض كامل */
  body.index .s-block--categories salla-slider,
  body.index .s-block--categories .s-slider-container {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  /* توزيع الأقسام الخمسة بالتساوي */
  body.index .s-block--categories .swiper-wrapper {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: 100% !important;
    gap: 20px !important;
    transform: none !important;
  }

  body.index .s-block--categories .swiper-slide {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  /* بطاقة القسم */
  body.index .s-block--categories .slide--cat-entry {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 245px !important;
    padding: 26px 18px 23px !important;
    overflow: hidden !important;
    text-align: center !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(24,139,181,.13) !important;
    border-radius: 22px !important;
    box-shadow:
      0 8px 30px rgba(15,76,103,.055) !important;
    transition:
      transform .32s ease,
      border-color .32s ease,
      box-shadow .32s ease !important;
  }

  /* خط علوي أنيق */
  body.index .s-block--categories .slide--cat-entry::before {
    content: "";
    position: absolute;
    top: 0;
    right: 30%;
    left: 30%;
    height: 3px;
    border-radius: 0 0 8px 8px;
    background: #1292bd;
    opacity: 0;
    transition: .32s ease;
  }

  /* خلفية زخرفية خفيفة */
  body.index .s-block--categories .slide--cat-entry::after {
    content: "";
    position: absolute;
    top: -55px;
    right: -55px;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: rgba(18,146,189,.055);
    pointer-events: none;
  }

  /* دائرة الأيقونة */
  body.index .s-block--categories
  .slide--cat-entry > span {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 108px !important;
    height: 108px !important;
    margin: 0 auto 18px !important;
    padding: 19px !important;
    background: #f7fcfd !important;
    border: 1px solid #dcecf2 !important;
    border-radius: 50% !important;
    box-shadow:
      inset 0 0 0 7px #ffffff,
      0 7px 22px rgba(14,92,124,.07) !important;
    transition: .32s ease !important;
  }

  /* الأيقونة */
  body.index .s-block--categories
  .slide--cat-entry > span img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    transform: none !important;
  }

  /* اسم القسم */
  body.index .s-block--categories
  .slide--cat-entry h2 {
    position: relative !important;
    z-index: 2 !important;
    min-height: 29px !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    color: #103e59 !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 2 !important;
  }

  /* الوصف */
  body.index .s-block--categories
  .slide--cat-entry small {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    min-height: 21px !important;
    color: #80919a !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.9 !important;
  }

  /* تأثير المرور */
  body.index .s-block--categories
  .slide--cat-entry:hover {
    transform: translateY(-8px) !important;
    border-color: rgba(18,146,189,.42) !important;
    box-shadow:
      0 18px 45px rgba(13,85,116,.13) !important;
  }

  body.index .s-block--categories
  .slide--cat-entry:hover::before {
    right: 16% !important;
    left: 16% !important;
    opacity: 1 !important;
  }

  body.index .s-block--categories
  .slide--cat-entry:hover > span {
    background: #ffffff !important;
    border-color: rgba(18,146,189,.35) !important;
    transform: scale(1.05) !important;
  }
}

/* ==================================================
   اللابتوب المتوسط
   ================================================== */

@media (min-width: 1024px) and (max-width: 1200px) {

  body.index .s-block--categories > .container {
    width: calc(100% - 40px) !important;
  }

  body.index .s-block--categories .swiper-wrapper {
    gap: 14px !important;
  }

  body.index .s-block--categories .slide--cat-entry {
    min-height: 225px !important;
    padding: 23px 12px 20px !important;
  }

  body.index .s-block--categories
  .slide--cat-entry > span {
    width: 93px !important;
    height: 93px !important;
    padding: 16px !important;
  }

  body.index .s-block--categories
  .slide--cat-entry h2 {
    font-size: 12px !important;
  }
}

/* ==================================================
   الجوال — إبقاء السحب مع تحسين الشكل
   ================================================== */

@media (max-width: 767px) {

  body.index .s-block--categories {
    padding-top: 45px !important;
    padding-bottom: 48px !important;
    background: #edf9fc !important;
  }

  body.index .s-block--categories .s-block__title {
    margin-bottom: 25px !important;
  }

  body.index .s-block--categories .swiper-slide {
    width: 145px !important;
  }

  body.index .s-block--categories .slide--cat-entry {
    min-height: 178px !important;
    padding: 18px 10px 15px !important;
    background: #ffffff !important;
    border: 1px solid #e0edf2 !important;
    border-radius: 17px !important;
    box-shadow: 0 6px 20px rgba(15,76,103,.06) !important;
  }

  body.index .s-block--categories
  .slide--cat-entry > span {
    width: 82px !important;
    height: 82px !important;
    margin-bottom: 12px !important;
    padding: 13px !important;
    background: #f7fcfd !important;
  }

  body.index .s-block--categories
  .slide--cat-entry h2 {
    margin: 0 0 3px !important;
    font-size: 11px !important;
  }

  body.index .s-block--categories
  .slide--cat-entry small {
    font-size: 8.5px !important;
  }
}/* ==========================================================
   عالم الرواد — تحسينات Mobile First النهائية
   يوضع هذا الكود في نهاية CSS الحالي
   ========================================================== */

/* إخفاء زر نظام المساعدة الأزرق */
ticketing-system,
salla-ticketing-system {
  display: none !important;
}

/* ==========================================================
   تصميم الجوال الأساسي
   ========================================================== */

@media (max-width: 767px) {

  /* ---------- أساس الصفحة ---------- */

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    font-size: 13px !important;
  }

  .container {
    width: calc(100% - 24px) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* ========================================================
     البنر الرئيسي — تحسين وضوح الكتابة
     ======================================================== */

  .s-block--main-slider,
  .s-block--main-slider-1 {
    min-height: 440px !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .s-block--main-slider .swiper-slide {
    min-height: 440px !important;
  }

  .s-block--main-slider .swiper-slide > img,
  .s-block--main-slider img.md\:hidden {
    width: 100% !important;
    height: 440px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  /* حاوية النص */
  .s-block--main-slider .slide-content {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: calc(100% - 24px) !important;
    padding: 0 !important;
  }

  .s-block--main-slider .slide-content > div {
    width: 88% !important;
    max-width: 335px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    padding: 15px 16px 16px !important;

    background:
      linear-gradient(
        135deg,
        rgba(5, 52, 76, .88),
        rgba(8, 91, 124, .68)
      ) !important;

    border: 1px solid rgba(255,255,255,.28) !important;
    border-right: 4px solid #42b8db !important;
    border-radius: 13px !important;

    box-shadow:
      0 10px 28px rgba(0, 34, 51, .22) !important;

    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;

    text-align: right !important;
    align-items: flex-start !important;
  }

  /* عنوان البنر */
  .s-block--main-slider .slide-content h2 {
    width: 100% !important;
    margin: 0 0 7px !important;
    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.65 !important;
    text-align: right !important;

    text-shadow:
      0 2px 3px rgba(0, 25, 39, .95),
      0 0 7px rgba(0, 25, 39, .75) !important;

    -webkit-text-stroke: .25px rgba(0, 28, 43, .8);
  }

  /* وصف البنر */
  .s-block--main-slider .slide-content p {
    width: 100% !important;
    margin: 0 0 10px !important;
    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 11.5px !important;
    font-weight: 500 !important;
    line-height: 1.95 !important;
    text-align: right !important;

    text-shadow: 0 1px 3px rgba(0, 25, 39, .95) !important;

    -webkit-line-clamp: 3 !important;
  }

  /* رابط البنر */
  .s-block--main-slider .slide-content .more-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 13px !important;

    color: #073d59 !important;
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.8) !important;
    border-radius: 7px !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-shadow: none !important;
  }

  .s-block--main-slider .slide-content .more-link svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* ========================================================
     عنوان قسم المنتجات
     ======================================================== */

  body.index section.s-block--fixed-products.container {
    width: calc(100% - 20px) !important;
    padding-top: 34px !important;
    padding-bottom: 38px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.index .s-block--fixed-products .s-block__title {
    width: 100% !important;
    margin: 0 auto 20px !important;
    padding: 0 6px !important;
    text-align: center !important;
  }

  body.index .s-block--fixed-products
  .s-block__title .right-side {
    width: 100% !important;
    text-align: center !important;
  }

  body.index .s-block--fixed-products
  .s-block__title h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;

    color: #0c3b59 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
  }

  body.index .s-block--fixed-products
  .s-block__title h2::after {
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    margin: 9px auto 0 !important;
  }

  /* ========================================================
     بطاقات المنتجات — إزالة الفراغ المحدد
     ======================================================== */

  body.index .s-block--fixed-products
  .s-products-list-wrapper {
    gap: 12px 9px !important;
    align-items: stretch !important;
  }

  body.index .s-block--fixed-products
  custom-salla-product-card.product-entry {
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 13px !important;
  }

  body.index .s-block--fixed-products
  custom-salla-product-card.product-entry form {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.index .s-block--fixed-products
  custom-salla-product-card.product-entry form > div {
    height: auto !important;
    min-height: 0 !important;
  }

  body.index .s-block--fixed-products
  .product-entry__image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  body.index .s-block--fixed-products
  .product-entry__image-main {
    width: 100% !important;
    height: 100% !important;
    padding: 9px !important;
  }

  body.index .s-block--fixed-products
  .product-entry__image-main img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.index .s-block--fixed-products
  .product-entry__content {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 185px !important;
    padding: 11px 8px 9px !important;
  }

  /* عنوان المنتج ثابت بسطرين */
  body.index .s-block--fixed-products
  .product-entry__title {
    display: -webkit-box !important;
    min-height: 47px !important;
    max-height: 47px !important;
    margin: 0 0 5px !important;
    overflow: hidden !important;

    color: #153e52 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    line-height: 2.15 !important;

    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body.index .s-block--fixed-products
  .product-entry__subtitle {
    display: none !important;
  }

  /* إلغاء الفراغ بين العنوان والسعر */
  body.index .s-block--fixed-products
  .price-wrapper {
    min-height: 42px !important;
    margin-top: 8px !important;
    margin-bottom: 6px !important;
    justify-content: center !important;
  }

  body.index .s-block--fixed-products
  .total-price {
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  body.index .s-block--fixed-products
  .before-price,
  body.index .s-block--fixed-products
  .discount-amount {
    font-size: 8.5px !important;
  }

  body.index .s-block--fixed-products
  .add-to-cart-conatiner {
    width: 100% !important;
    margin-top: auto !important;
    gap: 5px !important;
  }

  body.index .s-block--fixed-products
  .add-to-cart-conatiner .s-button-element {
    min-height: 39px !important;
    padding: 5px 6px !important;
  }

  body.index .s-block--fixed-products
  .add-to-cart-conatiner .s-button-text {
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  /* ========================================================
     الخريطة — إزالة المسافة البيضاء قبل الفوتر
     ======================================================== */

  body.index #map-block-7 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.index #map-block-7 > div:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.index #map-block-7 iframe {
    display: block !important;
    width: 100% !important;
    height: 390px !important;
    margin: 0 !important;
  }

  body.index #map-block-7 + *,
  body.index .store-footer-wrap {
    margin-top: 0 !important;
  }

  /* ========================================================
     الفوتر — إصلاح الروابط الطويلة والمتداخلة
     ======================================================== */

  .store-footer__inner {
    padding-top: 34px !important;
    padding-bottom: 25px !important;
  }

  .store-footer .pref-about-store {
    max-width: 340px !important;
    margin-inline: auto !important;
    padding-inline: 10px !important;
    font-size: 11.5px !important;
    line-height: 2 !important;
  }

  .footer-main-row {
    width: 100% !important;
    padding: 24px 15px 18px !important;
    gap: 20px !important;
  }

  .footer-menu-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .footer-menu-list > li {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.12) !important;
  }

  .footer-menu-list > li:nth-child(odd) {
    border-left: 1px solid rgba(255,255,255,.12) !important;
  }

  .footer-menu-list > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;
    padding: 9px 8px !important;

    color: rgba(255,255,255,.9) !important;
    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
    text-align: center !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* جعل الرابط الطويل بعرض الصف كاملًا */
  .footer-menu-list a[href*="أنظمة-الضباب-والرذاذ"] {
    grid-column: 1 / -1 !important;
    min-height: 58px !important;
    padding-inline: 14px !important;
    line-height: 1.8 !important;
  }

  .footer-menu-list li:has(
    a[href*="أنظمة-الضباب-والرذاذ"]
  ) {
    grid-column: 1 / -1 !important;
    border-left: 0 !important;
  }

  /* ========================================================
     شريط شراء المنتج — جعله أنظف وأقل ارتفاعًا
     ======================================================== */

  body.product-single {
    padding-bottom: 75px !important;
  }

  body.product-single .addtocart-bar {
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    background: rgba(255,255,255,.98) !important;
    border-top: 1px solid #dde8ed !important;
    box-shadow: 0 -7px 22px rgba(8,54,78,.10) !important;
  }

  body.product-single .addtocart-bar
  .s-button-element {
    min-height: 44px !important;
    border-radius: 7px !important;
  }

  body.product-single .addtocart-bar
  salla-quantity-input {
    min-width: 74px !important;
    max-width: 84px !important;
  }

  /* عنوان صفحة المنتج */
  body.product-single .product-details-col h1,
  body.product-single .product-details-col
  .product-title {
    font-size: 22px !important;
    line-height: 1.75 !important;
  }
}

/* ==========================================================
   تحويل رابط واتساب الحقيقي إلى زر عائم
   الرابط الموجود فعليًا في فوتر المتجر
   ========================================================== */

footer a.s-contacts-item[href*="wa.me"] {
  position: fixed !important;
  right: 16px !important;
  bottom: 18px !important;
  z-index: 9998 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  padding: 0 !important;
  margin: 0 !important;

  color: #ffffff !important;
  background: #25d366 !important;
  border: 3px solid #ffffff !important;
  border-radius: 50% !important;

  box-shadow:
    0 8px 24px rgba(14,73,45,.28) !important;

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

footer a.s-contacts-item[href*="wa.me"]:hover {
  color: #ffffff !important;
  background: #1fbd59 !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 12px 28px rgba(14,73,45,.35) !important;
}

footer a.s-contacts-item[href*="wa.me"]
.s-contacts-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 29px !important;
  height: 29px !important;
  margin: 0 !important;
  color: #ffffff !important;
}

footer a.s-contacts-item[href*="wa.me"]
.s-contacts-icon svg {
  width: 29px !important;
  height: 29px !important;
  fill: #ffffff !important;
}

/* إخفاء الرقم داخل الزر العائم */
footer a.s-contacts-item[href*="wa.me"]
.unicode {
  display: none !important;
}

/* رفع واتساب فوق شريط الشراء في صفحة المنتج */
@media (max-width: 767px) {
  body.product-single
  footer a.s-contacts-item[href*="wa.me"] {
    right: 13px !important;
    bottom: 96px !important;
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
  }
}

/* الكمبيوتر */
@media (min-width: 768px) {
  footer a.s-contacts-item[href*="wa.me"] {
    right: 22px !important;
    bottom: 22px !important;
  }
}/* ==========================================================
   تصحيحات الجوال الجديدة — توضع في نهاية CSS
   ========================================================== */

@media (max-width: 767px) {

  /* ========================================================
     1. البنر الرئيسي: إزالة اللوحة الداكنة وإظهار صورة المنتج
     ======================================================== */

  .s-block--main-slider .slide-content > div {
    width: 88% !important;
    max-width: 335px !important;
    margin-right: 0 !important;
    margin-left: auto !important;
    padding: 10px 12px !important;

    /* إزالة الخلفية الداكنة السابقة */
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    text-align: right !important;
    align-items: flex-start !important;
  }

  /* عنوان البنر بحد أسود خفيف */
  .s-block--main-slider .slide-content h2 {
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.65 !important;
    text-align: right !important;

    -webkit-text-stroke: .45px rgba(0, 25, 38, .92) !important;

    text-shadow:
      1px 1px 0 rgba(0, 25, 38, .9),
      -1px 1px 0 rgba(0, 25, 38, .75),
      1px -1px 0 rgba(0, 25, 38, .75),
      0 3px 7px rgba(0, 25, 38, .75) !important;
  }

  /* وصف البنر */
  .s-block--main-slider .slide-content p {
    width: 100% !important;
    max-width: 300px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #ffffff !important;
    opacity: 1 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.9 !important;
    text-align: right !important;

    -webkit-text-stroke: .2px rgba(0, 25, 38, .8) !important;

    text-shadow:
      1px 1px 2px rgba(0, 25, 38, .95),
      0 2px 5px rgba(0, 25, 38, .8) !important;
  }

  /* زر البنر */
  .s-block--main-slider .slide-content .more-link {
    min-height: 38px !important;
    padding: 7px 14px !important;

    color: #0b4967 !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid rgba(8,74,105,.25) !important;
    border-radius: 7px !important;

    box-shadow: 0 5px 14px rgba(0,42,63,.14) !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;

    font-size: 10.5px !important;
    font-weight: 700 !important;
  }

  /* ========================================================
     2. فصل بطاقة خدمة العملاء عن الخريطة
     ======================================================== */

  #map-block-7 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 12px !important;
    gap: 14px !important;
  }

  /* بطاقة بيانات التواصل */
  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute {
    position: relative !important;
    order: 1 !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    margin: 0 auto !important;
    padding: 17px 15px !important;

    background: #ffffff !important;
    border: 1px solid #dfebef !important;
    border-radius: 14px !important;

    box-shadow:
      0 8px 24px rgba(11,70,96,.09) !important;
  }

  /* الخريطة تأتي بعد بطاقة التواصل */
  #map-block-7
  #branch-map-block-7-default
  > .container
  > div:first-child {
    position: relative !important;
    order: 2 !important;

    width: 100% !important;
    height: auto !important;
    margin: 0 !important;

    border-radius: 14px !important;
    overflow: hidden !important;

    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  #map-block-7 iframe {
    display: block !important;
    width: 100% !important;
    height: 340px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  /* بيانات خدمة العملاء في عمود مرتب */
  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 13px !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute li {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 11px !important;
    padding-bottom: 11px !important;
    border-bottom: 1px solid #edf2f4 !important;
    text-align: right !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute li:last-child {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute li > div:last-child {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: right !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute h3 {
    margin: 0 0 2px !important;
    color: #71838c !important;
    font-size: 10px !important;
    line-height: 1.7 !important;
  }

  #map-block-7
  #branch-map-block-7-default
  > .container
  > .absolute b {
    display: block !important;
    color: #123e55 !important;
    font-size: 11.5px !important;
    line-height: 1.8 !important;
    overflow-wrap: anywhere !important;
  }

  /* إزالة المسافة بعد الخريطة */
  #map-block-7 > div:last-child,
  #map-block-7 #branch-map-block-7-default {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .store-footer-wrap {
    margin-top: 0 !important;
  }

  /* ========================================================
     3. تغيير العنوان بصريًا إلى: منتجات مختارة
     ======================================================== */

  body.index
  .s-block--fixed-products
  .s-block__title h2 {
    font-size: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.index
  .s-block--fixed-products
  .s-block__title h2::before {
    content: "منتجات مختارة";
    display: block !important;

    color: #0c3b59 !important;
    font-family: "Noto Kufi Arabic", sans-serif !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.7 !important;
    text-align: center !important;
  }

  body.index
  .s-block--fixed-products
  .s-block__title h2::after {
    content: "";
    display: block !important;
    width: 34px !important;
    height: 3px !important;
    margin: 8px auto 0 !important;
    border-radius: 10px !important;
    background: #1292bd !important;
  }

  body.index
  .s-block--fixed-products
  .s-block__title {
    margin-bottom: 17px !important;
  }

  /* ========================================================
     4. إزالة الفراغ من قسم منتجاتنا المميزة
     ======================================================== */

  body.index #featured-products-3 {
    padding-top: 34px !important;
    padding-bottom: 32px !important;
  }

  body.index #featured-products-3 .s-block__title {
    margin-bottom: 16px !important;
  }

  body.index #featured-products-3 .tabs {
    margin-bottom: 15px !important;
  }

  body.index #featured-products-3 .tabs-wrapper {
    margin-bottom: 12px !important;
  }

  body.index #featured-products-3
  .s-products-slider-card {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  body.index #featured-products-3
  custom-salla-product-card.product-entry {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;

    border-radius: 13px !important;
  }

  body.index #featured-products-3
  custom-salla-product-card.product-entry form {
    display: block !important;
    flex: none !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.index #featured-products-3
  custom-salla-product-card.product-entry form > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  body.index #featured-products-3
  .product-entry__image {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }

  body.index #featured-products-3
  .product-entry__image-main {
    width: 100% !important;
    height: 100% !important;
    padding: 8px !important;
  }

  body.index #featured-products-3
  .product-entry__content {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;
    min-height: 166px !important;

    padding: 10px 8px 9px !important;
  }

  body.index #featured-products-3
  .product-entry__title {
    min-height: 47px !important;
    max-height: 47px !important;
    margin: 0 0 4px !important;

    font-size: 10.5px !important;
    line-height: 2.15 !important;

    -webkit-line-clamp: 2 !important;
  }

  body.index #featured-products-3
  .product-entry__subtitle {
    display: none !important;
  }

  /* رفع السعر وإلغاء المساحة البيضاء */
  body.index #featured-products-3
  .price-wrapper {
    min-height: 35px !important;
    margin-top: 7px !important;
    margin-bottom: 5px !important;
    justify-content: center !important;
  }

  body.index #featured-products-3
  .total-price {
    font-size: 12.5px !important;
  }

  body.index #featured-products-3
  .add-to-cart-conatiner {
    width: 100% !important;
    margin-top: 6px !important;
  }

  body.index #featured-products-3
  .add-to-cart-conatiner .s-button-element {
    min-height: 38px !important;
  }

  body.index #featured-products-3
  .add-to-cart-conatiner .s-button-text {
    font-size: 8.5px !important;
    white-space: nowrap !important;
  }

  /* تقليل الفراغ حول عرض الكل */
  body.index #featured-products-3
  [class*="display-all"],
  body.index #featured-products-3
  a[href*="latest-products"] {
    margin-top: 17px !important;
    margin-bottom: 0 !important;
  }

  /* ========================================================
     إبقاء واتساب بعيدًا عن بيانات التواصل
     ======================================================== */

  body.index #map-block-7
  ~ .store-footer-wrap
  a.s-contacts-item[href*="wa.me"] {
    right: 13px !important;
    bottom: 17px !important;
  }
}/* ==========================================================
   الشريط الإعلاني المتحرك — هندسة فاخرة بأسلوب بيورينا
   ========================================================== */

.s-block--marquee.s-block--header-marquee {
  position: relative !important;
  z-index: 50 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background-color: #167da8 !important;
  background-image:
    linear-gradient(
      90deg,
      #116f99 0%,
      #188ab4 48%,
      #116f99 100%
    ) !important;

  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;

  overflow: hidden !important;
  box-shadow:
    0 3px 12px rgba(4,61,88,.10) !important;
}

/* هندسة خلفية هادئة وفاخرة */

.s-block--marquee.s-block--header-marquee::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background-image:
    linear-gradient(
      115deg,
      transparent 0%,
      transparent 23%,
      rgba(255,255,255,.06) 23.2%,
      transparent 23.5%,
      transparent 58%,
      rgba(255,255,255,.05) 58.2%,
      transparent 58.5%
    ),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.025) 0,
      rgba(255,255,255,.025) 1px,
      transparent 1px,
      transparent 27px
    ) !important;

  opacity: .75 !important;
}

/* لمعة علوية خفيفة */

.s-block--marquee.s-block--header-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;

  height: 1px;
  background: rgba(255,255,255,.23);
  pointer-events: none;
}

/* حاوية الحركة */

.s-block--marquee .marquee {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 36px !important;

  overflow: hidden !important;

  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 5%,
      #000 95%,
      transparent
    ) !important;

  mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 5%,
      #000 95%,
      transparent
    ) !important;
}

/* خط الحركة */

.s-block--marquee .marquee__content {
  display: flex !important;
  align-items: center !important;

  min-width: max-content !important;
  height: 36px !important;
  gap: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  animation-duration: 42s !important;
  animation-timing-function: linear !important;

  will-change: transform !important;
}

/* عناصر النص */

.s-block--marquee .marquee__content > li {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;

  min-width: max-content !important;
  height: 36px !important;

  margin: 0 !important;
  padding: 0 7px !important;

  color: #ffffff !important;
  opacity: 1 !important;

  font-family: "Noto Kufi Arabic", "Tajawal", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;

  white-space: nowrap !important;
  text-shadow: 0 1px 2px rgba(0,42,63,.22) !important;
}

/* النص الداخلي */

.s-block--marquee .marquee__content > li span {
  color: #ffffff !important;
  opacity: 1 !important;

  font-family: "Noto Kufi Arabic", "Tajawal", sans-serif !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1.4 !important;

  white-space: nowrap !important;
}

/* إخفاء رمز الخصم الأحمر القديم */

.s-block--marquee .marquee__content > li > svg,
.s-block--marquee .marquee__content > li svg {
  display: none !important;
}

/* فاصل أنيق بدل رمز الخصم */

.s-block--marquee .marquee__content > li::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -22px;

  width: 5px;
  height: 5px;

  background: #ffffff;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;

  box-shadow:
    0 0 0 3px rgba(255,255,255,.10);

  transform: translateY(-50%);
  opacity: .9;
}

/* إيقاف الحركة عند مرور المؤشر */

@media (hover: hover) {
  .s-block--marquee:hover .marquee__content {
    animation-play-state: paused !important;
  }
}

/* ==========================================================
   الجوال — الأولوية الأساسية
   ========================================================== */

@media (max-width: 767px) {

  .s-block--marquee.s-block--header-marquee {
    min-height: 34px !important;
    box-shadow:
      0 2px 9px rgba(4,61,88,.09) !important;
  }

  .s-block--marquee .marquee {
    min-height: 34px !important;

    -webkit-mask-image:
      linear-gradient(
        to right,
        transparent,
        #000 3%,
        #000 97%,
        transparent
      ) !important;

    mask-image:
      linear-gradient(
        to right,
        transparent,
        #000 3%,
        #000 97%,
        transparent
      ) !important;
  }

  .s-block--marquee .marquee__content {
    height: 34px !important;
    gap: 30px !important;

    /* حركة أسرع قليلًا على الجوال */
    animation-duration: 32s !important;
  }

  .s-block--marquee .marquee__content > li {
    height: 34px !important;
    padding: 0 5px !important;

    font-size: 9.5px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  .s-block--marquee .marquee__content > li span {
    line-height: 1.5 !important;
  }

  .s-block--marquee .marquee__content > li::after {
    left: -17px;

    width: 4px;
    height: 4px;

    box-shadow:
      0 0 0 2px rgba(255,255,255,.10);
  }
}

/* ==========================================================
   الكمبيوتر الواسع
   ========================================================== */

@media (min-width: 1200px) {

  .s-block--marquee.s-block--header-marquee,
  .s-block--marquee .marquee,
  .s-block--marquee .marquee__content,
  .s-block--marquee .marquee__content > li {
    min-height: 38px !important;
    height: 38px !important;
  }

  .s-block--marquee .marquee__content > li {
    font-size: 11.5px !important;
  }

  .s-block--marquee .marquee__content {
    gap: 46px !important;
    animation-duration: 48s !important;
  }
}/* ==========================================================
   خطوط الشريحة الرئيسية — أسلوب بيورينا
   ========================================================== */

/* تطبيق خط بيورينا على جميع نصوص السلايدر */

.s-block--main-slider .slide-content,
.s-block--main-slider .slide-content *,
.s-block--main-slider h2,
.s-block--main-slider p,
.s-block--main-slider .more-link {
  font-family:
    "Noto Kufi Arabic",
    "Tajawal",
    sans-serif !important;

  font-style: normal !important;
  letter-spacing: -.02em !important;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* إزالة أي صندوق أو خلفية خلف النص */

.s-block--main-slider .slide-content > div {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* العنوان الرئيسي */

.s-block--main-slider .slide-content h2 {
  width: 100% !important;
  max-width: 620px !important;

  margin: 0 0 14px !important;
  padding: 0 !important;

  color: #ffffff !important;
  opacity: 1 !important;

  font-size: clamp(35px, 3.1vw, 52px) !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
  letter-spacing: -.035em !important;

  text-align: inherit !important;

  /* حد أسود خفيف لتحسين القراءة دون تشويه الخط */
  -webkit-text-stroke:
    .25px rgba(0, 30, 44, .55) !important;

  text-shadow:
    0 2px 3px rgba(0, 28, 43, .52),
    0 5px 14px rgba(0, 28, 43, .20) !important;
}

/* وصف الشريحة */

.s-block--main-slider .slide-content p {
  width: 100% !important;
  max-width: 590px !important;

  margin: 0 0 17px !important;
  padding: 0 !important;

  color: rgba(255,255,255,.96) !important;
  opacity: 1 !important;

  font-size: clamp(14px, 1.15vw, 18px) !important;
  font-weight: 400 !important;
  line-height: 2 !important;
  letter-spacing: -.015em !important;

  text-align: inherit !important;

  -webkit-text-stroke:
    .15px rgba(0, 30, 44, .42) !important;

  text-shadow:
    0 1px 3px rgba(0, 28, 43, .58),
    0 3px 9px rgba(0, 28, 43, .16) !important;
}

/* زر الشريحة بنفس الأسلوب الهادئ */

.s-block--main-slider .slide-content .more-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 112px !important;
  min-height: 43px !important;

  margin: 0 !important;
  padding: 8px 17px !important;

  color: #ffffff !important;
  background: rgba(8, 91, 126, .18) !important;

  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 2px !important;

  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;

  text-shadow:
    0 1px 2px rgba(0, 30, 44, .45) !important;

  -webkit-text-stroke: 0 !important;

  box-shadow: none !important;
  transition:
    color .25s ease,
    background-color .25s ease,
    transform .25s ease !important;
}

.s-block--main-slider .slide-content .more-link:hover {
  color: #106f98 !important;
  background: #ffffff !important;
  border-color: #ffffff !important;
  text-shadow: none !important;
  transform: translateY(-2px) !important;
}

/* أيقونة السهم داخل الزر */

.s-block--main-slider .slide-content .more-link svg {
  width: 27px !important;
  height: 27px !important;
  margin-inline-start: 6px !important;
}

/* ==========================================================
   ضبط الشريحة على الجوال — الأولوية الأساسية
   ========================================================== */

@media (max-width: 767px) {

  .s-block--main-slider .slide-content {
    width: calc(100% - 30px) !important;
    padding: 0 !important;
  }

  .s-block--main-slider .slide-content > div {
    width: 78% !important;
    max-width: 310px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* عنوان الجوال */

  .s-block--main-slider .slide-content h2 {
    width: 100% !important;
    max-width: 290px !important;

    margin-bottom: 8px !important;

    color: #ffffff !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    letter-spacing: -.035em !important;

    -webkit-text-stroke:
      .32px rgba(0, 27, 42, .68) !important;

    text-shadow:
      1px 1px 1px rgba(0, 27, 42, .72),
      0 3px 8px rgba(0, 27, 42, .40) !important;

    -webkit-line-clamp: 3 !important;
  }

  /* وصف الجوال */

  .s-block--main-slider .slide-content p {
    width: 100% !important;
    max-width: 275px !important;

    margin-bottom: 11px !important;

    color: #ffffff !important;

    font-size: 10.5px !important;
    font-weight: 500 !important;
    line-height: 1.9 !important;
    letter-spacing: -.01em !important;

    -webkit-text-stroke:
      .18px rgba(0, 27, 42, .60) !important;

    text-shadow:
      0 1px 2px rgba(0, 27, 42, .85),
      0 3px 7px rgba(0, 27, 42, .32) !important;

    -webkit-line-clamp: 3 !important;
  }

  /* زر الجوال */

  .s-block--main-slider .slide-content .more-link {
    min-width: 105px !important;
    min-height: 37px !important;

    padding: 6px 12px !important;

    color: #ffffff !important;
    background: rgba(5, 70, 99, .22) !important;

    border: 1px solid rgba(255,255,255,.9) !important;
    border-radius: 2px !important;

    font-size: 10px !important;
    font-weight: 600 !important;
  }

  .s-block--main-slider .slide-content .more-link svg {
    width: 23px !important;
    height: 23px !important;
  }
}

/* ==========================================================
   ضبط الشاشات الكبيرة
   ========================================================== */

@media (min-width: 1200px) {

  .s-block--main-slider .slide-content h2 {
    font-size: 50px !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
  }

  .s-block--main-slider .slide-content p {
    font-size: 17px !important;
    line-height: 2 !important;
  }
}/* ==========================================================
   توحيد الشريط المتحرك مع خلفية السلايدات
   ========================================================== */

:root {
  --ruwad-water-dark: #1482ad;
  --ruwad-water-main: #2095bd;
  --ruwad-water-light: #46abd0;
}

/* خلفية الشريط الأساسية */

body.index
.s-block--marquee.s-block--header-marquee {
  position: relative !important;
  z-index: 60 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 38px !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  background-color: var(--ruwad-water-main) !important;

  background-image:
    linear-gradient(
      90deg,
      var(--ruwad-water-dark) 0%,
      var(--ruwad-water-main) 45%,
      #249bc2 70%,
      var(--ruwad-water-dark) 100%
    ) !important;

  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;

  overflow: hidden !important;
}

/* خطوط الماء المنحنية داخل الشريط */

body.index
.s-block--marquee.s-block--header-marquee::before {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;

  width: 100% !important;
  height: 100% !important;

  pointer-events: none !important;

  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='90' viewBox='0 0 1200 90'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='0.65' opacity='0.22'%3E%3Cpath d='M-100 22 C80 -18 185 77 370 29 S690 -2 875 38 S1110 82 1300 20'/%3E%3Cpath d='M-110 34 C80 -5 190 87 380 41 S690 10 880 49 S1115 91 1310 32'/%3E%3Cpath d='M-100 47 C78 8 205 95 390 55 S710 20 900 61 S1125 102 1310 44'/%3E%3Cpath d='M40 -15 C155 45 248 49 360 5 S570 -8 690 33 S895 71 1030 15 S1220 -4 1300 26'/%3E%3Cpath d='M18 -6 C145 60 250 61 371 16 S585 2 705 43 S901 82 1042 27 S1218 8 1315 40'/%3E%3C/g%3E%3C/svg%3E") !important;

  background-repeat: repeat-x !important;
  background-position: center center !important;
  background-size: 1200px 90px !important;

  opacity: 1 !important;
}

/* إلغاء أي طبقة قديمة */

body.index
.s-block--marquee.s-block--header-marquee::after {
  content: none !important;
  display: none !important;
}

/* محتوى الشريط فوق خطوط الماء */

body.index
.s-block--marquee .marquee {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  align-items: center !important;

  width: 100% !important;
  min-height: 38px !important;

  background: transparent !important;
  overflow: hidden !important;

  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    ) !important;

  mask-image:
    linear-gradient(
      to right,
      transparent 0%,
      #000 4%,
      #000 96%,
      transparent 100%
    ) !important;
}

/* حركة النص */

body.index
.s-block--marquee .marquee__content {
  position: relative !important;
  z-index: 3 !important;

  display: flex !important;
  align-items: center !important;

  min-width: max-content !important;
  height: 38px !important;
  gap: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;

  animation-duration: 46s !important;
  animation-timing-function: linear !important;

  will-change: transform !important;
}

/* الخط الفاخر */

body.index
.s-block--marquee .marquee__content > li,
body.index
.s-block--marquee .marquee__content > li span {
  font-family:
    "Noto Kufi Arabic",
    "Tajawal",
    sans-serif !important;

  color: #ffffff !important;
  opacity: 1 !important;

  font-size: 10.5px !important;
  font-weight: 500 !important;
  font-style: normal !important;

  line-height: 1.5 !important;
  letter-spacing: -.015em !important;

  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;

  white-space: nowrap !important;

  text-shadow:
    0 1px 2px rgba(3,54,77,.28) !important;
}

body.index
.s-block--marquee .marquee__content > li {
  position: relative !important;

  display: inline-flex !important;
  align-items: center !important;

  height: 38px !important;
  margin: 0 !important;
  padding: 0 7px !important;
}

/* إزالة رمز الخصم الأحمر */

body.index
.s-block--marquee .marquee__content > li svg {
  display: none !important;
}

/* فاصل صغير وفاخر */

body.index
.s-block--marquee .marquee__content > li::after {
  content: "" !important;

  position: absolute !important;
  top: 50% !important;
  left: -24px !important;

  display: block !important;

  width: 4px !important;
  height: 4px !important;

  background: rgba(255,255,255,.92) !important;
  border: 0 !important;
  border-radius: 50% !important;

  box-shadow:
    0 0 0 3px rgba(255,255,255,.10) !important;

  transform: translateY(-50%) !important;
}

/* إزالة أي فاصل بين الشريط والهيدر والسلايدر */

body.index
.s-block--marquee + header,
body.index
.s-block--marquee + .store-header,
body.index .main-nav-container {
  border-top: 0 !important;
}

body.index
.s-block--main-slider,
body.index
.s-block--main-slider-1 {
  margin-top: 0 !important;
  border-top: 0 !important;
}

/* ==========================================================
   الجوال — التصميم الأساسي
   ========================================================== */

@media (max-width: 767px) {

  body.index
  .s-block--marquee.s-block--header-marquee {
    min-height: 34px !important;

    background-image:
      linear-gradient(
        90deg,
        #1482ad 0%,
        #2095bd 50%,
        #1482ad 100%
      ) !important;
  }

  body.index
  .s-block--marquee.s-block--header-marquee::before {
    background-size: 650px 70px !important;
    background-position: center center !important;
    opacity: .9 !important;
  }

  body.index
  .s-block--marquee .marquee {
    min-height: 34px !important;

    -webkit-mask-image:
      linear-gradient(
        to right,
        transparent 0%,
        #000 2%,
        #000 98%,
        transparent 100%
      ) !important;

    mask-image:
      linear-gradient(
        to right,
        transparent 0%,
        #000 2%,
        #000 98%,
        transparent 100%
      ) !important;
  }

  body.index
  .s-block--marquee .marquee__content {
    height: 34px !important;
    gap: 31px !important;
    animation-duration: 34s !important;
  }

  body.index
  .s-block--marquee .marquee__content > li {
    height: 34px !important;
    padding: 0 4px !important;
  }

  body.index
  .s-block--marquee .marquee__content > li,
  body.index
  .s-block--marquee .marquee__content > li span {
    font-size: 9px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
  }

  body.index
  .s-block--marquee .marquee__content > li::after {
    left: -18px !important;
    width: 3px !important;
    height: 3px !important;
  }
}

/* ==========================================================
   الكمبيوتر الواسع
   ========================================================== */

@media (min-width: 1200px) {

  body.index
  .s-block--marquee.s-block--header-marquee,
  body.index
  .s-block--marquee .marquee,
  body.index
  .s-block--marquee .marquee__content,
  body.index
  .s-block--marquee .marquee__content > li {
    height: 40px !important;
    min-height: 40px !important;
  }

  body.index
  .s-block--marquee .marquee__content > li,
  body.index
  .s-block--marquee .marquee__content > li span {
    font-size: 11px !important;
  }

  body.index
  .s-block--marquee .marquee__content {
    animation-duration: 50s !important;
  }
}/* ==========================================================
   تحسين وضوح عناوين الهيدر والشعار فوق السلايدر
   ========================================================== */

/* عناوين القائمة الرئيسية */

body.index.header--transparent
.main-nav-container .main-menu > li > a,

body.index.header--transparent
.main-nav-container .main-menu a,

body.index.header--transparent
.main-nav-container nav a {
  color: #ffffff !important;
  opacity: 1 !important;

  font-family:
    "Noto Kufi Arabic",
    "Tajawal",
    sans-serif !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  letter-spacing: -.015em !important;

  /* حد كحلي خفيف حول الكتابة */
  -webkit-text-stroke:
    .28px rgba(5, 48, 69, .88) !important;

  /* ظل أنيق لتحسين القراءة */
  text-shadow:
    1px 0 1px rgba(5, 48, 69, .75),
    -1px 0 1px rgba(5, 48, 69, .65),
    0 1px 1px rgba(5, 48, 69, .75),
    0 -1px 1px rgba(5, 48, 69, .50),
    0 3px 7px rgba(5, 48, 69, .25) !important;

  transition:
    color .25s ease,
    text-shadow .25s ease,
    transform .25s ease !important;
}

/* تأثير المرور على العناوين */

body.index.header--transparent
.main-nav-container .main-menu a:hover {
  color: #ffffff !important;

  -webkit-text-stroke:
    .32px rgba(5, 48, 69, .95) !important;

  text-shadow:
    1px 0 1px rgba(5, 48, 69, .9),
    -1px 0 1px rgba(5, 48, 69, .8),
    0 1px 1px rgba(5, 48, 69, .9),
    0 -1px 1px rgba(5, 48, 69, .7),
    0 4px 9px rgba(5, 48, 69, .35) !important;

  transform: translateY(-1px) !important;
}

/* الأسهم الصغيرة بجانب القوائم */

body.index.header--transparent
.main-nav-container .main-menu svg,

body.index.header--transparent
.main-nav-container .main-menu i {
  color: #ffffff !important;
  fill: #ffffff !important;

  filter:
    drop-shadow(0 1px 1px rgba(5,48,69,.8)) !important;
}

/* ==========================================================
   إضافة حد أنيق حول الشعار الأبيض
   ========================================================== */

body.index.header--transparent
.main-nav-container .navbar-brand img,

body.index.header--transparent
.main-nav-container .logo img,

body.index.header--transparent
header img[alt*="عالم الرواد"] {
  opacity: 1 !important;

  filter:
    drop-shadow(1px 0 0 rgba(5,48,69,.70))
    drop-shadow(-1px 0 0 rgba(5,48,69,.70))
    drop-shadow(0 1px 0 rgba(5,48,69,.70))
    drop-shadow(0 -1px 0 rgba(5,48,69,.55))
    drop-shadow(0 3px 5px rgba(5,48,69,.22)) !important;

  transition:
    filter .25s ease,
    transform .25s ease !important;
}

body.index.header--transparent
.main-nav-container .navbar-brand:hover img,

body.index.header--transparent
.main-nav-container .logo:hover img {
  filter:
    drop-shadow(1px 0 0 rgba(5,48,69,.88))
    drop-shadow(-1px 0 0 rgba(5,48,69,.88))
    drop-shadow(0 1px 0 rgba(5,48,69,.88))
    drop-shadow(0 -1px 0 rgba(5,48,69,.72))
    drop-shadow(0 4px 8px rgba(5,48,69,.30)) !important;

  transform: translateY(-1px) !important;
}

/* ==========================================================
   أيقونات الهيدر: البحث والحساب والسلة والقائمة
   ========================================================== */

body.index.header--transparent
.main-nav-container button,

body.index.header--transparent
.main-nav-container button i,

body.index.header--transparent
.main-nav-container button svg,

body.index.header--transparent
.main-nav-container a[href*="cart"] i,

body.index.header--transparent
.main-nav-container a[href*="cart"] svg {
  color: #ffffff !important;
  stroke: #ffffff !important;

  filter:
    drop-shadow(1px 0 0 rgba(5,48,69,.65))
    drop-shadow(-1px 0 0 rgba(5,48,69,.55))
    drop-shadow(0 1px 1px rgba(5,48,69,.75)) !important;
}

/* زر القائمة الجانبية */

body.index.header--transparent
.menu-btn,
body.index.header--transparent
.main-menu-btn,
body.index.header--transparent
[class*="menu-trigger"] {
  color: #ffffff !important;

  filter:
    drop-shadow(1px 0 0 rgba(5,48,69,.7))
    drop-shadow(-1px 0 0 rgba(5,48,69,.6))
    drop-shadow(0 2px 2px rgba(5,48,69,.55)) !important;
}

/* ==========================================================
   خط شفاف خلف الهيدر يزيد الوضوح دون تغطية السلايد
   ========================================================== */

body.index.header--transparent
.main-nav-container {
  position: relative !important;

  background:
    linear-gradient(
      180deg,
      rgba(7, 72, 101, .10) 0%,
      rgba(7, 72, 101, .025) 100%
    ) !important;

  border-bottom:
    1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 2px 10px rgba(5,48,69,.035) !important;
}

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

@media (max-width: 767px) {

  body.index.header--transparent
  .main-nav-container .navbar-brand img,

  body.index.header--transparent
  .main-nav-container .logo img,

  body.index.header--transparent
  header img[alt*="عالم الرواد"] {
    filter:
      drop-shadow(.7px 0 0 rgba(5,48,69,.72))
      drop-shadow(-.7px 0 0 rgba(5,48,69,.72))
      drop-shadow(0 .7px 0 rgba(5,48,69,.72))
      drop-shadow(0 -.7px 0 rgba(5,48,69,.58))
      drop-shadow(0 2px 4px rgba(5,48,69,.20)) !important;
  }

  body.index.header--transparent
  .main-nav-container button,

  body.index.header--transparent
  .main-nav-container button i,

  body.index.header--transparent
  .main-nav-container button svg {
    filter:
      drop-shadow(.7px 0 0 rgba(5,48,69,.7))
      drop-shadow(-.7px 0 0 rgba(5,48,69,.6))
      drop-shadow(0 1px 1px rgba(5,48,69,.7)) !important;
  }
}/* تحسين وضوح عناوين القائمة فوق السلايدر */
header.header--transparent .main-menu > li > a,
header.header--transparent .main-menu li a {
    color: #ffffff !important;

    /* حد خفيف جدًا */
    -webkit-text-stroke: 0.18px rgba(0, 55, 82, 0.75);

    /* تعزيز القراءة دون تشويه الخط */
    text-shadow:
        0 1px 1px rgba(0, 38, 58, 0.45),
        0 0 2px rgba(0, 38, 58, 0.18) !important;
}

/* حدود خفيفة لأيقونات الأسهم */
header.header--transparent .main-menu svg,
header.header--transparent .main-menu i {
    filter: drop-shadow(0 1px 1px rgba(0, 38, 58, 0.4));
}

/* تحسين ظهور الشعار الأبيض */
header.header--transparent .navbar-brand img,
header.header--transparent .logo img {
    filter:
        drop-shadow(0 1px 1px rgba(0, 38, 58, 0.45))
        drop-shadow(0 0 1px rgba(0, 38, 58, 0.2)) !important;
}

/* الجوال: حدود أدق حتى يبقى الشكل نظيفًا */
@media (max-width: 767px) {
    header.header--transparent .main-menu > li > a,
    header.header--transparent .main-menu li a {
        -webkit-text-stroke: 0.12px rgba(0, 55, 82, 0.7);
        text-shadow:
            0 1px 1px rgba(0, 38, 58, 0.38),
            0 0 1px rgba(0, 38, 58, 0.16) !important;
    }
}/* إزالة خلفية شعار أسفل الصفحة فقط */
footer .footer-logo,
footer .footer-logo a,
footer .footer-logo img,
footer .s-footer__logo,
footer .s-footer__logo a,
footer .s-footer__logo img,
footer [class*="footer"] [class*="logo"] {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* ضبط صورة شعار الفوتر */
footer .footer-logo img,
footer .s-footer__logo img,
footer [class*="footer"] [class*="logo"] img {
    width: 190px !important;
    max-width: 62vw !important;
    height: auto !important;
    max-height: 85px !important;
    padding: 0 !important;
    margin: 0 auto 20px !important;
    object-fit: contain !important;
    mix-blend-mode: normal !important;
    filter: none !important;
}

/* ضبط الجوال */
@media (max-width: 767px) {
    footer .footer-logo img,
    footer .s-footer__logo img,
    footer [class*="footer"] [class*="logo"] img {
        width: 165px !important;
        max-height: 72px !important;
    }
}