@charset "utf-8";

.saerone-popup-layer {
  position: fixed;
  inset: 0;
  z-index: 120;
  display: grid;
  place-items: center;
  padding: 16px;
  pointer-events: none;
}

.saerone-popup-layer[hidden] {display: none;}
.saerone-popup-layer.is-consult {background: rgba(5, 17, 29, .72);pointer-events: auto;}

.saerone-popup-card {
  width: min(420px, calc(100vw - 32px), calc((100dvh - 82px) * .8));
  overflow: hidden;
  background: #fff;
  box-shadow: 0 14px 48px rgba(0, 0, 0, .3);
  pointer-events: auto;
  animation: saerone-popup-in .22s ease-out both;
}

.saerone-popup-card:focus,
.saerone-popup-card:focus-visible {outline: none;}
.saerone-popup-media {display: block;width: 100%;background: #fff;}
.saerone-popup-media picture {display: block;}
.saerone-popup-media img {display: block;width: 100%;height: auto;}

.saerone-popup-layer.is-consult .saerone-popup-card {
  width: min(430px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  overflow-x: hidden;
  overflow-y: auto;
  border-radius: 12px;
  box-shadow: 0 20px 64px rgba(0, 21, 43, .42);
}
.saerone-popup-consult {padding: 14px 16px 15px;background: linear-gradient(180deg, #f8fdff 0%, #eef9ff 100%);}
.saerone-popup-consult-form {position: relative;display: grid;gap: 9px;margin: 0;}
.saerone-popup-field {display: grid;grid-template-columns: 62px minmax(0, 1fr);align-items: center;gap: 8px;}
.saerone-popup-field label {display: flex;align-items: center;justify-content: center;height: 40px;border-radius: 7px;background: #0099db;color: #fff;font-size: 14px;font-weight: 700;}
.saerone-popup-field input {width: 100%;height: 40px;padding: 0 12px;border: 1px solid #cfe7f3;border-radius: 7px;background: #fff;color: #203441;font-family: inherit;font-size: 15px;box-sizing: border-box;outline: none;}
.saerone-popup-field input::placeholder {color: #99a9b2;}
.saerone-popup-field input:focus {border-color: #0099db;box-shadow: 0 0 0 3px rgba(0, 153, 219, .13);}
.saerone-popup-agree {display: flex;align-items: center;min-height: 22px;color: #546771;font-size: 12px;line-height: 1.4;}
.saerone-popup-agree input {flex: 0 0 auto;width: 16px;height: 16px;margin: 0 6px 0 1px;border: 1px solid #8fc9e2;border-radius: 3px;background: #fff;appearance: none;-webkit-appearance: none;cursor: pointer;}
.saerone-popup-agree input:checked {border-color: #0099db;background: #0099db url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;}
.saerone-popup-agree input:focus-visible {outline: 3px solid rgba(0, 153, 219, .22);outline-offset: 2px;}
.saerone-popup-agree label {cursor: pointer;}
.saerone-popup-agree strong {color: #0088c5;font-weight: 700;}
.saerone-popup-agree a {margin-left: auto;padding-left: 8px;color: #27799e;text-decoration: underline;text-underline-offset: 2px;white-space: nowrap;}
.saerone-popup-submit {width: 100%;height: 44px;border: 0;border-radius: 8px;background: linear-gradient(135deg, #0099db 0%, #0867bd 100%);box-shadow: 0 7px 16px rgba(0, 115, 181, .2);color: #fff;font-family: inherit;font-size: 17px;font-weight: 800;cursor: pointer;}
.saerone-popup-submit:hover {filter: brightness(.96);}
.saerone-popup-submit:focus-visible {outline: 3px solid rgba(0, 153, 219, .28);outline-offset: 2px;}
.saerone-popup-submit:disabled {opacity: .65;cursor: wait;}
.saerone-popup-result {display: none;margin: 0;padding: 8px 10px;border-radius: 6px;font-size: 13px;line-height: 1.45;text-align: center;}
.saerone-popup-result.is-visible {display: block;}
.saerone-popup-result.is-success {background: #e6f7ef;color: #15714a;}
.saerone-popup-result.is-error {background: #fff0f0;color: #b42323;}
.saerone-popup-hp {position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden;}
.saerone-popup-layer.is-consult .saerone-popup-actions {position: sticky;bottom: 0;z-index: 2;}

.saerone-popup-actions {display: flex;width: 100%;height: 50px;background: #171717;color: #fff;}
.saerone-popup-hide-today {display: flex;flex: 1 1 auto;align-items: center;gap: 9px;min-width: 0;padding: 0 14px;border: 0;background: #171717;color: #d7d7d7;font-size: 14px;font-weight: 500;text-align: left;}
.saerone-popup-hide-today:hover {color: #fff;background: #202020;}
.saerone-popup-check {position: relative;flex: 0 0 24px;width: 24px;height: 24px;border: 2px solid #909090;}
.saerone-popup-check::after {content: '';position: absolute;left: 6px;top: 2px;width: 7px;height: 12px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.saerone-popup-actions-spacer {flex: 1 1 auto;}
.saerone-popup-close {position: relative;flex: 0 0 50px;width: 50px;height: 50px;border: 0;border-left: 1px solid #333;background: #171717;}
.saerone-popup-close:hover {background: #242424;}
.saerone-popup-close span::before,
.saerone-popup-close span::after {content: '';position: absolute;left: 14px;top: 24px;width: 22px;height: 2px;background: #fff;}
.saerone-popup-close span::before {transform: rotate(45deg);}
.saerone-popup-close span::after {transform: rotate(-45deg);}
.saerone-popup-sr-only {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;border: 0!important;}
.saerone-popup-layer.is-closing {animation: saerone-popup-out .18s ease-in both;}

@keyframes saerone-popup-in {
  from {opacity: 0;transform: translateY(12px) scale(.985);}
  to {opacity: 1;transform: translateY(0) scale(1);}
}

@keyframes saerone-popup-out {
  from {opacity: 1;}
  to {opacity: 0;}
}

@media (max-width: 760px) {
  .saerone-popup-card {width: min(380px, calc(100vw - 32px), calc((100dvh - 82px) * .75));}
  .saerone-popup-actions {height: 52px;}
  .saerone-popup-hide-today {padding: 0 12px;font-size: 13px;gap: 8px;}
  .saerone-popup-check {flex-basis: 22px;width: 22px;height: 22px;}
  .saerone-popup-check::after {left: 5px;top: 1px;}
  .saerone-popup-close {flex-basis: 52px;width: 52px;height: 52px;}
  .saerone-popup-close span::before,
  .saerone-popup-close span::after {left: 15px;top: 25px;}
  .saerone-popup-layer.is-consult {padding: 10px;}
  .saerone-popup-layer.is-consult .saerone-popup-card {width: min(380px, calc(100vw - 20px));max-height: calc(100dvh - 20px);border-radius: 10px;}
  .saerone-popup-consult {padding: 12px;}
  .saerone-popup-consult-form {gap: 8px;}
  .saerone-popup-field {grid-template-columns: 58px minmax(0, 1fr);gap: 7px;}
  .saerone-popup-field label,
  .saerone-popup-field input {height: 38px;font-size: 14px;}
  .saerone-popup-submit {height: 42px;font-size: 16px;}
  .saerone-popup-agree {font-size: 11px;}
}

@media (prefers-reduced-motion: reduce) {
  .saerone-popup-card,
  .saerone-popup-layer.is-closing {animation: none;}
}