div#menu_blog_rss {
display: none !IMPORTANT;
}
/* --- Zmiana układu strony wpisu blogowego na 20%-60%-20% --- */

/* 1. Ukrywamy lewy pasek boczny (menu kategorii, logowanie) */
#container.blog-item_page #layout aside {
    display: none !important;
}

/* 2. Zmuszamy kontener z treścią do zajęcia 100% szerokości (zamiast dzielenia miejsca z paskiem bocznym) */
#container.blog-item_page #layout #content {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 3. Ustawiamy szerokość samej treści artykułu na 60% i centrujemy ją */
#container.blog-item_page #blog-item {
    width: 70%;
    margin: 0 auto; /* To polecenie tworzy automatyczne marginesy po lewej i prawej (Twoje "wolne przestrzenie") */
}

/* --- Responsywność (Mobile) --- */
/* Na telefonach i tabletach (poniżej 992px) przywracamy szerokość 100%, 
   aby tekst nie był zbyt wąski i czytelny */
@media (max-width: 991px) {
    #container.blog-item_page #blog-item {
        width: 100%;
        padding: 0 15px; /* Drobny odstęp od krawędzi ekranu */
    }
}
/* --- Stylizacja linków w treści wpisu na blogu --- */
#container.blog-item_page #blog-item a {
    color: #000000 !important;       /* Kolor czarny */
    font-weight: bold !important;    /* Pogrubienie */
    text-decoration: underline !important; /* Podkreślenie */
}

/* --- Wyjątek dla sekcji "Polecane buty" na dole wpisu --- */
/* Dzięki temu produkty na dole nie będą miały czarnych, podkreślonych nazw/zdjęć */
#container.blog-item_page #blog-item #blog_item_associated a {
    text-decoration: none !important;
    font-weight: normal !important;
    color: inherit !important; /* Przywraca domyślny kolor produktów */
}