/* ==================================================
   منتجات مخصصة (مهرة)
   component-id="1242281482"
   ================================================== */

/* توسيط العنوان والوصف على الكمبيوتر والجوال */
section[component-id="1242281482"]
.l-products-container > .flex:first-child {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

section[component-id="1242281482"]
.l-products-title {
  width: 100% !important;
  align-items: center !important;
  text-align: center !important;
}

section[component-id="1242281482"]
.l-products-main-title,
section[component-id="1242281482"]
.l-products-main-subtitle {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}


/* ==================================================
   الكمبيوتر فقط
   توسيط الكاردين مع المحتوى النصي
   ================================================== */

@media (min-width: 1024px) {

  /* توسيط منطقة القسم في الشاشة */
  section[component-id="1242281482"]
  .l-products-container {
    width: 100% !important;
    max-width: 920px !important;
    margin-inline: auto !important;
  }

  /* جعل منطقة المنتجات بعرض الحاوية */
  section[component-id="1242281482"] .l-products,
  section[component-id="1242281482"] .s-products-slider-wrapper,
  section[component-id="1242281482"] .s-products-slider-slider,
  section[component-id="1242281482"] .s-slider-container {
    width: 100% !important;
    margin-inline: auto !important;
  }

  /* توسيط الكاردين داخل السلايدر */
  section[component-id="1242281482"]
  .swiper-wrapper.s-slider-swiper-wrapper {
    justify-content: center !important;
  }
}


/* ==================================================
   الجوال والتابلت
   توسيط العنوان والوصف فقط
   دون تعديل الكاردات أو السلايدر
   ================================================== */

@media (max-width: 1023px) {

  section[component-id="1242281482"]
  .l-products-container > .flex:first-child {
    width: 100% !important;
    justify-content: center !important;
  }

  section[component-id="1242281482"]
  .l-products-title {
    width: 100% !important;
    align-items: center !important;
    text-align: center !important;
  }

  section[component-id="1242281482"]
  .l-products-main-title,
  section[component-id="1242281482"]
  .l-products-main-subtitle {
    width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }
}

/* ==================================================
   توسيط قسم فيديوهات مراجعة المراتب على الكمبيوتر فقط
   ================================================== */

@media (min-width: 1024px) {

  /* توسيط حاوية العنوان */
  #videos-4-slider .s-slider-block__title {
    position: relative !important;
    width: 100% !important;
    justify-content: center !important;
  }

  /* توسيط العنوان والوصف */
  #videos-4-slider .s-slider-block__title-right {
    width: 100% !important;
    margin-inline: auto !important;
    padding-inline: 90px !important;
    text-align: center !important;
  }

  #videos-4-slider .s-slider-block__title-right h2,
  #videos-4-slider .s-slider-block__title-right p {
    width: 100% !important;
    margin-inline: auto !important;
    text-align: center !important;
  }

  /* إبقاء أسهم التحريك في الجهة اليسرى */
  #videos-4-slider .s-slider-block__title-left {
    position: absolute !important;
    inset-inline-end: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* توسيط الفيديوهات مهما كان عددها من 1 إلى 4 */
  #videos-4-slider .swiper-wrapper.s-slider-swiper-wrapper {
    justify-content: center !important;
  }

  /* توسيط حاوية الفيديوهات دون تغيير أحجامها */
  #videos-4-slider .s-slider-container {
    width: 100% !important;
    margin-inline: auto !important;
  }
}


