/* ================================
   Zhrana Theme CSS - Clean Version
   Mobile + Desktop
================================ */


/* ================================
   1) Mobile Categories Slider
================================ */
@media (max-width: 768px) {

  .s-block--categories .swiper,
  .quick-links .swiper,
  .s-block--categories .swiper-container,
  .quick-links .swiper-container {
    position: relative !important;
  }

  .s-block--categories .swiper-wrapper,
  .quick-links .swiper-wrapper {
    display: flex !important;
    gap: 14px !important;
  }

  .s-block--categories .swiper-slide,
  .quick-links .swiper-slide {
    width: 40% !important;
    flex: 0 0 40% !important;
  }

  .s-block--categories a,
  .category-item,
  .quick-links a {
    position: relative !important;
    min-height: 150px !important;
    padding: 12px 8px 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #FBF8F1 0%, #F1E8D8 100%) !important;
    border: 1px solid rgba(198, 161, 90, 0.45) !important;
    box-shadow: 0 8px 22px rgba(47, 58, 31, 0.07) !important;
    overflow: hidden !important;
  }

  /* زخرفة خلفية ناعمة */
  .s-block--categories a::before,
  .category-item::before,
  .quick-links a::before {
    content: "" !important;
    position: absolute !important;
    top: -38px !important;
    right: -34px !important;
    width: 95px !important;
    height: 95px !important;
    border-radius: 50% !important;
    background: rgba(92, 100, 68, 0.07) !important;
    z-index: 0 !important;
  }

  /* إزالة الدائرة الداخلية */
  .s-block--categories a::after,
  .category-item::after,
  .quick-links a::after {
    display: none !important;
  }

  .s-block--categories img,
  .category-item img,
  .quick-links img {
    position: relative !important;
    z-index: 2 !important;
    width: 150px !important;
    height: 150px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 6px auto 4px !important;
    display: block !important;
  }

  .s-block--categories a span,
  .category-item span,
  .quick-links a span {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    color: #2F3A1F !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    margin-top: -6px !important;
    transform: translateY(-6px) !important;
  }

  .s-slider-nav-arrow,
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  /* ظل جانبي بلون الكرت للسلايدر */
  .s-block--categories .swiper::before,
  .quick-links .swiper::before,
  .s-block--categories .swiper-container::before,
  .quick-links .swiper-container::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 42px !important;
    height: 100% !important;
    background: linear-gradient(
      to left,
      rgba(241, 232, 216, 0.95),
      rgba(241, 232, 216, 0)
    ) !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }

  .s-block--categories .swiper::after,
  .quick-links .swiper::after,
  .s-block--categories .swiper-container::after,
  .quick-links .swiper-container::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 42px !important;
    height: 100% !important;
    background: linear-gradient(
      to right,
      rgba(241, 232, 216, 0.95),
      rgba(241, 232, 216, 0)
    ) !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }
}


