/* Add custom CSS styles below */ 

:root {
  --bg-primary: transparent !important;
  --bg-secondary: transparent !important;
  --storeBG: transparent !important;
  --product-bg: rgba(255,253,250,.86) !important;

  --header-bg: rgba(255,253,250,.92) !important;
  --footer-bg: #F7F1E8 !important;
  --bottom-footer-bg: #F3EBDD !important;

  --color-primary: #D4A342 !important;
  --color-primary-dark: #A97821 !important;

  --store-text-primary: #2B261F !important;
  --store-text-secondary: #6F6048 !important;
}

/* 2) الخلفية الحقيقية بدون fixed pseudo layers */
html,
html.selia-theme,
body#app {
  background:
    radial-gradient(circle at 0% 0%, rgba(212,163,66,.045), transparent 34%),
    radial-gradient(circle at 100% 92%, rgba(169,120,33,.035), transparent 38%),
    linear-gradient(180deg, #FFFDFC 0%, #FDFBF7 42%, #FAF6EF 100%) !important;
  background-attachment: scroll !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 3) تفريغ خلفيات الطبقات الأساسية فقط */
body#app .app-inner,
body#app .bg-storeBG {
  background: transparent !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 4) تفريغ خلفيات السيكشنات العامة */
body#app main,
body#app section,
body#app .s-block,
body#app .container,
body#app .main-content,
body#app .page {
  background-color: transparent !important;
}

/* 5) إلغاء طبقات الخلفية القديمة التي كانت تسبب المشكلة */
body#app::before,
body#app::after {
  content: none !important;
  display: none !important;
}

/* 6) لا نرفع كل عناصر الصفحة بز-index عام */
body#app > * {
  z-index: auto !important;
}

/* 7) الهيدر */
body#app .store-header,
body#app .top-navbar,
body#app #mainnav,
body#app #mainnav .inner {
  background: rgba(255,253,250,.88) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

/* 8) قسم القصة */
body#app #about-1 {
  background: transparent !important;
}

/* 9) كروت المنتجات */
body#app custom-salla-product-card.product-card,
body#app .product-card {
  background: rgba(255,253,250,.82) !important;
  border: 1px solid rgba(212,163,66,.10) !important;
  border-radius: 22px !important;
  overflow: hidden;
}

/* 10) صورة المنتج داخل الكارت */
body#app .product-card__image {
  background: rgba(255,255,255,.55) !important;
}

/* 11) مكونات المميزات */
body#app .s-block--enhanced-features__item {
  background: rgba(255,253,250,.72) !important;
  border: 1px solid rgba(212,163,66,.10) !important;
  border-radius: 22px !important;
}

/* 12) الفوتر */
body#app footer,
body#app .store-footer {
  background: linear-gradient(180deg, #F7F1E8, #F3EBDD) !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* ============================================
   قسم مزايا المتجر - Enhanced Features
   ============================================ */

/* الخلفية العامة للقسم */
.s-block--enhanced-features {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF7EF 100%) !important;
  padding: 80px 20px !important;
}

