

/* Start:/local/templates/.default/components/bitrix/main.feedback/form-1/style.css?17575847392823*/
:root { --pm-blue:#0084e6; }

/* Контейнер модалки — во весь экран, центрирование */
.pmodal{
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 100000;
    isolation: isolate;
}
.pmodal.is-open{ display: flex; }

.pmodal__backdrop{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.55);
}

.pmodal__dialog{
    position: relative;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.2);
    max-width: 980px;
    width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    overflow: auto;
}

.pmodal__close{
    position: absolute;
    right: 14px;
    top: 10px;
    width: 40px;
    height: 40px;
    line-height: 36px;
    border: none;
    border-radius: 50%;
    background: #f2f4f7;
    color: #111;
    font-size: 24px;
    cursor: pointer
}

.pmodal__grid{display:grid;grid-template-columns:1fr 1fr;min-height:520px}
.pmodal__col{padding:28px 28px 34px}
.pmodal__col--left{
    background:linear-gradient(180deg,#f7faff 0%,#edf5ff 100%);
    border-right:1px solid #e7eef9
}

.pmodal__title{font-weight:700;margin-bottom:12px}
.pmodal__subtitle{color:#4b5563;margin-bottom:18px}

.pmodal-contact{display:flex;gap:16px;align-items:flex-start;margin:14px 0 18px}
.pmodal-contact__icon{flex:0 0 68px}
.pmodal-contact__icon img{width:68px;height:68px}
.pmodal-contact__name{font-weight:700;margin-bottom:6px}
.pmodal-contact__phone,.pmodal-contact__mail{display:block;color:var(--pm-blue);font-weight:600}
.pmodal__hint{font-size:13px;color:#6b7280;margin-top:16px}

.btn{display:inline-block}
.btn-blue{
    background:var(--pm-blue);color:#fff;padding:12px 22px;border-radius:8px;
    border:none;cursor:pointer;transition:.25s
}
.btn-blue:hover{background:#0070c3}
.btn-block{width:100%}

.pmodal-form__row{margin-bottom:14px}
.pmodal-form input,.pmodal-form textarea{
    width:100%;border:1px solid #d8d8d8;border-radius:8px;padding:12px 14px;font-size:15px
}
.pmodal-form textarea{min-height:110px;resize:vertical}
.pmodal-form__result{margin-top:12px;font-weight:600}
.pmodal-form__result.ok{color:var(--pm-blue)}
.pmodal-form__result.err{color:#d60000}

@media(max-width:900px){
    .pmodal__grid{grid-template-columns:1fr}
    .pmodal__col--left{border-right:none;border-bottom:1px solid #e7eef9}
}
@media(max-width:520px){
    .pmodal-contact__icon{flex:0 0 54px}
    .pmodal-contact__icon img{width:54px;height:54px}
}
.pmodal-form.is-sent .pmodal-form__row,
.pmodal-form.is-sent button { display: none !important; }
.pmodal-form.is-sent .pmodal-form__result { display: block; }
/* End */
/* /local/templates/.default/components/bitrix/main.feedback/form-1/style.css?17575847392823 */
