/* Packages: Nove styly, k preklopeni do stylesheetu, az to bude final */

/* Nove styly k vlozeni do hlavniho css */

.packages-modal .contents {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 766px) {
    .packages-modal .contents {
        grid-template-columns: 1fr;
    }
}

.packages-modal .column {
    display: flex;
    flex-direction: column;
}

.packages-modal .modal-header .contents {
    gap: 30px;
}
.packages-modal .modal-header .column:last-child {
    justify-items: end;
}

.packages-modal .modal-body .column,
.packages-modal .modal-body .contents {
    gap: 60px;
}

.modal-content {
    padding: min(100px, 10vw) !important;
    /* Prosim smazat vsechno ostatni nastaveni tohoto paddingu pro vsechny responze, 
    tohle dynamicke nastaveni obslouzi vse naraz. Pote se muze dat pryc !important :) */
    margin: 10px auto;
    max-width: 1000px;
    width: 95%;
}

.modal-header {
    display: block;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* hodnoty vyse smazat z puvodniho kodu, aby to byl obycejny block, nechat spodni dva: */
    padding-bottom: 30px; /* upraveno */
    border-bottom: 1px solid #fff;
}

.main-modal .modal-header .package-subtitle {
    font-size: 22px;
    line-height: 30px;
    color: #97a3b3;
    font-weight: 700;
    margin-bottom: 0; /* upraveno */
}


/* Nastaveni nize pouze resetuji jiz nepouzivane styly, staci jejich definice uplne smazat z hlavniho css */

.main-modal .form-col, .main-modal .cis-col {
    padding: 0 !important; 
}
@media screen and (min-width: 48em) {
    .main-modal .form-col, .main-modal .cis-col {
        padding: 0 !important; 
    }
}