/* ========================================
   APX - CLEAN CUSTOM CSS
   Header + Homepage categories + Trust
   ======================================== */

/* =========================
   Base
   ========================= */

.apx-homepage,
.apx-homepage * {
  box-sizing: border-box;
}

.apx-homepage {
  width: 100%;
  max-width: 1240px;
  margin: 28px auto 48px;
  padding: 0 14px;
  direction: rtl;
}

/* =========================
   Header - keep theme, fix logo center
   ========================= */

header.store-header {
  background: #ffffff !important;
  border-bottom: 1px solid #ececec !important;
}

header.store-header #mainnav {
  background: #ffffff !important;
  box-shadow: none !important;
  padding-top: 6px !important;
  padding-bottom: 4px !important;
}

header.store-header #mainnav .flex.items-center.justify-around {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 48px !important;
}

header.store-header #mainnav .flex.items-center.justify-around > div:first-child {
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

header.store-header #mainnav .flex.items-center.justify-around > div:nth-child(2) {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

header.store-header #mainnav .flex.items-center.justify-around > div:last-child {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

header.store-header #mainnav .navbar-brand {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

header.store-header #mainnav .navbar-brand img {
  display: block !important;
  width: 140px !important;
  max-width: 140px !important;
  height: auto !important;
  object-fit: contain !important;
}

header.store-header #mainnav svg,
header.store-header #mainnav i,
header.store-header #mainnav .header-btn__icon,
header.store-header #mainnav .search {
  color: #111111 !important;
}

header.store-header .main-menu,
header.store-header #desktop-menu {
  margin: 0 !important;
  padding: 0 !important;
}

header.store-header .main-menu {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 28px !important;
  padding-top: 8px !important;
  padding-bottom: 10px !important;
}

header.store-header .main-menu > li,
header.store-header .main-menu > li > a {
  margin: 0 !important;
  padding: 0 !important;
}

header.store-header .main-menu a,
header.store-header .menu-item-link {
  color: #111111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

header.store-header .main-menu a:hover,
header.store-header .menu-item-link:hover {
  color: #111111 !important;
  opacity: 0.72;
}
/* =========================
   Homepage Banner
   ========================= */

.apx-banner-section {
  margin: 0 0 20px;
}

.apx-banner-box {
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.apx-banner-image {
  display: block;
  width: 100%;
  height: auto;
}
}
/* =========================
   Homepage Categories
   ========================= */

.apx-cats-section {
  margin: 0 0 24px;
}

.apx-cats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.apx-cat {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 170px;
  padding: 24px;
  border-radius: 24px;
  background: #111111;
  color: #ffffff;
  text-decoration: none !important;
  border: 1px solid #1f1f1f;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.apx-cat:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.16);
  border-color: #303030;
}

.apx-cat--featured {
  grid-column: span 2;
  min-height: 210px;
}

.apx-cat h2,
.apx-cat h3 {
  margin: 0 0 8px;
  color: #ffffff;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -0.2px;
}

.apx-cat h2 {
  font-size: 34px;
}

.apx-cat h3 {
  font-size: 24px;
}

.apx-cat p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.8;
}

.apx-cat-badge,
.apx-coming-badge {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
}

.apx-cat-badge {
  background: #ffffff;
  color: #111111;
}

.apx-coming-badge {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.apx-cat--coming {
  cursor: default;
  opacity: 0.96;
}

.apx-cat--coming:hover {
  transform: none;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12);
  border-color: #1f1f1f;
}

/* =========================
   Trust Section
   ========================= */

.apx-trust-section {
  margin-top: 8px;
}

.apx-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.apx-trust-item {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);
}

.apx-trust-item h3 {
  margin: 0 0 8px;
  color: #111111;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
}

.apx-trust-item p {
  margin: 0;
  color: #666666;
  font-size: 14px;
  line-height: 1.9;
}

/* =========================
   Buttons inside custom block only
   ========================= */

.apx-homepage .button,
.apx-homepage .btn,
.apx-homepage .s-button-element {
  border-radius: 12px !important;
}

/* =========================
   Tablet fallback
   ========================= */

@media (max-width: 1100px) {
  .apx-cats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .apx-cat--featured {
    grid-column: span 2;
  }

  .apx-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* =========================
   Mobile fallback
   سنضبطه لاحقًا بشكل أدق
   ========================= */

@media (max-width: 768px) {
  .apx-homepage {
    margin: 18px auto 32px;
    padding: 0 10px;
  }

  .apx-cats-grid,
  .apx-trust-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .apx-cat--featured {
    grid-column: span 1;
  }

  .apx-cat,
  .apx-cat--featured {
    min-height: 140px;
    padding: 18px;
    border-radius: 18px;
  }

  .apx-cat h2,
  .apx-cat h3 {
    font-size: 22px;
  }

  .apx-cat p,
  .apx-trust-item p {
    font-size: 13px;
  }

  .apx-trust-item {
    padding: 18px;
    border-radius: 16px;
  }
}
@media (min-width: 768px) {
  div[id^="product-"] .main-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}

@media (max-width: 767px) {
  div[id^="product-"] {
    direction: rtl !important;
  }
}
/* 1) إخفاء السعر تحت العنوان */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > div.flex.whitespace-nowrap.justify-between.items-center > div > div.gap-4.flex > h2 {
  display: none !important;
}

/* 2) تنظيف خانة السعر السفلية وإزالة الرمادي */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background {
  background: #ffffff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* تنظيف أي خلفية داخلية داخل خانة السعر */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background * {
  background: transparent !important;
}
/* ===== APX - restore image left with CSS only ===== */

/* 1) إخفاء المسار العلوي إذا لم تكن تحتاجه */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > nav {
  display: none !important;
}

/* 2) تقليل المسافة أعلى الصفحة */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* 3) الحاوية الرئيسية: صورة يسار + معلومات يمين */
#product-2015244172 {
  display: flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

}

