html.contact-layer-open{overflow:hidden;scrollbar-gutter:stable}
.contact-layer{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;color:var(--ink);box-shadow:var(--shadow-overlay);overflow:auto;overscroll-behavior:contain;font-family:inherit}
.contact-layer::backdrop{background:#0c1d3b99;backdrop-filter:blur(4px)}
.contact-layer-content{padding:40px 40px 32px;position:relative}
.contact-layer-close{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);transition:color .18s}
.contact-layer-close:hover{color:var(--ink)}
.contact-layer-close svg{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.contact-layer .kicker{margin-bottom:12px}
.contact-layer h2{font-size:var(--text-card);margin:0 48px 12px 0}
.contact-layer-intro{font-size:var(--text-body);color:var(--muted);margin-bottom:28px}
.contact-form-slot{min-height:228px}
.contact-form-slot>strong{font-weight:600;display:block;margin-bottom:8px}
.contact-form-slot>p{font-size:var(--text-ui);color:var(--muted);margin-bottom:0}

/* CRM-форма Битрикс24: приводим штатный стиль к палитре и шрифту сайта */
#contact-layer .b24-form .b24-form-style-classic{--b24-primary-color:#124bd9;--b24-primary-hover-color:#0c359e;--b24-primary-text-color:#fff;--b24-text-color:#152844;--b24-background-color:#fff;--b24-field-border-color:#dee6f2;--b24-field-background-color:#fff;--b24-field-focus-background-color:#fff;--b24-font-family:'Segoe UI',Arial,sans-serif}
#contact-layer .b24-form-wrapper{min-height:0;max-width:none;border:0;border-radius:0;background:none}
#contact-layer .b24-form-header-padding{display:none}
#contact-layer .b24-form-content{padding:0}
#contact-layer .b24-form,#contact-layer .b24-form button,#contact-layer .b24-form input{font-family:'Segoe UI',Arial,sans-serif}
#contact-layer .b24-form-field{margin-bottom:16px}
#contact-layer .b24-form-control-string .b24-form-control{height:56px;padding:20px 40px 2px 16px;border:1px solid var(--line);border-radius:var(--radius-control);background:#fff;color:var(--ink);font-size:var(--text-body);transition:border-color .18s,box-shadow .18s}
#contact-layer .b24-form-control-string .b24-form-control:hover{border-color:#c4d1e6}
#contact-layer .b24-form-control-string .b24-form-control:focus{border-color:var(--blue);box-shadow:0 0 0 4px #124bd91f}
#contact-layer .b24-form-control-string .b24-form-control-label{padding-left:17px;font-size:var(--text-ui);color:var(--muted);opacity:1}
#contact-layer .b24-form-control-required{color:var(--blue)}
#contact-layer .b24-form-control-alert-message{margin-top:6px;font-size:var(--text-ui)}
#contact-layer .b24-form-field-agreement{margin:4px 0 20px}
#contact-layer .b24-form-field-agreement label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
#contact-layer .b24-form-field-agreement input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--blue);cursor:pointer}
#contact-layer .b24-form-field-agreement input:focus-visible{outline:3px solid #eea627;outline-offset:2px}
#contact-layer .b24-form-field-agreement .b24-form-control-desc,#contact-layer .b24-form-field-agreement-link{font-size:var(--text-ui);line-height:var(--leading-small);color:var(--muted)}
#contact-layer .b24-form-field-agreement-link:hover{color:var(--ink)}
#contact-layer .b24-form-field-agreement .b24-form-control-required{display:none}
#contact-layer .b24-form-btn-container{margin:0;padding:0}
#contact-layer .b24-form-btn-block{padding:0}
#contact-layer .b24-form-btn{min-height:52px;border-radius:var(--radius-pill);background:var(--blue);color:#fff;font-size:var(--text-ui);font-weight:600;letter-spacing:0;transition:background .18s,box-shadow .18s}
#contact-layer .b24-form-btn:hover{background:var(--blue-dark);box-shadow:var(--shadow-raised)}
#contact-layer .b24-form-btn:focus-visible{outline:3px solid #eea627;outline-offset:3px}
#contact-layer .b24-form-sign{justify-content:space-between;gap:12px;margin:14px 0 0;padding:0;font-size:var(--text-ui);opacity:.55}
#contact-layer .b24-form-sign-abuse-link{font-size:var(--text-ui);color:var(--muted)}
#contact-layer .b24-form-state-text{color:var(--ink)}

.contact-layer-alternative{display:grid;gap:4px;font-size:var(--text-ui);color:var(--muted);margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.contact-layer-alternative a{color:var(--blue);font-weight:600;text-decoration:none;white-space:nowrap}
.contact-layer-alternative a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.contact-layer{border-radius:var(--radius-card)}.contact-layer-content{padding:24px 20px 24px}.contact-layer-close{top:12px;right:10px;width:44px;height:44px}.contact-layer h2{font-size:var(--text-card);margin-top:8px}.contact-layer-intro{font-size:var(--text-ui);margin-bottom:20px}#contact-layer .b24-form-sign{justify-content:center;gap:4px 12px}}
