/* Стили окон заявки (#claim, #callback_timeout) — вынесены из parts/footer-body.html */

/* --- блок 1 --- */
                    .modal-content {
                        display: grid !important;
                        grid-template-columns: 1fr 1.5fr;
                    }

                    .modal-content h4 {
                        text-align: start;
                        margin: 0 0 15px;
                        font-size: 24px;
                        font-weight: 600;
                    }

                    .modal-form-description {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: flex-start;
                        padding: 0;
                    }

                    .modal-form-description__img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .modal-footnote {
                        position: absolute;
                        bottom: 30px;
                        left: 30px;
                        margin-top: auto;
                        font-weight: 600;
                        font-size: 12px;
                        line-height: 1.4;
                        color: #000;
                    }

                    .modal-content .modal-body {
                        padding: 30px;
                    }

                    #claim .title {
                        margin: 0 0 8px;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 1.35;
                        color: #333;
                    }

                    #claim .title:empty {
                        display: none;
                    }

                    #claim .title * {
                        margin: 0 !important;
                        padding: 0 !important;
                        font-size: inherit !important;
                        line-height: inherit !important;
                        text-indent: 0 !important;
                        list-style: none;
                    }

                    #claim .title strong,
                    #claim .title b {
                        font-weight: 600;
                    }

                    #claim .title br {
                        display: inline !important;
                    }

                    #claim .des {
                        margin-bottom: 10px;
                        font-size: 14px;
                        line-height: 1.35;
                    }

                    .modal-content input[type=text],
                    .modal-content input[type=tel],
                    .modal-content textarea {
                        width: 100%;
                        max-width: 100%;
                        padding: 13px;
                        box-sizing: border-box;
                    }

                    .modal-content textarea {
                        resize: none;
                    }

                    .modal-content input[type=checkbox] {
                        margin: 0 !important;
                        flex-shrink: 0;
                        width: 16px !important;
                        height: 16px;
                        border-color: #e6e6e6;
                    }

                    .modal-content input[type=checkbox]~label {
                        text-align: left;
                        margin-left: 8px;
                        font-size: 10px;
                        line-height: 1.3;
                    }

                    .modal-content .form-agree {
                        display: flex;
                        align-items: flex-start;
                        margin-bottom: 8px;
                    }

                    .modal-content .form-agree input[type=checkbox] {
                        margin-top: 1px !important;
                    }

                    .modal-content .form-agree label {
                        font-weight: 400;
                        cursor: pointer;
                    }

                    .modal-content .form-agree label a {
                        text-decoration: underline;
                    }

                    .modal-content .ajax-contact-form {
                        display: flex;
                        flex-direction: column;
                    }

                    .modal-content .ajax-contact-form .form-group {
                        width: 100%;
                        text-align: left;
                    }

                    .btnClaim {
                        z-index: 100;
                    }

                    .close {
                        position: relative;
                        width: 40px;
                        height: 40px;
                        background: none;
                        border: none;
                        cursor: pointer;
                        font-size: 0;
                        padding: 0;
                    }

                    .close::before,
                    .close::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 30px;
                        height: 1px;
                        background-color: #333;
                    }

                    .close::before {
                        transform: translate(-50%, -50%) rotate(45deg);
                    }

                    .close::after {
                        transform: translate(-50%, -50%) rotate(-45deg);
                    }

                    @media (max-width: 575px) {
                        .modal-content {
                            grid-template-columns: 1fr;
                        }

                        .modal-form-description {
                            display: none;
                        }

                        .modal-content .ajax-contact-form .form-group {
                            width: 100%;
                        }

                        .modal-content .ajax-contact-form .form-group input,
                        .modal-content .ajax-contact-form .form-group textarea {
                            width: 100%;
                            max-width: 100%;
                        }
                    }
                

/* --- блок 2 --- */
                    .modal-content {
                        display: grid !important;
                        grid-template-columns: 1fr 1.5fr;
                        position: relative;
                    }

                    .modal-form-description {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-start;
                        align-items: flex-start;
                        padding: 0;
                    }

                    .modal-form-description__img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }

                    .modal-footnote {
                        position: absolute;
                        bottom: 30px;
                        left: 30px;
                        margin-top: auto;
                        font-weight: 600;
                        font-size: 12px;
                        line-height: 1.4;
                        color: #000;
                    }

                    .modal-content .modal-body {
                        padding: 30px;
                    }

                    .modal-content input[type=text],
                    .modal-content input[type=tel],
                    .modal-content textarea {
                        width: 100%;
                        max-width: 100%;
                        padding: 13px;
                        box-sizing: border-box;
                    }

                    .modal-content textarea {
                        resize: none;
                    }

                    .modal-content input[type=checkbox] {
                        margin: 0 !important;
                        flex-shrink: 0;
                        width: 16px !important;
                        height: 16px;
                        border-color: #e6e6e6;
                    }

                    .modal-content input[type=checkbox]~label {
                        text-align: left;
                        margin-left: 8px;
                        font-size: 10px;
                        line-height: 1.3;
                    }

                    .modal-content .form-agree {
                        display: flex;
                        align-items: flex-start;
                        margin-bottom: 8px;
                    }

                    .modal-content .form-agree input[type=checkbox] {
                        margin-top: 1px !important;
                    }

                    .modal-content .form-agree label {
                        font-weight: 400;
                        cursor: pointer;
                    }

                    .modal-content .form-agree label a {
                        text-decoration: underline;
                    }

                    .modal-content .ajax-contact-form {
                        display: flex;
                        flex-direction: column;
                    }

                    .modal-content .ajax-contact-form .form-group {
                        width: 100%;
                        text-align: left;
                    }

                    .btnClaim {
                        z-index: 100;
                    }

                    .close {
                        position: absolute;
                        top: 10px;
                        right: 10px;
                        z-index: 10;
                        width: 40px;
                        height: 40px;
                        background: none;
                        border: none;
                        cursor: pointer;
                        font-size: 0;
                        padding: 0;
                    }

                    .close::before,
                    .close::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 30px;
                        height: 1px;
                        background-color: #333;
                    }

                    .close::before {
                        transform: translate(-50%, -50%) rotate(45deg);
                    }

                    .close::after {
                        transform: translate(-50%, -50%) rotate(-45deg);
                    }

                    @media (max-width: 575px) {
                        .modal-content {
                            grid-template-columns: 1fr;
                        }

                        .modal-form-description {
                            display: none;
                        }

                        .modal-content .ajax-contact-form .form-group {
                            width: 100%;
                        }

                        .modal-content .ajax-contact-form .form-group input,
                        .modal-content .ajax-contact-form .form-group textarea {
                            width: 100%;
                            max-width: 100%;
                        }
                    }