/* Modal do carrinho principal: cabeçalho e ações fixos, somente o conteúdo rola. */
#reviewModal {
  overflow: hidden !important;
}

#reviewModal .modal-dialog {
  align-items: center !important;
  display: flex !important;
  height: 100% !important;
  margin: 0 auto !important;
  max-width: 800px !important;
  padding: 8px !important;
  width: 100% !important;
}

#reviewModal .modal-content {
  display: flex !important;
  flex-direction: column !important;
  height: min(760px, calc(100vh - 16px)) !important;
  max-height: calc(100vh - 16px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reviewModal .modal-content > .mb-0.p-0 {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reviewModal .modal-header {
  flex: 0 0 auto !important;
}

#reviewModal .modal-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reviewModal .modal-body > h2,
#reviewModal .modal-body > p,
#reviewModal .modal-body > hr,
#reviewModal .rv-footer {
  flex: 0 0 auto !important;
}

#reviewModal .modal-body > .rv-step1-only {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reviewModal #reviewItems {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

#reviewModal .modal-body > .rv-step2 {
  display: none !important;
}

#reviewModal.step2 .modal-body > .rv-step1-only {
  display: none !important;
}

#reviewModal.step2 .modal-body > .rv-step2 {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

#reviewModal.step2 .rv-terms {
  flex: 1 1 auto !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow-y: auto !important;
}

#reviewModal.step2 .form-group.mt-3 {
  background: #fff !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 12px 0 4px !important;
}

#reviewModal .rv-footer {
  margin-top: 10px !important;
  position: relative !important;
  width: 100% !important;
  z-index: 2 !important;
}

@media (max-width: 575.98px) {
  #reviewModal .modal-dialog {
    padding: 6px !important;
  }

  #reviewModal .modal-content {
    height: calc(100vh - 12px) !important;
    max-height: calc(100vh - 12px) !important;
  }
}