body { background-color: #0b0c10; color: #fff; font-family: 'Montserrat', sans-serif; }

.header-bar {
    background-color: #1a1c23;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    border-bottom: 3px solid #b91c1c;
}

.title-font { font-family: 'Teko', sans-serif; font-size: 3.5rem; color: #fff; margin: 0; line-height: 1; }

.cat-divider {
    font-family: 'Teko', sans-serif;
    font-size: 2.5rem;
    color: #b91c1c;
    border-left: 6px solid #b91c1c;
    padding-left: 15px;
    margin: 40px 0 15px 10px;
    text-transform: uppercase;
}

/* EFEKT DZIURAWEJ PŁASZCZYZNY */
.skin-card {
    background-color: #1a1c23;
    border: 1px solid #333;
    background-image: radial-gradient(#000 15%, transparent 16%);
    background-size: 8px 8px;
    transition: 0.3s;
}

.active-border { border: 2px solid #b91c1c !important; box-shadow: 0 0 15px rgba(185, 28, 28, 0.4); }

.item-label h6 { font-size: 0.7rem; color: #888; margin: 0; }
.item-label h5 { font-size: 1rem; font-weight: bold; color: #fff; margin: 0; }

.skin-img { height: 125px; object-fit: contain; width: 100%; margin: 10px 0; filter: drop-shadow(0 5px 10px rgba(0,0,0,0.5)); }

/* SELECT2 DARK STYLE */
.select2-container--default .select2-selection--single { background-color: #0d0e12; border: 1px solid #444; height: 38px; color: #fff; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff !important; line-height: 36px !important; }
.select2-dropdown { background-color: #1a1c23; border: 1px solid #b91c1c; color: #fff; }
.select2-results__option--highlighted[aria-selected] { background-color: #b91c1c !important; }
.select2-search__field { background-color: #000 !important; color: #fff !important; border: 1px solid #444 !important; }

/* MODAL */
.bg-modal-custom { background: #111; border: 2px solid #b91c1c; color: #fff; }
.red-label { color: #b91c1c; font-weight: bold; font-size: 0.9rem; }
.bg-black { background-color: #000; color: #fff; border: 1px solid #333; }

.footer-area { margin-top: 80px; padding: 50px; text-align: center; border-top: 1px solid #222; }

.lang-flags img { width: 35px; border-radius: 4px; opacity: 0.4; transition: 0.3s; }
.active-f { opacity: 1 !important; border: 2px solid #b91c1c; }