/* =========================================================
   Abaq Al Jazira Store - Final Clean Custom CSS
   Version: 4.2
   Purpose: One organized CSS file for the approved orange/brown identity
   Important:
   - Replace the old CSS completely with this file.
   - Do not paste this below the old code.
   - No JavaScript used.
   ========================================================= */

/* =========================================================
   1. Brand Variables / متغيرات الهوية
   ========================================================= */
:root {
  --brand-orange: #ee6519;
  --brand-orange-dark: #e44e25;
  --brand-brown: #6a2210;
  --brand-peach: #eca685;
  --brand-light: #fcfafa;
  --brand-white: #ffffff;
  --brand-black: #000000;
  --brand-text: #1f2933;
  --brand-muted: #5f6673;

  /* عناصر يسهل تعديلها لاحقًا */
  --product-price-color: #ee6519;
  --add-cart-bg: #ee6519;
  --add-cart-hover: #d85616;

  --normal-box-shadow: 0 8px 22px rgba(106, 34, 16, 0.08);
  --hover-box-shadow: 0 12px 28px rgba(106, 34, 16, 0.12);
  --transition-normal: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

/* =========================================================
   2. General Store Base / الأساس العام
   ========================================================= */
body {
  background-color: var(--brand-light) !important;
  color: var(--brand-text);
}

a {
  transition: color 0.25s ease;
}

/* =========================================================
   3. Header / الهيدر
   ========================================================= */
.top-navbar {
  background-color: var(--brand-white) !important;
  color: var(--brand-orange-dark) !important;
  border-bottom: 0 !important;
}

.top-navbar a,
.top-navbar span {
  color: var(--brand-orange-dark) !important;
  font-weight: 700 !important;
}

.top-navbar a:hover {
  color: var(--brand-brown) !important;
}

.top-navbar .s-search-input,
.top-navbar input[type="search"],
.top-navbar .s-search-inline,
.s-search-input,
.s-search-inline {
  background-color: var(--brand-white) !important;
  border: 1.5px solid var(--brand-peach) !important;
  color: var(--brand-black) !important;
  border-radius: 50px !important;
  box-shadow: none !important;
}

.top-navbar input::placeholder,
.top-navbar .s-search-input::placeholder,
.s-search-input::placeholder {
  color: var(--brand-black) !important;
  opacity: 1 !important;
}

.top-navbar .s-search-icon,
.top-navbar i.sicon-search,
.s-search-inline i,
.s-search-input i {
  color: var(--brand-black) !important;
}

div#mainnav,
.main-nav-container,
.main-nav-container .inner,
.inner.bg-inherit {
  background: var(--brand-light) !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
}

.main-nav-container .inner {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.navbar-brand img {
  max-height: 4.7rem !important;
}

.main-menu li.root-level > a {
  color: var(--brand-black) !important;
  font-weight: 700 !important;
  transition: color 0.25s ease;
}

.main-menu li.root-level > a:hover,
.main-menu li.root-level > a.active,
.main-menu li.root-level > a[href*="offers"],
.main-menu li.root-level > a[href*="عروض"],
.main-menu li.root-level > a[href*="discount"],
.main-menu li.root-level > a[href*="sale"],
.main-menu li.root-level > a[href*="تخفيضات"] {
  color: var(--brand-orange) !important;
}

/* إخفاء رابط المدونة من قائمة التصنيفات فقط مع إبقائه في الشريط العلوي */
.main-menu li.root-level:has(> a[href*="blog"]),
.main-menu li.root-level:has(> a[href*="blogs"]),
.main-menu li.root-level:has(> a[href*="مدونة"]),
.main-menu li.root-level > a[href*="blog"],
.main-menu li.root-level > a[href*="blogs"],
.main-menu li.root-level > a[href*="مدونة"] {
  display: none !important;
}

/* إخفاء التصنيفات التنظيمية الخاصة بالصفحة الرئيسية من قائمة الهيدر فقط */
.main-menu li.root-level:has(> a[href*="منتج-مميز"]),
.main-menu li.root-level:has(> a[href*="%D9%85%D9%86%D8%AA%D8%AC-%D9%85%D9%85%D9%8A%D8%B2"]),
.main-menu li.root-level:has(> a[href*="بكج-الرئيسية"]),
.main-menu li.root-level:has(> a[href*="%D8%A8%D9%83%D8%AC-%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9"]),
.main-menu li.root-level > a[href*="منتج-مميز"],
.main-menu li.root-level > a[href*="%D9%85%D9%86%D8%AA%D8%AC-%D9%85%D9%85%D9%8A%D8%B2"],
.main-menu li.root-level > a[href*="بكج-الرئيسية"],
.main-menu li.root-level > a[href*="%D8%A8%D9%83%D8%AC-%D8%A7%D9%84%D8%B1%D8%A6%D9%8A%D8%B3%D9%8A%D8%A9"] {
  display: none !important;
}

.main-menu li.root-level > a i,
.main-menu li.root-level > a svg {
  color: var(--brand-black) !important;
  fill: var(--brand-black) !important;
}

@media (min-width: 1024px) {
  .main-menu {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    flex: 1;
  }

  .main-menu li.root-level {
    flex-shrink: 0;
  }

  .main-menu li.root-level > a {
    position: relative;
    font-size: 14px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    margin-right: 7px !important;
    white-space: nowrap;
  }
}

/* =========================================================
   4. Header Icons / أيقونات الهيدر
   ========================================================= */
i.header-btn__icon.icon.sicon-shopping-bag,
i.header-btn__icon.sicon-user-circle,
i.sicon-menu {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 22px !important;
  line-height: 1 !important;
  transition: var(--transition-normal);
}

i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  border: 2px solid var(--brand-orange) !important;
}

i.header-btn__icon.sicon-user-circle {
  background-color: var(--brand-white) !important;
  color: var(--brand-brown) !important;
  border: 2px solid var(--brand-brown) !important;
}

i.header-btn__icon.icon.sicon-shopping-bag:hover,
i.header-btn__icon.sicon-user-circle:hover,
i.sicon-menu:hover,
.header-btn:hover i.header-btn__icon.icon.sicon-shopping-bag,
.header-btn:hover i.header-btn__icon.sicon-user-circle,
.header-btn:hover i.sicon-menu {
  background-color: var(--brand-brown) !important;
  border-color: var(--brand-brown) !important;
  color: var(--brand-white) !important;
  transform: translateY(-2px) !important;
}

/* تفاعل أوضح لأيقونة الحساب عند لمس كامل الزر وليس الأيقونة فقط */
.header-btn:hover i.header-btn__icon.sicon-user-circle,
.header-btn:focus i.header-btn__icon.sicon-user-circle,
.header-btn:active i.header-btn__icon.sicon-user-circle,
button.header-btn:hover i.header-btn__icon.sicon-user-circle,
button.header-btn:focus i.header-btn__icon.sicon-user-circle,
button.header-btn:active i.header-btn__icon.sicon-user-circle {
  background-color: var(--brand-brown) !important;
  border-color: var(--brand-brown) !important;
  color: var(--brand-white) !important;
  transform: translateY(-2px) !important;
}

.header-btn__badge,
.s-cart-summary-count {
  background-color: var(--brand-brown) !important;
  color: var(--brand-white) !important;
  border: 2px solid var(--brand-white) !important;
  font-weight: 800 !important;
}

.s-cart-summary-total,
.s-cart-summary-wrapper,
.s-cart-summary-content,
.s-cart-summary-total span {
  color: var(--brand-black) !important;
  font-weight: 700 !important;
}

/* =========================================================
   5. Home Hero / Fixed Banner / بنرات الصفحة الرئيسية
   يجعل بنرات الرئيسية ملتزمة بنفس عرض محتوى المتجر والهيدر
   ========================================================= */
section.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 0;
}

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
  width: 100% !important;
  max-width: 1250px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 15px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
}