/* 6) عمود المعلومات */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
  order: 2 !important;
  width: 54% !important;
  max-width: 54% !important;
  direction: rtl !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

/* 7) العنوان */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > h1 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 8) سطر تم شراءه */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-red,
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-primary,
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-sm {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 9) الكمية */
#product-2015244172 .sticky-product-bar__quantity {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

/* 10) صندوق السعر */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

/* 11) أزرار الشراء */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.sticky-product-bar.py-5.rounded-md.rounded-b-none.\!bg-transparent {
  padding-top: 8px !important;
  margin-top: 0 !important;
}

/* 12) الجوال */
@media (max-width: 991px) {
  #product-2015244172 {
    display: block !important;
    direction: rtl !important;
  }

  #product-2015244172 > :not(.main-content),
  #product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
    width: 100% !important;
    max-width: 100% !important;
  }

  #app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > nav {
    display: none !important;
  }
}
/* ===== Fix image size + title position ===== */

/* الحاوية الرئيسية */
#product-2015244172 {
  gap: 28px !important;
  align-items: flex-start !important;
}

/* عمود المعلومات */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-top: 34px !important; /* ينزل العنوان والمحتوى لتوازن أفضل */
  padding-top: 0 !important;
}

/* العنوان */
#product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > h1 {
  font-size: 28px !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
/* ===== توحيد صور المنتجات إلى 380×380 ===== */

div[id^="product-"] > :not(.main-content) {
  order: 1 !important;
  flex: 0 0 380px !important;
  width: 380px !important;
  max-width: 380px !important;
  min-width: 380px !important;
  margin-top: 18px !important;
  padding-top: 0 !important;
}

div[id^="product-"] > :not(.main-content) .swiper,
div[id^="product-"] > :not(.main-content) .swiper-wrapper,
div[id^="product-"] > :not(.main-content) .swiper-slide,
div[id^="product-"] > :not(.main-content) figure,
div[id^="product-"] > :not(.main-content) a,
div[id^="product-"] > :not(.main-content) .swiper-slide > div {
  width: 380px !important;
  height: 380px !important;
  max-width: 380px !important;
  max-height: 380px !important;
  min-width: 380px !important;
  min-height: 380px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

div[id^="product-"] > :not(.main-content) img {
  width: 380px !important;
  height: 380px !important;
  max-width: 380px !important;
  max-height: 380px !important;
  min-width: 380px !important;
  min-height: 380px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: 0 auto !important;
}

div[id^="product-"] > :not(.main-content) img.h-full,
div[id^="product-"] > :not(.main-content) img.object-cover,
div[id^="product-"] > :not(.main-content) .h-full.object-cover {
  width: 380px !important;
  height: 380px !important;
  object-fit: contain !important;
}
/* الجوال */
@media (max-width: 991px) {
  #product-2015244172 > :not(.main-content),
  #product-2015244172 > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    margin-top: 0 !important;
  }

  #product-2015244172 > :not(.main-content) img {
    width: 100% !important;
    max-width: 100% !important;
  }
}/* 1) إخفاء السعر تحت العنوان */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > div.flex.whitespace-nowrap.justify-between.items-center > div > div.gap-4.flex > h2 {
  display: none !important;
}

/* 2) تنظيف خانة السعر السفلية وإزالة الرمادي */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background {
  background: #ffffff !important;
  border: 1px solid #e7e7e7 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

/* تنظيف أي خلفية داخلية داخل خانة السعر */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background * {
  background: transparent !important;
}

/* ===== APX - restore image left with CSS only ===== */

/* 1) إخفاء المسار العلوي إذا لم تكن تحتاجه */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > nav {
  display: none !important;
}

/* 2) تقليل المسافة أعلى الصفحة */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod {
  margin-top: 8px !important;
  padding-top: 0 !important;
}

/* 3) الحاوية الرئيسية: صورة يسار + معلومات يمين */
div[id^="product-"] {
  display: flex !important;
  flex-direction: row !important;
  direction: ltr !important;
  align-items: flex-start !important;
  gap: 20px !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4) عمود الصورة */
div[id^="product-"] > :not(.main-content) {
  order: 1 !important;
  width: 46% !important;
  max-width: 46% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 5) الصورة نفسها */
div[id^="product-"] > :not(.main-content) img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* 6) عمود المعلومات */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
  order: 2 !important;
  width: 54% !important;
  max-width: 54% !important;
  direction: rtl !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  top: 0 !important;
}

