/* --- RESET --- */
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        body { 
            background-color: #000000; 
            color: #ccc; 
            font-family: 'Tahoma', sans-serif; 
        }

        #site-wrapper {
            width: 1600px; 
            margin: 0 auto;
            background: url('img/bg3.jpg') no-repeat center top;
            position: relative;
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        /* --- ELEMENTY STAŁE (GÓRA) --- */
        .top-menu { position: absolute; top: 1px; left: 250px; z-index: 100; }
        .top-menu a { color: #d89800; text-decoration: none; font-weight: bold; margin-right: 20px; font-size: 11px; text-transform: uppercase; }
        
        .navi_menu { position: absolute; top: 300px; left: 250px; z-index: 100; }
        
        #slider-container {
            position: absolute;
            top: 395px; left: 250px;
            width: 630px; height: 190px;
            z-index: 10;
            background: #000;
        }

        /* --- NOWY WRAPPER DLA ŚRODKA --- */
        /* To on pilnuje, żeby stopka widziała wysokość obu kolumn */
        #main-content-wrapper {
            position: relative;
            margin-top: 605px; /* Start pod nagłówkiem */
            display: flex; /* Układa newsy i staty obok siebie */
            width: 1320px; /* Szerokość obejmująca obie kolumny */
            margin-left: 239px;
            padding-bottom: 40px;
            flex: 1; /* Popycha stopkę do dołu */
        }

        /* --- NEWSY --- */
        #news-container {
            width: 650px;
            /* Usunęliśmy absolute, żeby "pchało" wrapper */
        }

        .news-content {
            background: rgba(30, 23, 12, 0.8);
            padding: 20px;
            margin-bottom: 10px;
            border: 1px solid rgba(12, 13, 15, 0.5);
            text-align: justify;
        }

        .news-content h2 { color: #f0e6b4; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; border-bottom: 1px solid rgba(240, 230, 180, 0.1); }
        .news-content p { color: #a0a0a0; font-size: 12px; line-height: 1.6; }

        /* --- STATYSTYKI (Prawy Panel) --- */
        #right-col {
            width: 420px;
            margin-left: 11px; /* Odstęp od newsów */
            margin-top: 123px; /* Żeby zaczynały się niżej (728px - 605px) */
        }

        .widget {
            background: rgba(18, 19, 21, 0.7);
            border: 1px solid rgba(74, 43, 24, 0.3);
            margin-bottom: 20px;
            padding: 12px;
        }

        .widget h3 { color: #f0e6b4; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid rgba(74, 43, 24, 0.3); padding-bottom: 5px; margin-bottom: 10px; }
        .stat-table { width: 100%; font-size: 11px; color: #a0a0a0; border-collapse: collapse; }
        .stat-table td { padding: 4px 0; border-bottom: 1px solid rgba(12, 13, 15, 0.5); }
        .stat-table td:last-child { text-align: right; color: #d89800; font-weight: bold; }

        /* --- STOPKA --- */
        #footer {
            background: url('img/foot.jpg') no-repeat top center;
            width: 1070px;
            height: 149px; 
            margin: 0 auto;
            text-align: center;
            color: #FFFF00;
            padding-top: 60px;
            font-weight: bold;
            flex-shrink: 0;
        }

        #slides img { width: 630px; height: 190px; }
		/* Tło modala (przyciemnienie) */
.modal {
    display: none; 
    position: fixed; 
    z-index: 9999; 
    left: 0; top: 0;
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.8); /* Czarne tło z przezroczystością */
}

/* Okienko z treścią */
.modal-content {
    background-color: #1a1a1a;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid #552b12; /* Twój brązowy kolor */
    width: 500px;
    box-shadow: 0px 0px 20px #000;
    position: relative;
    color: #fff;
}

/* Przycisk zamknięcia (X) */
.close-modal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close-modal:hover { color: #fff; }