/* الكارت */
.s-block--enhanced-features__item {
  background: #FFFFFF !important;
  border: 1px solid rgba(201, 169, 97, 0.25) !important;
  border-radius: 16px !important;
  padding: 36px 24px 30px !important;
  text-align: center !important;
  box-shadow: 0 2px 12px rgba(201, 169, 97, 0.08) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* hover الكارت */
.s-block--enhanced-features__item:hover {
  transform: translateY(-8px) !important;
  border-color: #C9A961 !important;
  box-shadow: 0 20px 40px rgba(201, 169, 97, 0.2) !important;
}

/* تغيير لون الـ hover lines من primary لذهبي */
.s-block--enhanced-features__item .bg-primary {
  background-color: #C9A961 !important;
}

/* دائرة الأيقونة */
.s-block--enhanced-features__item .feature-icon {
  width: 78px !important;
  height: 78px !important;
  margin: 0 auto 22px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #FBF7EF 0%, #F5EDD9 100%) !important;
  border: 1.5px solid rgba(201, 169, 97, 0.35) !important;
  transition: all 0.4s ease !important;
  overflow: hidden !important;
}

/* hover الدائرة */
.s-block--enhanced-features__item:hover .feature-icon {
  background: linear-gradient(135deg, #E5C988 0%, #C9A961 100%) !important;
  border-color: #C9A961 !important;
  transform: rotate(-5deg) scale(1.05) !important;
}

/* الصورة داخل الدائرة */
.s-block--enhanced-features__item .feature-icon img {
  max-height: 36px !important;
  width: auto !important;
  transition: filter 0.4s ease !important;
  object-fit: contain !important;
}

/* تحويل الصورة للون أبيض عند hover */
.s-block--enhanced-features__item:hover .feature-icon img {
  filter: brightness(0) invert(1) !important;
}

/* العنوان h2 */
.s-block--enhanced-features__item h2 {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #2A2418 !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* الخط الذهبي تحت العنوان */
.s-block--enhanced-features__item h2::after {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 1.5px !important;
  background: #C9A961 !important;
  margin: 12px auto 0 !important;
  opacity: 0.6 !important;
  transition: all 0.4s ease !important;
}

.s-block--enhanced-features__item:hover h2::after {
  width: 50px !important;
  opacity: 1 !important;
}

/* الوصف p */
.s-block--enhanced-features__item p {
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: #6B6354 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

/* القسم الرئيسي */
.s-block-trust-store-features {
  background: linear-gradient(180deg, #FFFFFF 0%, #FBF7EF 100%) !important;
  padding: 80px 20px !important;
}

/* الكارت */
.s-block-trust-store-features__item {
  background: #FFFFFF !important;
  border: 1px solid rgba(201, 169, 97, 0.25) !important;
  border-radius: 16px !important;
  padding: 36px 24px 30px !important;
  text-align: center !important;
  box-shadow: 0 2px 12px rgba(201, 169, 97, 0.08) !important;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* الخط الذهبي العلوي عند hover */
.s-block-trust-store-features__item::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, #E5C988, #C9A961, #E5C988) !important;
  transform: scaleX(0) !important;
  transition: transform 0.4s ease !important;
}

.s-block-trust-store-features__item:hover::before {
  transform: scaleX(1) !important;
}

/* hover الكارت */
.s-block-trust-store-features__item:hover {
  transform: translateY(-8px) !important;
  border-color: #C9A961 !important;
  box-shadow: 0 20px 40px rgba(201, 169, 97, 0.2) !important;
}

/* دائرة الأيقونة */
.s-block-trust-store-features__media {
  width: 78px !important;
  height: 78px !important;
  margin: 0 auto 22px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #FBF7EF 0%, #F5EDD9 100%) !important;
  border: 1.5px solid rgba(201, 169, 97, 0.35) !important;
  transition: all 0.4s ease !important;
}

/* hover الدائرة */
.s-block-trust-store-features__item:hover .s-block-trust-store-features__media {
  background: linear-gradient(135deg, #E5C988 0%, #C9A961 100%) !important;
  border-color: #C9A961 !important;
  transform: rotate(-5deg) scale(1.05) !important;
}

/* الأيقونة */
.s-block-trust-store-features__icon {
  font-size: 34px !important;
  color: #C9A961 !important;
  transition: color 0.4s ease !important;
}

/* لون الأيقونة عند hover أبيض */
.s-block-trust-store-features__item:hover .s-block-trust-store-features__icon {
  color: #FFFFFF !important;
}

/* العنوان */
.s-block-trust-store-features__title {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #2A2418 !important;
  margin-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* الخط تحت العنوان */
.s-block-trust-store-features__title::after {
  content: "" !important;
  display: block !important;
  width: 30px !important;
  height: 1.5px !important;
  background: #C9A961 !important;
  margin: 12px auto 0 !important;
  opacity: 0.6 !important;
  transition: all 0.4s ease !important;
}

.s-block-trust-store-features__item:hover .s-block-trust-store-features__title::after {
  width: 50px !important;
  opacity: 1 !important;
}

/* الوصف */
.s-block-trust-store-features__subtitle {
  font-size: 14.5px !important;
  color: #6B6354 !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

.s-block--enhanced-features__item .feature-icon {
  background: rgba(212, 163, 66, 0.12) !important;
  background-color: rgba(212, 163, 66, 0.12) !important;
  border: 1.5px solid rgba(212, 163, 66, 0.25) !important;
}

.s-block--enhanced-features__item .feature-icon[style] {
  background: rgba(212, 163, 66, 0.12) !important;
  background-color: rgba(212, 163, 66, 0.12) !important;
}

.s-block--enhanced-features__item:hover .feature-icon,
.s-block--enhanced-features__item:hover .feature-icon[style] {
  background: linear-gradient(135deg, #D4A342 0%, #A97821 100%) !important;
  background-color: #D4A342 !important;
}

.s-block--enhanced-features__item .feature-icon {
  background: rgba(212, 163, 66, 0.25) !important;
  background-color: rgba(212, 163, 66, 0.25) !important;
  border: 1.5px solid rgba(212, 163, 66, 0.4) !important;
}

.s-block--enhanced-features__item .feature-icon img {
  mix-blend-mode: multiply !important;
}

.product-card__image {
  height: 220px !important;
  overflow: hidden !important;
}

/* ========== مربعات أسعار الدفع ========== */
.sabika-mini-prices {
  width: 100%;
  margin: 16px 0 18px;
  direction: rtl;
  font-family: inherit;
}

.sabika-mini-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.sabika-mini-title::before,
.sabika-mini-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e4d4a8, transparent);
}

.sabika-mini-title-text {
  font-size: 12px;
  font-weight: 700;
  color: #2c2416;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.sabika-mini-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sabika-mini-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #fdfaf3;
  border: 1px solid #e4d4a8;
  border-radius: 10px;
  transition: all 0.3s ease;
  position: relative;
  gap: 12px;
  overflow: visible;
  isolation: isolate;
}

.sabika-mini-row::before {
  content: "";
  position: absolute;
  top: 0;
  right: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(201,169,106,0.15) 30%, rgba(228,212,168,0.35) 50%, rgba(201,169,106,0.15) 70%, transparent 100%);
  transition: right 0.7s ease;
  pointer-events: none;
  z-index: 1;
  border-radius: 10px;
  overflow: hidden;
}

.sabika-mini-row > * {
  position: relative;
  z-index: 2;
}

.sabika-mini-row:hover {
  border-color: #c9a96a;
  background: linear-gradient(135deg, #fff 0%, #f5ecd4 100%);
  box-shadow: 0 4px 14px rgba(201,169,106,0.25);
  transform: translateX(-2px);
}

.sabika-mini-row:hover::before {
  right: 100%;
}

.sabika-mini-row.sabika-mini-best {
  border-color: #c9a96a;
  background: linear-gradient(135deg, #fdfaf3 0%, #f5ecd4 100%);
  box-shadow: 0 2px 8px rgba(201,169,106,0.18);
  margin-top: 8px;
  padding-top: 14px;
}

.sabika-mini-row.sabika-mini-best:hover {
  background: linear-gradient(135deg, #fdfaf3 0%, #f5ecd4 50%, #fff8e7 100%);
  box-shadow: 0 5px 18px rgba(201,169,106,0.35);
}

.sabika-mini-best-tag {
  position: absolute;
  top: -10px;
  right: 14px;
  background: linear-gradient(135deg, #c9a96a 0%, #a8884a 100%);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 10px;
  z-index: 5;
  box-shadow: 0 2px 5px rgba(168,136,74,0.35);
  white-space: nowrap;
  line-height: 1.2;
}

.sabika-mini-method {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

.sabika-mini-icon {
  font-size: 16px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.sabika-mini-method-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sabika-mini-name {
  font-size: 13px;
  font-weight: 700;
  color: #2c2416;
  line-height: 1.2;
}

.sabika-mini-note {
  font-size: 10.5px;
  color: #8a7e68;
  font-weight: 500;
}

.sabika-mini-discount {
  display: inline-block;
  background: #e8f5ec;
  color: #2d8659;
  font-size: 10px;
  font-weight: 700;
  padding: 1.5px 7px;
  border-radius: 8px;
  width: fit-content;
}

.sabika-mini-discount-best {
  background: linear-gradient(135deg, #c9a96a 0%, #a8884a 100%);
  color: #fff;
}

.sabika-mini-price-wrap {
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.sabika-mini-price {
  font-size: 15px;
  font-weight: 700;
  color: #2c2416;
  line-height: 1.2;
}

.sabika-mini-row.sabika-mini-best .sabika-mini-price {
  color: #a8884a;
  font-size: 16px;
}

.sabika-mini-cur {
  font-size: 11px;
  color: #8a7e68;
  font-weight: 500;
}

.sabika-mini-icon-mada {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 16px;
  padding: 0;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  flex-shrink: 0;
}

.sabika-mini-icon-mada svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* ========== توحيد صور المنتجات - أعلى أولوية ========== */
html body .s-products-slider-card .product-card .product-card__image,
html body custom-salla-product-card.product-card .product-card__image,
html body custom-salla-product-card .product-card__image,
html body .product-card.product-card--vertical .product-card__image {
  width: 100% !important;
  height: 240px !important;
  min-height: 240px !important;
  max-height: 240px !important;
  overflow: hidden !important;
  position: relative !important;
  display: block !important;
  background: #faf7f0 !important;
}

html body .s-products-slider-card .product-card__image > a,
html body custom-salla-product-card .product-card__image > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
}

html body .s-products-slider-card .product-card__image img,
html body .s-products-slider-card .product-card__image .main-image,
html body custom-salla-product-card .product-card__image img,
html body custom-salla-product-card .product-card__image .main-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #faf7f0 !important;
}

@media screen and (max-width: 768px) {
  html body .s-products-slider-card .product-card .product-card__image,
  html body custom-salla-product-card .product-card__image {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }
}

@media screen and (max-width: 480px) {
  html body .s-products-slider-card .product-card .product-card__image,
  html body custom-salla-product-card .product-card__image {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
}

/* ========== تثبيت زر الواتساب عائم مع التمرير ========== */
.wa-s-n,
a.wa-s-n,
a[href*="wa.me"].wa-s-n {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  left: auto !important;
  top: auto !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #25D366 !important;
  color: #fff !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.wa-s-n:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5) !important;
}

.wa-s-n svg {
  width: 28px !important;
  height: 28px !important;
  color: #fff !important;
  fill: #fff !important;
}

/* في الموبايل */
@media (max-width: 768px) {
  .wa-s-n,
  a.wa-s-n {
    bottom: 80px !important;
    right: 15px !important;
    width: 48px !important;
    height: 48px !important;
  }
  
  .wa-s-n svg {
    width: 24px !important;
    height: 24px !important;
  }
}

.product-card__promotion {
  background-color: #C9A961 !important;
  color: #fff !important;
}

body#app footer > span,
body#app .store-footer > span {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  height: 0 !important;
  display: none !important;
}
/* =======================================================
   SABIKA — Footer Clean Natural Layout
   بدون absolute وبدون min-height إجباري
   ======================================================= */

/* إخفاء العناوين الافتراضية */
body#app .store-footer .text-center.order-1 h3 {
  display: none !important;
}

/* تجهيز كتلة روابط الفوتر */
body#app .store-footer .text-center.order-1 {
  text-align: right !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* إخفاء الروابط الزائدة */
body#app .store-footer .store-links-items li:nth-child(1),
body#app .store-footer .store-links-items li:nth-child(9) {
  display: none !important;
}

/* الروابط العامة */
body#app .store-footer .store-links-items li {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

body#app .store-footer .store-links-items li a {
  font-size: 13.5px !important;
  color: #6F6048 !important;
  display: block !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  transition: color 0.3s ease !important;
  white-space: nowrap !important;
  text-align: right !important;
  direction: rtl !important;
}

body#app .store-footer .store-links-items li a:hover {
  color: #C9A961 !important;
}

/* عناوين الأعمدة */
body#app .store-footer .store-links-items li:nth-child(2),
body#app .store-footer .store-links-items li:nth-child(5),
body#app .store-footer .store-links-items li:nth-child(11) {
  position: relative !important;
  padding-top: 45px !important;
}

body#app .store-footer .store-links-items li:nth-child(2)::before,
body#app .store-footer .store-links-items li:nth-child(5)::before,
body#app .store-footer .store-links-items li:nth-child(11)::before {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2B261F !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(212,163,66,0.3) !important;
  text-align: right !important;
  direction: rtl !important;
}

body#app .store-footer .store-links-items li:nth-child(2)::before {
  content: "السياسات والأحكام" !important;
  width: 160px !important;
}

body#app .store-footer .store-links-items li:nth-child(5)::before {
  content: "الدعم والتواصل" !important;
  width: 140px !important;
}

body#app .store-footer .store-links-items li:nth-child(11)::before {
  content: "الأسعار والخدمات" !important;
  width: 160px !important;
}

/* Desktop layout طبيعي بدون absolute وبدون min-height */
@media screen and (min-width: 1024px) {
  body#app .store-footer .store-links-items {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    column-gap: 90px !important;
    row-gap: 0 !important;
    align-items: start !important;
    direction: rtl !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  /* إلغاء أي تموضع قديم */
  body#app .store-footer .store-links-items li {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: auto !important;
  }

  /* السياسات والأحكام */
  body#app .store-footer .store-links-items li:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(3) {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(4) {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(8) {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }

  /* الأسعار والخدمات */
  body#app .store-footer .store-links-items li:nth-child(11) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  /* الدعم والتواصل */
  body#app .store-footer .store-links-items li:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(6) {
    grid-column: 3 !important;
    grid-row: 2 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(7) {
    grid-column: 3 !important;
    grid-row: 3 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(10) {
    grid-column: 3 !important;
    grid-row: 4 !important;
  }

  /* منع أي ارتفاع إجباري */
  body#app footer,
  body#app .store-footer,
  body#app .store-footer__inner,
  body#app .store-footer__inner .container,
  body#app .store-footer__inner .container.grid {
    height: auto !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
  }
}

/* Mobile layout */
@media screen and (max-width: 768px) {
  body#app .store-footer .store-links-items {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body#app .store-footer .store-links-items li:nth-child(2),
  body#app .store-footer .store-links-items li:nth-child(5),
  body#app .store-footer .store-links-items li:nth-child(11) {
    width: 100% !important;
    margin-top: 18px !important;
  }

  body#app .store-footer .store-links-items li:nth-child(2) {
    margin-top: 0 !important;
  }
}
/* Sabika - Product Image Area Crop Fix */
html body custom-salla-product-card.product-card .product-card__image {
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  overflow: hidden !important;
  background: transparent !important;
}

