html,
body.embed-page {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #f8f9fa;
}

body.embed-page {
  min-height: 100vh;
}

.embed-page .embed-main.container {
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  padding: 20px 12px 28px !important;
  box-sizing: border-box;
}

.embed-page .calc-wrapper {
  width: 100%;
  max-width: 520px;
  min-width: 0;
  margin: 0 auto;
}

.embed-page form,
.embed-page section,
.embed-page .input-group,
.embed-page .form-control,
.embed-page .form-select {
  min-width: 0;
  max-width: 100%;
}

.embed-page form {
  overflow-wrap: anywhere;
}

.embed-page .input-group {
  flex-wrap: nowrap;
}

.embed-page .input-group > .form-control {
  width: 1%;
}

.embed-page .form-control,
.embed-page .form-select {
  font-size: 1rem;
}

.embed-page #price-result {
  overflow-wrap: anywhere;
}

@media (min-width: 768px) {
  .embed-page .embed-main.container {
    padding: 36px 24px 40px !important;
  }
}

@media (max-width: 380px) {
  .embed-page .embed-main.container {
    padding: 12px 8px 22px !important;
  }

  .embed-page form.p-4 {
    padding: 1rem !important;
  }

  .embed-page .input-group-lg > .form-control,
  .embed-page .input-group-lg > .input-group-text,
  .embed-page .form-select-lg {
    padding: .65rem .75rem;
    font-size: 1rem;
  }
}