#serviceAlertMaster {
    position: fixed;
    left: 50%;
    bottom: 22px;
    transform: translateX(-50%);
    z-index: 100000;
    width: min(92vw, 620px);
    background: #111;
    color: #fff;
    border: 3px solid #ffd400;
    border-radius: 18px;
    box-shadow: 0 16px 45px rgba(0,0,0,.35);
    padding: 14px 16px;
    display: none;
    align-items: center;
    gap: 12px;
  }
  #serviceAlertMaster.active { display:flex; }
  #serviceAlertMaster .service-alert-icon {
    font-size: 34px;
    flex: 0 0 auto;
  }
  #serviceAlertMaster .service-alert-copy {
    flex: 1 1 auto;
    min-width: 0;
  }
  #serviceAlertMaster .service-alert-copy strong {
    display:block;
    font-size:16px;
    margin-bottom:3px;
  }
  #serviceAlertMaster .service-alert-copy small {
    display:block;
    color:#ddd;
    line-height:1.35;
  }
  #serviceAlertMaster button {
    border:0;
    border-radius:12px;
    padding:10px 13px;
    font-weight:800;
    cursor:pointer;
  }
  #serviceAlertMaster .service-alert-silence {
    background:#ffd400;
    color:#111;
  }
  @media (max-width: 620px) {
    #serviceAlertMaster {
      bottom: 12px;
      align-items: flex-start;
      flex-wrap: wrap;
    }
    #serviceAlertMaster .service-alert-silence {
      width:100%;
    }
  }


    /* =========================================================
       AJUSTE MOVIL 2026-08-14: SCROLL DE PANELES + CARRITO
       ========================================================= */
    .account-modal-content,
    .worker-panel-content,
    .business-panel-content {
      overflow-x: hidden !important;
      overflow-y: auto !important;
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-y: contain;
      touch-action: pan-y;
    }

    .account-body,
    .worker-panel-body,
    .business-panel-body {
      padding-bottom: calc(36px + env(safe-area-inset-bottom));
    }

    /* El FAB de soporte es redundante dentro de un modal y tapaba controles. */
    body:has(.modal.active) .master-support-fab {
      display: none !important;
    }

    #serviceModalBody {
      padding-bottom: calc(112px + env(safe-area-inset-bottom));
    }

    @media (max-width: 560px) {
      .modal {
        padding: 12px;
      }

      .modal.active {
        align-items: flex-start;
      }

      .modal-content {
        max-height: calc(100dvh - 24px);
        border-radius: 22px;
      }

      .master-cart-bar {
        width: calc(100vw - 32px);
        bottom: calc(12px + env(safe-area-inset-bottom));
        padding: 9px 10px;
        gap: 8px;
        border-radius: 14px;
      }

      .master-cart-bar > div {
        min-width: 0;
        font-size: 13px;
        line-height: 1.3;
      }

      .master-cart-bar button {
        flex: 0 0 auto;
        padding: 9px 10px;
        font-size: 12px;
        border-radius: 10px;
      }
    }