.gromad-header-actions { align-items: center; display: inline-flex; gap: 8px; margin-left: 16px; vertical-align: middle; }
.gromad-header-action, .gromad-callback-open { align-items: center; border: 0; cursor: pointer; display: inline-flex; justify-content: center; text-decoration: none; transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.gromad-header-action { border-radius: 50%; color: #fff; height: 28px; overflow: hidden; width: 28px; }
.gromad-header-action:hover, .gromad-header-action:focus-visible { color: #fff; transform: translateY(-1px); }
.gromad-header-action img { display: block; height: 100%; object-fit: cover; width: 100%; }
.gromad-header-actions .gromad-callback-open { background: #49E670; border-radius: 2px; color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .02em; line-height: 28px; min-height: 28px; padding: 0 12px; text-transform: uppercase; white-space: nowrap; }
.gromad-header-actions .gromad-callback-open:hover, .gromad-header-actions .gromad-callback-open:focus-visible { background: #3ecf63; color: #fff; }
.gromad-callback-open:focus-visible, .gromad-header-action:focus-visible, .gromad-callback-modal__close:focus-visible, .gromad-callback-form input:focus-visible, .gromad-callback-form button:focus-visible { outline: 3px solid rgba(73, 230, 112, .45); outline-offset: 2px; }
.gromad-header-actions--mobile { margin-left: 0; }
.gromad-header-actions--mobile .gromad-header-action { height: 30px; width: 30px; }
.gromad-header-actions--mobile .gromad-callback-open { font-size: 10px; line-height: 30px; min-height: 30px; padding: 0 9px; }
.gromad-callback-modal { align-items: center; display: flex; inset: 0; justify-content: center; opacity: 0; padding: 20px; pointer-events: none; position: fixed; transition: opacity .2s ease; visibility: hidden; z-index: 100100; }
.gromad-callback-modal.is-open { opacity: 1; pointer-events: auto; visibility: visible; }
.gromad-callback-modal__backdrop { background: rgba(20, 24, 28, .58); inset: 0; position: absolute; }
.gromad-callback-modal__dialog { background: #fff; border-radius: 4px; box-shadow: 0 24px 70px rgba(0, 0, 0, .28); box-sizing: border-box; max-height: min(720px, calc(100vh - 40px)); max-width: 460px; opacity: 0; overflow: auto; padding: 36px; position: relative; transform: translateY(10px) scale(.98); transition: opacity .2s ease, transform .2s ease; width: 100%; }
.is-open .gromad-callback-modal__dialog { opacity: 1; transform: translateY(0) scale(1); }
.gromad-callback-modal__close { background: transparent; border: 0; color: #6c757d; font-size: 32px; font-weight: 300; height: 40px; line-height: 1; padding: 0; position: absolute; right: 14px; top: 12px; width: 40px; }
.gromad-callback-modal__close:hover { color: #212529; }
.gromad-callback-modal h2 { color: #212529; font-size: 28px; line-height: 1.15; margin: 0 44px 12px 0; }
.gromad-callback-modal__intro { color: #555; font-size: 16px; line-height: 1.5; margin: 0 0 24px; }
.gromad-callback-form__field { margin: 0 0 16px; }
.gromad-callback-form__field label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 7px; }
.gromad-callback-form input[type="text"], .gromad-callback-form input[type="tel"] { border: 1px solid #ced4da; border-radius: 2px; box-sizing: border-box; color: #212529; font-size: 16px; line-height: 1.25; padding: 13px 14px; width: 100%; }
.gromad-callback-form input[type="text"]:focus, .gromad-callback-form input[type="tel"]:focus { border-color: #49E670; outline: 0; }
.gromad-callback-form__honeypot { height: 0; left: -9999px; overflow: hidden; position: absolute; width: 0; }
.gromad-callback-form__consent { align-items: flex-start; color: #5d6267; display: flex; font-size: 12px; gap: 8px; line-height: 1.45; margin: 3px 0 18px; }
.gromad-callback-form__consent input { flex: 0 0 auto; margin: 3px 0 0; }
.gromad-callback-form__consent a { color: inherit; text-decoration: underline; }
.gromad-callback-form button[type="submit"] { background: #49E670; border: 0; border-radius: 2px; color: #fff; font-size: 13px; font-weight: 700; min-height: 48px; text-transform: uppercase; transition: background-color .18s ease; width: 100%; }
.gromad-callback-form button[type="submit"]:hover, .gromad-callback-form button[type="submit"]:focus-visible { background: #3ecf63; }
.gromad-callback-form button[disabled] { cursor: wait; opacity: .7; }
.gromad-callback-form__message { font-size: 14px; line-height: 1.4; margin: 14px 0 0; min-height: 0; }
.gromad-callback-form__message.is-error { color: #bd3131; }
.gromad-callback-form__message.is-success { color: #26764c; }
body.gromad-callback-opened { overflow: hidden; }
@media (max-width: 1199px) { .site-header .header-mobile .header-inner { gap: 8px; } .site-header .header-mobile .header-inner .column.center { flex: 1 1 auto; justify-content: flex-start; min-width: 0; padding-left: 0; padding-right: 0; } .site-header .header-mobile .header-inner .column.right { flex: 0 0 auto; } }
@media (max-width: 520px) { .site-header .header-mobile .site-brand img { height: 30px; max-width: 85px; object-fit: contain; object-position: left center; } .gromad-header-actions { gap: 5px; } .gromad-header-actions--mobile .gromad-header-action { height: 27px; width: 27px; } .gromad-header-actions--mobile .gromad-callback-open { font-size: 9px; height: 30px; line-height: 30px; min-height: 30px; padding: 0 8px; } }
@media (max-width: 380px) { .site-header .header-mobile .site-brand img { max-width: 55px; } .site-header .header-mobile .header-inner { gap: 4px; } .gromad-header-actions--mobile { gap: 3px; } }
@media (max-width: 480px) { .gromad-callback-modal { padding: 12px; } .gromad-callback-modal__dialog { max-height: calc(100vh - 24px); padding: 28px 22px 24px; } .gromad-callback-modal h2 { font-size: 24px; } }
@media (prefers-reduced-motion: reduce) { .gromad-header-action, .gromad-callback-open, .gromad-callback-modal, .gromad-callback-modal__dialog { transition: none; } }