/* حقل "العنوان الترويجي" يُستخدم كحامل مخفي لكميات المقاسات.
   إخفاؤه هنا في CSS (لا في JavaScript) حتى لا يظهر ولو للحظة. */
.promotion-title {
  display: none !important;
}

/* شريط الشراء الثابت أسفل الجوال - Dewalls
   السطر الأول: الإجمالي يمين + الكمية يسار
   بقية الأزرار (أضف للسلة، اشترِ الآن، Apple Pay) كل واحد بعرض كامل تحته */

@media (max-width: 767px) {

  .sticky-product-bar {
    position: fixed !important;
    inset-inline: 0;
    bottom: 0;
    z-index: 40;
    margin: 0;
    display: grid !important;
    grid-template-columns: auto 1fr;
    gap: 8px 10px;
    align-items: center;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
    border-radius: 16px 16px 0 0;
    box-shadow: 0 -2px 14px rgba(0, 0, 0, .14);
    max-height: 55vh;
    overflow-y: auto;
  }

  /* الإجمالي: أول خانة في السطر الأول */
  .dw-bar-price {
    grid-column: 1;
    grid-row: 1;
  }

  /* الكمية: نفس السطر، بدون كلمة "الكمية" */
  .sticky-product-bar__quantity {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
  }

  .sticky-product-bar__quantity > label {
    display: none;
  }

  /* أي زر آخر: سطر مستقل بعرض كامل */
  .sticky-product-bar > *:not(.dw-bar-price):not(.sticky-product-bar__quantity) {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100%;
  }

  /* مساحة أسفل الصفحة حتى لا يغطي الشريط آخر المحتوى */
  body {
    padding-bottom: 215px;
  }
}