/* KONFIGURATOR */
.konfigurator .select-wrapper { 
    display: inline-block;
    max-width: 350px;
    width: 100%;
 }

.konfigurator { margin: 24px 0; }

.konfigurator thead tr th, .konfigurator tbody tr td {
    vertical-align: middle; 
    white-space: initial !important;
}
.konfigurator .JSKolicina {
	margin-bottom: 0px;
	width: 40px !important;
	text-align: center;
}

#JSUkupnaCenaKonf, #JSKorpaUkupnaCena, #JSUkupno {
	font-size: 20px;
	font-weight: bold;
	color: var(--global_color);
}
.total-conf-div { border-bottom: 1px solid #ddd; margin: 0 0 10px; }

.total-conf-div p { margin: 0; }

.JSGrupaAdd, .JSArtDetails { cursor: pointer; color: var(--global_color); margin: 0 0 0 10px; }

.JSGrupaAdd:hover, .JSArtDetails:hover { color: #888; }
 
.conf-img-td { min-width:130px; }

.conf-img-td span {
    height: 65px;
}

.konf-img {
    max-width: 100%;
    max-height: 65px; 
    margin: auto;
}
.konfigurator .JSArtikal {
    padding-right: 20px;
    max-width: 350px;
    min-width: 110px;
}
 
/* Page Not Found */
.d-content:has(.page-not-found) {
    display: flex;
    align-items: center;
}
.page-not-found {
    ::selection {
        background-color: var(--global_color);
        color: #fff;
    }
    h1 {
        font-size: clamp(100px, 10vw, 200px);
        color: rgb(156 163 175 / 1);
        font-weight: 900;
    }
    p {
        font-size: clamp(20px, 4.5vw, 30px);
    }
    a {
        width: 255px;
        max-width: 100%;
    }
    a, button {
        border: 2px solid var(--global_color);
        padding: clamp(12px, 4.5vw, 16px);
        margin-block: .75rem;
    }
    button:hover {
        color: var(--global_color);
    }
}
/* End of Page Not Found */