/* =========================================================   MODAL (globalny) — używany na stronie + w LP Products   ========================================================= */.modal-wrapper{    position:fixed;    top:0; right:0; bottom:0; left:0;    background-color:rgba(0,0,0,0.11);    z-index:25000;    display:none;    align-items:center;    justify-content:center;    padding:30px 40px;}body.admin-bar .modal-wrapper{ padding-top:62px; }body.modal-overflow{ overflow:hidden; }/* reset wewnątrz modala */.modal-dlg footer *,.modal-dlg header *,.modal-dlg main{    padding:0;    margin:0;}/* show/hide */.modal-wrapper.show{ display:flex; }.modal-dlg{    display:none;    transition:opacity .1s ease-in, transform .1s ease-in;    transform:scale(.95);    opacity:0;    min-width:320px;    background-color:#fff;    flex:1;    width:100%;    max-width:1024px;    height:100%;    box-sizing:border-box;    box-shadow:0 0 50px rgba(0,0,0,0.05);    flex-direction:column;}.modal-dlg.show{    display:flex;    transition:opacity .2s, transform .1s ease-out .1s;    transform:scale(1);    opacity:1;}/* =========================================================   HEADER   ========================================================= */.modal-dlg header{    padding:20px 0;    border-bottom:1px solid #9f9f9f;    display:flex;    align-items:center;    gap:20px;    margin:0 60px;}.modal-dlg header h1{    margin:0;    font-size:28px;    flex:1; /* X idzie na prawo */}.modal-dlg header button.close-modal{    background-color:transparent;    border:none;    color:#000;    font-size:40px;    cursor:pointer;}/* main-info pod tytułem (u Ciebie w HTML jest w header) */.main-info{    font-weight:700;    font-size:20px;    display:flex;    align-items:center;    gap:10px;}.main-info.hide{ display:none; }.main-info img{    max-width:100%;    height:auto;    width:auto;    max-height:50px;}/* =========================================================   BODY   ========================================================= */.modal-dlg main{    margin:0 60px;    overflow:hidden;    padding:10px 0;    flex:1;}.modal-dlg main > div.content{    overflow:auto;    height:100%;    position:relative;    z-index:0;    padding-right:20px;}.modal-dlg main > div.content > .post-content{    min-height:100%;}/* opcjonalne info przed treścią (mobilne) */.modal-dlg div.content > .before-info:first-child{    display:none;    padding:20px 0;    color:#000;}.modal-dlg div.content > .before-info:first-child section{    display:flex;    align-items:center;    justify-content:space-between;}.modal-dlg div.content > .before-info:first-child section + section{ margin-top:10px; }.modal-dlg div.content > .before-info:first-child h2{ font-size:14px; color:#000; }.modal-dlg div.content > .before-info:first-child div{ font-weight:600; font-size:20px; }/* =========================================================   FOOTER   ========================================================= */.modal-dlg footer{    padding:30px 60px 20px;    box-shadow:0 0 30px rgba(0,0,0,0.1);}.modal-dlg footer.hide{ display:none; }.modal-dlg footer .entry-info{    display:flex;    gap:20px;    color:#000;}.modal-dlg footer .entry-info > *{ flex:1 auto; }.modal-dlg footer .entry-info section{    display:flex;    justify-content:space-between;    flex-direction:column;    gap:5px;}.modal-dlg footer .entry-info section h2{    font-size:14px;    color:#000;    line-height:1;    white-space:nowrap;}.modal-dlg footer .entry-info section div.data{    font-weight:600;    font-size:20px;    color: #0019AC;}.modal-dlg footer .entry-info section.blue,.modal-dlg footer .entry-info section.blue h2{    color:#000;}.modal-dlg footer .entry-info a{    padding:10px 20px;    display:flex;    text-align:center;    align-items:center;    justify-content:center;    color:#0019AC;    font-weight:900;    font-size:16px;    background-color:#6BF498;    border-radius:5px;    outline:none;}/* risk */.risk-wrap{ height:27px; }.risk-wrap svg{ vertical-align:top; }.risk-wrap svg rect{ fill:#005BFF; }.risk-wrap[data-risk-id="1"] svg rect:nth-child(1){ fill:#6BF498; }.risk-wrap[data-risk-id="2"] svg rect:nth-child(2){ fill:#6BF498; }.risk-wrap[data-risk-id="3"] svg rect:nth-child(3){ fill:#6BF498; }.risk-wrap[data-risk-id="4"] svg rect:nth-child(4){ fill:#6BF498; }.modal-dlg footer .entry-info section.risk div.data{ font-size:16px; }/* =========================================================   PERFECT SCROLLBAR — kulka 23px (thumb)   ========================================================= */.modal-dlg .ps--active-y > .ps__rail-y{    background-color:#e8e8e8;    width:5px;    border-radius:2em;    opacity:1;    right:10px !important;}.modal-dlg .ps__thumb-y{    width:23px;    height:23px !important;    background-color:#6bf498;    border-radius:50%;    right:-9px; /* centrowanie na railu 5px */}.modal-dlg .ps__rail-y:hover > .ps__thumb-y,.modal-dlg .ps__rail-y:focus > .ps__thumb-y,.modal-dlg .ps__rail-y.ps--clicking .ps__thumb-y{    width:23px;    height:23px;    background-color:#6bf498;    right:-9px;}.modal-dlg .ps .ps__rail-y:hover,.modal-dlg .ps .ps__rail-y:focus,.modal-dlg .ps .ps__rail-y.ps--clicking{    background-color:#e8e8e8;    opacity:1;}/* =========================================================   RESPONSIVE   ========================================================= */@media screen and (max-width:994px){    .modal-wrapper{ padding:20px; }    body.admin-bar .modal-wrapper{ padding-top:52px; }    .modal-dlg header{ margin:0 30px; }    .modal-dlg main{ margin:0 30px; }    .modal-dlg footer{ padding:20px 30px; }    .modal-dlg footer .entry-info section h2{ font-size:1.5vw; }    .modal-dlg footer .entry-info section div{ font-size:1.7vw; }    .modal-dlg footer .entry-info a{ padding:5px 15px; }}@media screen and (max-width:768px){    .modal-dlg div.content > :first-child{ display:block; }    .modal-wrapper{ padding:0; }    body.admin-bar .modal-wrapper{ padding-top:46px; }    .modal-dlg footer{ padding:0; }    .modal-dlg footer .entry-info{        flex-wrap:wrap;        justify-content:space-around;    }    .modal-dlg footer .entry-info section{        padding:20px 20px 0;        flex:0 auto;    }    .modal-dlg footer .entry-info section h2{ font-size:14px; }    .modal-dlg footer .entry-info section div{ font-size:20px; }    .modal-dlg footer .entry-info section:not(.blue){ display:none; }    .modal-dlg footer .entry-info a{        padding:10px 20px;        border-radius:0;        width:100%;    }    .modal-dlg main{ margin:0 20px; }    .modal-dlg header{        margin:0 20px;        flex-wrap:wrap;        gap:0 10px;        padding:5px 0;    }    .main-info{        order:1;        width:100%;        justify-content:space-between;    }}