.stymio-rating-header{font-size:28px;font-weight:bold;color:#333;margin-bottom:20px;text-align:center;}
.stymio-rating-title,
.stymio-rating-value{display:inline;}
.detail-parameters td span{border-radius:5px;border:2px solid #ccc;}

.p-info-wrapper .detail-parameters .open-configurator {
    width: 300px !important;
    margin: 0 auto !important;
    display: block !important;
}


/* =========================================================
   HLAVNÝ BLOK KONFIGURÁTORA
   ========================================================= */

.button-configurator {background: #f4f4f4 !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.06) !important;
}


/* =========================================================
   VEĽKÉ TLAČIDLO – OTVORIŤ KONFIGURÁTOR
   ========================================================= */

.button-configurator .open-configurator {
    display: block !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 18px 24px !important;

    background: #222 !important;
    color: #fff !important;

    border: 1px solid #222 !important;
    border-radius: 7px !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .4px !important;
    text-transform: uppercase !important;

    cursor: pointer !important;
    transition: all .2s ease !important;
}

.button-configurator .open-configurator:hover {
    background: #3a3a3a !important;
    border-color: #3a3a3a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(0,0,0,.15) !important;
}


/* =========================================================
   TEXT POD HLAVNÝM BUTTONOM
   ========================================================= */

.button-configurator .stymio-configurator-note {
    margin-top: 14px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
}

.button-configurator .stymio-configurator-note > div {
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.button-configurator .stymio-configurator-note strong {
    color: #111 !important;
    font-weight: 700 !important;
}


/* =========================================================
   INFORMAČNÝ BOX V KONFIGURÁTORE
   ========================================================= */

.stymio-configurator-info {
    margin: 16px auto 20px !important;
    padding: 15px 20px !important;

    max-width: 720px !important;

    background: #f3f3f3 !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 8px !important;

    color: #444 !important;

    font-size: 13px !important;
    line-height: 1.6 !important;

    text-align: center !important;

    box-shadow: 0 3px 10px rgba(0,0,0,.05) !important;
}

.stymio-configurator-info strong {
    color: #222 !important;
    font-weight: 700 !important;
}


/* =========================================================
   CELÝ BLOK – VÝBER MIESTA POTLAČE
   ========================================================= */

.button-configurator .control-add-to-cart {
    background: #f3f3f3 !important;
    border: 1px solid #4a4a4a !important;
    border-radius: 10px !important;

    padding: 20px !important;
    margin-top: 15px !important;

    box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
}


/* =========================================================
   NADPIS – VYBERTE SI MIESTO POTLAČE
   ========================================================= */

.stymio-surcharge-title {
    margin: 0 0 16px 0 !important;
    padding: 0 0 15px 0 !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;

    text-align: center !important;

    box-shadow: none !important;
}

.stymio-surcharge-title-main {
    color: #222 !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: .5px !important;
}

.stymio-surcharge-title-sub {
    margin-top: 5px !important;

    color: #666 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
}


/* =========================================================
   VÝBER PREDNÁ / ZADNÁ STRANA
   ========================================================= */

.control-add-to-cart .surcharges {
    height: auto !important;
    overflow: visible !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;

    margin: 0 !important;
}


/* =========================================================
   JEDNOTLIVÉ MOŽNOSTI
   ========================================================= */

.control-add-to-cart .surcharge-option {
    margin: 0 !important;
    padding: 12px 14px !important;

    background: #fff !important;

    border: 1px solid #d0d0d0 !important;
    border-radius: 7px !important;

    color: #222 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    transition: all .2s ease !important;
}

.control-add-to-cart .surcharge-option:hover {
    border-color: #777 !important;
    background: #fafafa !important;
}


/* =========================================================
   SELECT – VYBERTE PRÍPLATOK
   ========================================================= */

.control-add-to-cart .surcharge-option select {
    display: block !important;

    width: 100% !important;
    min-height: 44px !important;

    margin-top: 7px !important;

    padding: 9px 12px !important;

    background: #f7f7f7 !important;

    border: 1px solid #aaa !important;
    border-radius: 6px !important;

    color: #333 !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
}

.control-add-to-cart .surcharge-option select:hover {
    border-color: #555 !important;
}

.control-add-to-cart .surcharge-option select:focus {
    outline: none !important;

    border-color: #333 !important;

    box-shadow: 0 0 0 2px rgba(0,0,0,.06) !important;
}


/* =========================================================
   CENA
   ========================================================= */

.control-add-to-cart .price-box {
    margin: 14px 0 0 !important;
    padding: 12px 14px !important;

    background: transparent !important;

    border-top: 1px solid #d0d0d0 !important;

    text-align: center !important;
}


/* =========================================================
   CENA – HLAVNÁ
   ========================================================= */

.control-add-to-cart .final-price {
    color: #222 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}


/* =========================================================
   CENA BEZ DPH
   ========================================================= */

.control-add-to-cart .additional-price {
    display: block !important;

    margin-top: 3px !important;

    color: #777 !important;
    font-size: 12px !important;
}


/* =========================================================
   TLAČIDLO – PRIDAŤ DO KOŠÍKA
   ========================================================= */

.control-add-to-cart #mime-configurator-add-to-cart {
    width: 100% !important;

    min-height: 56px !important;

    margin-top: 12px !important;

    background: #222 !important;
    color: #fff !important;

    border: 1px solid #222 !important;
    border-radius: 7px !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    cursor: pointer !important;

    transition: all .2s ease !important;
}

.control-add-to-cart #mime-configurator-add-to-cart:hover {
    background: #3a3a3a !important;
    border-color: #3a3a3a !important;

    transform: translateY(-1px) !important;

    box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 600px) {

    .button-configurator {
        padding: 12px !important;
    }

    .button-configurator .control-add-to-cart {
        padding: 14px !important;
    }

    .stymio-surcharge-title-main {
        font-size: 15px !important;
    }

    .stymio-surcharge-title-sub {
        font-size: 12px !important;
    }

    .control-add-to-cart .surcharge-option {
        padding: 11px !important; margin: 11px !important;
    }

}
.control-add-to-cart{
    background: #dede !important;
     border: 1px solid rgba(207, 217, 207, 0.933) !important;
    border-radius: 7px !important;
    margin: 10px !important; padding: 10px !important;

}