/* Osool V46.5 — Mobile add-button containment fix.
   Scope: phone cards only. Keeps the existing V46.4 design and fixes the
   "أضف" button so it never escapes the product card. */

@media (max-width: 700px) {
  .osrm11.osrm11-direct-menu .osrm46-card {
    overflow: hidden !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm11-card-foot {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order {
    display: grid !important;
    grid-template-columns: minmax(40px, 1fr) 80px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    direction: ltr !important;
    overflow: hidden !important;
  }

  /* Keep quantity on the right side and Add on the left, fully inside card. */
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order > .osrm15-qty {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 26px 28px 26px !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    height: 40px !important;
    min-height: 40px !important;
    flex: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    direction: ltr !important;
    overflow: hidden !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty button {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty-value {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 38px !important;
    min-height: 38px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 7px 5px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    direction: rtl !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add::before {
    display: none !important;
    content: none !important;
  }
}

/* Extra-tight phones: preserve the same layout without overflow. */
@media (max-width: 370px) {
  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order {
    grid-template-columns: minmax(36px, 1fr) 74px !important;
    gap: 4px !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-card-order > .osrm15-qty {
    grid-template-columns: 24px 26px 24px !important;
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty button {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-qty-value {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
  }

  .osrm11.osrm11-direct-menu .osrm46-card .osrm15-simple-add {
    font-size: 9px !important;
    padding-inline: 3px !important;
  }
}