/* 7) العنوان */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > h1 {
  font-size: 32px !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 8) سطر تم شراءه */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-red,
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-primary,
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 .text-sm {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* 9) الكمية */
div[id^="product-"] .sticky-product-bar__quantity {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

/* 10) صندوق السعر */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.flex.rounded-md.bg-\[\#EBEBEB\].dark\:bg-background {
  margin-top: 8px !important;
  margin-bottom: 10px !important;
}

/* 11) أزرار الشراء */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > form > section.sticky-product-bar.py-5.rounded-md.rounded-b-none.\!bg-transparent {
  padding-top: 8px !important;
  margin-top: 0 !important;
}

/* 12) الجوال */
@media (max-width: 991px) {
  div[id^="product-"] {
    display: block !important;
    direction: rtl !important;
  }

  div[id^="product-"] > :not(.main-content),
  div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
    width: 100% !important;
    max-width: 100% !important;
  }

  #app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > nav {
    display: none !important;
  }
}

/* ===== Fix image size + title position ===== */

/* الحاوية الرئيسية */
div[id^="product-"] {
  gap: 28px !important;
  align-items: flex-start !important;
}

/* عمود الصورة: رجوع لحجم ثابت قريب من السابق */
div[id^="product-"] > :not(.main-content) {
  flex: 0 0 380px !important;
  width: 380px !important;
  max-width: 380px !important;
  min-width: 380px !important;
  margin-top: 18px !important;
}

/* حاويات السلايدر والصورة */
div[id^="product-"] > :not(.main-content) .swiper,
div[id^="product-"] > :not(.main-content) .swiper-wrapper,
div[id^="product-"] > :not(.main-content) .swiper-slide,
div[id^="product-"] > :not(.main-content) figure,
div[id^="product-"] > :not(.main-content) a {
  width: 380px !important;
  max-width: 380px !important;
}

/* الصورة نفسها */
div[id^="product-"] > :not(.main-content) img {
  width: 380px !important;
  max-width: 380px !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}

/* عمود المعلومات */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-top: 34px !important;
  padding-top: 0 !important;
}

/* العنوان */
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 > h1 {
  font-size: 28px !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

/* الجوال */
@media (max-width: 991px) {
  div[id^="product-"] > :not(.main-content),
  div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    margin-top: 0 !important;
  }

  div[id^="product-"] > :not(.main-content) img {
    width: 100% !important;
    max-width: 100% !important;
  }
}
div[id^="product-"] [class*="swiper-button"],
div[id^="product-"] [class*="slider-next"],
div[id^="product-"] [class*="slider-prev"] {
  display: none !important;
}
/* تقليل ارتفاع الهيدر فقط */
header.store-header #mainnav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: auto !important;
}

header.store-header #mainnav .flex.items-center.justify-around {
  min-height: 38px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

header.store-header .main-menu {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  gap: 24px !important;
}

header.store-header #mainnav .navbar-brand img {
  width: 120px !important;
  max-width: 120px !important;
}
/* رفع وتنسيق تبويبات تفاصيل المنتج والتعليقات فقط */

/* الحاوية العامة */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header {
  margin-top: 6px !important;
  margin-bottom: 14px !important;
  display: flex !important;
  gap: 14px !important;
  align-items: stretch !important;
}

/* تبويب تفاصيل المنتج */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(1) > div {
  min-height: 78px !important;
  border-radius: 14px !important;
  border: 1px solid #111111 !important;
  background: #111111 !important;
  color: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  box-shadow: none !important;
}

/* تبويب التعليقات */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(2) > div {
  min-height: 78px !important;
  border-radius: 14px !important;
  border: 1px solid #dddddd !important;
  background: #ffffff !important;
  color: #111111 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 14px 18px !important;
  box-shadow: none !important;
}

/* النص الصغير داخل التبويبات */
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header > div small,
#app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header > div span:last-child {
  opacity: .72 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* الجوال */
@media (max-width: 767px) {
  #app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header {
    gap: 10px !important;
    margin-top: 12px !important;
  }

  #app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(1) > div,
  #app > div.app-inner.flex.flex-col.min-h-full > div.px-3.lg\:px-0.w-full.md-10\/12.lg\:w-3\/4.mx-auto.index-page.mt-8.single_prod > div.tabs-down > salla-tabs > div > div.s-tabs-header > salla-tab-header:nth-child(2) > div {
    min-height: 66px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
  }
}
div[id^="product-"] > div.main-content.md\:sticky.md\:overflow-hidden.w-full.lg\:w-2\/4.md\:pb-16.relative.p-1 {
  padding-bottom: 0 !important;
}
@media (min-width: 992px) {
  .single_prod > div.tabs-down {
    margin-top: -90px !important;
    position: relative !important;
    z-index: 2 !important;
  }
}