/* =====================================================================
   متجر غرسة — كل CSS المتجر في ملف واحد
   يُلصق في: تصميم المتجر ← الكود المخصص ← CSS
   الأقسام: 1) عام  2) الهيدر  3) القائمة الجانبية  4) الفوتر  5) صفحة المنتج
            6) كروت المنتجات  7) صفحات التصنيفات  9) المدونة (في آخر الملف)
   ===================================================================== */


/* =========================== 1) عام =========================== */
body,
.app-inner { background-color: #f9f7f2 !important; }

.s-block { margin-top: 0; }

.container { padding-left: 0; padding-right: 0; }
.p-6 { padding: 0; }
.mt-4 { margin-top: 0; }

@media (min-width: 1024px) {
  .lg\:w-10\/12 { width: 100%; }
  .lg\:p-8 { padding: 0; }
  .lg\:mt-12 { margin-top: 0; }
}

.breadcrumbs { display: none; }

/* الصفحات التعريفية */
.content .content-entry img { margin: 0 0 25px; }
.content--single-page .font-bold { font-weight: 700; display: none; }

.s-block-trust-faq-title { color: #355246 !important; }


/* =========================== 2) الهيدر =========================== */
:root {
  --gh-dark: #355245;
  --gh-gold: #b2a572;
  --gh-light: #e2e8f0;
}

.main-nav-container,
.main-nav-container .inner { background: var(--gh-dark) !important; box-shadow: none !important; }
.main-nav-container .container { padding-left: 16px !important; padding-right: 16px !important; }
@media (min-width: 1024px) { .main-nav-container .container { padding-left: 32px !important; padding-right: 32px !important; } }
.main-nav-container .inner { padding-top: 6px; padding-bottom: 6px; }

/* إخفاء القوائم الافتراضية والمفضلة من الهيدر */
custom-main-menu, .mburger,
.main-nav-container salla-wishlist-summary { display: none !important; }

/* اللوجو في النص */
.navbar-brand {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  z-index: 10;
}
.navbar-brand img { max-height: 4.25rem; }
.main-nav-container.fixed-pinned .navbar-brand img { max-height: 3.5rem; }
@media (min-width: 480px) { .navbar-brand img { max-width: 200px; } }
@media (max-width: 1023px) { .navbar-brand img { max-height: 4rem; } }

/* روابط الكمبيوتر */
.ghx-nav { display: none; }
@media (min-width: 1200px) {
  .ghx-nav { display: flex; align-items: center; gap: 30px; }
  .custom-nav-toggle { display: none !important; }
}
.ghx-nav a {
  position: relative;
  padding: 8px 0;
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
  transition: color .2s;
}
.ghx-nav a:hover { color: var(--gh-gold) !important; }
.ghx-nav a.active { font-weight: 700; }
.ghx-nav a.active::after {
  content: "";
  position: absolute;
  inset-inline: 0;
  bottom: -2px;
  height: 2px;
  border-radius: 2px;
  background: var(--gh-gold);
}

/* زر القائمة (موبايل وتابلت) */
.custom-nav-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 10px 0;
  z-index: 10000;
  position: relative;
  font-family: inherit;
}
.hamburger-lines { display: flex; flex-direction: column; gap: 6px; }
.hamburger-lines span {
  display: block;
  width: 26px;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
  transition: transform .3s ease, opacity .3s ease;
}
.menu-text { display: none; }
.custom-nav-toggle.open .hamburger-lines span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.custom-nav-toggle.open .hamburger-lines span:nth-child(2) { opacity: 0; }
.custom-nav-toggle.open .hamburger-lines span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

/* البحث */
#custom-header-search-container > .custom-search-icon-btn { color: #fff !important; padding: 8px; }
#custom-header-search-container > .custom-search-icon-btn:hover { color: var(--gh-gold) !important; filter: none; }
.custom-search-icon-btn { color: var(--gh-gold) !important; transition: all .3s ease; }

/* البحث في الموبايل: سطر أبيض تحت الهيدر (الشريط الأبيض اللي فوق الهيدر اتشال) */
.top-navbar { display: none !important; }
.ghx-msearch { display: none; }
@media (max-width: 1023px) {
  .main-nav-container,
  .main-nav-container .inner { height: auto !important; min-height: 0 !important; }
  .ghx-msearch { display: block; padding: 12px 16px 14px; border-top: 1px solid rgba(255, 255, 255, .14); }
  .ghx-msearch .header-search { width: 100%; }
  .ghx-msearch .s-search-placeholder-wrapper { width: 100%; margin: 0 !important; padding: 0 !important; background: none !important; }
  .ghx-msearch .s-search-input-wrapper {
    display: flex !important;
    align-items: center;
    gap: 12px;
    height: 52px;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
  }
  .ghx-msearch .s-search-icon-wrap,
  .ghx-msearch .s-search-icon {
    position: static !important;
    top: auto !important;
    transform: none !important;
    display: flex !important;
    align-items: center;
    flex: none;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ghx-msearch .s-search-icon svg { width: 22px; height: 22px; fill: #5f6368; }
  .ghx-msearch .s-search-input {
    flex: 1;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 16px;
    color: #1f2a25;
  }
  .ghx-msearch .s-search-input::placeholder { color: #6b7280; opacity: 1; }
}

/* الحساب: دايرة بإطار ذهبي */
.main-nav-container salla-user-menu { margin-inline: 14px !important; }
.main-nav-container .s-user-menu-login-btn,
.main-nav-container .s-user-menu-avatar-wrap {
  position: relative;
  display: grid !important;
  place-items: center;
  width: 46px !important;
  height: 46px !important;
  border: 1.5px solid var(--gh-gold) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #fff !important;
  overflow: hidden;
}
.ghx-user-icon { display: grid; place-items: center; color: #fff; }
.main-nav-container .s-user-menu-trigger-avatar,
.main-nav-container .s-user-menu-trigger-content,
.main-nav-container .s-user-menu-trigger-icon { display: none !important; }
.main-nav-container .s-user-menu-trigger { padding: 0 !important; background: none !important; }

/* السلة: كبسولة فيها الأيقونة والمبلغ */
.main-nav-container salla-cart-summary { margin: 0 !important; }
.main-nav-container .s-cart-summary-wrapper {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 11px 20px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #fff !important;
  transition: background .2s;
}
.main-nav-container .s-cart-summary-wrapper:hover { background: rgba(255, 255, 255, .14); }
.main-nav-container #s-cart-icon { display: grid; place-items: center; color: #fff; }
.main-nav-container .s-cart-summary-content { display: block !important; margin: 0 !important; }
.main-nav-container .s-cart-summary-total { color: #fff !important; font-size: 16px; font-weight: 700; white-space: nowrap; }
.main-nav-container .s-cart-summary-total .sicon-sar:before { color: #fff !important; }
.main-nav-container .s-cart-summary-count {
  position: absolute;
  top: 4px;
  inset-inline-end: 10px;
  left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--gh-gold);
  color: var(--gh-dark);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.main-nav-container .s-cart-summary-count.ghx-zero { display: none !important; }

@media (max-width: 1023px) {
  .main-nav-container salla-user-menu { margin-inline: 8px !important; }
  .main-nav-container .s-user-menu-login-btn,
  .main-nav-container .s-user-menu-avatar-wrap { width: 42px !important; height: 42px !important; }
  .main-nav-container .s-cart-summary-wrapper { padding: 6px 2px; background: none; gap: 6px; }
  .main-nav-container .s-cart-summary-count { top: -2px; inset-inline-end: auto; inset-inline-start: 14px; }
}

.sicon-shopping-bag:before,
.sicon-sar:before,
.s-cart-summary-total { color: var(--gh-gold); }


/* =========================== 3) القائمة الجانبية =========================== */
.custom-menu-container {
  position: fixed;
  top: 0;
  right: -100%;
  width: 350px;
  max-width: 80vw;
  height: 100vh;
  background: rgba(255, 255, 255, .95);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-left: 1px solid rgba(0, 0, 0, .05);
  box-shadow: -10px 0 30px rgba(0, 0, 0, .05);
  z-index: 100000;
  transition: right .4s cubic-bezier(.4, 0, .2, 1);
  padding: 50px 10px 10px;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  direction: rtl;
}
.custom-menu-container.active { right: 0; }

.menu-close-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: none;
  border-radius: 50%;
  background: rgba(0, 0, 0, .05);
  color: #333;
  cursor: pointer;
  transition: transform .3s ease;
  z-index: 100001;
}
.menu-close-btn:hover { transform: scale(1.1); background: rgba(0, 0, 0, .1); }
.menu-close-btn svg { width: 20px; height: 20px; }

.custom-menu-item {
  display: block;
  padding: 14px 15px;
  border-radius: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, .03);
  color: #222;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s ease;
}
.custom-menu-item:hover { background: rgba(0, 0, 0, .04); transform: translateX(-5px); }

.menu-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: all .4s ease;
}
.menu-backdrop.active { opacity: 1; visibility: visible; }

.menu-view { display: flex; flex-direction: column; width: 100%; transition: opacity .3s ease, transform .3s ease; }
@keyframes slideIn {
  from { opacity: 0; transform: translateX(-20px); }
  to { opacity: 1; transform: translateX(0); }
}
.menu-view:not(.hidden-view) { animation: slideIn .3s forwards; }
.hidden-view { display: none !important; }

.has-submenu { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.submenu-icon { color: #888; }
.submenu-header {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 10px 15px 20px;
  margin-bottom: 10px;
  border-bottom: 2px solid rgba(0, 0, 0, .05);
}
.back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  border: none;
  border-radius: 50%;
  background: none;
  color: #333;
  cursor: pointer;
  transition: background .3s ease;
}
.back-btn:hover { background: rgba(0, 0, 0, .05); }
.submenu-title { font-size: 18px; font-weight: bold; color: #222; }


/* =========================== 4) الفوتر =========================== */
.store-footer {
  background-color: var(--gh-dark) !important;
  color: #fff !important;
  padding: 56px 32px 24px !important;
  margin-top: 0;
  border-top: none !important;
  direction: rtl !important;
  font-family: inherit;
}
/* إخفاء كل محتوى الفوتر الأصلي — الكود بيبني فوتر جديد ويرحّل له شعارات الدفع */
.store-footer > :not(.ghf) { display: none !important; }

.ghf { max-width: 1200px; margin: 0 auto; }
.ghf a { color: #fff !important; text-decoration: none !important; transition: color .2s; }
.ghf a:hover { color: var(--gh-gold) !important; }

.ghf-grid {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1.15fr 1.25fr;
  gap: 40px;
  align-items: start;
}
.ghf-col h3 {
  margin: 0 0 22px !important;
  color: var(--gh-gold) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}
.ghf-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.ghf-col li a { font-size: 16px; }
.ghf-short { display: none; }

.ghf-logo img { width: 78px; height: 78px; object-fit: contain; margin-bottom: 18px; }
.ghf-name { display: block; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 14px; }
.ghf-about { color: var(--gh-light); opacity: .85; font-size: 14px; line-height: 1.8; margin: 0; }

.ghf-contact p { margin: 0 0 14px; font-size: 16px; color: #fff; }
.ghf-contact-btns { display: none; }
.ghf-socials { display: flex; gap: 14px; margin-top: 22px; }
.ghf-socials a {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border: 1.5px solid rgba(178, 165, 114, .75);
  border-radius: 50%;
  color: #fff !important;
  transition: background .2s, border-color .2s;
}
.ghf-socials a:hover { background: rgba(178, 165, 114, .15); border-color: var(--gh-gold); }

.ghf-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 44px;
  padding-top: 24px;
  border-top: 1px solid rgba(178, 165, 114, .3);
}
.ghf-copy { font-size: 14px; color: var(--gh-light); }
.ghf-pay { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.ghf-pay-label { font-size: 14px; color: var(--gh-light); }
.ghf-legal-m { display: none; }

.ghf .s-payments-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}
.ghf .s-payments-list-item img {
  height: 40px !important;
  width: 70px !important;
  padding: 6px 10px !important;
  border-radius: 8px !important;
  background-color: #fff !important;
  object-fit: contain !important;
}

/* تابلت */
@media (max-width: 1100px) {
  .ghf-grid { grid-template-columns: repeat(3, 1fr); }
  .ghf-brand { grid-column: 1 / -1; }
}

/* موبايل */
@media (max-width: 767px) {
  .store-footer { padding: 36px 18px 22px !important; }
  .ghf-grid { grid-template-columns: 1fr 1fr; gap: 0 20px; }
  .ghf-col { padding: 22px 0; }
  .ghf-col h3 { margin-bottom: 16px !important; font-size: 17px !important; }
  .ghf-col ul { gap: 18px; }
  .ghf-col li a { font-size: 15px; }

  .ghf-brand {
    grid-column: 1 / -1;
    text-align: center;
    padding-top: 0;
    border-bottom: 1px solid rgba(178, 165, 114, .3);
  }
  .ghf-logo img { width: 68px; height: 68px; margin: 0 auto 14px; display: block; }
  .ghf-name { font-size: 18px; }

  /* الدعم والسياسات: عرض كامل وروابطه عمودين */
  .ghf-grid > .ghf-col--links:nth-of-type(4) { grid-column: 1 / -1; padding-top: 0; }
  .ghf-grid > .ghf-col--links:nth-of-type(4) ul { grid-template-columns: 1fr 1fr; column-gap: 20px; }
  .ghf-full { display: none; }
  .ghf-short { display: inline; }

  .ghf-contact { grid-column: 1 / -1; border-top: 1px solid rgba(178, 165, 114, .3); }
  .ghf-contact-btns { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 18px; }
  .ghf-contact-btns a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .08);
    font-weight: 700;
    font-size: 15px;
  }
  .ghf-contact p { font-size: 15px; }
  .ghf-socials a { width: 54px; height: 54px; }

  .ghf-bottom {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0;
    margin-top: 0;
    padding-top: 0;
  }
  .ghf-pay { flex-direction: column; align-items: flex-start; gap: 12px; padding: 22px 0; border-top: 1px solid rgba(178, 165, 114, .3); }
  .ghf-pay .ghf-full { display: none; }
  .ghf .s-payments-list-item img { width: 62px !important; height: 36px !important; }
  .ghf-legal { display: none; }
  .ghf-legal-m { display: block; font-size: 12.5px; color: var(--gh-light); opacity: .85; }
  .ghf-copy { text-align: center; padding-top: 18px; border-top: 1px solid rgba(178, 165, 114, .3); font-size: 13px; }
}


/* =========================== 5) صفحة المنتج =========================== */
body.product-single {
  --ghp-green: #355246;
  --ghp-green-soft: #eef2ef;
  --ghp-bg: #f7f6f2;
  --ghp-line: #e6e3da;
  --ghp-text: #1f2a25;
  --ghp-muted: #6b7570;
  --ghp-radius: 14px;
}

/* ميزة الإهداء الأصلية (عندنا صندوق الإهداء) + بلوك "ليش تنتظر؟ اطلبه الآن" */
body.ghp-hide-gifting salla-gifting { display: none !important; }
.product-single salla-quick-order { display: none !important; }
/* صناديق البيانات الإضافية — الكود بينقل محتواها للتابات */
.product-single salla-metadata { display: none !important; }

/* الكود العام بيصفّر padding الـ container، فنرجّع هامش للأقسام الجديدة على الشاشات الصغيرة */
@media (max-width: 1280px) {
  .product-single .ghp-section { padding-left: 16px !important; padding-right: 16px !important; }
}

/* ---------- مسار التنقل (الكود العام مخفيه — يظهر في صفحة المنتج بس) ---------- */
.product-single .breadcrumbs { display: block !important; padding: 14px 16px 6px !important; font-size: 13px; }

/* ---------- الاسم + المشاركة والمفضلة ---------- */
.ghp-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
.ghp-title-row h1 { margin-bottom: 0 !important; }
.ghp-title-actions { flex: none; }
.ghp-title-actions salla-social-share { margin-bottom: 0 !important; }
.ghp-unit { font-size: 13px; color: var(--ghp-muted); font-weight: 400; margin-inline-start: 8px; }
.ghp-hidden { display: none !important; }

/* ---------- الشرح المختصر ---------- */
.product-single .product__description {
  padding: 0 !important;
  margin-bottom: 12px !important;
  color: var(--ghp-text);
  font-size: 15px;
  line-height: 1.9;
}
.product-single .product__description p:empty { display: none; }

/* ---------- الوسوم ---------- */
.ghp-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 4px 0 18px !important; }
.ghp-tags a {
  display: inline-flex; align-items: center;
  padding: 5px 12px;
  border: 1px solid var(--ghp-line); border-radius: 999px;
  background: #fff; font-size: 12.5px;
  color: var(--ghp-text) !important;
  transition: border-color .2s, color .2s;
}
.ghp-tags a:hover { border-color: var(--ghp-green); color: var(--ghp-green) !important; }

/* ---------- صندوق الإهداء ---------- */
.ghp-gift {
  border: 1px solid var(--ghp-line); border-radius: var(--ghp-radius);
  background: #fff; margin-bottom: 16px; overflow: hidden;
}
.ghp-gift-head {
  width: 100%; display: flex; align-items: center; gap: 12px;
  padding: 14px 16px; background: none; border: 0; cursor: pointer; text-align: start;
}
.ghp-gift-ico {
  width: 36px; height: 36px; flex: none;
  display: grid; place-items: center;
  border-radius: 10px; background: var(--ghp-green-soft); color: var(--ghp-green);
}
.ghp-gift-head b { display: block; font-size: 15px; color: var(--ghp-text); }
.ghp-gift-head small { display: block; font-size: 12px; color: var(--ghp-muted); }
.ghp-gift-arrow { margin-inline-start: auto; color: var(--ghp-muted); transition: transform .25s; }
.ghp-gift.open .ghp-gift-arrow { transform: rotate(180deg); }

.ghp-gift-body { display: none; padding: 0 16px 16px; }
.ghp-gift.open .ghp-gift-body { display: block; }
.ghp-gift-body .ghp-gift-select { display: none !important; }

.ghp-gift-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.ghp-gift-cards.ghp-gift-cards--one { grid-template-columns: 1fr; }
.ghp-gift--salla { margin-top: 4px; }
/* بوب أب الإهداء بتاع سلة بألوان غرسة */
.s-gifting-modal .s-button-primary, .s-gifting-modal .s-button-solid { background-color: #355246 !important; border-color: #355246 !important; }
.s-gifting-modal .s-modal-body { border-radius: 16px !important; }
.ghp-gift-card {
  display: flex; align-items: center; gap: 10px;
  padding: 14px; border: 1.5px solid var(--ghp-line); border-radius: 12px;
  background: #fff; color: var(--ghp-text); cursor: pointer; text-align: start;
  transition: background .2s, border-color .2s, color .2s;
}
.ghp-gift-card:hover { border-color: var(--ghp-green); }
.ghp-gift-card b { display: block; font-size: 14px; }
.ghp-gift-card small { display: block; font-size: 11.5px; color: var(--ghp-muted); }
.ghp-gift-card.active { background: var(--ghp-green); border-color: var(--ghp-green); color: #fff; }
.ghp-gift-card.active small { color: rgba(255, 255, 255, .8); }
.ghp-gift-card.active .ghp-gift-ico { background: rgba(255, 255, 255, .15); color: #fff; }

.ghp-gift-fields {
  display: none; grid-template-columns: 1fr 1fr; gap: 12px;
  padding: 14px; border-radius: 12px; background: var(--ghp-bg); margin-bottom: 10px;
}
.ghp-gift.is-send .ghp-gift-fields { display: grid; }
.ghp-gift-fields .s-product-options-option-container { grid-column: span 2; margin: 0 !important; }
.ghp-gift-fields .s-product-options-option-container.ghp-half { grid-column: span 1; }
.ghp-gift-fields .s-product-options-option { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
.ghp-gift-fields .s-product-options-option {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 6px;
}
.ghp-gift-fields .s-product-options-option-label,
.ghp-gift-fields .s-product-options-option-content { width: 100% !important; max-width: 100% !important; flex: none !important; }
.ghp-gift-fields .s-product-options-option-label { font-size: 13px; margin: 0 !important; }
.ghp-gift-fields .s-product-options-option-label small { display: none; }
.ghp-gift-fields input, .ghp-gift-fields textarea { width: 100% !important; background: #fff !important; border-radius: 10px !important; }
.ghp-gift-note { font-size: 12px; color: var(--ghp-muted); margin: 0; }

@media (max-width: 480px) {
  .ghp-gift-cards, .ghp-gift-fields { grid-template-columns: 1fr; }
  .ghp-gift-fields .s-product-options-option-container.ghp-half { grid-column: span 2; }
}

/* ---------- تابي ---------- */
.product-single .main-content salla-installment { display: block; margin-top: 14px; }

/* ---------- عناوين الأقسام ---------- */
.ghp-section { margin-top: 8px; }
.ghp-title { font-size: 20px; font-weight: 700; color: var(--ghp-text); margin: 0 0 14px; }

/* ---------- التابات (كمبيوتر) / أكورديون (موبايل) ----------
   نفس العناصر: زرار + محتوى ورا بعض. على الكمبيوتر الزراير بتتصف فوق والمحتوى تحتها،
   وعلى الموبايل كل قسم بيفتح تحت عنوانه. */
.ghp-tabs {
  display: flex; flex-wrap: wrap; gap: 8px;
  border: 1px solid var(--ghp-line); border-radius: 18px; background: #fff; padding: 18px;
}
.ghp-tab {
  display: inline-flex; align-items: center; gap: 8px; flex: none;
  padding: 9px 14px; border: 1px solid var(--ghp-line); border-radius: 10px;
  background: #fff; color: var(--ghp-text); font: inherit; font-size: 14px; white-space: nowrap; cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
}
.ghp-tab:hover { border-color: var(--ghp-green); }
.ghp-tab.is-open { background: var(--ghp-green); border-color: var(--ghp-green); color: #fff; }
.ghp-tab-ico { display: inline-flex; width: 20px; height: 20px; }
.ghp-tab-ico svg { width: 100%; height: 100%; }
.ghp-tab-chev { display: none; margin-inline-start: auto; color: var(--ghp-muted); transition: transform .25s; }

.ghp-panel {
  display: none; order: 1; flex-basis: 100%; min-width: 0;
  padding-top: 10px; color: var(--ghp-text); font-size: 15px; line-height: 1.9;
}
.ghp-panel.is-open { display: block; }
.ghp-panel table {
  width: 100%; max-width: 760px;
  border: 1px solid var(--ghp-line); border-radius: 12px;
  border-collapse: separate; border-spacing: 0; overflow: hidden;
}
.ghp-panel td { padding: 12px 16px; border: 0; border-bottom: 1px solid var(--ghp-line); vertical-align: top; }
.ghp-panel tr:last-child td { border-bottom: 0; }
.ghp-panel td:first-child { width: 34%; background: var(--ghp-bg); font-weight: 700; }
.ghp-panel ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.ghp-panel li { position: relative; padding-inline-start: 22px; }
.ghp-panel li::before {
  content: ""; position: absolute; inset-inline-start: 0; top: .75em;
  width: 8px; height: 8px; border-radius: 50%; background: var(--ghp-green);
}
.ghp-panel p { margin: 0 0 10px; }
.ghp-panel .ghp-sub { margin: 18px 0 8px; font-size: 15px; font-weight: 700; color: #355246; }
.ghp-panel .ghp-sub:first-child { margin-top: 0; }
.ghp-more { display: inline-block; margin-top: 14px; color: var(--ghp-green) !important; font-weight: 700; text-decoration: underline; }

@media (max-width: 768px) {
  .ghp-tabs { display: block; padding: 0 14px; }
  .ghp-tab {
    display: flex; width: 100%; padding: 15px 2px; border: 0; border-radius: 0;
    border-bottom: 1px solid var(--ghp-line); background: none; font-size: 15px; font-weight: 700; white-space: normal;
  }
  .ghp-tab:hover { border-color: var(--ghp-line); }
  .ghp-tab.is-open { background: none; color: var(--ghp-green); border-bottom-color: transparent; }
  .ghp-tab-ico { color: var(--ghp-green); }
  .ghp-tab-chev { display: inline-flex; }
  .ghp-tab.is-open .ghp-tab-chev { transform: rotate(180deg); color: var(--ghp-green); }
  .ghp-panel { padding: 0 2px 16px; font-size: 14.5px; border-bottom: 1px solid var(--ghp-line); }
  .ghp-tabs > :nth-last-child(1), .ghp-tabs > .ghp-tab:nth-last-child(2):not(.is-open) { border-bottom: 0; }
  .ghp-panel td { padding: 10px 12px; }
  .ghp-panel td:first-child { width: 40%; }
}

/* ---------- التقييمات ---------- */
.product-single salla-comments .s-comments-container {
  display: flex; flex-direction: column; gap: 14px;
  background: #fff; border: 1px solid var(--ghp-line); border-radius: 18px; padding: 22px;
}
@media (max-width: 1280px) {
  .product-single salla-comments { display: block; padding-left: 16px; padding-right: 16px; }
}
.product-single .s-comments-container > .s-comments-title { order: 0; margin: 0; }
.product-single .s-comments-container > salla-reviews-summary { order: 1; }
.product-single .s-comments-container > .s-comments-header { order: 2; }
.product-single .s-comments-container > .s-translate-all-wrap { order: 3; }
.product-single .s-comments-container > div:not([class]),
.product-single .s-comments-container > div[class=""] { order: 4; }
.product-single .s-comments-container > salla-comment-form { order: 5; }
.product-single .s-comments-container .s-progress-bar-progress { background: var(--ghp-green) !important; }
.product-single .s-comments-container .s-comments-item {
  background: var(--ghp-bg); border-radius: 12px; padding: 14px 16px; margin-bottom: 10px; border: 0;
}
.product-single .s-comment-form-input { background: #fff; border-radius: 12px; border: 1px solid var(--ghp-line); }

/* ---------- أكمل تنسيقك ---------- */
.ghp-complete-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ghp-cl-card {
  display: flex; align-items: center; gap: 12px;
  padding: 10px; border: 1px solid var(--ghp-line); border-radius: 14px; background: #fff;
}
.ghp-cl-img {
  width: 64px; height: 64px; flex: none; overflow: hidden;
  border-radius: 10px; background: var(--ghp-bg);
}
.ghp-cl-img img { width: 100%; height: 100%; object-fit: cover; }
.ghp-cl-info { flex: 1; min-width: 0; }
.ghp-cl-info small { display: block; font-size: 11.5px; color: var(--ghp-muted); }
.ghp-cl-info b { display: block; font-size: 13.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ghp-cl-info b a { color: var(--ghp-text) !important; }
.ghp-cl-price { font-size: 13px; color: var(--ghp-green); font-weight: 700; }
.ghp-cl-add {
  width: 36px; height: 36px; flex: none;
  border: 1px solid var(--ghp-line); border-radius: 10px;
  background: #fff; color: var(--ghp-text); font-size: 20px; line-height: 1; cursor: pointer;
  transition: background .2s, color .2s;
}
.ghp-cl-add:hover { background: var(--ghp-green); border-color: var(--ghp-green); color: #fff; }
.ghp-cl-card.is-loading { opacity: .5; }
@media (max-width: 1024px) { .ghp-complete-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px)  { .ghp-complete-grid { grid-template-columns: 1fr; } }

/* ---------- الأسئلة الشائعة ---------- */
.ghp-faq { display: grid; gap: 10px; }
.ghp-faq details { border: 1px solid var(--ghp-line); border-radius: 12px; background: #fff; }
.ghp-faq summary {
  list-style: none; cursor: pointer;
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 16px 18px; font-weight: 700; font-size: 15px; color: var(--ghp-text);
}
.ghp-faq summary::-webkit-details-marker { display: none; }
.ghp-faq summary::after { content: "+"; font-size: 20px; color: var(--ghp-muted); flex: none; }
.ghp-faq details[open] summary::after { content: "−"; }
.ghp-faq .ghp-faq-a { padding: 0 18px 16px; color: var(--ghp-muted); line-height: 1.9; }
.ghp-faq .ghp-faq-a p { margin: 0; }


/* =========================== 6) كروت المنتجات (كل الصفحات) =========================== */
custom-salla-product-card.s-product-card-entry {
  border: 1px solid #e6e3da !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: border-color .2s, box-shadow .2s;
}
custom-salla-product-card.s-product-card-entry:hover {
  border-color: #cfc9b8 !important;
  box-shadow: 0 6px 18px rgba(53, 82, 69, .08) !important;
}
custom-salla-product-card .s-product-card-image {
  position: relative;
  background: #f7f6f2 !important;
  border-radius: 0 !important;
  border-bottom: 1px solid #efece4;
}
custom-salla-product-card .s-product-card-content { padding: 14px !important; }
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-content-title a {
  color: #1f2a25 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
}
custom-salla-product-card .s-product-card-price {
  color: #1f2a25 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
custom-salla-product-card .s-product-card-content-footer .s-button-element {
  border: 1px solid #355246 !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: #355246 !important;
  font-weight: 700;
  transition: background .2s, color .2s;
}
custom-salla-product-card .s-product-card-content-footer .s-button-element:hover {
  background: #355246 !important;
  color: #fff !important;
}
custom-salla-product-card .s-product-card-content-footer .s-button-element i,
custom-salla-product-card .s-product-card-content-footer .s-button-element i:before { color: inherit !important; }

/* الشارات */
.ghc-badges {
  position: absolute;
  top: 10px;
  inset-inline-start: 10px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: calc(100% - 60px);
  pointer-events: none;
}
.ghc-badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
}
.ghc-badge--best { background: #355246; color: #fff; }
.ghc-badge--easy { background: #fff; color: #355246; border: 1px solid #e6e3da; }

/* أقسام منتجات مشابهة / قد تعجبك المضافة من الكود — منع خروج السلايدر برا الشاشة */
.product-single .ghp-related { overflow: hidden; padding-left: 16px !important; padding-right: 16px !important; }
@media (min-width: 1281px) { .product-single .ghp-related { padding-left: 0 !important; padding-right: 0 !important; } }


/* =========================== 7) صفحات التصنيفات =========================== */
.product-index .breadcrumbs,
.product-index-offers .breadcrumbs { display: block !important; padding: 18px 0 6px !important; font-size: 13px; }

.product-index .container--products-list,
.product-index-offers .container--products-list,
.product-index .container--breadcrumbs,
.product-index-offers .container--breadcrumbs { padding-left: 16px !important; padding-right: 16px !important; }
@media (min-width: 1281px) {
  .product-index .container--products-list,
  .product-index-offers .container--products-list,
  .product-index .container--breadcrumbs,
  .product-index-offers .container--breadcrumbs { padding-left: 0 !important; padding-right: 0 !important; }
}

/* العنوان وعدد المنتجات + الترتيب */
.ghc-head { align-items: flex-end !important; gap: 16px; margin-bottom: 24px !important; flex-wrap: wrap; }
#page-main-title { padding: 0 !important; }
.ghc-name { display: block; font-size: 30px; font-weight: 800; color: #355246; line-height: 1.3; }
.ghc-count { display: block; margin-top: 6px; font-size: 14px; font-weight: 400; color: #6b7570; }
.ghc-head #product-filter {
  min-width: 160px;
  height: 46px;
  padding: 0 14px !important;
  border: 1px solid #e6e3da !important;
  border-radius: 10px !important;
  background-color: #fff !important;
  color: #1f2a25;
  font-size: 14px;
}
.ghc-head label { color: #6b7570; font-size: 14px; }
@media (max-width: 640px) { .ghc-name { font-size: 24px; } }

/* شبكة المنتجات */
.ghc-has-filters { gap: 28px; align-items: flex-start !important; }
.ghc-grid { display: grid !important; }
.ghc-results.is-loading { min-height: 240px; opacity: .55; }
.ghc-empty { padding: 40px 16px; text-align: center; color: #6b7570; background: #fff; border: 1px dashed #e6e3da; border-radius: 14px; }
.ghc-more-wrap { text-align: center; margin-top: 24px; }
.ghc-more {
  padding: 12px 28px;
  border: 1px solid #355246;
  border-radius: 10px;
  background: #fff;
  color: #355246;
  font-weight: 700;
  cursor: pointer;
}
.ghc-more:hover { background: #355246; color: #fff; }

/* عمود تصفية المنتجات */
.ghc-filters { width: 100%; flex: none; }
.ghc-filters-body {
  padding: 22px 20px;
  border: 1px solid #e6e3da;
  border-radius: 16px;
  background: #fff;
}
.ghc-filters-title { margin: 0 0 18px; font-size: 18px; font-weight: 800; color: #1f2a25; }
.ghc-filters-toggle { display: none; }

.ghc-easy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 16px;
  margin-bottom: 22px;
  border-radius: 12px;
  background: #f1f3f1;
  cursor: pointer;
}
.ghc-easy-text { display: flex; align-items: center; gap: 8px; font-size: 16px; font-weight: 700; color: #1f2a25; }
.ghc-easy-text svg { color: #355246; }
.ghc-easy-input { width: 22px; height: 22px; accent-color: #355246; cursor: pointer; }

.ghc-price h3 { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #1f2a25; }
.ghc-price-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ghc-price-row label span { display: block; margin-bottom: 6px; font-size: 13px; color: #6b7570; }
.ghc-price-row input {
  width: 100%;
  height: 48px;
  padding: 0 12px;
  border: 1px solid #e6e3da;
  border-radius: 10px;
  background: #fff;
  font-size: 14px;
  color: #1f2a25;
  -moz-appearance: textfield;
}
.ghc-price-row input::-webkit-outer-spin-button,
.ghc-price-row input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ghc-price-row input:focus { outline: none; border-color: #355246; }
.ghc-clear {
  margin-top: 18px;
  padding: 0;
  border: 0;
  background: none;
  color: #355246;
  font-weight: 700;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}

@media (min-width: 768px) {
  .ghc-filters { width: 300px; position: sticky; top: 120px; }
}

/* موبايل: زرار يفتح ويقفل التصفية */
@media (max-width: 767px) {
  .ghc-has-filters { gap: 16px; }
  .ghc-filters-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 14px 16px;
    border: 1px solid #e6e3da;
    border-radius: 12px;
    background: #fff;
    color: #1f2a25;
    font-size: 15px;
    font-weight: 700;
  }
  .ghc-filters.is-active .ghc-filters-toggle { border-color: #355246; color: #355246; }
  .ghc-filters-body { display: none; margin-top: 10px; }
  .ghc-filters.open .ghc-filters-body { display: block; }
  .ghc-filters-title { display: none; }
}


/* =========================== 8) المسافات والصفحات التعريفية =========================== */

/* "الاقسام" و"أين تريد وضع النبات": صفحات تعريفية (بانر + كروت الأقسام + آراء العملاء) من غير لستة منتجات */
body:has(salla-products-list[source-value="1250901641"]) .container--products-list,
body:has(salla-products-list[source-value="572926821"]) .container--products-list,
body.ghc-landing .container--products-list { display: none !important; }

/* لو القسم عنده بانر عنوان، شريط "الرئيسية > القسم" اللي فوق البانر يختفي (البانر عنده مسار خاص بيه) */
body:has(.s-block--bundle-category-title-banner) .container--breadcrumbs { display: none !important; }

/* المسافات بين السكاشن: الثيم بيحط 64px بين كل عنصر، حتى العناصر الفاضية المخفية،
   فبتتجمع مسافات كبيرة. بنخليها 40px، والعناصر الفاضية من غير مسافة */
.product-single main#main-content > * + *,
.product-index main#main-content > * + *,
.product-index-offers main#main-content > * + * { margin-top: 40px !important; }
main#main-content.flex > salla-hook,
main#main-content.flex > .s-blocks-wrapper:not(:has(*)) { margin-top: 0 !important; }
main#main-content.flex > .container--breadcrumbs + * { margin-top: 0 !important; }

/* مسافة قبل الفوتر (الأسئلة الشائعة وآراء العملاء كانوا لازقين فيه) */
.product-single main#main-content,
.product-index main#main-content,
.product-index-offers main#main-content { padding-bottom: 64px; }

@media (max-width: 767px) {
  .product-single main#main-content > * + *,
  .product-index main#main-content > * + *,
  .product-index-offers main#main-content > * + * { margin-top: 28px !important; }
  main#main-content.flex > salla-hook,
  main#main-content.flex > .s-blocks-wrapper:not(:has(*)),
  main#main-content.flex > .container--breadcrumbs + * { margin-top: 0 !important; }
  .product-single main#main-content,
  .product-index main#main-content,
  .product-index-offers main#main-content { padding-bottom: 40px; }
}

/* آراء العملاء: الكروت كانت شفافة 60% فبتبان رمادي على الخلفية البيج */
.s-block--testimonials .s-reviews-testimonial {
  opacity: 1 !important;
  background: #fff !important;
  border: 1px solid #e6e3da;
  border-radius: 16px !important;
  box-shadow: none !important;
}
.s-block--testimonials .swiper-slide:not(.swiper-slide-active) .s-reviews-testimonial { border-color: #efece4; }
.s-block--testimonials .swiper-slide-active .s-reviews-testimonial { border-color: #cfc9b8; }

/* كروت الأقسام في صفحات التصنيفات: الـ padding الداخلي كان 64px فوق وتحت */
.product-index .s-block--bundle-categories-carousel > :first-child { padding-top: 32px !important; padding-bottom: 8px !important; }


/* =========================== 9) كروت صفحات التصنيفات (زي الواير فريم) ===========================
   الكارت فيه: الشارات + الصورة + الاسم + السعر بس */
.product-index .container--products-list custom-salla-product-card .s-product-card-content-footer,
.product-index .container--products-list custom-salla-product-card .s-product-card-rating,
.product-index .container--products-list custom-salla-product-card .s-product-card-wishlist-btn,
.product-index .container--products-list custom-salla-product-card .s-product-card-content-subtitle { display: none !important; }
.product-index .container--products-list custom-salla-product-card .s-product-card-content { padding: 14px 14px 16px !important; }
.product-index .container--products-list custom-salla-product-card .s-product-card-content-sub { margin-top: 8px !important; }
.product-index .container--products-list custom-salla-product-card .s-product-card-price { font-size: 17px !important; }

/* الشارات: "الأكثر مبيعًا" في ركن و"سهلة العناية" في الركن التاني */
.product-index .container--products-list .ghc-badges { inset-inline: 10px; max-width: none; }
.product-index .container--products-list .ghc-badge--easy { margin-inline-start: auto; }

/* بند 16 و19: مسافة ثابتة وصغيرة بين الهيدر ومسار التنقل، وبين المسار والعنوان */
main#main-content.flex > .container--breadcrumbs { margin-top: 0 !important; }
main#main-content.flex > .container--breadcrumbs ~ .s-blocks-wrapper:not(:has(*)) + .container--products-list,
main#main-content.flex > .container--breadcrumbs + .container--products-list { margin-top: 12px !important; }

body, .app-inner {
    background-color: #ffffff !important;
}

.s-comments-product { padding-bottom: 0rem; padding-top: 0rem; }.s-comments-product { background-color: rgb(255 255 255)!important;}
.main-content{ padding: 1rem!important; }

.s-product-card-promotion-title {
    display: none;}


/* =========================== 10) منع القفز وقت التحميل (CLS) ===========================
   - سكاشن الصفحة بتترسم بالـ JS بعد التحميل، فكان الفوتر بيظهر فوق وبعدين يتزق لتحت.
     بنحجز للمحتوى ارتفاع الشاشة على الأقل.
   - الهيدر ارتفاعه ثابت، وسطر البحث في الموبايل مكانه محجوز قبل ما الكود ينقله. */
main#main-content { min-height: 100vh; }
.main-nav-container .inner > .container { height: 72px; }
.main-nav-container .inner > .container > .flex { height: 100%; }
@media (max-width: 1023px) {
  .main-nav-container .inner > .container { height: 74px; }
  .main-nav-container .inner:not(:has(.ghx-msearch))::after {
    content: "";
    display: block;
    height: 79px;
    border-top: 1px solid rgba(255, 255, 255, .14);
  }
}


/* صفحة المنتج: صف "السعر" المكرر فوق الكمية بيتخفى على طول من غير ما الصفحة تتحرك.
   لو المنتج فيه خيارات ظاهرة (زي المقاس) الصف بيفضل، لأنه بيعرض السعر بعد الاختيار */
.product-single form.product-form:not(:has(.s-product-options-option-container:not(.hidden):not(.ghp-gift-select))) > section:not(.sticky-product-bar):has(.total-price) { display: none !important; }

/* مسار التنقل في المنتج والأقسام: مكانه محجوز قبل ما يترسم (كان بيزق الصفحة 20px) */
.product-single .breadcrumbs,
.product-index .breadcrumbs,
.product-index-offers .breadcrumbs { min-height: 44px; }

/* ---------- أسئلة شائعة يدوية (.gh-faq) — مقفولة من الأول من غير ما الصفحة تتحرك ---------- */
.gh-faq-q { cursor: pointer; }
.gh-faq-a { display: none; }
.is-open > .gh-faq-a, .gh-faq-item.is-open .gh-faq-a { display: block; }

/* ---------- صفحة المنتج على الموبايل: شريط السلة الثابت + زرار الواتساب ---------- */
@media (max-width: 768px) {
  .product-single { overflow-x: clip; }
  .product-single salla-products-slider, .product-single .s-products-slider-wrapper { overflow: hidden; }
  .product-single .sticky-product-bar {
    left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; transform: none !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 16px 16px 0 0 !important; box-shadow: 0 -6px 20px rgba(0, 0, 0, .08); z-index: 40;
  }
  .product-single .sticky-product-bar salla-quantity-input { margin-bottom: 8px; }
  .product-single .sticky-product-bar .s-quantity-input-container { height: 38px; }
  .product-single .sticky-product-bar salla-add-product-button .s-button-btn,
  .product-single .sticky-product-bar .s-button-element { min-height: 42px; margin-top: 0; }
  body.product-single { padding-bottom: 125px; }
  body.product-single [id^="gb-widget"] { transform: translateY(-112px); }
}

/* ---------- صندوق الإهداء: المسافة الزيادة فوقه وتحته ---------- */
.product-single salla-product-options:has(.ghp-gift) { padding-bottom: 0 !important; margin-bottom: 12px !important; }
.product-single salla-product-options:has(.ghp-gift):not(:has(.s-product-options-option-container:not(.hidden):not(.ghp-gift-select):not(.ghp-gift *))) { padding-top: 0 !important; }
.product-single salla-product-options .ghp-gift { margin-bottom: 0; }

/* ---------- صفحات الأقسام التعريفية: لو السكشن الجديد فيه مسار تنقل خاص بيه، مسار الثيم بيتخفى عشان ميتكررش ---------- */
body.ghc-landing:has(.s-before-products-list > section) .container--breadcrumbs { display: none !important; }

/* ---------- تظبيطات بعد المراجعة ---------- */
/* اسم المنتج: أصغر وأخف عشان يبقى متناسق مع باقي الصفحة */
.product-single h1 { font-size: 18px !important; line-height: 1.6 !important; font-weight: 600 !important; margin-bottom: 12px !important; }
@media (min-width: 769px) { .product-single h1 { font-size: 22px !important; } }

/* الوسوم من غير خط تحتها */
.ghp-tags a, .ghp-tags a:hover { text-decoration: none !important; }

/* كروت المنتجات في التصنيفات: مسافات أقل بين الكروت وتحت السعر */
.product-index .s-products-list-wrapper { gap: 16px !important; }
.product-index custom-salla-product-card .s-product-card-content-sub { margin-bottom: 0 !important; }
.product-index custom-salla-product-card .s-product-card-content { padding-bottom: 14px !important; }

@media (max-width: 768px) {
  /* الصفحة كانت أعرض من الشاشة بشوية (بسبب السلايدرات) فكانت بتتزق لليمين */
  html { overflow-x: hidden; }
  /* المنتجات المشابهة / قد تعجبك كانت لازقة في أطراف الشاشة */
  .product-single .s-block--bundle-similar-products .s-block.container,
  .product-single main > .container.mb-5 { padding-left: 16px !important; padding-right: 16px !important; }
  /* التصنيفات: الهامش الجانبي كان متكرر (32px) */
  .product-index .container--products-list .main-content { padding-left: 0 !important; padding-right: 0 !important; }
  .product-index .s-products-list-wrapper { gap: 10px !important; }
}

/* =========================== 9) صفحة المدونة =========================== */
/* بانر أعلى الصفحة (بيتضاف من الـ JS) */
.ghb-hero {
  position: relative; overflow: hidden; text-align: center;
  background: #efebe0; padding: 46px 16px 42px; margin-bottom: 28px;
}
.ghb-hero::before, .ghb-hero::after {
  content: ""; position: absolute; border-radius: 50%; background: rgba(255, 255, 255, .35); pointer-events: none;
}
.ghb-hero::before { width: 240px; height: 240px; top: -90px; right: -60px; }
.ghb-hero::after { width: 300px; height: 300px; bottom: -170px; left: -80px; }
.ghb-hero > * { position: relative; z-index: 1; }
.ghb-hero small { display: block; font-size: 12px; letter-spacing: 3px; color: #b59a6a; font-weight: 600; margin-bottom: 8px; }
.ghb-hero h1 { margin: 0 0 10px; font-size: 32px; font-weight: 700; color: #355246; }
.ghb-hero p { margin: 0 auto; max-width: 520px; font-size: 15px; line-height: 1.9; color: #5f6b65; }

/* الصفحة بعرض كامل: عمود التصنيفات فيه تصنيف واحد بس فاتشال */
.blog-index .container.mb-8 > .grid > nav { display: none !important; }
.blog-index .container.mb-8 > .grid { display: block !important; }
.blog-index .container.mb-8 > .grid > .main-content { width: 100%; }
.blog-index .container.mb-8 > .center-between { display: none !important; }
.blog-index .container.mb-8 { margin-bottom: 56px !important; }
.blog-index .container.mb-8 > .grid > .main-content { padding-top: 0 !important; }

/* السلايدر: المقالات المميزة */
.blog-index .blog-slider { border-radius: 20px !important; margin-bottom: 36px !important; }
.blog-index .blog-slider__slide { height: 420px !important; }
.blog-index .blog-slider__slide img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; }
.blog-index .blog-slider__slide::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to top, rgba(22, 38, 31, .85) 0%, rgba(22, 38, 31, .35) 45%, rgba(22, 38, 31, 0) 75%);
}
.blog-index .blog-slider__slide.has-overlay::before { display: none !important; }
.blog-index .blog-slider__content h3 { font-size: 24px !important; line-height: 1.6 !important; margin-bottom: 8px !important; }
.blog-index .blog-slider__content .description { font-size: 14px; line-height: 1.9; opacity: .9; }
.blog-index .blog-slider__content a[href*="/blog/author"],
.blog-index .blog-slider__content .sicon-user { display: none !important; }

/* كروت المقالات */
.blog-index salla-infinite-scroll { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; }
.blog-index .post-entry {
  border: 1px solid #ebe6da; border-radius: 16px !important; box-shadow: none !important;
  transition: transform .25s, box-shadow .25s;
}
.blog-index .post-entry:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(53, 82, 70, .1) !important; }
.blog-index .post-entry__image { height: auto !important; aspect-ratio: 16 / 10; }
.blog-index .post-entry__image img { transition: transform .4s; }
.blog-index .post-entry:hover .post-entry__image img { transform: scale(1.04); }
.blog-index .post-entry > .flex-1 { display: flex; flex-direction: column; padding: 16px 18px 18px !important; }
.blog-index .post-entry > .flex-1 > div:first-child { margin-bottom: 8px !important; font-size: 12.5px !important; color: #8a938e !important; }
.blog-index .post-entry > .flex-1 > div:first-child > a { display: none !important; }        /* اسم الكاتب */
.blog-index .post-entry__title { font-size: 16px !important; line-height: 1.7 !important; margin-bottom: 8px !important; }
.blog-index .post-entry__title a { color: #26332d; }
.blog-index .post-entry__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }   /* الكارت كله بيفتح المقال */
.blog-index .post-entry > .flex-1 > p {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  font-size: 13.5px !important; line-height: 1.85 !important; color: #6b746f !important; margin-bottom: 14px !important;
}
.blog-index .post-entry__icons { margin-top: auto; }
.blog-index .post-entry__icons::before { content: "اقرأ المقال ←"; font-size: 13.5px; font-weight: 700; color: #355246; }

@media (max-width: 1024px) {
  .blog-index salla-infinite-scroll { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
  .ghb-hero { padding: 34px 16px 30px; margin-bottom: 20px; }
  .ghb-hero h1 { font-size: 24px; }
  .ghb-hero p { font-size: 14px; }
  .blog-index .container.mb-8 { padding-left: 16px !important; padding-right: 16px !important; }
  .blog-index .blog-slider { border-radius: 16px !important; margin-bottom: 22px !important; }
  .blog-index .blog-slider__slide { height: 300px !important; }
  .blog-index .blog-slider__content h3 { font-size: 17px !important; }
  .blog-index .blog-slider__content .description { display: none; }
  .blog-index salla-infinite-scroll { grid-template-columns: 1fr !important; gap: 14px !important; }
}
.customers-also-viewed__container {
    display: none;
}
.container {
    padding-left: 1rem;
    padding-right: 1rem;
}