body.mm-pip-lock { overflow: hidden; }
.mm-pip { position: relative; }

.mm-pip-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.mm-pip-btn {
    appearance: none;
    border: 0;
    cursor: pointer;
    padding: 10px 14px;
    border-radius: 25px;
    font-weight: 700;
    background: #98d85552;
    color: #000;
    line-height: 1;
}

.mm-pip-btn:hover{ opacity:.92; }
.mm-pip-btn.is-active{ background:#1d4ed8; }

.mm-pip-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
  z-index:9998;
}

.mm-pip-drawer{
  position:fixed;
  bottom:0;
  background:#fff;
  box-shadow:0 -20px 60px rgba(0,0,0,.22);
  display:flex;
  flex-direction:column;
  transition:transform .28s ease;
  z-index:9999;
}

/* כותרת */
.mm-pip-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.mm-pip-title{
  font-size:18px;
  font-weight:800;
}

.mm-pip-x{
  width:36px;
  height:36px;
  border-radius:999px;
  border:0;
  cursor:pointer;
  background:#f1f1f1;
  font-size:22px;
  line-height:1;
}

.mm-pip-drawer-body{
  padding:24px;
  overflow:auto;
}

/* OPEN */
.mm-pip.is-open .mm-pip-overlay{
  opacity:1;
  pointer-events:auto;
}

/* ===== DESKTOP: צר + מרכזי + גבוה ===== */
@media (min-width: 769px){
  .mm-pip-drawer{
    left:50%;
    width:720px;
    max-width:calc(100vw - 80px);
    height:85vh;
    border-radius: 28px 28px 0 0;
    transform:translate(-50%, 110%);
  }

  .mm-pip.is-open .mm-pip-drawer{
    transform:translate(-50%, 0);
  }
}

/* ===== MOBILE: רחב ===== */
@media (max-width: 768px){
  .mm-pip-btn{
    padding:10px 12px;
    border-radius:14px;
    font-size:14px;
  }

  .mm-pip-drawer{
    left:0;
    right:0;
    width:100%;
    max-height:88vh;
    border-radius:22px 22px 0 0;
    transform:translateY(110%);
  }

  .mm-pip.is-open .mm-pip-drawer{
    transform:translateY(0);
  }
  .mm-pip-buttons {
    justify-content: center;
}
}