.banner--fixed img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  background-color: transparent;
  border-radius: 0 !important;
}

/* =========================================================
   6. Product Cards / بطاقات المنتجات
   ========================================================= */
.s-product-card-entry {
  background-color: var(--brand-white) !important;
  border: 1px solid rgba(236, 166, 133, 0.35) !important;
  border-radius: 15px !important;
  box-shadow: var(--normal-box-shadow) !important;
  overflow: hidden;
  transition: var(--transition-normal);
}

.s-product-card-entry:hover {
  box-shadow: var(--hover-box-shadow) !important;
  transform: translateY(-2px);
}

.s-product-card-content {
  padding: 12px;
  text-align: center;
}

.s-product-card-content-title,
.s-product-card-content-title a,
.s-product-card-content h3,
.s-product-card-content h3 a {
  color: var(--brand-black) !important;
  font-weight: 700 !important;
  text-align: center;
}

.s-product-card-content-title a:hover,
.s-product-card-content h3 a:hover {
  color: var(--brand-orange) !important;
}

.s-product-card-price,
.s-product-card-sale-price,
.s-product-card-content .s-product-card-price,
.product-price,
.total-price {
  color: var(--product-price-color) !important;
  font-weight: 800 !important;
  text-align: center;
}

.s-product-card-regular-price,
.s-product-card-price-before,
del {
  color: rgba(106, 34, 16, 0.55) !important;
}

