/* Review form pop-up, sitewide. Opened by assets/js/review-modal.js. */
html.placed-review-modal-open{overflow:hidden}

.placed-review-modal{
  box-sizing:border-box;
  width:calc(100% - 28px);
  max-width:580px;
  max-height:calc(100vh - 28px);
  max-height:calc(100dvh - 28px);
  margin:auto;
  padding:0;
  border:0;
  border-radius:16px;
  background:#fff;
  color:#0B0E14;
  font-family:"Inter",Arial,sans-serif;
  box-shadow:0 30px 80px rgba(3,9,28,.38);
  overflow:auto;
  overscroll-behavior:contain;
}

.placed-review-modal *,
.placed-review-modal *::before,
.placed-review-modal *::after{box-sizing:border-box}

.placed-review-modal::backdrop{background:rgba(6,12,30,.64)}

.placed-review-modal__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:24px 24px 4px;
}

.placed-review-modal__head h2{
  margin:0;
  color:#0B0E14;
  font-family:"Epilogue",Arial,sans-serif;
  font-size:24px;
  font-weight:800;
  letter-spacing:-.045em;
  line-height:1.15;
}

.placed-review-modal__head p{
  margin:8px 0 0;
  color:#667085;
  font-size:14px;
  line-height:1.5;
}

.placed-review-modal__close{
  flex:0 0 auto;
  width:40px;
  height:40px;
  padding:0;
  border:1px solid #E3E7EF;
  border-radius:999px;
  background:#fff;
  color:#0B0E14;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}

.placed-review-modal__close:hover{background:#F5F7FB}

/* The form block keeps its own page styles; only its outer box changes here. */
.placed-review-modal__body > *{
  width:100%;
  max-width:none !important;
  margin:0;
  padding:16px 24px 24px !important;
  border-radius:0;
  background:#fff;
  box-shadow:none;
}

/* The homepage form block carries its own title, which the pop-up heading replaces. */
.placed-review-modal__body .p22-audit__form-title{display:none}

@media (max-width:600px){
  .placed-review-modal__head{padding:20px 18px 2px}
  .placed-review-modal__head h2{font-size:21px}
  .placed-review-modal__body > *{padding:14px 18px 20px !important}
}