/* ================================
   2) Desktop Categories
================================ */
@media (min-width: 769px) {

  .s-block--categories .swiper,
  .quick-links .swiper,
  .s-block--categories .swiper-container,
  .quick-links .swiper-container {
    position: relative !important;
  }

  .s-block--categories .swiper-wrapper,
  .quick-links .swiper-wrapper {
    display: flex !important;
    gap: 18px !important;
  }

  .s-block--categories .swiper-slide,
  .quick-links .swiper-slide {
    width: 160px !important;
    flex: 0 0 160px !important;
  }

  .s-block--categories a,
  .category-item,
  .quick-links a {
    position: relative !important;
    min-height: 170px !important;
    padding: 14px 12px 12px !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, #FBF8F1 0%, #F1E8D8 100%) !important;
    border: 1px solid rgba(198, 161, 90, 0.45) !important;
    box-shadow: 0 10px 24px rgba(47, 58, 31, 0.07) !important;
    overflow: hidden !important;
  }

  .s-block--categories a::before,
  .category-item::before,
  .quick-links a::before {
    content: "" !important;
    position: absolute !important;
    top: -42px !important;
    right: -38px !important;
    width: 105px !important;
    height: 105px !important;
    border-radius: 50% !important;
    background: rgba(92, 100, 68, 0.07) !important;
    z-index: 0 !important;
  }

  .s-block--categories a::after,
  .category-item::after,
  .quick-links a::after {
    display: none !important;
  }

  .s-block--categories img,
  .category-item img,
  .quick-links img {
    position: relative !important;
    z-index: 2 !important;
    width: 130px !important;
    height: 130px !important;
    max-width: 100% !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 4px auto 6px !important;
    display: block !important;
  }

  .s-block--categories a span,
  .category-item span,
  .quick-links a span {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    color: #2F3A1F !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  .s-slider-nav-arrow,
  .swiper-button-next,
  .swiper-button-prev {
    display: none !important;
  }

  .s-block--categories .swiper::before,
  .quick-links .swiper::before,
  .s-block--categories .swiper-container::before,
  .quick-links .swiper-container::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 64px !important;
    height: 100% !important;
    background: linear-gradient(
      to left,
      rgba(241, 232, 216, 0.85),
      rgba(241, 232, 216, 0)
    ) !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }

  .s-block--categories .swiper::after,
  .quick-links .swiper::after,
  .s-block--categories .swiper-container::after,
  .quick-links .swiper-container::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 64px !important;
    height: 100% !important;
    background: linear-gradient(
      to right,
      rgba(241, 232, 216, 0.85),
      rgba(241, 232, 216, 0)
    ) !important;
    z-index: 10 !important;
    pointer-events: none !important;
  }
}



/* ================================
   Zhrana - Luxury Product Cards
   Mobile + Desktop
================================ */

/* إخفاء زر القلب */
.s-product-card-wishlist-btn,
.s-product-card-wishlist-btn button,
.s-product-card-wishlist-btn-wrap,
.product-entry .wishlist-btn {
  display: none !important;
}

/* الكرت الأساسي */
.s-product-card-entry,
.s-product-card,
.product-entry {
  position: relative !important;
  background: linear-gradient(180deg, #FFFDF8 0%, #F7EFE2 100%) !important;
  border: 1px solid rgba(198, 161, 90, 0.38) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 28px rgba(47, 58, 31, 0.07) !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 0 !important;
}

/* خط ذهبي فاخر أعلى الكرت */
.s-product-card-entry::before,
.s-product-card::before,
.product-entry::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 18px !important;
  left: 18px !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, #C6A15A, transparent) !important;
  border-radius: 999px !important;
  z-index: 2 !important;
}