.swiper .swiper-wrapper > div {
  padding-bottom: 20px !important;
}

/* =========================================================
   7. Product Add To Cart Buttons / أزرار إضافة للسلة
   ========================================================= */
.s-product-card-entry .s-button-btn,
.s-product-card-entry button.s-button-btn,
.s-product-card-entry button.s-button-outline.s-button-primary-outline {
  background-color: var(--add-cart-bg) !important;
  color: var(--brand-white) !important;
  border-color: var(--add-cart-bg) !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  justify-content: center;
  transition: var(--transition-normal);
}

.s-product-card-entry .s-button-btn:hover,
.s-product-card-entry button.s-button-btn:hover,
.s-product-card-entry button.s-button-outline.s-button-primary-outline:hover {
  background-color: var(--add-cart-hover) !important;
  border-color: var(--add-cart-hover) !important;
  color: var(--brand-white) !important;
  transform: translateY(-2px);
}

/* زر المفضلة داخل بطاقة المنتج */
.s-product-card-wishlist-btn button,
.s-product-card-vertical .s-product-card-wishlist-btn button {
  background-color: var(--brand-white) !important;
  color: var(--brand-brown) !important;
  border: 1.5px solid var(--brand-peach) !important;
  border-radius: 50px !important;
  box-shadow: none !important;
  transition: var(--transition-normal);
}

.s-product-card-wishlist-btn button:hover,
.s-product-card-vertical .s-product-card-wishlist-btn button:hover {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  border-color: var(--brand-orange) !important;
  transform: translateY(-2px);
}

/* =========================================================
   8. General Salla Buttons / أزرار سلة العامة
   ========================================================= */
.s-button-btn,
.s-button-primary,
.s-button-primary-outline,
.s-button-outline {
  border-radius: 50px !important;
}

.s-button-primary,
.s-button-btn.s-button-primary,
button.s-button-btn.s-button-primary,
button.s-button-btn.s-button-outline.s-button-primary-outline {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  border-color: var(--brand-orange) !important;
  box-shadow: none !important;
  transition: var(--transition-normal);
}

.s-button-primary:hover,
.s-button-btn.s-button-primary:hover,
button.s-button-btn.s-button-primary:hover,
button.s-button-btn.s-button-outline.s-button-primary-outline:hover {
  background-color: var(--brand-brown) !important;
  border-color: var(--brand-brown) !important;
  color: var(--brand-white) !important;
  transform: translateY(-2px);
}

/* =========================================================
   9. Section Titles / عناوين الأقسام
   ========================================================= */
.s-block__title h2,
.s-block__title h3,
.section-title,
.s-block-title {
  color: var(--brand-black) !important;
  font-weight: 800 !important;
}

.s-block__title h2 {
  position: relative;
  margin-right: 7px !important;
}

.s-block__title h2:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 5px;
  border-radius: 5px;
  background: var(--brand-orange) !important;
  top: 50%;
  transform: translateY(-50%);
  margin-right: -10px !important;
  transition: width 0.25s ease, padding 0.25s ease;
  z-index: -1;
}

.s-block__title h2:hover {
  color: var(--brand-orange) !important;
}

.s-block__title h2:hover:before {
  width: 120%;
  padding: 19px;
}

.s-block__display-all {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  padding: 7px 16px;
  border-radius: 50px !important;
  transition: var(--transition-normal);
}

.s-block__display-all:hover {
  background-color: var(--brand-brown) !important;
  color: var(--brand-white) !important;
}

/* =========================================================
   10. Badges / الشارات
   ========================================================= */
.s-product-card-promotion-title,
.s-product-card-discount,
.badge,
.s-badge {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
}

/* =========================================================
   11. Forms / النماذج والحقول
   ========================================================= */
