/* ==================================================
   WASHAA ALTAIB - CUSTOM CSS
================================================== */


/* ==================================================
   1. PRODUCT CARDS
================================================== */

.s-product-card-out-badge {
  opacity: 0 !important;
}

.custom-salla-product-card.s-product-card-out-of-stock .s-product-card-image:before {
  display: none !important;
}

.s-product-card-image:before {
  display: none !important;
}


/* Desktop Product Images */
.s-product-card-fit-height .s-product-card-image {
  max-height: 23rem;
  height: 600px !important;
}

.custom-salla-product-card .s-product-card-image,
.custom-salla-product-card.s-product-card-fit-height .s-product-card-image,
.custom-salla-product-card.s-product-card-vertical .s-product-card-image {
  height: 600px !important;
}


/* ==================================================
   2. PRODUCT CARDS - MOBILE
   2 PRODUCTS PER VIEW
================================================== */

@media (max-width: 767px) {

  /* منتجان في الجوال */
  .show-product-inner {
    --cols-mobile: 2 !important;
  }

  .show-product-inner .s-products-slider-card,
  .show-product-inner .swiper-slide {
    width: 50% !important;
    flex: 0 0 50% !important;
    flex-basis: 50% !important;

    min-width: 0 !important;
    max-width: 50% !important;

    box-sizing: border-box !important;

    padding-left: 4px !important;
    padding-right: 4px !important;
  }


  /* الكارد */
  .show-product-inner custom-salla-product-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }


  /* ================================================
     PRODUCT IMAGE
  ================================================ */

  .show-product-inner custom-salla-product-card .s-product-card-image,
  .show-product-inner custom-salla-product-card .kiswa-prod-img,
  .show-product-inner .s-product-card-fit-height .s-product-card-image {
    width: 100% !important;

    height: auto !important;
    max-height: none !important;

    aspect-ratio: 3 / 4 !important;

    overflow: hidden !important;
  }

  .show-product-inner custom-salla-product-card .s-product-card-image img,
  .show-product-inner custom-salla-product-card .kiswa-prod-img img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
  }


  /* ================================================
     ADD TO CART BUTTON
  ================================================ */

  .show-product-inner custom-salla-product-card .kiswa-prod-add {
    padding: 8px !important;
  }

  .show-product-inner custom-salla-product-card
  .kiswa-prod-add salla-add-product-button .s-button-element,

  .show-product-inner custom-salla-product-card
  .kiswa-prod-add salla-add-product-button button {

    width: 100% !important;

    min-width: 0 !important;

    min-height: 36px !important;
    height: 36px !important;

    padding: 6px 7px !important;

    border-radius: 12px !important;

    font-size: 12px !important;
    line-height: 1 !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
  }


  /* منع قص كلمة أضف إلى السلة */
  .show-product-inner custom-salla-product-card
  .kiswa-prod-add .s-button-text,

  .show-product-inner custom-salla-product-card
  .kiswa-prod-add .s-button-text span {

    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    font-size: 12px !important;
    line-height: 1 !important;

    white-space: nowrap !important;

    overflow: visible !important;
    text-overflow: clip !important;
  }


  /* ================================================
     PRODUCT CONTENT
  ================================================ */

  .show-product-inner custom-salla-product-card .kiswa-prod-content,
  .show-product-inner custom-salla-product-card .s-product-card-content {

    padding: 10px !important;

    min-height: 0 !important;
    height: auto !important;

    gap: 0 !important;

    box-sizing: border-box !important;
  }


  /* ================================================
     PRODUCT TITLE
  ================================================ */

  .show-product-inner custom-salla-product-card
  .s-product-card-content-title {

    margin: 0 0 5px 0 !important;

    min-height: 0 !important;
    height: auto !important;

    font-size: 13px !important;
    line-height: 1.45 !important;

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

    overflow: hidden !important;
  }

  .show-product-inner custom-salla-product-card
  .s-product-card-content-title a {

    font-size: inherit !important;
    line-height: inherit !important;
  }


  /* ================================================
     PRODUCT PRICE
  ================================================ */

  .show-product-inner custom-salla-product-card
  .kiswa-prod-price-row {

    margin-top: 0 !important;
    padding-top: 0 !important;

    min-height: 0 !important;
    height: auto !important;

    gap: 4px !important;

    align-items: center !important;
  }

  .show-product-inner custom-salla-product-card
  .s-product-card-price,

  .show-product-inner custom-salla-product-card
  .kiswa-card-sale-price__value {

    font-size: 14px !important;
    line-height: 1.3 !important;

    margin: 0 !important;
  }

}


/* ==================================================
   3. FOOTER
================================================== */

.kiswa-footer__copyright {
  display: none !important;
}


/* ==================================================
   4. HEADER
   Desktop + Mobile + Logo Fix
================================================== */


/* ==================================================
   HEADER COLORS
================================================== */

.theme-kiswa .kiswa-header {
  background: #1f1000 !important;
}

.theme-kiswa .kiswa-header__inner {
  background: #1f1000 !important;
}

.theme-kiswa .kiswa-header__nav {
  background: #4d2900 !important;
}

.kiswa-utility-bar {
  background: #1f1000 !important;
  color: #fff !important;
}

.theme-kiswa .kiswa-header__nav .main-menu > li.root-level > a {
  color: #fff !important;
}

.theme-kiswa .kiswa-header__inner .s-cart-summary-total {
  color: #fff !important;
}

.sicon-menu {
  color: #fff !important;
}


/* ==================================================
   HEADER INNER
================================================== */

.theme-kiswa .kiswa-header__inner {

  height: 92px !important;
  min-height: 92px !important;

  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;

  align-items: center !important;

  gap: 12px !important;

  padding-top: 8px !important;
  padding-bottom: 8px !important;

  box-sizing: border-box !important;
}


/* الجهتان حول اللوقو */
.theme-kiswa .kiswa-header__inner > .flex {

  min-width: 0 !important;

  gap: 6px !important;

  align-items: center !important;
}


/* ==================================================
   LOGO - IMPORTANT FIX
================================================== */

.theme-kiswa .navbar-brand {

  display: flex !important;

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

  width: auto !important;
  height: auto !important;

  min-width: 0 !important;

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

  line-height: 0 !important;
}


/* إلغاء height:115px / width:100px الموجودة Inline */
.theme-kiswa .navbar-brand img {

  display: block !important;

  width: 145px !important;
  height: auto !important;

  max-width: 145px !important;
  max-height: 70px !important;

  min-width: 0 !important;
  min-height: 0 !important;

  object-fit: contain !important;
  object-position: center !important;

  aspect-ratio: auto !important;

  margin: 0 auto !important;

  transform: none !important;
}


/* ==================================================
   HEADER BUTTONS
================================================== */

.theme-kiswa .kiswa-header__icon-btn,
.theme-kiswa .kiswa-header__user-btn {

  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;
  min-height: 44px !important;

  padding: 0 !important;

  display: flex !important;

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

  border-radius: 50% !important;

  box-sizing: border-box !important;
}


/* خلفية أزرار البحث والوضع الليلي */
.theme-kiswa .kiswa-header__icon-btn {
  background: #fff !important;
}


/* أيقونات الأزرار */
.theme-kiswa .kiswa-header__icon-btn i,
.theme-kiswa .kiswa-header__user-btn i {

  font-size: 19px !important;
  line-height: 1 !important;
}


/* زر القائمة */
.theme-kiswa .mburger {

  width: 42px !important;
  height: 42px !important;

  min-width: 42px !important;

  display: flex !important;

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

  margin: 0 !important;
}


/* ==================================================
   CART
================================================== */

.theme-kiswa .s-cart-summary-wrapper {

  display: flex !important;

  align-items: center !important;

  gap: 5px !important;

  white-space: nowrap !important;
}


.theme-kiswa #s-cart-icon {

  width: 44px !important;
  height: 44px !important;

  min-width: 44px !important;

  display: flex !important;

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

  border-radius: 50% !important;

  box-sizing: border-box !important;
}


.theme-kiswa .s-cart-summary-content {

  margin: 0 !important;

  font-size: 13px !important;
  line-height: 1 !important;
}


/* ==================================================
   NAVIGATION
================================================== */

.main-menu {
  padding-top: 1rem;
}


/* ==================================================
   MOBILE HEADER
================================================== */

@media (max-width: 767px) {

  .theme-kiswa .kiswa-header__inner {

    height: 82px !important;
    min-height: 82px !important;

    grid-template-columns:
      minmax(0, 1fr)
      auto
      minmax(0, 1fr) !important;

    gap: 7px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }


  /* =================================================
     MOBILE LOGO
  ================================================= */

  .theme-kiswa .navbar-brand {

    width: 112px !important;
    max-width: 112px !important;

    overflow: visible !important;
  }


  .theme-kiswa .navbar-brand img {

    /* نتجاهل نهائيًا 100 × 115 الموجودة في HTML */
    width: 112px !important;
    height: auto !important;

    max-width: 112px !important;
    max-height: 58px !important;

    object-fit: contain !important;

    margin: 0 auto !important;
  }


  /* =================================================
     MOBILE ICONS
  ================================================= */

  .theme-kiswa .kiswa-header__icon-btn,
  .theme-kiswa .kiswa-header__user-btn {

    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;
  }


  .theme-kiswa #s-cart-icon {

    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
  }


  .theme-kiswa .mburger {

    width: 38px !important;
    height: 40px !important;

    min-width: 38px !important;
  }


  /* المسافات بين الأيقونات */
  .theme-kiswa .kiswa-header__inner > .flex {

    gap: 4px !important;
  }


  /* سعر السلة */
  .theme-kiswa .s-cart-summary-content {

    font-size: 11px !important;

    margin: 0 !important;
  }


  .theme-kiswa .s-cart-summary-total {

    font-size: 11px !important;

    white-space: nowrap !important;
  }

}

