/* Presentation for the existing Bitrix callback component; no form logic. */
#callback .dialog__header>span:first-child,#callback .dialog__header>[data-dialog-close]{display:none}
#callback .dialog__header{font-size:11px;line-height:1.6;margin:0 0 18px;color:var(--muted)}
#callback .dialog__header a{text-underline-offset:3px}
#callback-form{margin-top:22px}
#callback-form input[type=tel]{display:block;width:100%;min-width:0;height:54px;padding:10px 13px;border:1px solid #9da18f;border-radius:0;color:var(--ink);background:transparent;font-size:18px}
#callback-form input[type=tel].error{border-color:var(--error)}
#callback-form label.error,#callback .dialog__error{display:block;color:var(--error);font-size:12px;line-height:1.6;margin:8px 0 16px}
#callback-form input[type=submit]{width:100%;min-height:54px;border:0;background:var(--accent);color:var(--ink);font:700 14px/1.4 Arial,Helvetica,sans-serif;padding:18px 22px;cursor:pointer;margin-top:16px;white-space:normal}
#callback-form input[type=submit]:disabled{opacity:.65;cursor:wait}
#callback .dialog__content_loading::after{content:"Изпращане…";display:block;font-size:12px;line-height:1.6;margin-top:12px;color:var(--muted)}
#callback .dialog__success{font-size:15px;line-height:1.7;margin:20px 0;color:var(--ink)}
#callback::backdrop{background:rgba(20,23,18,.55);backdrop-filter:blur(4px)}
@media(prefers-reduced-motion:reduce){#callback::backdrop{backdrop-filter:none}}

/* Keep the callback close control visible while short viewports scroll to the phone. */
@media (max-height: 480px) {
  #callback {
    max-height: calc(100vh - 28px);
    max-height: calc(100dvh - 28px);
    padding: 8px 24px 24px;
    scroll-padding-top: 66px;
  }

  #callback > .dialog-close {
    position: sticky;
    top: 8px;
    right: auto;
    z-index: 2;
    display: block;
    margin: 0 0 8px auto;
    background: var(--paper);
  }
}