/* ===== تنسيق وصف كمفورت ===== */
/* كمفورت فقط: تنسيق الوصف ومعالجة تجاوزه لعرض الشاشة */
#product-1057398041,
#product-1057398041 > div,
#product-1057398041 .product__description,
#product-1057398041 #more-content {
  min-width:0; max-width:100%; box-sizing:border-box;
}
#product-1057398041 #more-content {
  direction:rtl; text-align:right; overflow-wrap:break-word;
  overflow-x:clip; font-size:15px;
}
#product-1057398041 #more-content * {box-sizing:border-box;}
#product-1057398041 #more-content p {margin:0 0 24px !important;max-width:100%;}
/* الفراغ المضمن بديل عند غياب CSS؛ نخفيه هنا لتجنب مضاعفة المسافة */
#product-1057398041 #more-content p:has(> br:only-child) {display:none;margin:0 !important;}
#product-1057398041 #more-content h2 {margin:36px 0 14px !important;font-size:21px;line-height:1.5;}
#product-1057398041 #more-content h3 {margin:28px 0 10px !important;font-size:18px;line-height:1.6;}
#product-1057398041 #more-content > :is(h2,h3):first-child {margin-top:0 !important;}
#product-1057398041 #more-content img {display:block;width:100%;max-width:100% !important;height:auto !important;margin:16px auto 22px;}
#product-1057398041 #more-content table {
  display:table !important;width:100% !important;max-width:100% !important;
  min-width:0 !important;table-layout:fixed !important;
  border-collapse:collapse;border:0 !important;margin:16px 0 24px;
  background:#fff;font-size:14px;
}
#product-1057398041 #more-content table td {
  min-width:0; padding:12px 7px !important; border:0 !important;
  border-bottom:1px solid #d5e2eb !important;vertical-align:top;
  white-space:normal !important;overflow-wrap:break-word;line-height:1.8;color:#1c5375;
}
#product-1057398041 #more-content table td:first-child {width:36%;text-align:right !important;}
#product-1057398041 #more-content table:first-of-type td:first-child {background:#f4f8fb;}
#product-1057398041 #more-content table:nth-of-type(2) td:not(:first-child) {width:32%;text-align:center !important;}
#product-1057398041 #more-content table:nth-of-type(2) tr:first-child td {background:#edf4f8;font-weight:700;}
#product-1057398041 #more-content table tr:last-child td {border-bottom:0 !important;}
#product-1057398041 #more-content :is(ol,ul) {max-width:100%;margin:12px 0 22px;padding-inline-start:22px;padding-inline-end:0;}
#product-1057398041 #more-content li {margin-bottom:14px !important;overflow-wrap:break-word;}
/* رابط بريميوم يتحول إلى زر كبير، حتى لو حذف المحرر التنسيق المضمن */
#product-1057398041 #more-content a[href*="/p539756917"] {
  display:block !important;width:100% !important;max-width:100%;min-width:0;
  margin:16px 0;padding:15px 12px !important;border-radius:10px;
  background:#105b8d !important;color:#fff !important;
  text-align:center !important;text-decoration:none !important;
  font-size:17px;font-weight:700;line-height:1.6;white-space:normal;overflow-wrap:break-word;
}
#product-1057398041 #more-content a[href*="/p539756917"] :is(span,strong) {color:#fff !important;}
#product-1057398041 #more-content a[href*="/p539756917"]:focus-visible {outline:3px solid #e5a620;outline-offset:3px;}
@media(max-width:480px) {
  #product-1057398041 #more-content table:nth-of-type(2) {font-size:13px;}
  #product-1057398041 #more-content table td {padding:11px 5px !important;}
}


/* ===== تنسيق وصف بريميوم ===== */
/* بريميوم فقط: تنسيق الوصف ومعالجة تجاوزه لعرض الشاشة */
#product-539756917,
#product-539756917 > div,
#product-539756917 .product__description,
#product-539756917 #more-content {
  min-width:0; max-width:100%; box-sizing:border-box;
}
#product-539756917 #more-content {
  direction:rtl; text-align:right; overflow-wrap:break-word;
  overflow-x:clip; font-size:15px;
}
#product-539756917 #more-content * {box-sizing:border-box;}
#product-539756917 #more-content p {margin:0 0 24px !important;max-width:100%;}
/* الفراغ المضمن بديل عند غياب CSS؛ نخفيه هنا لتجنب مضاعفة المسافة */
#product-539756917 #more-content p:has(> br:only-child) {display:none;margin:0 !important;}
#product-539756917 #more-content h2 {margin:36px 0 14px !important;font-size:21px;line-height:1.5;}
#product-539756917 #more-content h3 {margin:28px 0 10px !important;font-size:18px;line-height:1.6;}
#product-539756917 #more-content > :is(h2,h3):first-child {margin-top:0 !important;}
#product-539756917 #more-content img {display:block;width:100%;max-width:100% !important;height:auto !important;margin:16px auto 22px;}
#product-539756917 #more-content table {
  display:table !important;width:100% !important;max-width:100% !important;
  min-width:0 !important;table-layout:fixed !important;
  border-collapse:collapse;border:0 !important;margin:16px 0 24px;
  background:#fff;font-size:14px;
}
#product-539756917 #more-content table td {
  min-width:0; padding:12px 7px !important; border:0 !important;
  border-bottom:1px solid #d5e2eb !important;vertical-align:top;
  white-space:normal !important;overflow-wrap:break-word;line-height:1.8;color:#1c5375;
}
#product-539756917 #more-content table td:first-child {width:36%;text-align:right !important;}
#product-539756917 #more-content table:first-of-type td:first-child {background:#f4f8fb;}
#product-539756917 #more-content table:nth-of-type(2) td:not(:first-child) {width:32%;text-align:center !important;}
#product-539756917 #more-content table:nth-of-type(2) tr:first-child td {background:#edf4f8;font-weight:700;}
#product-539756917 #more-content table tr:last-child td {border-bottom:0 !important;}
#product-539756917 #more-content :is(ol,ul) {max-width:100%;margin:12px 0 22px;padding-inline-start:22px;padding-inline-end:0;}
#product-539756917 #more-content li {margin-bottom:14px !important;overflow-wrap:break-word;}
/* رابط كمفورت يتحول إلى زر كبير، حتى لو حذف المحرر التنسيق المضمن */
#product-539756917 #more-content a[href*="/p1057398041"] {
  display:block !important;width:100% !important;max-width:100%;min-width:0;
  margin:16px 0;padding:15px 12px !important;border-radius:10px;
  background:#105b8d !important;color:#fff !important;
  text-align:center !important;text-decoration:none !important;
  font-size:17px;font-weight:700;line-height:1.6;white-space:normal;overflow-wrap:break-word;
}
#product-539756917 #more-content a[href*="/p1057398041"] :is(span,strong) {color:#fff !important;}
#product-539756917 #more-content a[href*="/p1057398041"]:focus-visible {outline:3px solid #e5a620;outline-offset:3px;}
@media(max-width:480px) {
  #product-539756917 #more-content table:nth-of-type(2) {font-size:13px;}
  #product-539756917 #more-content table td {padding:11px 5px !important;}
}