/* زخرفة خفيفة بالخلفية */
.s-product-card-entry::after,
.s-product-card::after,
.product-entry::after {
  content: "" !important;
  position: absolute !important;
  top: -45px !important;
  left: -45px !important;
  width: 115px !important;
  height: 115px !important;
  border-radius: 50% !important;
  background: rgba(92, 100, 68, 0.055) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

/* منطقة الصورة */
.s-product-card-image,
.product-entry__image {
  position: relative !important;
  z-index: 1 !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(220, 201, 176, 0.62) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.8) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* الصورة */
.s-product-card-image img,
.product-entry__image img {
  width: 100% !important;
  object-fit: contain !important;
  background: #FFFFFF !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* محتوى الكرت */
.s-product-card-content,
.product-entry__content {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
}

/* إخفاء الوصف */
.s-product-card-content-subtitle,
.product-entry__sub-title,
.product-entry__description {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* اسم المنتج */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-entry__title a {
  color: #1F2616 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

/* السعر */
.s-product-card-price,
.s-product-card-sale-price,
.product-entry__price {
  color: #2F3A1F !important;
  font-weight: 900 !important;
  display: block !important;
}

/* منطقة الزر */
.s-product-card-content-footer,
.product-entry__footer,
.s-product-card-content-footer.mt-auto,
.product-entry__footer.mt-auto {
  margin-top: 0 !important;
  padding: 0 !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  flex: none !important;
}

/* زر السلة */
.s-product-card-content-footer button,
.s-button-primary,
.product-entry button {
  width: 100% !important;
  background: linear-gradient(180deg, #5C6444 0%, #465035 100%) !important;
  border: 1px solid #5C6444 !important;
  color: #F6F3ED !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgba(92, 100, 68, 0.22) !important;
  transition: all 0.22s ease !important;
}

.s-product-card-content-footer button:active,
.s-button-primary:active,
.product-entry button:active {
  transform: scale(0.97) !important;
}


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

  .s-product-card-entry,
  .s-product-card,
  .product-entry {
    border-radius: 20px !important;
  }

  .s-product-card-image,
  .product-entry__image {
    width: calc(100% - 22px) !important;
    height: 136px !important;
    margin: 12px auto 7px !important;
    padding: 8px !important;
    border-radius: 16px !important;
  }

  .s-product-card-image img,
  .product-entry__image img {
    height: 120px !important;
  }

  .s-product-card-content,
  .product-entry__content {
    padding: 4px 10px 10px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-entry__title,
  .product-entry__title a {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 0 0 5px !important;
  }

  .s-product-card-price,
  .s-product-card-sale-price,
  .product-entry__price {
    font-size: 15px !important;
    margin: 0 0 5px !important;
  }

  .s-product-card-content-footer button,
  .s-button-primary,
  .product-entry button {
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 15px !important;
    font-size: 13.5px !important;
  }
}


/* ================================
   Desktop
================================ */
@media (min-width: 769px) {

  .s-product-card-entry,
  .s-product-card,
  .product-entry {
    border-radius: 22px !important;
  }

  .s-product-card-entry:hover,
  .s-product-card:hover,
  .product-entry:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 16px 36px rgba(47, 58, 31, 0.12) !important;
  }

  .s-product-card-image,
  .product-entry__image {
    width: calc(100% - 28px) !important;
    height: 220px !important;
    margin: 14px auto 9px !important;
    padding: 10px !important;
    border-radius: 18px !important;
  }

  .s-product-card-image img,
  .product-entry__image img {
    height: 195px !important;
  }

  .s-product-card-content,
  .product-entry__content {
    padding: 6px 12px 14px !important;
  }

  .s-product-card-content-title,
  .s-product-card-content-title a,
  .product-entry__title,
  .product-entry__title a {
    font-size: 15px !important;
    line-height: 1.5 !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 0 6px !important;
  }

  .s-product-card-price,
  .s-product-card-sale-price,
  .product-entry__price {
    font-size: 16px !important;
    margin: 0 0 6px !important;
  }

  .s-product-card-content-footer button,
  .s-button-primary,
  .product-entry button {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 16px !important;
    font-size: 14px !important;
  }
}



/* Zhrana - Final Professional Touches */

/* عناوين السكاشن مثل أحدث المنتجات / الأكثر مبيعاً */
.s-block__title,
.section-title,
.home-section h2 {
  color: #1F2616 !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
  position: relative !important;
}



/* تفاعل خفيف للكرت */
.s-product-card-entry,
.s-product-card,
.product-entry {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

/* على الكمبيوتر فقط */
@media (min-width: 769px) {
  .s-product-card-entry:hover,
  .s-product-card:hover,
  .product-entry:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(47, 58, 31, 0.10) !important;
  }
}

/* تحسين زر إضافة للسلة */
.s-product-card-content-footer button,
.s-button-primary,
.product-entry button {
  transition: all 0.25s ease !important;
  box-shadow: 0 6px 14px rgba(92, 100, 68, 0.18) !important;
}

.s-product-card-content-footer button:active,
.s-button-primary:active,
.product-entry button:active {
  transform: scale(0.97) !important;
}

/* تحسين عرض السعر */
.s-product-card-price,
.s-product-card-sale-price,
.product-entry__price {
  letter-spacing: -0.2px !important;
}

/* مسافة أنظف بين السكاشن */
.s-block,
.home-section {
  margin-bottom: 26px !important;
}

/* Zhrana - Clean Section Titles */
.s-block__title,
.section-title,
.home-section h2 {
  color: #1F2616 !important;
  font-weight: 900 !important;
  letter-spacing: -0.3px !important;
}


/* Zhrana - Fix Product Slider Cards Mobile */
@media (max-width: 768px) {

  /* حاوية سلايدر المنتجات */
  salla-slider:has(.s-product-card-entry),
  .s-block:has(.s-product-card-entry) {
    overflow: hidden !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  salla-slider:has(.s-product-card-entry) .swiper,
  .s-block:has(.s-product-card-entry) .swiper,
  salla-slider:has(.s-product-card-entry) .swiper-container,
  .s-block:has(.s-product-card-entry) .swiper-container {
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* توزيع كروت المنتجات المتحركة */
  salla-slider:has(.s-product-card-entry) .swiper-wrapper,
  .s-block:has(.s-product-card-entry) .swiper-wrapper {
    display: flex !important;
    gap: 12px !important;
    align-items: stretch !important;
  }

  salla-slider:has(.s-product-card-entry) .swiper-slide,
  .s-block:has(.s-product-card-entry) .swiper-slide {
    width: calc(50% - 6px) !important;
    flex: 0 0 calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    margin: 0 !important;
  }

  /* الكرت داخل السلايدر ياخذ عرضه كامل */
  salla-slider:has(.s-product-card-entry) .swiper-slide .s-product-card-entry,
  .s-block:has(.s-product-card-entry) .swiper-slide .s-product-card-entry,
  salla-slider:has(.s-product-card-entry) .swiper-slide .s-product-card,
  .s-block:has(.s-product-card-entry) .swiper-slide .s-product-card {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Zhrana - Softer Gold Top Line */
.s-product-card-entry::before,
.s-product-card::before,
.product-entry::before {
  right: 35px !important;
  left: 35px !important;
  height: 2px !important;
  opacity: 0.55 !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(198, 161, 90, 0.75),
    transparent
  ) !important;
}

/* Zhrana - Final Product Card Polish */
.s-product-card-content-title,
.s-product-card-content-title a,
.product-entry__title,
.product-entry__title a {
  font-weight: 850 !important;
  letter-spacing: -0.2px !important;
}

.s-product-card-price,
.s-product-card-sale-price,
.product-entry__price {
  color: #2F3A1F !important;
  font-weight: 950 !important;
  font-size: 15.5px !important;
}

.s-product-card-content-footer button,
.s-button-primary,
.product-entry button {
  box-shadow: 0 5px 12px rgba(92, 100, 68, 0.16) !important;
}

.s-product-card-image,
.product-entry__image {
  box-shadow: inset 0 0 0 1px rgba(246, 243, 237, 0.7) !important;
}

/* Zhrana - Store Background */
body,
.store-home,
main,
.main-content,
.s-block,
.home-section {
  background: #FFFFFF !important;
}

/* خلفية ناعمة للصفحة كاملة */
body {
  background:   #FFFFFF !important;
}

/* الحاويات العامة تكون شفافة عشان الخلفية تظهر */
.s-block,
.home-section,
section {
  background: transparent !important;
}

/* منطقة المنتجات */
.s-products-list-wrapper,
.products-list,
.products-grid {
  background: transparent !important;
}

/* الهيدر يبقى أبيض نظيف */
.store-header,
.site-header,
.header,
.navbar,
.main-nav-container {
  background: #FFFFFF !important;
}

/* شريط البحث */
.s-search-input,
.search-input,
input[type="search"] {
  background: #FFFFFF !important;
  border-color: rgba(220, 201, 176, 0.65) !important;
}

/* ================================
   Zhrana - Final Brands Section
   Two Rows + Swipe + Premium Style
================================ */

.zhrana-brands-section {
  background: #FFFFFF !important;
  overflow: hidden !important;
  padding: 8px 0 18px !important;
}

.zhrana-brands-viewport {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
  cursor: grab !important;
  position: relative !important;
  direction: ltr !important;
}

.zhrana-brands-viewport::-webkit-scrollbar {
  display: none !important;
}

.zhrana-brands-viewport:active {
  cursor: grabbing !important;
}

.zhrana-brands-track {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-template-rows: repeat(2, 62px) !important;
  grid-auto-columns: 150px !important;
  gap: 12px !important;
  width: max-content !important;
  padding: 0 16px 8px !important;
  overflow: visible !important;
  direction: ltr !important;
  touch-action: pan-x !important;
}

.zhrana-brand-card {
  width: 150px !important;
  height: 62px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #FFFDF8 0%, #F7EFE2 100%) !important;
  border: 1px solid rgba(220, 201, 176, 0.85) !important;
  box-shadow: 0 6px 14px rgba(47, 58, 31, 0.045) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  overflow: hidden !important;
}

.zhrana-brand-card img {
  max-width: 88px !important;
  max-height: 34px !important;
  object-fit: contain !important;
}

/* ظل ناعم على الجوانب */
.zhrana-brands-viewport::before,
.zhrana-brands-viewport::after {
  content: "" !important;
  position: sticky !important;
  top: 0 !important;
  width: 34px !important;
  height: 132px !important;
  z-index: 10 !important;
  pointer-events: none !important;
  display: block !important;
}

.zhrana-brands-viewport::before {
  right: 0 !important;
  float: right !important;
  background: linear-gradient(to left, rgba(255,255,255,0.95), rgba(255,255,255,0)) !important;
}

.zhrana-brands-viewport::after {
  left: 0 !important;
  float: left !important;
  background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0)) !important;
}

/* Desktop */
@media (min-width: 769px) {
  .zhrana-brands-track {
    grid-template-rows: repeat(2, 84px) !important;
    grid-auto-columns: 180px !important;
    gap: 16px !important;
    padding: 0 20px 10px !important;
  }

  .zhrana-brand-card {
    width: 180px !important;
    height: 84px !important;
    border-radius: 18px !important;
    padding: 16px !important;
  }

  .zhrana-brand-card img {
    max-width: 120px !important;
    max-height: 48px !important;
  }
}

/* Zhrana - Fix Brands Section Spacing */
.zhrana-brands-section {
  padding: 0 0 12px !important;
  margin: 0 !important;
  min-height: auto !important;
}

.zhrana-brands-viewport {
  height: 138px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.zhrana-brands-track {
  grid-template-rows: repeat(2, 62px) !important;
  gap: 10px !important;
  padding: 0 14px 0 !important;
  margin: 0 !important;
}

/* إصلاح الظل الجانبي بدون ما يأخذ مساحة */
.zhrana-brands-viewport::before,
.zhrana-brands-viewport::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  width: 34px !important;
  height: 134px !important;
  z-index: 10 !important;
  pointer-events: none !important;
  display: block !important;
}

.zhrana-brands-viewport::before {
  right: 0 !important;
  background: linear-gradient(to left, rgba(255,255,255,0.95), rgba(255,255,255,0)) !important;
}

.zhrana-brands-viewport::after {
  left: 0 !important;
  background: linear-gradient(to right, rgba(255,255,255,0.95), rgba(255,255,255,0)) !important;
}

/* تقليل مسافة العنوان */
.zhrana-brands-section .s-block__title,
.zhrana-brands-section .section-title,
.zhrana-brands-section h2,
.zhrana-brands-section h3 {
  margin-bottom: 10px !important;
}

/* Zhrana - Fix Brands White Logo Box + Title Spacing */

/* ضبط عنوان قسم الماركات */
.zhrana-brands-section .s-block__title,
.zhrana-brands-section .section-title,
.zhrana-brands-section h2,
.zhrana-brands-section h3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
  margin-bottom: 12px !important;
  color: #1F2616 !important;
  font-weight: 900 !important;
}

/* ضبط رابط عرض الكل */
.zhrana-brands-section a,
.zhrana-brands-section .s-block__display-all,
.zhrana-brands-section .display-all {
  color: #5C6444 !important;
}

/* إزالة أي تدرج جانبي سبب بلوك أبيض مزعج */
.zhrana-brands-viewport::before,
.zhrana-brands-viewport::after {
  display: none !important;
}

/* كرت الماركة */
.zhrana-brand-card {
  background: linear-gradient(180deg, #FFFDF8 0%, #F7EFE2 100%) !important;
  border: 1px solid rgba(220, 201, 176, 0.85) !important;
}

/* محاولة دمج الخلفية البيضاء داخل الشعارات */
.zhrana-brand-card img {
  background: transparent !important;
  mix-blend-mode: multiply !important;
  max-width: 90px !important;
  max-height: 36px !important;
  object-fit: contain !important;
}

/* Zhrana - Safe Package Badge */

/* افتراضيًا لا يظهر البادج إلا إذا الكرت داخل سكشن الباكجات الصحيح */
.zhrana-package-card::before {
  content: none !important;
  display: none !important;
}

/* كروت قسم الباكجات فقط */
.zhrana-packages-section .zhrana-package-card {
  position: relative !important;
  background: linear-gradient(180deg, #FFFDF8 0%, #F2E6D3 100%) !important;
  border-color: rgba(198, 161, 90, 0.55) !important;
}

/* بادج الباكج */
.zhrana-packages-section .zhrana-package-card::before {
  content: "باكج موفر" !important;
  position: absolute !important;
  top: 12px !important;
  right: 14px !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #5C6444 !important;
  color: #F6F3ED !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  z-index: 50 !important;
  opacity: 1 !important;
  box-shadow: 0 5px 12px rgba(47, 58, 31, 0.14) !important;
}

/* Zhrana - Safe Features Styling Only */
@media (max-width: 768px) {

  .s-block--features,
  .features-section,
  .store-features,
  .s-features {
    background: #FFFFFF !important;
    padding: 10px 14px 18px !important;
  }

  .s-block--features__item,
  .feature-item,
  .store-feature,
  .s-features__item {
    background: linear-gradient(180deg, #FFFDF8 0%, #F7EFE2 100%) !important;
    border: 1px solid rgba(220, 201, 176, 0.85) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 18px rgba(47, 58, 31, 0.05) !important;
    padding: 16px 10px !important;
    text-align: center !important;
  }

  .s-block--features__item h3,
  .feature-item h3,
  .store-feature h3,
  .s-features__item h3 {
    color: #1F2616 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  .s-block--features__item p,
  .feature-item p,
  .store-feature p,
  .s-features__item p {
    color: #6F6F6F !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* ================================
   Zhrana - Clean Footer Safe CSS
================================ */

footer,
.s-footer,
.store-footer,
.main-footer,
.footer {
  background: #5C6444 !important;
  color: #F6F3ED !important;
  text-align: center !important;
  padding: 28px 18px 16px !important;
  border-top: 1px solid rgba(220, 201, 176, 0.45) !important;
}

/* إزالة أي خلفيات داخلية سوداء أو خطوط غريبة */
footer div,
.s-footer div,
.store-footer div,
.main-footer div,
.footer div {
  background: transparent !important;
  box-shadow: none !important;
}

/* النصوص */
footer *,
.s-footer *,
.store-footer *,
.main-footer *,
.footer * {
  color: #F6F3ED !important;
}

/* العناوين */
footer h3,
footer h4,
.s-footer h3,
.s-footer h4,
.store-footer h3,
.store-footer h4,
.main-footer h3,
.main-footer h4,
.footer h3,
.footer h4 {
  color: #FFFFFF !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

/* وصف المتجر */
footer p,
.s-footer p,
.store-footer p,
.main-footer p,
.footer p {
  color: rgba(246, 243, 237, 0.88) !important;
  font-size: 12px !important;
  line-height: 1.8 !important;
  margin-bottom: 10px !important;
}

/* الروابط */
footer a,
.s-footer a,
.store-footer a,
.main-footer a,
.footer a {
  color: rgba(246, 243, 237, 0.92) !important;
  font-size: 12px !important;
  text-decoration: none !important;
}

/* إزالة الخلفيات من روابط الفوتر */
footer li,
.s-footer li,
.store-footer li,
.main-footer li,
.footer li,
footer ul,
.s-footer ul,
.store-footer ul,
.main-footer ul,
.footer ul {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  list-style: none !important;
}

/* ترتيب الروابط */
footer ul,
.s-footer ul,
.store-footer ul,
.main-footer ul,
.footer ul {
  display: grid !important;
  gap: 7px !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* الفواصل */
footer hr,
.s-footer hr,
.store-footer hr,
.main-footer hr,
.footer hr {
  border-color: rgba(246, 243, 237, 0.22) !important;
  margin: 18px 0 !important;
}

/* أيقونات التواصل */
footer [class*="social"],
.s-footer [class*="social"],
.store-footer [class*="social"],
.main-footer [class*="social"],
.footer [class*="social"] {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 16px auto !important;
}

/* دوائر السوشيال */
footer [class*="social"] a,
.s-footer [class*="social"] a,
.store-footer [class*="social"] a,
.main-footer [class*="social"] a,
.footer [class*="social"] a {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(220, 201, 176, 0.55) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* شعارات الدفع */
footer img,
.s-footer img,
.store-footer img,
.main-footer img,
.footer img {
  max-height: 26px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* حقوق المتجر */
footer [class*="copyright"],
.s-footer [class*="copyright"],
.store-footer [class*="copyright"],
.main-footer [class*="copyright"],
.footer [class*="copyright"] {
  color: rgba(246, 243, 237, 0.58) !important;
  font-size: 11px !important;
  margin-top: 16px !important;
  text-align: center !important;
}

/* Zhrana - Footer Payments Final Row */
.zhrana-footer-payments-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 12px auto 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.zhrana-footer-payment-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.zhrana-footer-payment-item img {
  display: block !important;
  max-height: 24px !important;
  width: auto !important;
  margin: 0 !important;
  object-fit: contain !important;
}

.zhrana-hide-old-payment {
  display: none !important;
}

/* Zhrana - Reduce Footer Empty Space */
footer,
.s-footer,
.store-footer,
.main-footer,
.footer {
  padding-bottom: 14px !important;
}

/* تقليل الفراغ بين السوشيال والحقوق */
footer [class*="social"],
.s-footer [class*="social"],
.store-footer [class*="social"],
.footer [class*="social"] {
  margin-bottom: 18px !important;
}

/* تقليل أي بلوك فاضي داخل الفوتر */
footer > div,
.s-footer > div,
.store-footer > div,
.footer > div {
  min-height: auto !important;
}

/* تقليل الفواصل */
footer hr,
.s-footer hr,
.store-footer hr,
.footer hr {
  margin: 14px 0 !important;
}

/* تقليل فراغ الحقوق */
footer [class*="copyright"],
.s-footer [class*="copyright"],
.store-footer [class*="copyright"],
.footer [class*="copyright"],
footer .copyright,
.s-footer .copyright,
.store-footer .copyright,
.footer .copyright {
  margin-top: 10px !important;
  margin-bottom: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* تقليل فراغ شعارات الدفع */
.zhrana-footer-payments-row {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Zhrana - Compact Footer Bottom */
.zhrana-footer-compact-bottom {
  margin: 12px auto 0 !important;
  padding: 12px 0 0 !important;
  border-top: 1px dashed rgba(246, 243, 237, 0.22) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: transparent !important;
}

.zhrana-footer-compact-bottom * {
  background: transparent !important;
}

.zhrana-footer-copyright {
  margin: 0 !important;
  padding: 0 !important;
  color: #F6F3ED !important;
  font-size: 12px !important;
  text-align: center !important;
}

.zhrana-footer-compact-bottom .zhrana-footer-payments-row {
  margin: 4px auto 0 !important;
  padding: 0 !important;
}

.zhrana-footer-payments-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
}

.zhrana-footer-payment-item img {
  max-height: 24px !important;
  width: auto !important;
  margin: 0 !important;
}

/* Zhrana - Fix Add To Cart Button Text Mobile */
@media (max-width: 768px) {

  .s-product-card-content-footer,
  .product-entry__footer {
    width: 100% !important;
    overflow: visible !important;
  }

  .s-product-card-content-footer button,
  .s-product-card-content-footer .s-button-element,
  .product-entry button,
  .product-entry .s-button-element,
  salla-add-product-button button,
  salla-add-product-button .s-button-element {
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    border-radius: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    overflow: visible !important;
    white-space: nowrap !important;
    font-size: 12.8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .s-product-card-content-footer button span,
  .s-product-card-content-footer .s-button-text,
  .product-entry button span,
  .product-entry .s-button-text,
  salla-add-product-button span,
  salla-add-product-button .s-button-text {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: none !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    flex: 0 1 auto !important;
  }

  .s-product-card-content-footer svg,
  .s-product-card-content-footer i,
  .product-entry button svg,
  .product-entry button i,
  salla-add-product-button svg,
  salla-add-product-button i {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    flex: 0 0 17px !important;
  }
}

/* Zhrana - Checkout Page Buttons Fix */
body:has(form) button,
body:has(form) .s-button-primary,
body:has(form) button[type="submit"],
body:has(form) .btn,
body:has(form) .button,
.checkout button,
.checkout .btn,
.checkout .button,
.checkout .s-button-primary,
#checkout button,
#checkout .btn,
#checkout .button {
  background: #5C6444 !important;
  border-color: #5C6444 !important;
  color: #F6F3ED !important;
  border-radius: 14px !important;
  font-weight: 800 !important;
  box-shadow: 0 6px 14px rgba(92, 100, 68, 0.18) !important;
}

/* عند الضغط أو المرور */
body:has(form) button:hover,
body:has(form) .s-button-primary:hover,
body:has(form) button[type="submit"]:hover,
.checkout button:hover,
.checkout .btn:hover,
.checkout .button:hover,
.checkout .s-button-primary:hover,
#checkout button:hover,
#checkout .btn:hover,
#checkout .button:hover {
  background: #3F4930 !important;
  border-color: #3F4930 !important;
  color: #F6F3ED !important;
}

/* رابط الكوبون */
a[href*="coupon"],
.checkout a,
#checkout a {
  color: #5C6444 !important;
}

/* عنوان إجمالي الطلب */
.checkout h1,
.checkout h2,
.checkout h3,
#checkout h1,
#checkout h2,
#checkout h3 {
  color: #1F2616 !important;
}

/* إطار الإدخالات في صفحة الدفع */
.checkout input,
#checkout input,
.checkout select,
#checkout select,
.checkout textarea,
#checkout textarea {
  border-color: rgba(92, 100, 68, 0.25) !important;
  border-radius: 12px !important;
}

.checkout input:focus,
#checkout input:focus,
.checkout select:focus,
#checkout select:focus,
.checkout textarea:focus,
#checkout textarea:focus {
  border-color: #5C6444 !important;
  box-shadow: 0 0 0 2px rgba(92, 100, 68, 0.12) !important;
}