html body custom-salla-product-card.product-card .product-card__image > a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

html body custom-salla-product-card.product-card .product-card__image img.main-image,
html body custom-salla-product-card.product-card .product-card__image img.object-cover {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
/* =====================================================
   SABIKA — Price Bar Priority Fix
   يمنع أي عنصر من الصفحة يغطي شريط الأسعار
   ===================================================== */

/* ارتفاع الشريط الحقيقي تقريبًا أكبر من 47px */
html,
body {
  padding-top: 82px !important;
}

/* مكان الهيدر تحت شريط الأسعار */
.store-notify {
  margin-top: 82px !important;
}

#mainnav,
#mainnav > div.inner,
#mainnav > div.inner.bg-inherit,
.sticky {
  top: 82px !important;
}

/* إجبار شريط الأسعار يبقى فوق كل عناصر الصفحة */
.sabika-livegold-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  transform: translateZ(0) !important;
}

/* تأمين طبقات الشريط الداخلية */
.sabika-livegold-bar *,
.sabika-livegold-inner,
.sabika-livegold-list,
.sabika-livegold-item {
  z-index: 2147483647 !important;
}

/* على الموبايل */
@media (max-width: 992px) {
  html,
  body {
    padding-top: 72px !important;
  }

  .store-notify {
    margin-top: 72px !important;
  }

  #mainnav,
  #mainnav > div.inner,
  #mainnav > div.inner.bg-inherit,
  .sticky {
    top: 72px !important;
  }
}
/* =====================================================
   SABIKA — Move Support/Footer Contact Column
   تحريك عمود الدعم والتواصل ناحية المساحة الفاضية
   ===================================================== */

@media screen and (min-width: 1024px) {
  body#app .store-footer {
    overflow: visible !important;
  }

  body#app .store-footer__inner,
  body#app .store-footer__inner .container,
  body#app .store-footer__inner .container.grid {
    overflow: visible !important;
  }

  body#app .store-footer .store-links-items li:nth-child(5),
  body#app .store-footer .store-links-items li:nth-child(6),
  body#app .store-footer .store-links-items li:nth-child(7),
  body#app .store-footer .store-links-items li:nth-child(10) {
    transform: translateX(-480px) !important;
  }
}
/* إخفاء شريط الاتصال/الشريط العلوي في الموبايل فقط */
@media (max-width: 992px) {
  body#app .top-navbar,
  body#app .store-header .top-navbar,
  body#app .store-header__top,
  body#app .header-top,
  body#app .s-header-top {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body#app .store-header,
  body#app #mainnav,
  body#app #mainnav > div.inner,
  body#app #mainnav > div.inner.bg-inherit {
    margin-top: 0 !important;
  }
}