/* Django forms only; the project's layout is kept in kalininsky-original.css. */
body.kk-reference-page [hidden]{display:none!important}
body.kk-reference-page .kk-local-form-note{font-size:11px;line-height:1.5;color:#656565;margin-top:15px}
body.kk-reference-page .kk-local-dialog{width:520px;max-width:calc(100vw - 32px);border:0;padding:40px;color:#000;overflow:auto;max-height:90svh}
body.kk-reference-page .kk-local-dialog::backdrop{background:#0009;backdrop-filter:blur(5px)}
body.kk-reference-page .kk-local-dialog h2{font-size:28px;margin:0 30px 28px 0}
body.kk-reference-page .kk-local-dialog form>label{display:block;font-size:12px;margin-bottom:18px}
body.kk-reference-page .kk-local-dialog input:not([type=checkbox]){width:100%;padding:14px;border:1px solid #d6d6d6;margin-top:7px;min-height:48px}
body.kk-reference-page .kk-local-dialog .kk-local-consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
body.kk-reference-page .kk-local-consent input{margin-top:3px}
body.kk-reference-page .kk-local-consent a{text-decoration:underline!important;color:#000}
body.kk-reference-page .kk-local-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:30px;line-height:1;cursor:pointer}
body.kk-reference-page .kk-local-dialog [type=submit]{width:100%;background:#000;color:#fff;border:0;min-height:48px;text-transform:uppercase}
body.kk-reference-page [data-kk-form-status]{font-size:13px;line-height:1.5;margin-top:18px}
body.kk-reference-page [data-kk-form-status][data-error=true]{color:#bd483c}
body.kk-reference-page .life-submit .custom-button{cursor:pointer}
body.kk-reference-page a[role=button]{cursor:pointer}
body.kk-reference-page a[role=button]:focus-visible{outline:2px solid #bd483c;outline-offset:4px}

/* Preserve the PHP project header; make its keyboard menu usable. */
body.kk-reference-page .header-block .pearl-logo { display: inline-flex; }
body.kk-reference-page .header-block a:focus-visible,
body.kk-reference-page .header-block button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}
body.kk-reference-page section[id] { scroll-margin-top: 100px; }
@media (prefers-reduced-motion: reduce) {
  body.kk-reference-page .header-block::before,
  body.kk-reference-page .header-block .kkvartal-nav { transition: none; }
}

/* Current PHP hero CTA, including its pulse and reduced-motion behavior. */
body.kk-reference-page .main-block .mb__button_podbor {
    --kk-cta-color: #ee4237;
    position: relative;
    width: max-content;
    background: var(--kk-cta-color);
    padding: 14px 22px;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .3s;
}

body.kk-reference-page .kkvartal-page--index .main-block {
    overflow: hidden;
}

body.kk-reference-page .main-block .mb__button_podbor:hover,
body.kk-reference-page .main-block .mb__button_podbor:focus-visible {
    background: #d7352c;
    color: #fff;
}

body.kk-reference-page .main-block .mb__button_podbor::before,
body.kk-reference-page .main-block .mb__button_podbor::after {
    content: '';
    position: absolute;
    inset: -2px;
    border: 2px solid var(--kk-cta-color);
    border-radius: inherit;
    opacity: 0;
    pointer-events: none;
    animation: kk-cta-pulse 3s ease-out infinite;
}

body.kk-reference-page .main-block .mb__button_podbor::after {
    animation-delay: .6s;
}

@keyframes kk-cta-pulse {
    0% { transform: scale(1); opacity: 0; }
    10% { opacity: .8; }
    40%, 100% { transform: scale(1.1, 1.45); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
    body.kk-reference-page .main-block .mb__button_podbor::before,
    body.kk-reference-page .main-block .mb__button_podbor::after {
        animation: none;
    }
}

/* Leave section headings below the shared sticky project menu. */
body.kk-reference-page section[id] { scroll-margin-top: 62px; }

/* Native checkbox state also works after reset and with the keyboard. */
body.kk-reference-page .popup-privacy-checkbox input:checked + .popup-privacy-checkbox__mark{background:#000;border-color:#000}
body.kk-reference-page .popup-privacy-checkbox input:checked + .popup-privacy-checkbox__mark::after{content:'';position:absolute;left:7px;top:3px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
body.kk-reference-page .popup-privacy-checkbox input:focus-visible + .popup-privacy-checkbox__mark{outline:2px solid #000;outline-offset:3px}
body.kk-reference-page .popup-privacy-checkbox input[type=checkbox]{width:24px;height:24px;padding:0}
body.kk-reference-page form button[type=submit]:disabled{opacity:.45;cursor:default}
body.kk-reference-page .footer a:focus-visible{outline:2px solid #fff;outline-offset:4px}