/* 1. Eltüntetjük a csúnya görgetősávot az oldalsávból, de a görgetés megmarad */
    .ps-layout__left-container, 
    .ps-layout__left-content,
    .bb-shop-sidebar {
        -ms-overflow-style: none;  /* IE és Edge */
        scrollbar-width: none;  /* Firefox */
    }

    .ps-layout__left-container::-webkit-scrollbar,
    .ps-layout__left-content::-webkit-scrollbar,
    .bb-shop-sidebar::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }

    /* 2. Finomítunk a widget távolságán, hogy ne érjen hozzá a kategóriákhoz */
    .top-products-widget {
        margin-top: 30px !important;
        padding-top: 20px;
        border-top: 1px dashed #ddd; /* Egy kis elválasztás a kategóriák után */
    }

    /* 3. A kártyák közötti távolság és az árnyék finomítása */
    .top-products-widget__item {
        padding: 5px; /* Hogy az árnyék ne vágódjon le */
    }

    .top-product-card {
        transition: transform 0.2s ease-in-out;
    }

    .top-product-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }






    /* Felülbíráljuk a fix magasságot és a görgetést a szűrő tartalmánál */
    .bb-product-filter-content:has(.bb-product-filter-items) {
        max-height: none !important;
        overflow-y: visible !important;
        scrollbar-width: none !important;
    }

    /* Biztosítjuk, hogy a belső lista se kényszerítsen scrollt */
    .bb-product-filter-items {
        max-height: none !important;
        overflow: visible !important;
    }

    /* Ha mégis látnál maradék sávot Chrome-ban */
    .bb-product-filter-content::-webkit-scrollbar {
        display: none !important;
    }