/* ==========================================================================
   1. تنسيقات الجدول المطور (إصلاح مشكلة اختفاء الحدود والخلفيات)
   ========================================================================== */
.salla-multi-table {
  width: 100% !important;
  border-collapse: separate !important; /* للحفاظ على انحناء زوايا الجدول */
  border-spacing: 0 !important;
  margin: 25px 0 !important;
  font-size: 14px !important;
  direction: rtl !important;
  border: 1px solid #1c3a5e !important;
  box-shadow: 0 4px 12px rgba(28, 58, 94, 0.08) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background-color: #ffffff !important;
}

.salla-multi-table thead tr {
  background: #1c3a5e !important;
}
span.s-cart-summary-count {
    color: #fff !important;
}

.salla-multi-table th {
  color: #ffffff !important;
  font-weight: bold !important;
  padding: 14px 16px !important;
  border: 1px solid #2a4a70 !important;
  border-style: solid !important;
  text-align: center !important;
}

.salla-multi-table td {
  padding: 14px 16px !important;
  border: 1px solid #d8e2ec !important;
  border-style: solid !important; /* إجبار المتصفح على إظهار الحدود */
  text-align: center !important;
  color: #1c3a5e !important;
  line-height: 1.6 !important;
}

/* عمود المواصفات (العمود الأول) */
.salla-multi-table tbody tr td:first-child {
  font-weight: bold !important;
  background-color: #f4f8fb !important;
}

/* تبديل خلفيات الصفوف */
.salla-multi-table tbody tr:nth-child(even) {
  background-color: #eef3f8 !important;
}
.salla-multi-table tbody tr:nth-child(odd) {
  background-color: #ffffff !important;
}

.salla-multi-table tbody tr:hover {
  background-color: #fde9dd !important;
}

@media (max-width: 600px) {
  .salla-multi-table {
    font-size: 12px !important;
    display: block !important;
    overflow-x: auto !important; /* سحب أفقي مريح على الموبايل */
  }
  .salla-multi-table th,
  .salla-multi-table td {
    padding: 10px 8px !important;
  }
}

/***************/
.store-footer__inner.da-bgm.has-custom-bg * {
  color: #fff;
}
i.sicon-menu.text-primary.text-2xl {
  color: #fff;
}
.store-footer__inner.da-bgm.has-custom-bg li *,
div#contact-slot * {
  color: #000 !important;
}

.fixed-header * {
  color: #000 !important;
  fill: #000 !important;
  border-color: #000 !important;
}

.fixed-header .dark .da-tm {
  color: #000 !important;
  fill: #000 !important;
  border-color: #000 !important;
}
.fixed-header p.da-tm.hidden.text-xl.md\:block.ltr\:ml-1.rtl\:mr-1,
.fixed-header b.s-cart-summary-total,
.fixed-header
  span.search-btn.header-btn.flex.da-fm.angelmodal-toggle.cursor-pointer,
.fixed-header i.sicon-user.text-base.text-black.da-tm,
.fixed-header i.sicon-cart2.text-base.text-black.da-tm,
.fixed-header i.sicon-search.text-base.text-black.da-tm {
  color: #000 !important;
  fill: #000 !important;
}

/***************/

.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.mask-block.in-view {
  margin: 20px 0;
  background: transparent;
}

.grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4 {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center !important;
  align-items: center !important;
  gap: 102px;
}

.angel-feature.flex-center.flex-col {
  max-width: 215px;
  flex: 0 1 215px;
  background: #c6c6c729;
  padding: 20px;
  border-radius: 16px;
}

/* Force exactly 2 items per row on mobile */
@media (max-width: 600px) {
  .grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4 {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    justify-content: center !important;
    align-items: stretch !important;
    flex-wrap: unset;
  }

  .angel-feature.flex-center.flex-col {
    max-width: none;
    width: 100%;
    flex: none;
    padding: 14px;
  }

  /* center a trailing odd item so it doesn't sit in column 1 */
  .angel-feature.flex-center.flex-col:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: 215px;
    justify-self: center;
  }
}

/************/
.slide--cat-entry i {
  display: none;
}

a.slide--cat-entry.relative {
  width: 200px;
  height: 154px;
  border: 1px solid #e31b23;
  font-size: 26px !important;
}
a.slide--cat-entry.relative h3 {
  font-size: inherit;
}

h2.w-full.da-cp {
  text-align: center;
}

@media (max-width: 600px) {
  a.slide--cat-entry.relative {
    width: 100px;
    height: 100px;
    border: 1px solid #e31b23;
    font-size: 16px !important;
  }
  a.slide--cat-entry.relative h3 {
    font-size: inherit;
  }

  h2.w-full.da-cp {
    text-align: center;
  }
}
/************/
.s-block--slider-with-bg .slider-bg:before {
  background-color: transparent !important;
}

.slider-bg.transition-opacity.bg-center.bg-cover.relative {
  height: 600px;
}
@media (max-width: 600px) {
  .slider-bg.transition-opacity.bg-center.bg-cover.relative {
    height: 180px;
  }

  div#swiper-wrapper-98dba9f7c67ac10c4 {
    margin-top: 2.5rem;
  }
}

.store-footer__inner.da-bgm.has-custom-bg * {
  color: #fff;
}
.store-footer__inner.da-bgm.has-custom-bg li *,
div#contact-slot * {
  color: #000 !important;
}

/*********************/
.s-button-wrap .s-button-element,
.s-button-wrap .s-button-primary-outline {
  background: linear-gradient(90deg, #c81e2e 0%, #7a0e17 100%) !important;
  border: none !important;
  border-radius: 30px !important;
  color: #fff !important;
}

.s-button-wrap .s-button-element .s-button-text,
.s-button-wrap .s-button-element .sicon-cart2 {
  color: #fff !important;
}

.s-button-wrap .s-button-element:hover {
  background: linear-gradient(90deg, #b01a28 0%, #6a0c14 100%) !important;
  opacity: 0.95;
}
section.s-block.s-block--bundle-html-content {
  padding: 0 !important;
}
.flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg.relative {
    background: #EFEFEF !important;
}

i.testimonial__icon.sicon-quote.-scale-y-100.-scale-x-100.absolute.top-4.ltr\:right-4.rtl\:left-4.text-3xl.da-tm.opacity-10 {

    color: #FFCC00 !important;
    opacity: 1;
}
@media(max-width:600px){

  section.s-block.s-block--slider-with-bg.s-block--full-bg.in-view .s-slider-block__title {
    margin-top: 2rem;
}
@media(max-width:600px){
  div#mainnav {background-color:#1b1b1b !important}

}

}
.page-single.salla-1130931637
.content.content--single-page.opt-text.w-full.lg\:w-10\/12.bg-white.rounded.p-6.lg\:p-8.mt-4.lg\:mt-12.da-bgg {width:100% !important}



    @media (max-width: 640px) {
      #brands-grid-wrap { grid-template-columns: repeat(2, 1fr) !important; }
    }