input,
textarea,
select,
.s-form-control,
.s-search-input {
  background-color: var(--brand-white) !important;
  border: 1.5px solid var(--brand-peach) !important;
  color: var(--brand-black) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.s-form-control:focus,
.s-search-input:focus {
  border-color: var(--brand-orange) !important;
  box-shadow: 0 0 0 3px rgba(238, 101, 25, 0.12) !important;
  outline: none !important;
}

/* =========================================================
   12. Menus & Dropdowns / القوائم المنسدلة
   ========================================================= */
.main-menu .sub-menu,
.s-menu-wrapper,
.s-dropdown-menu,
.dropdown-menu {
  background-color: var(--brand-white) !important;
  border: 1px solid rgba(236, 166, 133, 0.35) !important;
  box-shadow: 0 10px 28px rgba(106, 34, 16, 0.12) !important;
}

.main-menu .sub-menu a,
.s-dropdown-menu a,
.dropdown-menu a {
  color: var(--brand-black) !important;
}

.main-menu .sub-menu a:hover,
.s-dropdown-menu a:hover,
.dropdown-menu a:hover {
  color: var(--brand-orange) !important;
  background-color: var(--brand-light) !important;
}

/* =========================================================
   13. Sliders / السلايدرات
   يجعل سلايدر الصفحة الرئيسية داخل نفس حدود المتجر بدل الامتداد الكامل
   ========================================================= */
section.s-block.s-block--photos-slider {
  width: 100% !important;
  max-width: 1250px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  margin-top: 0;
  padding-right: 15px !important;
  padding-left: 15px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider {
  display: block !important;
  width: 100% !important;
  overflow: hidden !important;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
  padding: 0;
  margin: 0;
  width: 100%;
  border-radius: 0;
}

[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
  padding: 0;
}

section.s-block.s-block--photos-slider img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 0;
}

.swiper-pagination-bullet {
  background-color: var(--brand-peach) !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--brand-orange) !important;
}

.swiper-button-next,
.swiper-button-prev,
.s-slider-nav-arrow {
  color: var(--brand-orange) !important;
}

/* =========================================================
   14. Banners / البنرات
   ========================================================= */
section.s-block.s-block--banners.container .s-block__title {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.s-block.s-block--banners.container .s-block__title h2 {
  font-size: 27px;
}

section.s-block.s-block--banners.container .grid.md\:grid-cols-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
  grid-area: 1/1/1/1;
}

section.s-block.s-block--banners.container .grid.md\:grid-cols-3 a.banner-entry.square-photos {
  background: transparent;
  height: 330px;
}

section.s-block.s-block--banners.container .grid.md\:grid-cols-3 a.banner-entry.square-photos > div,
section.s-block.s-block--banners.container .md\:grid-cols-2 a.banner-entry.square-photos > div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

section.s-block.s-block--banners.container .md\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

section.s-block.s-block--banners.container .md\:grid-cols-2 a.banner-entry.square-photos {
  height: 415px;
  background: transparent;
}

/* =========================================================
   15. Features / قسم المميزات
   ========================================================= */
.s-block--features__item {
  background-color: var(--brand-white) !important;
  border: 0 !important;
  border-radius: 30px !important;
  padding: 20px 14px !important;
  box-shadow: none !important;
  text-align: center;
}

.s-block--features__item .feature-icon {
  background: transparent !important;
  color: var(--brand-orange) !important;
}

.s-block--features__item .feature-icon i,
.s-block--features__item .feature-icon svg {
  color: var(--brand-orange) !important;
  fill: var(--brand-orange) !important;
}

.s-block--features__item h2 {
  color: var(--brand-black) !important;
  font-size: 18px !important;
  line-height: 1.7rem !important;
  font-weight: 800 !important;
}

.s-block--features__item p {
  color: var(--brand-text) !important;
  line-height: 1.8 !important;
}

/* =========================================================
   16. Home Featured Product / المنتج المميز في الصفحة الرئيسية فقط
   يعمل فقط على القسم الموجود مباشرة بعد سلايدر الصفحة الرئيسية
   ========================================================= */