/* ==================================================
   5. KISWA COUPON BANNER
   WASHAA ALTAIB BANNER
   Original Image: 2172 × 724
================================================== */


/* Boxed Banner */
.kiswa-coupon-banner > .max-w-container {

  width: calc(100% - 80px) !important;
  max-width: 1400px !important;

  margin-left: auto !important;
  margin-right: auto !important;

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


/* إزالة الـ Black Overlay */
.kiswa-coupon-banner__card > .absolute.inset-0.bg-ink\/80 {
  display: none !important;
}


/* نسبة الصورة الأصلية */
.kiswa-coupon-banner__card {

  width: 100% !important;

  min-height: 0 !important;
  height: auto !important;

  aspect-ratio: 2172 / 724 !important;

  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;

  overflow: hidden !important;
}


/* محتوى البانر */
.kiswa-coupon-banner__inner {
  width: 100% !important;
  height: 100% !important;
}


/* Tablet Banner */
@media (max-width: 1024px) {

  .kiswa-coupon-banner > .max-w-container {
    width: calc(100% - 48px) !important;
  }

}


/* Mobile Banner */
@media (max-width: 767px) {

  .kiswa-coupon-banner > .max-w-container {
    width: calc(100% - 24px) !important;
  }

}


/* ==================================================
   6. STORE FEATURES
   مميزات المتجر - 4 كروت
================================================== */


/* Mobile = 2 × 2 */
@media (max-width: 768px) {

  /* القسم */
  .feature-store-kiswa {
    overflow: hidden !important;
  }


  /* الحاوية */
  .feature-store-kiswa > .max-w-container {

    width: 100% !important;
    max-width: 100% !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    box-sizing: border-box !important;
  }


  /* إلغاء Horizontal Scroll */
  .feature-store-kiswa .kiswa-hscroll {
    width: 100% !important;
    overflow: visible !important;
  }


  /* الأربع كروت = صفين × عمودين */
  .feature-store-kiswa .kiswa-trust__grid,
  .feature-store-kiswa .kiswa-hscroll__track {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 10px !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    scroll-snap-type: none !important;

    touch-action: auto !important;
  }


  /* الكارد */
  .feature-store-kiswa .kiswa-trust__card {

    width: 100% !important;

    min-width: 0 !important;
    max-width: 100% !important;

    flex: none !important;

    padding: 16px 8px !important;

    border-radius: 14px !important;

    box-sizing: border-box !important;

    scroll-snap-align: none !important;
  }


  /* الأيقونة */
  .feature-store-kiswa .kiswa-trust__icon {

    width: 42px !important;
    height: 42px !important;

    margin-bottom: 8px !important;
  }

  .feature-store-kiswa .kiswa-trust__icon i {
    font-size: 18px !important;
  }


  /* عنوان الميزة */
  .feature-store-kiswa .kiswa-trust__title {

    font-size: 13px !important;
    line-height: 1.4 !important;

    margin: 0 0 3px 0 !important;

    text-align: center !important;
  }


  /* وصف الميزة */
  .feature-store-kiswa .kiswa-trust__text {

    font-size: 11px !important;
    line-height: 1.45 !important;

    margin: 0 !important;

    text-align: center !important;
  }

}

/* ==================================================
   7. HERO BANNER - MOBILE
   تحسين الخطوط والمساحات على الجوال
================================================== */

@media (max-width: 768px) {

  /* ================================================
     HERO CONTENT WIDTH
     إلغاء التضييق الذي يسببه وجود الأسهم
  ================================================ */

  .theme-kiswa .kiswa-hero-slider.revolution-slider .slide-content,
  .theme-kiswa .kiswa-hero-slider.revolution-slider.has-arrows .slide-content {

    width: calc(100% - 40px) !important;
    max-width: 390px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;
  }


  /* عندما يكون المحتوى في المنتصف */
  .theme-kiswa .kiswa-hero-slider.revolution-slider.pos-center .slide-content,
  .theme-kiswa .kiswa-hero-slider.revolution-slider.has-arrows.pos-center .slide-content {

    left: 50% !important;
    right: auto !important;

    transform: translate(-50%, -50%) !important;

    text-align: center !important;
  }


  /* ================================================
     SMALL BADGE / SUBTITLE
     فخامة تليق بالمقام
  ================================================ */

  .theme-kiswa .kiswa-hero-slider .slide-subtitle {

    font-size: 14px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 0 !important;

    margin-bottom: 14px !important;
  }


  /* ================================================
     MAIN TITLE
     هيبة البشت تبدأ من التفاصيل
  ================================================ */

  .theme-kiswa .kiswa-hero-slider .slide-title {

    font-size: 32px !important;
    line-height: 1.3 !important;

    font-weight: 800 !important;

    margin-bottom: 16px !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }


  /* ================================================
     DESCRIPTION
  ================================================ */

  .theme-kiswa .kiswa-hero-slider .slide-description {

    font-size: 16px !important;
    line-height: 1.8 !important;

    font-weight: 500 !important;

    margin-bottom: 0 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;

    max-width: 330px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ================================================
     BUTTON AREA
  ================================================ */

  .theme-kiswa .kiswa-hero-slider .slide-buttons {

    margin-top: 22px !important;

    gap: 10px !important;

    justify-content: center !important;
  }


  /* زر تسوق البشوت */
  .theme-kiswa .kiswa-hero-slider .slide-btn {

    min-height: 50px !important;

    padding: 12px 28px !important;

    font-size: 16px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    border-radius: 999px !important;

    white-space: nowrap !important;
  }


  /* ================================================
     SLIDER ARROWS
     أصغر قليلاً حتى لا تزاحم التصميم
  ================================================ */

  .theme-kiswa .kiswa-hero-slider {
    --slide-arrow-size: 52px !important;
  }


  .theme-kiswa .kiswa-hero-slider .slider-arrows {

    width: 52px !important;
    height: 52px !important;

    bottom: 74px !important;
  }


  .theme-kiswa .kiswa-hero-slider .arrow-prev {
    left: 10px !important;
  }

  .theme-kiswa .kiswa-hero-slider .arrow-next {
    right: 10px !important;
  }


  /* ================================================
     DOTS
  ================================================ */

  .theme-kiswa .kiswa-hero-slider .slider-nav {

    bottom: 30px !important;

    gap: 14px !important;
  }


  .theme-kiswa .kiswa-hero-slider .nav-dot {

    width: 13px !important;
    height: 13px !important;
  }

}


/* ==================================================
   8. CIRCULAR CATEGORIES - MOBILE
   تصنيفات دائرية - Horizontal Scroll
================================================== */

@media (max-width: 767px) {

  /* السماح للقسم بالتمرير الأفقي */
  .categories-section-circle {
    overflow: hidden !important;
  }

  .categories-section-circle > .container {
    max-width: 100% !important;
    width: 100% !important;

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

    overflow: visible !important;
  }


  /* تحويل شبكة التصنيفات إلى صف أفقي */
  .categories-section-circle [class*="circle-grid-cat-circle-"] {

    display: flex !important;
    grid-template-columns: none !important;

    flex-wrap: nowrap !important;

    gap: 14px !important;

    width: 100% !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding-right: 16px !important;
    padding-left: 16px !important;
    padding-bottom: 8px !important;

    scroll-snap-type: x proximity !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;

    touch-action: pan-x !important;
  }


  /* إخفاء Scrollbar في Chrome / Safari */
  .categories-section-circle
  [class*="circle-grid-cat-circle-"]::-webkit-scrollbar {
    display: none !important;
  }


  /* كل تصنيف له عرض ثابت */
  .categories-section-circle
  [class*="circle-grid-cat-circle-"] > a {

    flex: 0 0 105px !important;

    width: 105px !important;
    min-width: 105px !important;
    max-width: 105px !important;

    scroll-snap-align: start !important;

    box-sizing: border-box !important;
  }


  /* حجم الصورة الدائرية */
  .categories-section-circle
  [class*="circle-grid-cat-circle-"] > a .image-wrapper {

    width: 96px !important;
    height: 96px !important;

    min-width: 96px !important;
    min-height: 96px !important;

    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
  }


  /* الصورة */
  .categories-section-circle
  [class*="circle-grid-cat-circle-"] > a .image-wrapper img {

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

    object-fit: cover !important;
  }


  /* اسم التصنيف */
  .categories-section-circle
  [class*="circle-grid-cat-circle-"] > a h3 {

    width: 100% !important;

    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.45 !important;

    text-align: center !important;

    white-space: normal !important;
  }

}


/* ==================================================
   9. SOCIAL MEDIA / INSTAGRAM - MOBILE
   4 Cards in One Row
================================================== */

@media (max-width: 640px) {

  /* القسم */
  .kiswa-instagram {
    overflow: hidden !important;
  }

  /* الحاوية */
  .kiswa-instagram .max-w-container {
    width: 100% !important;
    max-width: 100% !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  /* إبقاء عنوان القسم بمساحة طبيعية */
  .kiswa-instagram .sec-head {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }


  /* ================================================
     4 SOCIAL CARDS IN ONE ROW
  ================================================ */

  .kiswa-instagram .kiswa-hscroll__track,
  .kiswa-instagram__grid {

    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 7px !important;

    width: 100% !important;

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

    overflow: visible !important;

    scroll-snap-type: none !important;
    touch-action: auto !important;
  }


  /* كل كارد */
  .kiswa-instagram__card {

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    flex: none !important;

    border-radius: 10px !important;

    scroll-snap-align: none !important;

    box-sizing: border-box !important;
  }


  /* الصورة مربعة */
  .kiswa-instagram__media {

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

    aspect-ratio: 1 / 1 !important;

    border-radius: 10px !important;

    overflow: hidden !important;
  }


  .kiswa-instagram__img {

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

    object-fit: cover !important;
  }


  /* أيقونة المنصة الموجودة فوق الصورة */
  .kiswa-instagram__corner {

    width: 24px !important;
    height: 24px !important;

    top: 5px !important;
    left: 5px !important;

    border-radius: 7px !important;
  }

  .kiswa-instagram__corner svg {

    width: 13px !important;
    height: 13px !important;
  }


  /* إلغاء تأثير الرفع على شاشة اللمس */
  .kiswa-instagram__card:hover {
    transform: none !important;
  }

}


/* ==================================================
   10. FAQ - MOBILE
   تصغير خط الأسئلة الشائعة على الجوال
================================================== */

@media (max-width: 767px) {

  /* سؤال الـ FAQ */
  .kiswa-faq__question {
    font-size: 15px !important;
    line-height: 1.45 !important;
    gap: 10px !important;
  }

  /* نص الإجابة عند فتح السؤال */
  .kiswa-faq__answer {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }

  /* تقليل Padding الكارد قليلًا */
  .kiswa-faq__item {
    padding: 14px 16px !important;
  }

  /* السهم */
  .kiswa-faq__chev {
    width: 17px !important;
    height: 17px !important;
  }

}


/* ==================================================
   11. SOCIAL MEDIA - DESKTOP
   تصغير كروت السوشال على الشاشات الكبيرة
================================================== */

@media (min-width: 1024px) {

  /* تصغير عرض منطقة الصور فقط */
  .kiswa-instagram .kiswa-hscroll {
    max-width: 1050px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* 4 صور متساوية في المنتصف */
  .kiswa-instagram .kiswa-instagram__grid {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 240px)) !important;

    justify-content: center !important;

    gap: 16px !important;

    width: 100% !important;
  }

  /* حجم كل كارد */
  .kiswa-instagram .kiswa-instagram__card {
    width: 100% !important;
    max-width: 240px !important;

    margin: 0 !important;
  }

  /* الصورة تظل مربعة */
  .kiswa-instagram .kiswa-instagram__media {
    width: 100% !important;
    height: auto !important;

    aspect-ratio: 1 / 1 !important;
  }

}


/* ==================================================
   12. CUSTOMER REVIEWS - DESKTOP
   إصلاح كارد الآراء الكبير والكروت الجانبية
================================================== */

@media (min-width: 1024px) {

  /* إلغاء الـ overflow والهوامش السالبة الأصلية من سلة */
  .s-block--testimonials {
    overflow: visible !important;
  }

  .s-block--testimonials .s-reviews-container {
    overflow: hidden !important;
  }

  .s-block--testimonials
  .s-reviews-testimonials-slider
  .swiper {

    margin-left: 0 !important;
    margin-right: 0 !important;

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


  /* ================================================
     3 REVIEWS = EQUAL WIDTH
  ================================================ */

  .s-block--testimonials
  .s-reviews-container
  .swiper-slide {

    width: 33.333333% !important;

    min-width: 33.333333% !important;
    max-width: 33.333333% !important;

    flex: 0 0 33.333333% !important;

    padding-left: 8px !important;
    padding-right: 8px !important;

    box-sizing: border-box !important;
  }


  /* إلغاء 60% للكارد الأوسط */
  .s-block--testimonials
  .s-reviews-container
  .swiper-slide-active {

    width: 33.333333% !important;

    min-width: 33.333333% !important;
    max-width: 33.333333% !important;
  }


  /* ================================================
     REVIEW CARD
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial {

    width: 100% !important;

    min-height: 230px !important;
    height: 100% !important;

    padding: 24px !important;

    border-radius: 16px !important;

    opacity: 1 !important;

    box-shadow:
      0 3px 14px rgba(0, 0, 0, 0.06) !important;

    box-sizing: border-box !important;
  }


  /* إزالة الشكل المختلف للكارد النشط */
  .s-block--testimonials
  .swiper-slide-active
  .s-reviews-testimonial {

    box-shadow:
      0 3px 14px rgba(0, 0, 0, 0.06) !important;

    padding: 24px !important;
  }


  /* ================================================
     REVIEW CONTENT
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__inner {

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

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

    text-align: center !important;
  }


  /* صورة العميل */
  .s-block--testimonials
  .s-reviews-testimonial__avatar {

    width: 56px !important;
    height: 56px !important;

    margin: 0 0 12px 0 !important;
  }


  /* إظهار نص الرأي في كل الكروت وليس الأوسط فقط */
  .s-block--testimonials
  .s-reviews-testimonial__text p {

    display: block !important;

    margin: 10px 0 12px !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    text-align: center !important;
  }


  /* إظهار النجوم في كل الكروت */
  .s-block--testimonials
  .s-reviews-testimonial__rating {

    display: block !important;

    margin: 6px 0 0 !important;
  }


  /* اسم العميل */
  .s-block--testimonials
  .s-reviews-testimonial__name_wrapper {

    display: flex !important;

    flex-direction: column !important;

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

    gap: 4px !important;
  }


  .s-block--testimonials
  .s-reviews-testimonial__info {

    margin: 0 !important;

    text-align: center !important;
  }


  /* ================================================
     QUOTE ICON
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__icon svg {

    width: 28px !important;
    height: 28px !important;

    top: 14px !important;
    left: 16px !important;
    right: auto !important;
  }


  /* ================================================
     SLIDER ARROWS
  ================================================ */

  .s-block--testimonials
  .s-reviews-container
  .s-slider--nav-arrow {

    top: 50% !important;

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

  /* RTL - السهم التالي يسار */
  .s-block--testimonials
  .s-reviews-container
  .s-slider--nav-arrow.s-slider-next {

    left: 10px !important;
    right: auto !important;
  }

  /* RTL - السابق يمين */
  .s-block--testimonials
  .s-reviews-container
  .s-slider--nav-arrow:not(.s-slider-next) {

    right: 10px !important;
    left: auto !important;
  }

}


/* ==================================================
   13. CUSTOMER REVIEWS - SECTION SPACING
   فصل قسم الآراء عن الفوتر
================================================== */

@media (min-width: 1024px) {

  /* القسم كامل */
  .s-block--testimonials {

    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

    padding-top: 45px !important;
    padding-bottom: 75px !important;

    margin-bottom: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  /* عنوان آراء العملاء */
  .s-block--testimonials .s-slider-block__title {

    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto 30px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;
  }


  /* حاوية السلايدر */
  .s-block--testimonials .s-reviews-container {

    position: relative !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    padding-top: 5px !important;
    padding-bottom: 10px !important;

    overflow: hidden !important;
  }


  /* منع أي جزء من الكارد من النزول خارج القسم */
  .s-block--testimonials
  .s-reviews-testimonials-slider {

    position: relative !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;

    padding: 0 !important;
  }


  /* الـ swiper نفسه */
  .s-block--testimonials
  .s-reviews-testimonials-slider
  .swiper {

    height: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }


  /* الكروت */
  .s-block--testimonials
  .s-reviews-container
  .swiper-slide {

    height: auto !important;

    align-self: stretch !important;
  }


  .s-block--testimonials
  .s-reviews-testimonial {

    height: 100% !important;

    margin-bottom: 0 !important;
  }

/* ==================================================
   14. CUSTOMER REVIEWS - MOBILE
   إصلاح الآراء + فصلها عن الفوتر
================================================== */

@media (max-width: 767px) {

  /* ================================================
     SECTION SPACING
  ================================================ */

  .s-block--testimonials {
    height: auto !important;
    min-height: 0 !important;

    padding-top: 32px !important;
    padding-bottom: 55px !important;

    margin-bottom: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  /* عنوان آراء العملاء */
  .s-block--testimonials .s-slider-block__title {
    margin-bottom: 20px !important;

    padding-left: 16px !important;
    padding-right: 16px !important;
  }


  /* ================================================
     SLIDER
  ================================================ */

  .s-block--testimonials .s-reviews-container {
    width: 100% !important;

    padding-left: 12px !important;
    padding-right: 12px !important;
    padding-bottom: 0 !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
  }


  /* إلغاء padding الأصلي الكبير للـ Swiper */
  .s-block--testimonials
  .s-reviews-testimonials-slider
  .swiper {

    width: 100% !important;

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

    margin-left: 0 !important;
    margin-right: 0 !important;

    overflow: visible !important;
  }


  /* ================================================
     ONE REVIEW PER VIEW
  ================================================ */

  .s-block--testimonials
  .s-reviews-container
  .swiper-slide {

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    flex: 0 0 100% !important;

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

    box-sizing: border-box !important;
  }


  /* ================================================
     REVIEW CARD
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial {

    width: 100% !important;

    height: auto !important;
    min-height: 220px !important;

    padding: 20px 16px !important;

    border-radius: 14px !important;

    opacity: 1 !important;

    box-sizing: border-box !important;
  }


  /* مهم:
     إلغاء padding-left: 6rem
     الذي يفرضه الثيم على الكارد النشط في RTL
  */
  .s-block--testimonials
  .swiper-slide-active
  .s-reviews-testimonial {

    padding: 20px 16px !important;

    box-shadow: none !important;
  }


  .s-block--testimonials
  .swiper-slide-active
  .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *) {

    padding-left: 16px !important;
    padding-right: 16px !important;
  }


  /* ================================================
     CONTENT LAYOUT
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__inner {

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

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

    text-align: center !important;
  }


  /* صورة العميل */
  .s-block--testimonials
  .s-reviews-testimonial__avatar {

    width: 60px !important;
    height: 60px !important;

    margin: 0 0 10px 0 !important;
  }


  .s-block--testimonials
  .swiper-slide-active
  .s-reviews-testimonial__avatar:where([dir="rtl"], [dir="rtl"] *) {

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
  }


  /* ================================================
     REVIEW TEXT
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__text {

    width: 100% !important;
  }


  .s-block--testimonials
  .s-reviews-testimonial__text p {

    display: block !important;

    margin: 4px auto 8px !important;

    max-width: 300px !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    text-align: center !important;
  }


  /* اسم العميل */
  .s-block--testimonials
  .s-reviews-testimonial__name_wrapper {

    display: flex !important;

    flex-direction: column !important;

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

    gap: 4px !important;
  }


  .s-block--testimonials
  .s-reviews-testimonial__info {

    margin: 0 !important;

    text-align: center !important;
  }


  /* ================================================
     STARS
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__rating {

    display: block !important;

    margin: 8px 0 0 0 !important;

    text-align: center !important;
  }


  /* ================================================
     QUOTE ICON
  ================================================ */

  .s-block--testimonials
  .s-reviews-testimonial__icon svg {

    width: 28px !important;
    height: 28px !important;

    top: 14px !important;
    left: 16px !important;
    right: auto !important;

    transform: none !important;
  }

}
  }
/* ==================================================
   15. CUSTOMER REVIEWS - REAL MOBILE FIX
   فصل قسم الآراء عن الفوتر
================================================== */

@media (max-width: 767px) {

  /* الحاوية الحقيقية لقسم الآراء */
  .s-reviews-container {
    display: block !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    /* هذه هي المسافة المطلوبة قبل الفوتر */
    padding-bottom: 55px !important;

    margin-bottom: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
  }


  /* حاوية السلايدر */
  .s-reviews-testimonials-slider {
    display: block !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding-bottom: 0 !important;
    margin-bottom: 0 !important;

    overflow: visible !important;
  }


  /* Swiper نفسه */
  .s-reviews-testimonials-slider .swiper {
    height: auto !important;
    min-height: 0 !important;

    padding-bottom: 0 !important;
    margin-bottom: 0 !important;

    overflow: hidden !important;
  }


  /* الـ Slide الحقيقي الذي أرسلته */
  .s-reviews-swiper-slide {
    height: auto !important;
    min-height: 0 !important;

    margin-bottom: 0 !important;

    box-sizing: border-box !important;
  }


  /* الكارد الحقيقي */
  .s-reviews-swiper-slide .s-reviews-testimonial {
    height: auto !important;
    min-height: 220px !important;

    margin-bottom: 0 !important;

    box-sizing: border-box !important;
  }

}

/* ==================================================
   16. CUSTOMER REVIEWS - MOBILE
   2 Reviews Per View + Avatar Fix
================================================== */

@media (max-width: 767px) {

  /* ================================================
     SWIPER
  ================================================ */

  .s-reviews-testimonials-slider .swiper {
    padding-left: 8px !important;
    padding-right: 8px !important;

    overflow: hidden !important;
  }


  /* ================================================
     2 REVIEWS PER VIEW
  ================================================ */

  .s-reviews-container .s-reviews-swiper-slide,
  .s-reviews-container .swiper-slide {

    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;

    flex: 0 0 50% !important;

    padding-left: 5px !important;
    padding-right: 5px !important;

    box-sizing: border-box !important;
  }


  /* إلغاء اختلاف حجم الكارد Active */
  .s-reviews-container .swiper-slide-active {
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;

    flex: 0 0 50% !important;
  }


  /* ================================================
     ALL CARDS SAME STYLE
  ================================================ */

  .s-reviews-container
  .s-reviews-testimonial {

    width: 100% !important;

    min-height: 235px !important;
    height: 100% !important;

    padding: 15px 10px !important;

    opacity: 1 !important;

    border-radius: 14px !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
  }


  /* إزالة اختلاف Active / Prev / Next */
  .s-reviews-container
  .swiper-slide-active
  .s-reviews-testimonial,

  .s-reviews-container
  .swiper-slide-prev
  .s-reviews-testimonial,

  .s-reviews-container
  .swiper-slide-next
  .s-reviews-testimonial {

    padding: 15px 10px !important;

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

    opacity: 1 !important;

    box-shadow: none !important;
  }


  /* ================================================
     CARD CONTENT
  ================================================ */

  .s-reviews-container
  .s-reviews-testimonial__inner {

    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;

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

    text-align: center !important;
  }


  /* ================================================
     AVATAR FIX
  ================================================ */

  .s-reviews-container
  .s-reviews-testimonial__avatar {

    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;
    min-height: 52px !important;

    flex: 0 0 52px !important;

    margin: 0 auto 9px !important;

    border-radius: 50% !important;

    overflow: hidden !important;

    background: #eef0f5 !important;

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


  /* الصورة نفسها دائرة حقيقية */
  .s-reviews-container
  .s-reviews-testimonial__avatar img {

    display: block !important;

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

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

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

    border-radius: 50% !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* إلغاء margin الخاص بالكارد النشط */
  .s-reviews-container
  .swiper-slide-active
  .s-reviews-testimonial__avatar {

    margin: 0 auto 9px !important;
  }


  /* ================================================
     REVIEW TEXT
  ================================================ */

  /* إظهار النص في الكاردين وليس Active فقط */
  .s-reviews-container
  .s-reviews-testimonial__text {

    width: 100% !important;
  }


  .s-reviews-container
  .s-reviews-testimonial__text p {

    display: -webkit-box !important;

    margin: 4px 0 7px !important;

    font-size: 12px !important;
    line-height: 1.6 !important;

    text-align: center !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
  }


  /* ================================================
     CUSTOMER NAME
  ================================================ */

  .s-reviews-container
  .s-reviews-testimonial__name_wrapper {

    display: flex !important;
    flex-direction: column !important;

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

    width: 100% !important;

    gap: 3px !important;
  }


  .s-reviews-container
  .s-reviews-testimonial__info {

    margin: 0 !important;

    text-align: center !important;
  }


  .s-reviews-container
  .s-reviews-testimonial__info h2 {

    font-size: 12px !important;
    line-height: 1.4 !important;

    margin: 0 !important;
  }


  /* ================================================
     STARS
  ================================================ */

  /* إظهار النجوم لجميع الكروت */
  .s-reviews-container
  .s-reviews-testimonial__rating {

    display: block !important;

    margin: 6px 0 0 !important;
  }


  /* تصغير النجوم حتى تناسب كاردين */
  .s-reviews-container
  .s-rating-stars-wrapper {

    display: flex !important;

    justify-content: center !important;

    gap: 1px !important;
  }


  .s-reviews-container
  salla-rating-stars svg {

    width: 18px !important;
    height: 18px !important;
  }


  /* ================================================
     QUOTE ICON
  ================================================ */

  .s-reviews-container
  .s-reviews-testimonial__icon svg {

    width: 22px !important;
    height: 22px !important;

    top: 10px !important;
    left: 10px !important;
    right: auto !important;

    transform: none !important;
  }

}


/* ==================================================
   17. PRODUCT PAGE - MOBILE FIX
   مسافات الأقسام + إصلاح الكروت الطويلة
================================================== */

@media (max-width: 767px) {

  /* =========================
     RELATED SECTIONS SPACING
     منتجات قد تعجبك / الأكثر مبيعًا
  ========================= */

  .product-single .s-before-related,
  .product-single .s-after-related,
  .product-single .show-product-inner,
  .product-single .s-block--products-slider,
  .product-single .s-block--features-products,
  .product-single .s-block--slider-with-bg {
    margin-top: 28px !important;
  }


  /* عنوان الأقسام */
  .product-single .s-block__title,
  .product-single .s-slider-block__title,
  .product-single .s-products-slider-card + .s-block__title {
    margin-top: 24px !important;
    margin-bottom: 14px !important;
  }


  /* =========================
     PRODUCT CARD IMAGE
     منع الصورة من التمدد
  ========================= */

  .product-single
  .custom-salla-product-card .s-product-card-image,

  .product-single
  .custom-salla-product-card.s-product-card-fit-height
  .s-product-card-image,

  .product-single
  .custom-salla-product-card.s-product-card-vertical
  .s-product-card-image {

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 3 / 4 !important;

    overflow: hidden !important;
  }


  /* الصورة داخل الكارد */
  .product-single
  .custom-salla-product-card .s-product-card-image img {

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

    object-fit: cover !important;
    object-position: center !important;
  }


  /* =========================
     PRODUCT CARD CONTENT
  ========================= */

  .product-single
  .custom-salla-product-card .s-product-card-content,

  .product-single
  .custom-salla-product-card .kiswa-prod-content {

    height: auto !important;
    min-height: 0 !important;

    padding: 9px !important;

    gap: 0 !important;
  }


  /* اسم المنتج */
  .product-single
  .custom-salla-product-card
  .s-product-card-content-title {

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 5px 0 !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
  }


  /* السعر */
  .product-single
  .custom-salla-product-card
  .kiswa-prod-price-row {

    height: auto !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}


/* ==================================================
   18. BEST SELLERS - MOBILE CARD HEIGHT FIX
   إصلاح كروت الأكثر مبيعًا الطويلة
================================================== */

@media (max-width: 767px) {

  /* الـ Slide نفسه لا يتمدد */
  .s-products-slider-card:has(
    custom-salla-product-card[source="latest"]
  ) {
    height: auto !important;
    min-height: 0 !important;

    align-self: flex-start !important;
  }


  /* الكارد نفسه */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"].s-product-card-fit-height {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    align-self: flex-start !important;

    display: block !important;
  }


  /* =========================
     IMAGE
  ========================= */

  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .s-product-card-image.kiswa-prod-img {

    width: 100% !important;

    /* أهم تعديل */
   height: clamp(190px, 55vw, 220px) !important;
min-height: clamp(190px, 55vw, 220px) !important;
max-height: clamp(190px, 55vw, 220px) !important;
    
    aspect-ratio: auto !important;

    overflow: hidden !important;
  }


  /* رابط الصورة */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .s-product-card-image > a {

    display: block !important;

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


  /* Stack الخاص بالصور المتعددة */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .kiswa-prod-img__stack {

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


  /* الصور */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .kiswa-prod-img__photo {

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

    min-height: 0 !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;
  }


  /* =========================
     CONTENT
  ========================= */

  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .s-product-card-content.kiswa-prod-content {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    flex: none !important;

    padding: 9px !important;

    gap: 0 !important;
  }


  /* اسم المنتج */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .s-product-card-content-title {

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 5px !important;

    font-size: 12px !important;
    line-height: 1.45 !important;
  }


  /* السعر */
  .s-products-slider-card
  > custom-salla-product-card[source="latest"]
  .kiswa-prod-price-row {

    height: auto !important;
    min-height: 0 !important;

    margin-top: 0 !important;
    padding-top: 0 !important;
  }

}

/* ==================================================
   19. CATEGORY PAGE - DESKTOP LAYOUT
   Sidebar مباشرة تحت عدد المنتجات
================================================== */

@media (min-width: 1025px) {

  /* الصفحة نفسها تصبح Grid:
     العمود الأيمن = الفلاتر والترتيب
     العمود الأيسر = المنتجات
  */
  .kiswa-products-page {
    display: grid !important;

    grid-template-columns: 288px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;

    column-gap: 40px !important;
    row-gap: 20px !important;

    direction: rtl !important;

    align-items: start !important;
  }


  /* عنوان: 9 منتجات
     فوق العمود الأيمن مباشرة
  */
  .kiswa-products-page__title {
    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;

    margin: 0 !important;

    text-align: right !important;
    justify-self: stretch !important;
  }


  /* نفك الحاوية القديمة حتى نقدر نتحكم
     بالـ sidebar والمنتجات بشكل مستقل
  */
  .kiswa-products-page > .container--products-list {
    display: contents !important;
  }


  /* ================================================
     RIGHT SIDEBAR
     ترتيب حسب + الفلاتر
  ================================================ */

  .kiswa-products-page
  > .container--products-list
  > .kiswa-filters-panel {

    grid-column: 1 !important;
    grid-row: 2 !important;

    display: flex !important;
    flex-direction: column !important;

    width: 288px !important;
    min-width: 288px !important;
    max-width: 288px !important;

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

    justify-self: stretch !important;

    position: sticky !important;
    top: 90px !important;

    transform: none !important;
  }


  /* ترتيب حسب */
  .kiswa-products-page
  .kiswa-filters-sort {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 16px 0 !important;

    box-sizing: border-box !important;
  }


  /* Select */
  .kiswa-products-page
  .kiswa-filters-sort__field {

    width: 100% !important;
  }


  .kiswa-products-page
  .kiswa-filters-sort__select {

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;
  }


  /* ================================================
     PRODUCTS AREA
  ================================================ */

  .kiswa-products-page
  > .container--products-list
  > .main-content {

    grid-column: 2 !important;
    grid-row: 2 !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;

    align-self: start !important;
  }


  /* إزالة أي مساحة علوية داخل المنتجات */
  .kiswa-products-page
  .main-content
  .kiswa-products-toolbar {

    margin-top: 0 !important;
  }

}

/* ==================================================
   20. PRODUCT CARDS - DESKTOP HOVER BREATHING SPACE
   Final Fix - Keep Slider Clipped + Safe Hover Space
================================================== */

@media (min-width: 1024px) {

  /* القسم الخارجي */
  .show-product-inner {
    padding-top: 16px !important;
    padding-bottom: 22px !important;

    overflow: hidden !important;
  }


  /* مهم:
     نخفي المنتجات الموجودة خارج السلايدر
  */
  .show-product-inner .s-products-slider-wrapper,
  .show-product-inner .s-slider-wrapper,
  .show-product-inner .s-slider-container {
    overflow: hidden !important;
  }


  /* =================================================
     SAFE AREA
     مساحة فعلية لأول وآخر كارد
  ================================================= */

  .show-product-inner .swiper {

    /* تصغير مساحة السلايدر قليلًا من الطرفين */
    width: calc(100% - 44px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    /* مساحة للـ hover والـ shadow أعلى وأسفل */
    padding-top: 14px !important;
    padding-bottom: 22px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  /* مسافة بسيطة بين الكروت */
  .show-product-inner .s-products-slider-card,
  .show-product-inner .swiper-slide {

    padding-left: 7px !important;
    padding-right: 7px !important;

    box-sizing: border-box !important;
  }


  /* =================================================
     CARD
  ================================================= */

  .show-product-inner custom-salla-product-card {

    width: 100% !important;

    position: relative !important;

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

    transform-origin: center center !important;
  }


  /* Hover */
  .show-product-inner custom-salla-product-card:hover {

    transform: translateY(-5px) !important;

    box-shadow:
      0 10px 24px rgba(0, 0, 0, 0.10) !important;

    z-index: 10 !important;
  }

}

}


/* ==================================================
   21. MOBILE HEADER + HERO FINAL OVERRIDE
   Logo / Icons / Hero Typography
================================================== */

@media (max-width: 767px) {

  /* =================================================
     HEADER
  ================================================= */

  .theme-kiswa .kiswa-header__inner {
    height: 104px !important;
    min-height: 104px !important;

    grid-template-columns:
      minmax(0, 1fr)
      auto
      minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 5px !important;

    padding: 7px 8px !important;

    box-sizing: border-box !important;
  }


  /* =================================================
     LOGO - BIGGER
  ================================================= */

  .theme-kiswa .navbar-brand {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;

    height: 90px !important;

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

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

    overflow: visible !important;
  }

  .theme-kiswa .navbar-brand img {

    /* إلغاء المقاس inline 100 × 115 */
    width: 140px !important;
    height: auto !important;

    min-width: 140px !important;
    max-width: 140px !important;

    /* مهم: لا نعود نقيد اللوقو بـ 58px */
    max-height: 90px !important;

    object-fit: contain !important;
    object-position: center !important;

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

    transform: none !important;
  }


  /* =================================================
     HEADER ICON GROUPS
  ================================================= */

  .theme-kiswa .kiswa-header__inner > .flex {
    gap: 4px !important;

    min-width: 0 !important;

    align-items: center !important;
  }


  /* البحث + الوضع الليلي + الحساب */
  .theme-kiswa .kiswa-header__icon-btn,
  .theme-kiswa .kiswa-header__user-btn {

    width: 36px !important;
    height: 36px !important;

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

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

    border-radius: 50% !important;

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

    box-sizing: border-box !important;
  }


  /* حجم أيقونة البحث والحساب */
  .theme-kiswa .kiswa-header__icon-btn i,
  .theme-kiswa .kiswa-header__user-btn i {

    font-size: 17px !important;
    line-height: 1 !important;
  }


  /* أيقونة Moon/Sun */
  .theme-kiswa .kiswa-header__icon-btn svg {

    width: 18px !important;
    height: 18px !important;
  }


  /* =================================================
     MENU ICON
  ================================================= */

  .theme-kiswa .mburger {

    width: 34px !important;
    height: 36px !important;

    min-width: 34px !important;

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

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

  .theme-kiswa .mburger .sicon-menu,
  .theme-kiswa .mburger i {

    font-size: 23px !important;
    line-height: 1 !important;
  }


  /* =================================================
     CART
  ================================================= */

  .theme-kiswa #s-cart-icon {

    width: 36px !important;
    height: 36px !important;

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

    padding: 0 !important;

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

    border-radius: 50% !important;
  }

  .theme-kiswa #s-cart-icon i {

    font-size: 17px !important;
  }


  /* Badge عدد المنتجات */
  .theme-kiswa .s-cart-summary-count {

    min-width: 19px !important;
    height: 19px !important;

    font-size: 10px !important;
    line-height: 19px !important;
  }


  /*
     إخفاء السعر من الهيدر على الجوال.
     العدد يبقى على أيقونة السلة.
     هذا يعطينا مساحة كافية للوقو.
  */
  .theme-kiswa .s-cart-summary-content {
    display: none !important;
  }



  /* =================================================
     HERO BANNER
     إعادة تكبير النصوص
  ================================================= */

  /* مساحة النص */
  .theme-kiswa .kiswa-hero-slider.revolution-slider .slide-content,
  .theme-kiswa .kiswa-hero-slider.revolution-slider.has-arrows .slide-content {

    width: calc(100% - 36px) !important;
    max-width: 420px !important;

    padding-left: 8px !important;
    padding-right: 8px !important;

    box-sizing: border-box !important;
  }


  /* =================================================
     HERO BADGE
     فخامة تليق بالمقام
  ================================================= */

  .theme-kiswa .kiswa-hero-slider .slide-subtitle,
  .theme-kiswa .kiswa-hero-slider
  .slide-content .slide-subtitle {

    font-size: 15px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    margin-bottom: 15px !important;
  }


  /* =================================================
     HERO MAIN TITLE
     هيبة البشت تبدأ من التفاصيل
  ================================================= */

  .theme-kiswa .kiswa-hero-slider .slide-title,
  .theme-kiswa .kiswa-hero-slider
  .slide-content .slide-title {

    font-size: 36px !important;
    line-height: 1.28 !important;

    font-weight: 800 !important;

    margin-bottom: 17px !important;

    letter-spacing: 0 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
  }


  /* fallback لو العنوان H2 */
  .theme-kiswa .kiswa-hero-slider
  .slide-content h2.slide-title {

    font-size: 36px !important;
    line-height: 1.28 !important;
  }


  /* =================================================
     HERO DESCRIPTION
  ================================================= */

  .theme-kiswa .kiswa-hero-slider .slide-description,
  .theme-kiswa .kiswa-hero-slider
  .slide-content .slide-description {

    width: 100% !important;
    max-width: 370px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 17px !important;
    line-height: 1.75 !important;

    font-weight: 500 !important;

    word-break: normal !important;
  }


  /* =================================================
     HERO BUTTON
  ================================================= */

  .theme-kiswa .kiswa-hero-slider .slide-buttons {
    margin-top: 22px !important;
  }

  .theme-kiswa .kiswa-hero-slider .slide-btn {

    min-height: 50px !important;

    padding: 12px 30px !important;

    font-size: 17px !important;
    line-height: 1.2 !important;

    font-weight: 700 !important;

    white-space: nowrap !important;
  }

}


/* ==================================================
   VERY SMALL MOBILE
   iPhone SE / 340 - 375px
================================================== */

@media (max-width: 375px) {

  /* اللوقو يبقى كبير لكن يناسب المساحة */
  .theme-kiswa .navbar-brand {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }

  .theme-kiswa .navbar-brand img {
    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;
  }


  /* لا نصغر العنوان بشكل مبالغ */
  .theme-kiswa .kiswa-hero-slider .slide-title,
  .theme-kiswa .kiswa-hero-slider
  .slide-content .slide-title {

    font-size: 33px !important;
    line-height: 1.3 !important;
  }


  .theme-kiswa .kiswa-hero-slider .slide-description,
  .theme-kiswa .kiswa-hero-slider
  .slide-content .slide-description {

    font-size: 16px !important;
    line-height: 1.7 !important;
  }

}


/* ==================================================
   22. MOBILE HEADER - FINAL FIX
   Balanced Logo + Smaller Icons
================================================== */

@media (max-width: 767px) {

  /* =================================================
     HEADER
  ================================================= */

  .theme-kiswa .kiswa-header__inner {
    height: 88px !important;
    min-height: 88px !important;

    grid-template-columns:
      minmax(0, 1fr)
      132px
      minmax(0, 1fr) !important;

    align-items: center !important;

    gap: 4px !important;

    padding: 6px 10px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;
  }


  /* =================================================
     LOGO
  ================================================= */

  .theme-kiswa .navbar-brand {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;

    height: 72px !important;

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

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

    overflow: hidden !important;
  }


  .theme-kiswa .navbar-brand img {
    display: block !important;

    /* تجاوز width / height الموجودة Inline */
    width: 132px !important;
    height: auto !important;

    min-width: 0 !important;
    max-width: 132px !important;

    min-height: 0 !important;
    max-height: 68px !important;

    object-fit: contain !important;
    object-position: center center !important;

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

    /* مهم جداً - إلغاء التكبير السابق */
    transform: none !important;
  }


  /* =================================================
     LEFT / RIGHT GROUPS
  ================================================= */

  .theme-kiswa .kiswa-header__inner > .flex {
    min-width: 0 !important;

    gap: 4px !important;

    align-items: center !important;
  }


  /* =================================================
     SEARCH + DARK MODE + USER
  ================================================= */

  .theme-kiswa .kiswa-header__icon-btn,
  .theme-kiswa .kiswa-header__user-btn {
    width: 30px !important;
    height: 30px !important;

    min-width: 30px !important;
    min-height: 30px !important;

    max-width: 30px !important;
    max-height: 30px !important;

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

    border-radius: 50% !important;

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

    box-sizing: border-box !important;
  }


  /* Search / User */
  .theme-kiswa .kiswa-header__icon-btn i,
  .theme-kiswa .kiswa-header__user-btn i {
    font-size: 14px !important;
    line-height: 1 !important;
  }


  /* Moon / Sun */
  .theme-kiswa .kiswa-header__icon-btn svg {
    width: 15px !important;
    height: 15px !important;
  }


  /* =================================================
     CART
  ================================================= */

  .theme-kiswa #s-cart-icon {
    width: 30px !important;
    height: 30px !important;

    min-width: 30px !important;
    min-height: 30px !important;

    max-width: 30px !important;
    max-height: 30px !important;

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

    padding: 0 !important;

    border-radius: 50% !important;
  }


  .theme-kiswa #s-cart-icon i {
    font-size: 14px !important;
  }


  /* عدد المنتجات */
  .theme-kiswa .s-cart-summary-count {
    width: 16px !important;
    min-width: 16px !important;

    height: 16px !important;

    font-size: 9px !important;
    line-height: 16px !important;
  }


  /* لا نظهر السعر على الجوال */
  .theme-kiswa .s-cart-summary-content {
    display: none !important;
  }


  /* =================================================
     MENU
  ================================================= */

  .theme-kiswa .mburger {
    width: 27px !important;
    min-width: 27px !important;

    height: 30px !important;

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

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


  .theme-kiswa .mburger .sicon-menu,
  .theme-kiswa .mburger i {
    font-size: 20px !important;
    line-height: 1 !important;
  }

}


/* ==================================================
   VERY SMALL MOBILE
================================================== */

@media (max-width: 375px) {

  .theme-kiswa .kiswa-header__inner {
    grid-template-columns:
      minmax(0, 1fr)
      118px
      minmax(0, 1fr) !important;

    padding-left: 7px !important;
    padding-right: 7px !important;
  }


  .theme-kiswa .navbar-brand {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }


  .theme-kiswa .navbar-brand img {
    width: 118px !important;
    max-width: 118px !important;
    max-height: 64px !important;
  }

}

/* ==================================================
   23. MOBILE HEADER - EXACT ELEMENT FIX
   Cart + User + Logo + Header Icons
================================================== */

@media (max-width: 767px) {

  /* =================================================
     HEADER
  ================================================= */

  .theme-kiswa .kiswa-header__inner {
    height: 88px !important;
    min-height: 88px !important;

    padding: 6px 9px !important;

    grid-template-columns:
      minmax(0, 1fr)
      132px
      minmax(0, 1fr) !important;

    gap: 4px !important;

    align-items: center !important;
  }


  /* =================================================
     LOGO
     تكبير بصري مع إبقائه محصوراً داخل الهيدر
  ================================================= */

  .theme-kiswa .navbar-brand {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;

    height: 76px !important;

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

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

    overflow: hidden !important;
  }


  .theme-kiswa .navbar-brand img {
    width: 132px !important;
    max-width: 132px !important;

    height: auto !important;
    max-height: 72px !important;

    object-fit: contain !important;
    object-position: center !important;

    /*
      تكبير بسيط للرسم داخل ملف اللوقو
      بدون خروجه من الهيدر
    */
    transform: scale(1.16) !important;
    transform-origin: center center !important;

    margin: 0 !important;
  }


  /* =================================================
     LEFT GROUP
     الحساب + السلة
     هذا هو الـ HTML الذي أرسلته
  ================================================= */

  .theme-kiswa
  .kiswa-header__inner
  > .flex.items-center.justify-end.gap-1.flex-1 {

    display: flex !important;

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

    gap: 5px !important;

    min-width: 0 !important;
  }


  /* الحساب */
  .theme-kiswa .kiswa-header__user-btn {
    width: 29px !important;
    height: 29px !important;

    min-width: 29px !important;
    min-height: 29px !important;

    max-width: 29px !important;
    max-height: 29px !important;

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

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

    border-radius: 50% !important;
  }


  .theme-kiswa .kiswa-header__user-btn .sicon-user-circle {
    font-size: 14px !important;
    line-height: 1 !important;
  }


  /* =================================================
     CART
  ================================================= */

  .theme-kiswa salla-cart-summary {
    width: auto !important;
    min-width: 0 !important;

    display: block !important;

    margin: 0 !important;
  }


  .theme-kiswa .s-cart-summary-wrapper {
    width: auto !important;
    min-width: 0 !important;

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

    gap: 0 !important;

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


  .theme-kiswa #s-cart-icon {
    position: relative !important;

    width: 29px !important;
    height: 29px !important;

    min-width: 29px !important;
    min-height: 29px !important;

    max-width: 29px !important;
    max-height: 29px !important;

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

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

    border-radius: 50% !important;
  }


  .theme-kiswa #s-cart-icon .sicon-shopping-bag {
    font-size: 14px !important;
    line-height: 1 !important;
  }


  /* Badge عدد المنتجات */
  .theme-kiswa .s-cart-summary-count {
    position: absolute !important;

    top: -5px !important;
    right: -5px !important;

    width: 15px !important;
    min-width: 15px !important;

    height: 15px !important;
    min-height: 15px !important;

    padding: 0 !important;

    font-size: 8px !important;
    line-height: 15px !important;

    text-align: center !important;

    border-radius: 50% !important;

    z-index: 5 !important;
  }


  /* نخفي السعر على الجوال */
  .theme-kiswa .s-cart-summary-content {
    display: none !important;
  }


  /* =================================================
     SEARCH + DARK MODE
  ================================================= */

  .theme-kiswa .kiswa-header__icon-btn {
    width: 29px !important;
    height: 29px !important;

    min-width: 29px !important;
    min-height: 29px !important;

    max-width: 29px !important;
    max-height: 29px !important;

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

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

    border-radius: 50% !important;
  }


  /* البحث */
  .theme-kiswa .kiswa-header__icon-btn .sicon-search {
    font-size: 14px !important;
  }


  /* الوضع الليلي */
  .theme-kiswa .kiswa-header__icon-btn svg {
    width: 15px !important;
    height: 15px !important;
  }


  /* =================================================
     MENU
  ================================================= */

  .theme-kiswa .mburger {
    width: 25px !important;
    min-width: 25px !important;

    height: 29px !important;

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

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


  .theme-kiswa .mburger .sicon-menu,
  .theme-kiswa .mburger i {
    font-size: 19px !important;
    line-height: 1 !important;
  }


  /* =================================================
     BOTH ICON GROUPS
  ================================================= */

  .theme-kiswa .kiswa-header__inner > .flex {
    gap: 5px !important;

    min-width: 0 !important;

    align-items: center !important;
  }

}


/* ==================================================
   24. MOBILE HEADER - STABLE FINAL LAYOUT
   Fixed Left / Center / Right Positioning
================================================== */

@media (max-width: 767px) {

  /* =================================================
     HEADER CONTAINER
  ================================================= */

  .theme-kiswa .kiswa-header__inner {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 92px !important;
    min-height: 92px !important;

    padding: 0 8px !important;

    overflow: visible !important;

    box-sizing: border-box !important;
  }


  /* =================================================
     RIGHT SIDE
     Menu + Search + Dark Mode
     أول div داخل الهيدر
  ================================================= */

  .theme-kiswa .kiswa-header__inner > .flex:first-child {
    position: absolute !important;

    top: 50% !important;
    right: 8px !important;
    left: auto !important;

    transform: translateY(-50%) !important;

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

    width: auto !important;
    min-width: 0 !important;

    gap: 5px !important;

    margin: 0 !important;

    z-index: 5 !important;
  }


  /* =================================================
     LEFT SIDE
     User + Cart
     آخر div داخل الهيدر
  ================================================= */

  .theme-kiswa .kiswa-header__inner > .flex:last-child {
    position: absolute !important;

    top: 50% !important;
    left: 8px !important;
    right: auto !important;

    transform: translateY(-50%) !important;

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

    width: auto !important;
    min-width: 0 !important;

    gap: 5px !important;

    margin: 0 !important;

    z-index: 5 !important;
  }


  /* =================================================
     LOGO - TRUE CENTER
  ================================================= */

  .theme-kiswa .navbar-brand {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;

    transform: translate(-50%, -50%) !important;

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

    width: 125px !important;
    min-width: 125px !important;
    max-width: 125px !important;

    height: 78px !important;

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

    overflow: visible !important;

    z-index: 4 !important;
  }


  .theme-kiswa .navbar-brand img {
    display: block !important;

    /* تجاهل 100x115 الموجودة Inline */
    width: auto !important;
    height: 68px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: 125px !important;
    max-height: 68px !important;

    object-fit: contain !important;
    object-position: center !important;

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

    /* إلغاء كل scale سابق */
    transform: none !important;
  }


  /* =================================================
     CIRCLE BUTTONS
     أصغر وأنظف
  ================================================= */

  .theme-kiswa .kiswa-header__icon-btn,
  .theme-kiswa .kiswa-header__user-btn,
  .theme-kiswa #s-cart-icon {
    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;

    max-width: 31px !important;
    max-height: 31px !important;

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

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

    border-radius: 50% !important;

    box-sizing: border-box !important;
  }


  /* Search / User / Cart */
  .theme-kiswa .kiswa-header__icon-btn i,
  .theme-kiswa .kiswa-header__user-btn i,
  .theme-kiswa #s-cart-icon i {
    font-size: 14px !important;
    line-height: 1 !important;
  }


  /* Moon / Sun */
  .theme-kiswa .kiswa-header__icon-btn svg {
    width: 15px !important;
    height: 15px !important;
  }


  /* =================================================
     MENU BUTTON
  ================================================= */

  .theme-kiswa .mburger {
    width: 27px !important;
    height: 31px !important;

    min-width: 27px !important;

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

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

    transform: none !important;
  }


  .theme-kiswa .mburger i,
  .theme-kiswa .mburger .sicon-menu {
    font-size: 20px !important;
    line-height: 1 !important;
  }


  /* =================================================
     CART
  ================================================= */

  .theme-kiswa salla-cart-summary {
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
  }


  .theme-kiswa .s-cart-summary-wrapper {
    display: flex !important;
    align-items: center !important;

    width: auto !important;
    min-width: 0 !important;

    gap: 0 !important;

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


  /* نخفي السعر فقط على الجوال */
  .theme-kiswa .s-cart-summary-content {
    display: none !important;
  }


  /* Badge */
  .theme-kiswa .s-cart-summary-count {
    position: absolute !important;

    top: -5px !important;
    right: -5px !important;

    width: 16px !important;
    min-width: 16px !important;

    height: 16px !important;
    min-height: 16px !important;

    padding: 0 !important;

    font-size: 9px !important;
    line-height: 16px !important;

    text-align: center !important;

    border-radius: 50% !important;

    z-index: 10 !important;
  }

}


/* ==================================================
   SMALL MOBILE - iPhone SE
================================================== */

@media (max-width: 375px) {

  .theme-kiswa .navbar-brand {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
  }

  .theme-kiswa .navbar-brand img {
    height: 62px !important;
    max-width: 112px !important;
    max-height: 62px !important;
  }

  .theme-kiswa .kiswa-header__inner > .flex:first-child {
    right: 6px !important;
    gap: 3px !important;
  }

  .theme-kiswa .kiswa-header__inner > .flex:last-child {
    left: 6px !important;
    gap: 3px !important;
  }

}


/* ==================================================
   SOCIAL MEDIA - BRAND ICONS + HOVER LABELS
   Instagram / TikTok / WhatsApp / Snapchat
================================================== */


/* ==================================================
   1. CARD BASE
================================================== */

.kiswa-instagram__card {
  position: relative !important;
  overflow: hidden !important;

  isolation: isolate !important;

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


/* الصورة */
.kiswa-instagram__card .kiswa-instagram__img {
  transition: transform 0.4s ease !important;
}


/* ==================================================
   2. PLATFORM DATA
================================================== */


/* Instagram */
.kiswa-instagram__card[aria-label*="الانتسا"],
.kiswa-instagram__card[aria-label*="انستا"],
.kiswa-instagram__card[aria-label*="إنستا"] {

  --social-label: "تابعنا على إنستقرام";

  --social-icon:
    url("https://cdn.jsdelivr.net/npm/simple-icons@16.29.0/icons/instagram.svg");

  --social-bg:
    linear-gradient(
      135deg,
      #833ab4 0%,
      #fd1d1d 55%,
      #fcb045 100%
    );

  --social-icon-color: #ffffff;
}


/* TikTok */
.kiswa-instagram__card[aria-label*="تيكتوك"],
.kiswa-instagram__card[aria-label*="تيك توك"] {

  --social-label: "تابعنا على تيك توك";

  --social-icon:
    url("https://cdn.jsdelivr.net/npm/simple-icons@16.29.0/icons/tiktok.svg");

  --social-bg: #111111;

  --social-icon-color: #ffffff;
}


/* WhatsApp */
.kiswa-instagram__card[aria-label*="واتس"] {

  --social-label: "تواصل معنا عبر واتساب";

  --social-icon:
    url("https://cdn.jsdelivr.net/npm/simple-icons@16.29.0/icons/whatsapp.svg");

  --social-bg: #25d366;

  --social-icon-color: #ffffff;
}


/* Snapchat */
.kiswa-instagram__card[aria-label*="سناب"] {

  --social-label: "تابعنا على سناب شات";

  --social-icon:
    url("https://cdn.jsdelivr.net/npm/simple-icons@16.29.0/icons/snapchat.svg");

  --social-bg: #fffc00;

  --social-icon-color: #111111;
}


/* ==================================================
   3. REPLACE OLD INSTAGRAM SVG
================================================== */

.kiswa-instagram__card
.kiswa-instagram__corner {

  width: 36px !important;
  height: 36px !important;

  top: 12px !important;
  left: 12px !important;

  display: flex !important;

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

  padding: 8px !important;

  border-radius: 10px !important;

  background: var(--social-bg, #ffffff) !important;

  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.15) !important;

  box-sizing: border-box !important;

  z-index: 10 !important;
}


/* نخفي SVG إنستقرام القديم */
.kiswa-instagram__card
.kiswa-instagram__corner svg {

  display: none !important;
}


/* الأيقونة الجديدة */
.kiswa-instagram__card
.kiswa-instagram__corner::before {

  content: "" !important;

  display: block !important;

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

  background-color:
    var(--social-icon-color, #111111) !important;

  -webkit-mask-image:
    var(--social-icon) !important;

  mask-image:
    var(--social-icon) !important;

  -webkit-mask-repeat:
    no-repeat !important;

  mask-repeat:
    no-repeat !important;

  -webkit-mask-position:
    center !important;

  mask-position:
    center !important;

  -webkit-mask-size:
    contain !important;

  mask-size:
    contain !important;
}


/* ==================================================
   4. HOVER OVERLAY
================================================== */

/* طبقة خفيفة فوق الصورة */
.kiswa-instagram__card::before {

  content: "" !important;

  position: absolute !important;

  inset: 0 !important;

  background:
    linear-gradient(
      180deg,
      rgba(31, 16, 0, 0.05) 30%,
      rgba(31, 16, 0, 0.82) 100%
    ) !important;

  opacity: 0 !important;

  transition: opacity 0.3s ease !important;

  pointer-events: none !important;

  z-index: 4 !important;
}


/* النص الذي يظهر عند Hover */
.kiswa-instagram__card::after {

  content: var(--social-label, "تابعنا") !important;

  position: absolute !important;

  left: 50% !important;
  bottom: 18px !important;

  transform:
    translate(-50%, 10px) !important;

  width: calc(100% - 30px) !important;

  padding: 10px 12px !important;

  color: #ffffff !important;

  background:
    rgba(31, 16, 0, 0.90) !important;

  border:
    1px solid rgba(255, 255, 255, 0.20) !important;

  border-radius: 999px !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;

  text-align: center !important;

  white-space: nowrap !important;

  opacity: 0 !important;

  pointer-events: none !important;

  transition:
    opacity 0.3s ease,
    transform 0.3s ease !important;

  box-sizing: border-box !important;

  z-index: 6 !important;
}


/* ==================================================
   5. DESKTOP HOVER
================================================== */

@media (hover: hover) and (pointer: fine) {

  .kiswa-instagram__card:hover {

    transform:
      translateY(-5px) !important;

    box-shadow:
      0 14px 30px rgba(0, 0, 0, 0.12) !important;
  }


  .kiswa-instagram__card:hover::before {

    opacity: 1 !important;
  }


  .kiswa-instagram__card:hover::after {

    opacity: 1 !important;

    transform:
      translate(-50%, 0) !important;
  }


  .kiswa-instagram__card:hover
  .kiswa-instagram__img {

    transform:
      scale(1.04) !important;
  }

}


/* Keyboard */
.kiswa-instagram__card:focus-visible::before {

  opacity: 1 !important;
}


.kiswa-instagram__card:focus-visible::after {

  opacity: 1 !important;

  transform:
    translate(-50%, 0) !important;
}


/* ==================================================
   6. MOBILE
================================================== */

@media (max-width: 640px) {

  .kiswa-instagram__card
  .kiswa-instagram__corner {

    width: 25px !important;
    height: 25px !important;

    top: 5px !important;
    left: 5px !important;

    padding: 5px !important;

    border-radius: 7px !important;
  }


  /*
     الجوال لا يعتمد على Hover،
     لذلك لا نظهر Overlay فوق الصور عند اللمس.
  */
  .kiswa-instagram__card::before,
  .kiswa-instagram__card::after {

    display: none !important;
  }

}

/* ==================================================
   25. CATEGORY PRODUCTS - CARD HEIGHT FIX
   إصلاح طول بطاقات صفحات التصنيفات
================================================== */


/* ==================================================
   DESKTOP
================================================== */

@media (min-width: 768px) {

  /* الكارد نفسه لا يتمدد */
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    align-self: start !important;
  }


  /* صورة المنتج = المقاس الأصلي المصمم في Kiswa */
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  .s-product-card-image.kiswa-prod-img {

    width: 100% !important;

    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;

    overflow: hidden !important;
  }


  /* رابط الصورة */
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  .s-product-card-image.kiswa-prod-img > a {

    display: block !important;

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


  /* الصورة نفسها */
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  .kiswa-prod-img__photo {

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

    object-fit: cover !important;
    object-position: center !important;
  }


  /* =================================================
     CARD CONTENT
  ================================================= */

  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  .s-product-card-content.kiswa-prod-content {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    padding: 16px !important;

    gap: 6px !important;
  }


  /* اسم المنتج */
  .s-products-list-wrapper.s-products-list-vertical-cards
  .s-product-card-content-title {

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 4px !important;
  }


  /* الوصف - سطران فقط */
  .s-products-list-wrapper.s-products-list-vertical-cards
  .kiswa-card-excerpt {

    display: -webkit-box !important;

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

    overflow: hidden !important;

    margin: 0 0 6px !important;

    line-height: 1.6 !important;
  }


  /* السعر لا يدفع الكارد للأسفل */
  .s-products-list-wrapper.s-products-list-vertical-cards
  .kiswa-prod-price-row {

    margin-top: 4px !important;
    padding-top: 0 !important;

    height: auto !important;
    min-height: 0 !important;
  }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 767px) {

  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card {

    height: auto !important;
    min-height: 0 !important;
  }


  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  .s-product-card-image.kiswa-prod-img {

    width: 100% !important;

    height: 240px !important;
    min-height: 240px !important;
    max-height: 240px !important;

    aspect-ratio: auto !important;

    overflow: hidden !important;
  }


  .s-products-list-wrapper.s-products-list-vertical-cards
  .kiswa-prod-img__photo {

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

    object-fit: cover !important;
  }


  .s-products-list-wrapper.s-products-list-vertical-cards
  .s-product-card-content.kiswa-prod-content {

    height: auto !important;
    min-height: 0 !important;

    padding: 10px !important;
  }


  .s-products-list-wrapper.s-products-list-vertical-cards
  .kiswa-card-excerpt {

    display: -webkit-box !important;

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

    overflow: hidden !important;

    margin-bottom: 5px !important;
  }

}

/* ==================================================
   CATEGORY PRODUCT CARDS - IMAGE HEIGHT FIX
   Category list only
================================================== */

@media (min-width: 768px) {

  /* Kiswa variable */
  .theme-kiswa
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card {
    --kiswa-card-image-height-desktop: 320px !important;
  }

  /* Actual rendered image container */
  .theme-kiswa
  .s-products-list-wrapper.s-products-list-vertical-cards
  > custom-salla-product-card
  > .s-product-card-image.kiswa-prod-img {
    height: 320px !important;
    min-height: 320px !important;
    max-height: 320px !important;
  }

}

  /* ==================================================
   MOBILE LEFT ICONS - USER + CART ALIGNMENT FIX
   + DESKTOP MOBILE-MENU VISIBILITY FIX
================================================== */


/* ==================================================
   MOBILE ONLY
   User + Cart alignment
================================================== */

@media (max-width: 767px) {

  /* الحساب - العنصر المرئي الحقيقي */
  .theme-kiswa
  .kiswa-header__user-btn
  .header-btn__icon,
  .theme-kiswa
  .kiswa-header__user-btn
  .sicon-user-circle {

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

    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;

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

    line-height: 1 !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;
  }


  /* Salla Cart Host */
  .theme-kiswa
  .kiswa-header__inner
  > .flex:last-child
  salla-cart-summary {

    display: flex !important;

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

    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;

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


  /* Cart Link */
  .theme-kiswa
  .kiswa-header__inner
  > .flex:last-child
  .s-cart-summary-wrapper {

    display: flex !important;

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

    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;

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

    line-height: 1 !important;
  }


  /* أيقونة السلة الداخلية */
  .theme-kiswa
  .kiswa-header__inner
  > .flex:last-child
  #s-cart-icon
  > .header-btn__icon.sicon-shopping-bag {

    display: flex !important;

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

    width: 31px !important;
    height: 31px !important;

    min-width: 31px !important;
    min-height: 31px !important;
    max-width: 31px !important;
    max-height: 31px !important;

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

    line-height: 1 !important;

    border-radius: 50% !important;

    box-sizing: border-box !important;
  }

}


/* ==================================================
   DESKTOP ONLY
   Hide mobile hamburger menu
================================================== */

@media (min-width: 1024px) {

  .theme-kiswa
  .kiswa-header__inner
  .mburger {

    display: none !important;
  }

}


/* ==================================================
   BISHT CATEGORY CARDS
   بشت رسمي
   4 Desktop / 2 Mobile
================================================== */

.washah-bisht-categories {
  width: 100%;

  padding: 38px 0 46px;

  background: #fff;
}


.washah-bisht-categories__container {
  width: calc(100% - 48px);
  max-width: 1450px;

  margin: 0 auto;
}


/* =========================
   TITLE
========================= */

.washah-bisht-categories__title {
  margin: 0 0 22px;

  font-size: 30px;
  line-height: 1.3;
  font-weight: 800;

  text-align: right;

  color: #1c1c1f;
}


/* =========================
   GRID
========================= */

.washah-bisht-categories__grid {
  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 14px;

  width: 100%;
}


/* =========================
   CARD
========================= */

.washah-bisht-categories__card {
  display: block;

  position: relative;

  width: 100%;

  text-decoration: none;

  border-radius: 14px;

  overflow: visible;

  transition:
    transform 0.25s ease,
    filter 0.25s ease;
}


/* الصورة الأصلية بدون أي Crop */
.washah-bisht-categories__card img {
  display: block;

  width: 100%;
  height: auto;

  max-width: 100%;

  aspect-ratio: 1056 / 576;

  object-fit: contain;

  border-radius: inherit;

  transition:
    transform 0.3s ease,
    filter 0.3s ease;
}


/* =========================
   DESKTOP HOVER
========================= */

@media (hover: hover) and (pointer: fine) {

  .washah-bisht-categories__card:hover {
    transform: translateY(-5px);

    filter:
      drop-shadow(0 12px 18px rgba(0, 0, 0, 0.12));
  }

  .washah-bisht-categories__card:hover img {
    transform: scale(1.015);
  }

}


/* =========================
   TABLET
========================= */

@media (max-width: 1024px) {

  .washah-bisht-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 12px;
  }

}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

  .washah-bisht-categories {
    padding: 36px 0 45px;
  }


  .washah-bisht-categories__container {
    width: calc(100% - 20px);
  }


  .washah-bisht-categories__title {
    margin-bottom: 25px;

    font-size: 25px;
    line-height: 1.3;
  }


  .washah-bisht-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 8px;
  }


  .washah-bisht-categories__card {
    border-radius: 10px;
  }


  .washah-bisht-categories__card img {
    width: 100%;
    height: auto;

    aspect-ratio: 1056 / 576;

    object-fit: contain;
  }

}


/* ==================================================
   NATIONAL DAY PHOTOS SLIDER
   Desktop Padding + Smaller Width
================================================== */


/* Desktop / Large Screens */
@media (min-width: 1024px) {

  /* حاوية السلايدر */
  .s-block--photos-slider {
    padding-top: 45px !important;
    padding-bottom: 34px !important;

    padding-left: 70px !important;
    padding-right: 70px !important;

    box-sizing: border-box !important;
  }


  /* نصغر عرض السلايدر نفسه */
  .s-block--photos-slider .container,
  .s-block--photos-slider .max-w-container {
    width: 100% !important;

    max-width: 1140px !important;

    margin-left: auto !important;
    margin-right: auto !important;

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


  /* السلايدر */
  .s-block--photos-slider salla-slider,
  .s-block--photos-slider .swiper {
    width: 100% !important;

    max-width: 1320px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* الصورة */
  .s-block--photos-slider .swiper-slide img {
    width: 100% !important;

    max-height: 560px !important;

    object-fit: contain !important;
  }

}


/* ==================================================
   EXTRA LARGE SCREENS
================================================== */

@media (min-width: 1440px) {

  .s-block--photos-slider {
    padding-left: 110px !important;
    padding-right: 110px !important;
  }


  .s-block--photos-slider .container,
  .s-block--photos-slider .max-w-container,
  .s-block--photos-slider salla-slider,
  .s-block--photos-slider .swiper {
    max-width: 1250px !important;
  }

}


/* ==================================================
   MOBILE / TABLET
   يبقى عريض ومناسب للشاشة
================================================== */

@media (max-width: 1023px) {

  .s-block--photos-slider {
    padding-top: 18px !important;
    padding-bottom: 22px !important;

    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  .s-block--photos-slider .container,
  .s-block--photos-slider .max-w-container {
    width: 100% !important;

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


  .s-block--photos-slider .swiper-slide img {
    width: 100% !important;
    height: auto !important;

    object-fit: contain !important;
  }

}