/* 1. TOUCHSPIN I KOSZYK (Twoje sprawdzone reguły) */
.bootstrap-touchspin.input-group { display: flex !important; flex-wrap: nowrap !important; align-items: stretch; width: fit-content; }
.bootstrap-touchspin input.form-control { width: 60px !important; height: 40px !important; text-align: center; border: 1px solid #ccc; border-right: none; border-radius: 0; margin: 0 !important; float: none !important; }
.bootstrap-touchspin .input-group-btn-vertical { display: flex !important; flex-direction: column; width: 30px; height: 40px !important; border: 1px solid #ccc; background: #fff; margin: 0 !important; padding: 0; float: none !important; }
.bootstrap-touchspin .input-group-btn-vertical > .btn { display: flex !important; align-items: center; justify-content: center; flex: 1; width: 100%; padding: 0; margin: 0; border: none; background: white; }
.product-add-to-cart .add { display: flex !important; align-items: center !important; gap: 10px; }

/* 2. MENU BOCZNE - WERSJA BEZPIECZNA (Menu nie zniknie) */

/* Upewniamy się, że główne kontenery są widoczne */
.block-categories, 
.block-categories .category-top-menu {
    display: block !important;
}

/* Stylizacja wierszy - Napis po lewej, ikona po prawej */
.block-categories li > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100%;
    border-bottom: 1px solid #eeeeee; /* Delikatna linia dla porządku */
}

/* Główne kategorie - Pogrubione */
.block-categories .category-top-menu > li > div > a {
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 10px 0 !important;
    color: #333 !important;
}

/* Podkategorie - Lżejsze i wcięte */
.block-categories .category-sub-menu li a {
    padding: 5px 0 5px 15px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    color: #666 !important;
}

/* Ikony rozwijania - Zawsze widoczne i klikalne */
.block-categories .collapse-icons {
    cursor: pointer;
    padding: 10px !important;
    display: flex !important;
    align-items: center;
}

/* UKRYWANIE - Spróbujmy bez !important */
.block-categories .category-sub-menu {
    display: none;
}

/* POKAZYWANIE - Tylko gdy Presta doda klasę po kliknięciu */
.block-categories .collapse.in, 
.block-categories .collapse.show {
    display: block !important;
}