@media (max-width: 767px) {
  .index.mobile_small_blocks_titles h2.text-3xl {
    font-size: 1.1rem;
  }
  #best-offers-1-slider {
    margin-top: 1rem;
  }
}
@media (min-width: 640px) {
  #best-offers-1-slider {
    margin-top: 2rem;
  }
  .banner--fixed img {
    scale: unset;
  }
}
.s-block--fixed-banner {
  margin-top: 0rem !important;
}

.s-block--map .text-store-text-primary {
  font-size: 1.5rem !important;
}

#best-offers-0-slider {
  margin-top: 1rem !important;
}

.product__description p,
.product__description li {
  text-align: justify;
}

/* Prevent justification for text inside <strong> */
.product__description li strong {
  text-align: right; /* or inherit, depending on your preference */
}

.product__description .article {
  min-height: 13rem !important; /* Override max-h-0 and inline max-height */
}

.product__description h2,
.product__description h3 {
  text-align: center !important;
}

.product__description h3 {
  position: relative; /* Ensure the line is positioned relative to the <h3> */
  margin-bottom: 1rem; /* Optional: Add some space below the <h3> */
}

.product__description h3::after {
  content: ""; /* Create an empty content for the line */
  display: block;
  width: 100%; /* Make the line span full width */
  height: 2px; /* Thickness of the line */
  background-color: black; /* Black color for the line */
  position: absolute;
  bottom: -5px; /* Adjust the distance below the <h3>; tweak as needed */
  left: 0;
}

.product__description h3 strong {
  background: #121fcf;
  background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
}

.product__description h5 {
  text-align: center !important;
  line-height: 1.7;
}

.product__description h5 strong {
  font-size: 1.6rem;
}

#single-product-details #details_table {
  /* Prevent justification for text inside <strong> */
}
#single-product-details #details_table p,
#single-product-details #details_table li {
  text-align: justify;
}
#single-product-details #details_table li strong {
  text-align: right; /* or inherit, depending on your preference */
}
#single-product-details #details_table .article {
  min-height: 13rem !important; /* Override max-h-0 and inline max-height */
}
#single-product-details #details_table h2,
#single-product-details #details_table h3 {
  text-align: center !important;
}
#single-product-details #details_table h3 {
  position: relative; /* Ensure the line is positioned relative to the <h3> */
  margin-bottom: 1rem; /* Optional: Add some space below the <h3> */
}
#single-product-details #details_table h3::after {
  content: ""; /* Create an empty content for the line */
  display: block;
  width: 100%; /* Make the line span full width */
  height: 2px; /* Thickness of the line */
  background-color: black; /* Black color for the line */
  position: absolute;
  bottom: -5px; /* Adjust the distance below the <h3>; tweak as needed */
  left: 0;
}
#single-product-details #details_table h3 strong {
  background: #121fcf;
  background: linear-gradient(to right, #121fcf 0%, #cf1512 100%);
  color: white !important;
}
#single-product-details #details_table h5 {
  text-align: center !important;
  line-height: 1.7;
}
#single-product-details #details_table h5 strong {
  font-size: 1.6rem;
}/*# sourceMappingURL=main.css.map */

/* =========================================================
   PREMIUM PRODUCT DESCRIPTION — Salla (Option B)
   Scope: #details_table only.
   Works together with the JS injector below.
   ========================================================= */

#details_table{
  font-family:"Cairo","Almarai","Effra-R",sans-serif;
  color:#444;
  font-size:16px;
  line-height:1.85;
  text-align:justify;
  direction:rtl;
  padding:8px 12px;
}

/* ---- Headings ---- */
#details_table h2{
  font-size:26px; font-weight:700; color:#1a1a1a;
  margin:40px 0 16px; padding-bottom:10px;
  border-bottom:2px solid #f0c14b; line-height:1.4;
}
#details_table h2:first-child{ margin-top:0; }
#details_table h3{
  font-size:20px; font-weight:600; color:#333;
  margin:28px 0 12px; line-height:1.4;
}

/* ---- Paragraphs ---- */
#details_table p{ color:#444; margin:0 0 16px; line-height:1.85; }
#details_table strong{ color:#222; font-weight:700; }
#details_table em{ color:#6b5b2e; font-style:italic; }

/* ---- Images & captions ---- */
#details_table img{
  max-width:100%; height:auto; border-radius:10px;
  display:block; margin:18px auto 6px;
  box-shadow:0 4px 16px rgba(0,0,0,.06);
}
#details_table p.img-caption{
  text-align:center; font-size:14px; color:#777;
  margin:4px auto 24px; font-style:italic;
}

/* ---- Default UL (storage tips, etc.) ---- */
#details_table ul{ padding:0; margin:0 0 24px; list-style:none; }
#details_table ul > li{
  position:relative; padding:8px 28px 8px 0; margin-bottom:6px;
}
#details_table ul > li::before{
  content:"✦"; position:absolute; right:0; top:8px;
  color:#f0c14b; font-size:16px;
}

/* ---- Numbered "Why us" OL with gold circles ---- */
#details_table ol{
  padding:0 28px 0 0; margin:0 0 18px;
  counter-reset:tw-counter; list-style:none;
}
#details_table ol > li{
  position:relative; counter-increment:tw-counter;
  padding:12px 56px 12px 14px; margin-bottom:10px;
  background:#fbf7ed; border-right:3px solid #f0c14b;
  border-radius:8px;
}
#details_table ol > li::before{
  content:counter(tw-counter);
  position:absolute; right:14px; top:50%;
  transform:translateY(-50%);
  width:30px; height:30px; background:#f0c14b;
  color:#1a1a1a; font-weight:700; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-size:14px;
}

/* ---- SPEC GRID (table replacement) ---- */
#details_table ul.spec-grid{
  border:1px solid #e8e8e8; border-radius:10px;
  overflow:hidden; margin:18px 0 28px; padding:0;
  background:#fff; list-style:none;
}
#details_table ul.spec-grid > li{
  display:flex; align-items:center; padding:0; margin:0;
  border-bottom:1px solid #eee; background:#fff; text-align:center;
}
#details_table ul.spec-grid > li::before{ content:none !important; }
#details_table ul.spec-grid > li:last-child{ border-bottom:none; }
#details_table ul.spec-grid > li:nth-child(odd){ background:#f9f6f0; }
#details_table ul.spec-grid > li > strong{
  flex:0 0 35%; padding:14px 16px;
  background:#f5efe1; color:#333; font-weight:700;
  border-left:1px solid #e8e8e8; text-align:center;
  align-self:stretch; display:flex; align-items:center; justify-content:center;
}
#details_table ul.spec-grid > li > .spec-val{
  flex:1; padding:14px 16px; text-align:center;
}

/* ---- FAQ headings ---- */
#details_table h3.faq{
  background:#fbf7ed; border-right:3px solid #f0c14b;
  padding:12px 16px; border-radius:6px;
  margin-top:24px; font-size:18px;
}

/* ---- Call-to-action box ---- */
#details_table p.cta{
  background:#1a1a1a; color:#fff;
  padding:18px 22px; border-radius:10px;
  text-align:center; font-size:17px;
  margin:32px 0 8px; line-height:1.7;
}
#details_table p.cta strong{ color:#f0c14b; }

/* ---- Mobile ---- */
@media (max-width:640px){
  #details_table h2{ font-size:22px; }
  #details_table h3{ font-size:18px; }
  #details_table ul.spec-grid > li{ flex-direction:column; }
  #details_table ul.spec-grid > li > strong{
    flex:1 1 100%; border-left:none;
    border-bottom:1px solid #e8e8e8; padding:10px 14px;
  }
}