@media (min-width: 1024px) {
  section.s-block.s-block--photos-slider + section.s-block {
    width: 100% !important;
    max-width: 1250px !important;
    margin: 40px auto 55px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    box-sizing: border-box !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-block__title {
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 22px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block salla-slider,
  section.s-block.s-block--photos-slider + section.s-block .s-slider-container,
  section.s-block.s-block--photos-slider + section.s-block .swiper,
  section.s-block.s-block--photos-slider + section.s-block .swiper-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list,
  section.s-block.s-block--photos-slider + section.s-block .grid {
    width: 100% !important;
    max-width: 1250px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
    display: flex !important;
    justify-content: center !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .swiper-slide,
  section.s-block.s-block--photos-slider + section.s-block salla-product-card,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry {
    width: 1250px !important;
    max-width: 1250px !important;
    flex: 0 0 1250px !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry {
    min-height: 460px !important;
    display: grid !important;
    grid-template-columns: 75% 25% !important;
    align-items: stretch !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    box-shadow: 0 16px 36px rgba(106, 34, 16, 0.14) !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image img {
    object-fit: cover !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content {
    min-height: 460px !important;
    padding: 42px 34px !important;
    gap: 16px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f4 100%) !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3 a {
    color: var(--brand-black) !important;
    font-size: 28px !important;
    line-height: 1.65 !important;
    font-weight: 900 !important;
    letter-spacing: -0.3px !important;
    margin-bottom: 8px !important;
    text-align: center !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-price,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-sale-price {
    color: var(--brand-orange) !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-regular-price,
  section.s-block.s-block--photos-slider + section.s-block del {
    color: rgba(106, 34, 16, 0.55) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-button-btn,
  section.s-block.s-block--photos-slider + section.s-block button.s-button-btn,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry .s-button-btn {
    width: 100% !important;
    max-width: 330px !important;
    min-height: 58px !important;
    padding: 15px 30px !important;
    margin: 30px auto 0 !important;
    border-radius: 999px !important;
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: var(--brand-white) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 24px rgba(238, 101, 25, 0.24) !important;
    transition: var(--transition-normal) !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-button-btn:hover,
  section.s-block.s-block--photos-slider + section.s-block button.s-button-btn:hover,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry .s-button-btn:hover {
    background-color: var(--brand-brown) !important;
    border-color: var(--brand-brown) !important;
    color: var(--brand-white) !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 30px rgba(106, 34, 16, 0.22) !important;
  }
}

@media (max-width: 1200px) and (min-width: 1024px) {
  section.s-block.s-block--photos-slider + section.s-block salla-slider,
  section.s-block.s-block--photos-slider + section.s-block .s-slider-container,
  section.s-block.s-block--photos-slider + section.s-block .swiper,
  section.s-block.s-block--photos-slider + section.s-block .swiper-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list,
  section.s-block.s-block--photos-slider + section.s-block .grid,
  section.s-block.s-block--photos-slider + section.s-block .swiper-slide,
  section.s-block.s-block--photos-slider + section.s-block salla-product-card,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry {
    width: 1000px !important;
    max-width: 1000px !important;
    flex-basis: 1000px !important;
  }
}

@media (max-width: 1023px) {
  section.s-block.s-block--photos-slider + section.s-block {
    max-width: 100% !important;
    margin: 30px auto 40px !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3 a {
    font-size: 21px !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-button-btn,
  section.s-block.s-block--photos-slider + section.s-block button.s-button-btn {
    min-height: 52px !important;
    max-width: 280px !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }
}

/* =========================================================
   17. Category Products Restore / إصلاح شبكة منتجات التصنيفات
   لا يطبق المنتج المميز داخل التصنيفات حاليًا حتى لا تتشوّه البطاقات
   ========================================================= */
body:not(.index) salla-products-list,
body:not(.index) .s-products-list-wrapper,
body:not(.index) .products-grid-wrapper {
  width: 100% !important;
  max-width: 1250px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body:not(.index) salla-products-list .grid,
body:not(.index) .s-products-list-wrapper,
body:not(.index) .products-grid,
body:not(.index) .s-products-list-vertical-cards {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 1250px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 1.5rem !important;
  align-items: stretch !important;
  justify-items: stretch !important;
}

body:not(.index) salla-products-list .grid > *,
body:not(.index) .s-products-list-wrapper > *,
body:not(.index) .products-grid > *,
body:not(.index) .s-products-list-vertical-cards > *,
body:not(.index) salla-product-card,
body:not(.index) .s-product-card-entry {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: initial !important;
}

@media (max-width: 992px) {
  body:not(.index) salla-products-list .grid,
  body:not(.index) .s-products-list-wrapper,
  body:not(.index) .products-grid,
  body:not(.index) .s-products-list-vertical-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px) {
  body:not(.index) salla-products-list .grid,
  body:not(.index) .s-products-list-wrapper,
  body:not(.index) .products-grid,
  body:not(.index) .s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
}


/* =========================================================
   18. Packages Category Featured Product / المنتج المميز داخل صفحة البكجات فقط
   Target category source-value: 638318262
   Target product: p489910219
   ========================================================= */

@media (min-width: 1024px) {
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"]) {
    grid-column: 1 / -1 !important;
    order: -99 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-entry {
    width: 100% !important;
    max-width: 1250px !important;
    min-height: 460px !important;
    margin-right: auto !important;
    margin-left: auto !important;

    display: grid !important;
    grid-template-columns: 75% 25% !important;
    align-items: stretch !important;

    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 36px rgba(106, 34, 16, 0.14) !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-image,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-image a,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-image img {
    object-fit: cover !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content {
    min-height: 460px !important;
    padding: 42px 34px !important;

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

    gap: 16px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f4 100%) !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title a,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3 a {
    color: var(--brand-black) !important;
    font-size: 28px !important;
    line-height: 1.65 !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-price,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-sale-price {
    color: var(--brand-orange) !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-button-btn {
    width: 100% !important;
    max-width: 330px !important;
    min-height: 58px !important;
    padding: 15px 30px !important;
    margin: 30px auto 0 !important;

    border-radius: 999px !important;
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: var(--brand-white) !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    box-shadow: 0 12px 24px rgba(238, 101, 25, 0.24) !important;
  }
}

@media (max-width: 1023px) {
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"]) {
    grid-column: 1 / -1 !important;
    order: -99 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-entry {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* =========================================================
   19. Footer / الفوتر
   ========================================================= */
footer.store-footer {
  background-color: var(--brand-light) !important;
  margin-top: 60px !important;
}

footer.store-footer .store-footer__inner {
  background-color: var(--brand-white) !important;
  background-image: none !important;
  padding: 60px 60px 45px !important;
  border-top: 1px solid rgba(236, 166, 133, 0.45) !important;
  box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.04) !important;
}

footer.store-footer .store-footer__inner .container {
  max-width: 1250px !important;
  margin: 0 auto !important;
}

footer.store-footer .store-footer__inner h2,
footer.store-footer .store-footer__inner h3,
footer.store-footer .store-footer__inner .footer-title {
  color: var(--brand-brown) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  margin-bottom: 18px !important;
  line-height: 1.5 !important;
}

footer.store-footer .store-footer__inner p,
footer.store-footer .store-footer__inner a,
footer.store-footer .store-footer__inner li,
footer.store-footer .store-footer__inner span {
  color: var(--brand-black) !important;
  font-size: 15.5px !important;
  line-height: 1.9 !important;
}

footer.store-footer .store-footer__inner p {
  max-width: 430px !important;
}

footer.store-footer .store-footer__inner a {
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

footer.store-footer .store-footer__inner a:hover {
  color: var(--brand-orange) !important;
}

footer.store-footer .store-footer__inner ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

footer.store-footer .store-footer__inner li {
  margin-bottom: 8px !important;
}

/* Social icons */
footer.store-footer .s-social-link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
  flex-wrap: wrap !important;
}

footer.store-footer .s-social-link a,
footer.store-footer .s-contacts-icon {
  background-color: var(--brand-light) !important;
  color: var(--brand-brown) !important;
  border: 1px solid var(--brand-peach) !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: var(--transition-normal) !important;
}

footer.store-footer .s-social-link a {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 12px !important;
}

footer.store-footer .s-contacts-icon {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 12px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

footer.store-footer .s-social-link a i,
footer.store-footer .s-social-link a svg,
footer.store-footer .s-contacts-icon i,
footer.store-footer .s-contacts-icon svg {
  color: var(--brand-brown) !important;
  fill: var(--brand-brown) !important;
}

footer.store-footer .s-social-link a:hover,
footer.store-footer .s-contacts-icon:hover {
  background-color: var(--brand-orange) !important;
  color: var(--brand-white) !important;
  border-color: var(--brand-orange) !important;
  transform: translateY(-3px) !important;
}

footer.store-footer .s-social-link a:hover i,
footer.store-footer .s-social-link a:hover svg,
footer.store-footer .s-contacts-icon:hover i,
footer.store-footer .s-contacts-icon:hover svg {
  color: var(--brand-white) !important;
  fill: var(--brand-white) !important;
}

/* Footer contacts */
footer.store-footer .s-contacts-list,
footer.store-footer .contacts-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  align-items: flex-start !important;
}

footer.store-footer .s-contacts-list a,
footer.store-footer .contacts-list a,
footer.store-footer .s-contacts-list li,
footer.store-footer .contacts-list li,
footer.store-footer .s-contacts-list > div,
footer.store-footer .contacts-list > div {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row-reverse !important;
  direction: ltr !important;
  gap: 12px !important;
}

footer.store-footer .s-contacts-list span,
footer.store-footer .contacts-list span,
footer.store-footer .s-contacts-list a span,
footer.store-footer .contacts-list a span,
footer.store-footer .store-footer__inner a[href^="tel:"],
footer.store-footer .store-footer__inner a[href*="wa.me"],
footer.store-footer .store-footer__inner a[href*="whatsapp"] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Copyright */
footer.store-footer .store-footer__rights,
footer.store-footer .copyright-text,
footer.store-footer .store-footer__copyright,
footer.store-footer .store-footer__bottom,
footer.store-footer .store-footer__bottom *,
footer.store-footer .store-footer__rights *,
footer.store-footer .copyright-text *,
footer.store-footer .store-footer__copyright * {
  background-color: var(--brand-light) !important;
  color: var(--brand-brown) !important;
  box-shadow: none !important;
  border: 0 !important;
}

footer.store-footer .store-footer__rights,
footer.store-footer .copyright-text,
footer.store-footer .store-footer__copyright {
  text-align: center !important;
  padding: 18px 10px !important;
  font-size: 14px !important;
}

footer.store-footer .store-footer__rights .container,
footer.store-footer .copyright-text .container,
footer.store-footer .store-footer__copyright .container,
footer.store-footer .store-footer__bottom .container {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* =========================================================
   17. Responsive - Tablet / التابلت
   ========================================================= */
@media (max-width: 992px) {
  section.s-block.s-block--banners.container .grid.md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  section.s-block.s-block--banners.container .grid.md\:grid-cols-3 a.banner-entry.square-photos {
    background: transparent;
    height: 240px;
  }

  section.s-block.s-block--banners.container .md\:grid-cols-2 a.banner-entry.square-photos {
    height: 133px;
  }
}

/* =========================================================
   18. Responsive - Mobile / الجوال
   ========================================================= */
@media (max-width: 768px) {
  .main-nav-container .inner,
  .inner.bg-inherit {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: auto !important;
  }

  .main-nav-container .inner .container,
  .main-nav-container .inner {
    align-items: center !important;
  }

  i.header-btn__icon.icon.sicon-shopping-bag,
  i.header-btn__icon.sicon-user-circle,
  i.sicon-menu {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    font-size: 21px !important;
  }

  button.header-btn,
  .header-btn {
    margin-inline-start: 10px !important;
  }

  .navbar-brand {
    margin-inline-end: 12px !important;
  }

  .navbar-brand img {
    max-height: 4rem !important;
  }

  section.s-block.s-block--banners.container .grid.md\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
  }

  section.s-block.s-block--banners.container .grid.md\:grid-cols-3 a.banner-entry.square-photos {
    height: 220px;
  }

  footer.store-footer {
    margin-top: 40px !important;
  }

  footer.store-footer .store-footer__inner {
    padding: 42px 22px 35px !important;
  }

  footer.store-footer .store-footer__inner h2,
  footer.store-footer .store-footer__inner h3,
  footer.store-footer .store-footer__inner .footer-title {
    font-size: 19px !important;
    margin-bottom: 12px !important;
    text-align: center !important;
  }

  footer.store-footer .store-footer__inner p,
  footer.store-footer .store-footer__inner a,
  footer.store-footer .store-footer__inner li,
  footer.store-footer .store-footer__inner span {
    font-size: 15px !important;
    line-height: 1.8 !important;
    text-align: center !important;
  }

  footer.store-footer .store-footer__inner p {
    max-width: 100% !important;
  }

  footer.store-footer .s-social-link {
    justify-content: center !important;
  }

  footer.store-footer .s-contacts-list,
  footer.store-footer .contacts-list {
    align-items: center !important;
  }
}

/* =========================================================
   Mobile Featured Product Full Width
   جعل المنتج المميز يملأ عرض شاشة الهاتف
   ========================================================= */
@media (max-width: 768px) {
  section.s-block.s-block--photos-slider + section.s-block {
    width: 100% !important;
    max-width: 100% !important;
    margin: 28px auto 42px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
    box-sizing: border-box !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-block__title {
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 18px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block salla-slider,
  section.s-block.s-block--photos-slider + section.s-block .s-slider-container,
  section.s-block.s-block--photos-slider + section.s-block .swiper,
  section.s-block.s-block--photos-slider + section.s-block .swiper-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list-wrapper,
  section.s-block.s-block--photos-slider + section.s-block .s-products-list,
  section.s-block.s-block--photos-slider + section.s-block .grid {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    overflow: visible !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .swiper-slide,
  section.s-block.s-block--photos-slider + section.s-block salla-product-card,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-entry {
    display: flex !important;
    flex-direction: column !important;
    min-height: auto !important;
    border-radius: 18px !important;
    overflow: hidden !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image img {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-image img {
    display: block !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content {
    min-height: auto !important;
    padding: 24px 20px 28px !important;
    text-align: center !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff8f4 100%) !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3 a {
    font-size: 24px !important;
    line-height: 1.6 !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-price,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-sale-price {
    font-size: 20px !important;
    font-weight: 900 !important;
    margin-top: 10px !important;
    margin-bottom: 16px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-button-btn,
  section.s-block.s-block--photos-slider + section.s-block button.s-button-btn {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 56px !important;
    margin: 20px auto 0 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    border-radius: 999px !important;
  }
}

/* =========================================================
   Mobile Featured Product Compact Content
   تقليل المساحة البيضاء داخل المنتج المميز في الجوال
   ========================================================= */
@media (max-width: 768px) {
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content {
    min-height: auto !important;
    height: auto !important;
    padding: 18px 20px 22px !important;

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

    gap: 10px !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content-title a,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-content h3 a {
    margin: 0 0 6px !important;
    padding: 0 !important;
    font-size: 23px !important;
    line-height: 1.55 !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-product-card-price,
  section.s-block.s-block--photos-slider + section.s-block .s-product-card-sale-price {
    margin: 0 0 8px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
  }

  section.s-block.s-block--photos-slider + section.s-block .s-button-btn,
  section.s-block.s-block--photos-slider + section.s-block button.s-button-btn {
    margin: 10px auto 0 !important;
    min-height: 54px !important;
  }
}

/* =========================================================
   Packages Featured Product Compact Info Area
   تقليل ارتفاع منطقة الاسم والسعر وزر الشراء في المنتج المميز داخل صفحة البكجات
   ========================================================= */
@media (min-width: 1024px) {
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content {
    min-height: auto !important;
    height: auto !important;

    padding: 34px 28px 38px !important;
    gap: 14px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title a,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3 a {
    margin: 0 0 8px !important;
    padding: 0 !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-price,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-sale-price {
    margin: 0 0 16px !important;
    padding: 0 !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-button-btn {
    margin: 12px auto 0 !important;
  }
}

/* =========================================================
   Packages Featured Product Extra Compact Info
   ضغط منطقة المعلومات في المنتج المميز داخل صفحة البكجات
   ========================================================= */
@media (min-width: 1024px) {
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-entry {
    min-height: auto !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content {
    min-height: 0 !important;
    height: auto !important;

    padding: 22px 28px 26px !important;
    gap: 8px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: center !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content-title a,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-content h3 a {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 27px !important;
    line-height: 1.45 !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-price,
  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-product-card-sale-price {
    margin: 6px 0 8px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
    text-align: center !important;
  }

  body.product-index
  salla-products-list[source="product.index"][source-value="638318262"]
  .s-products-list-wrapper
  > custom-salla-product-card:has(a[href*="p489910219"])
  .s-button-btn {
    margin: 8px auto 0 !important;
    min-height: 54px !important;
  }
}

/* =========================================================
   Featured Product High Quality Image
   استخدام صورة مخصصة للمنتج المميز بدل صورة البطاقة المصغرة
   ========================================================= */

/* الصفحة الرئيسية */
section.s-block.s-block--photos-slider + section.s-block .s-product-card-image {
  background-image: url("https://cdn.salla.sa/Ywlan/e14c7b4b-c93b-4c5f-997b-60b75ec315ca-1000x368.58296481446-gRm934s7cYDW0bKrxVM8ROiFbO6M3LvweXQtx7OW.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

section.s-block.s-block--photos-slider + section.s-block .s-product-card-image img {
  opacity: 0 !important;
}

/* صفحة بكجات عبق الجزيرة */
body.product-index
salla-products-list[source="product.index"][source-value="638318262"]
.s-products-list-wrapper
> custom-salla-product-card:has(a[href*="p489910219"])
.s-product-card-image {
  background-image: url("https://cdn.salla.sa/Ywlan/e14c7b4b-c93b-4c5f-997b-60b75ec315ca-1000x368.58296481446-gRm934s7cYDW0bKrxVM8ROiFbO6M3LvweXQtx7OW.png") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.product-index
salla-products-list[source="product.index"][source-value="638318262"]
.s-products-list-wrapper
> custom-salla-product-card:has(a[href*="p489910219"])
.s-product-card-image img {
  opacity: 0 !important;
}

/* =========================================================
   Center Product Prices
   توسيط أسعار المنتجات داخل جميع بطاقات المنتجات
   ========================================================= */

.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price,
.s-product-card-entry .s-product-card-regular-price,
.s-product-card-entry .s-product-card-price-before,
.s-product-card-entry del {
  text-align: center !important;
}

.s-product-card-entry .s-product-card-price,
.s-product-card-entry .s-product-card-sale-price {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.s-product-card-entry .s-product-card-content-sub,
.s-product-card-entry .s-product-card-content-footer {
  width: 100% !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.s-product-card-entry .s-product-card-content {
  text-align: center !important;
}