/* &#1602;&#1601;&#1604; &#1587;&#1603;&#1585;&#1608;&#1604; &#1575;&#1604;&#1582;&#1604;&#1601;&#1610;&#1577; */
.coac-modal-open { overflow: hidden !important; }

/* &#1582;&#1604;&#1601;&#1610;&#1577; &#1578;&#1594;&#1591;&#1610; &#1575;&#1604;&#1589;&#1601;&#1581;&#1577; &#1603;&#1575;&#1605;&#1604;&#1577; */
.coac-modal-backdrop{
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.55) !important;
  z-index: 2147483638 !important; /* &#1593;&#1575;&#1604;&#1610; &#1580;&#1583;&#1575;&#1611; */
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease;
}
.coac-modal-backdrop.is-open{
  opacity: 1; pointer-events: auto;
}

/* &#1594;&#1591;&#1575;&#1569; &#1575;&#1604;&#1605;&#1608;&#1583;&#1575;&#1604; */
.coac-modal{
  position: fixed !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  z-index: 2147483640 !important; /* &#1571;&#1593;&#1604;&#1609; &#1605;&#1606; &#1571;&#1610; &#1588;&#1610;&#1569; */
  opacity: 0; pointer-events: none;
  transition: opacity .2s ease;
}
.coac-modal.is-open{
  opacity: 1; pointer-events: auto;
}

/* &#1604;&#1608;&#1581;&#1577; &#1575;&#1604;&#1605;&#1608;&#1583;&#1575;&#1604; */
.coac-modal__panel{
  max-width: 640px; width: calc(100vw - 32px);
  background: #fff; border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  transform: translateY(10px);
  transition: transform .2s ease;
  position: relative;
  z-index: 1;
  padding: 20px;
}
.coac-modal.is-open .coac-modal__panel{ transform: translateY(0); }

/* &#1586;&#1585; &#1575;&#1604;&#1573;&#1594;&#1604;&#1575;&#1602; */
.coac-modal__close{
  position: absolute; top: 10px; inset-inline-end: 10px;
  border: 0; background: transparent; font-size: 28px; line-height: 1;
  cursor: pointer;
}
.coac-modal__title{ margin: 0 0 8px; font-weight: 700; font-size: 20px; }
.coac-modal__body{ font-size: 16px; line-height: 1.6; }