/* حماية عرض بريميوم فقط، مع إبقاء التمرير العمودي وعناصر الشراء */
#product-539756917 {overflow-x:clip;}
#product-539756917 .product__description,
#product-539756917 #more-content {
  width:100%;min-width:0 !important;max-width:100% !important;
}
#product-539756917 #more-content > * {max-width:100%;}
#product-539756917 #more-content :is(p,li,a,td) {
  overflow-wrap:anywhere;
}
#product-539756917 #more-content :is(table,img) {max-width:100% !important;}
@media(max-width:1023px) {
  /* صف السعر الملاحظ في مهرة: لا يجبر شارات الخصم على الخروج من الشاشة */
  #product-539756917 .main-content div:has(> #custom-product-prices) {
    flex-wrap:wrap !important;white-space:normal !important;
    min-width:0;max-width:100%;
  }
  #product-539756917 #custom-product-prices {
    flex:1 0 100% !important;width:100% !important;min-width:0;
    max-width:100%;flex-wrap:wrap;white-space:normal !important;
  }
  #product-539756917 #custom-product-prices > div {
    flex:1 1 calc(50% - 4px);width:auto !important;min-width:0;
    max-width:100%;white-space:normal !important;
  }
  #product-539756917 #custom-product-prices span {
    min-width:0;white-space:normal !important;overflow-wrap:anywhere;
  }
  #product-539756917 #custom-product-prices svg {flex-shrink:0;}
  /* يحد أيضًا خروج أزرار بطاقات المنتجات من السلايدر على الجوال */
  main:has(#product-539756917) {overflow-x:clip;}
}

/* ترتيب صفحة المنتج للجوال فقط */
@media screen and (max-width: 767.98px) {

  /* حاوية تفاصيل المنتج الحالية */
  .container--product-details > .flex.flex-col.items-start {
    align-items: stretch !important;
  }

  /*
   * إلغاء أغلفة الأعمدة بصرياً في الجوال فقط،
   * لتصبح عناصر التفاصيل ونموذج الشراء قابلة للترتيب معاً.
   */
  .container--product-details > .flex.flex-col.items-start > .main-content,
  .container--product-details > .flex.flex-col.items-start
    > .lg\:sticky.lg\:top-36.w-full.lg\:w-1\/3 {
    display: contents !important;
  }

  /* بيانات المنتج: المسار، الاسم، التوفر، المواصفات والسعر */
  .container--product-details > .flex.flex-col.items-start
    > .main-content > * {
    order: 10 !important;
    inline-size: 100% !important;
  }

  /* مؤشر الكمية المباعة */
  .container--product-details > .flex.flex-col.items-start
    > .main-content > .pp-product-storage {
    order: 20 !important;
  }

  /*
   * صندوق الشراء: التقسيط، خيارات المقاس، السعر،
   * أزرار السلة والشراء الآن.
   */
  .container--product-details > .flex.flex-col.items-start
    > .lg\:sticky.lg\:top-36.w-full.lg\:w-1\/3 > * {
    order: 30 !important;
    inline-size: 100% !important;
  }

  /* ضمان ظهور النموذج المحدد بعد «تم بيع…» */
  .container--product-details > .flex.flex-col.items-start
    > .lg\:sticky.lg\:top-36.w-full.lg\:w-1\/3
    > form.product-form {
    order: 30 !important;
  }

  /* الوصف يظهر بعد صندوق الشراء */
  .container--product-details > .flex.flex-col.items-start
    > .main-content > .product__description {
    order: 40 !important;
  }
}