.et-db #et-boc .et-l .et_pb_menu_0_tb_body.et_pb_menu.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul#menu-product-categories>li>a {
    font-size: var(--font-size-small-text);

    &:hover {
        color: var(--color-main-dark) !important;
        font-weight: 600;
        opacity: 1;
    }

    &:after {
        background-color: var(--color-main-dark) !important;
    }
}

.woocommerce ul.products li.product.type-product {
    overflow: unset;
}

.woocommerce ul.products.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.woocommerce ul.products.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.woocommerce.et-db #page-container #et-boc ul.products.columns-4, 
.woocommerce.et-db #page-container #et-boc ul.products.columns-3 {
    li.product {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }

    @media screen and (max-width: 1099px) {
        grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (max-width: 539px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

.woocommerce ul.products {
    display: grid;
    gap: var(--regular-space);

    &:before {
        content: none;
    }

    li.product {
        width: 100%;
        float: none;
        margin: 0;

        &>.button {
            display: none;
        }
    }
}

.woocommerce-pagination {
    padding-top: var(--regular-space);
}

.woocommerce #page-container .widget_price_filter .ui-slider .ui-slider-handle, 
.woocommerce #page-container .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--color-primary-btn);
}

.woocommerce #page-container .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Prescription filter widget: no red X, selected = bold */
.opusmeds_widget_prescription_filter .woocommerce-widget-layered-nav-list__item--chosen a::before {
    display: none !important;
}
.opusmeds_widget_prescription_filter .woocommerce-widget-layered-nav-list__item--chosen a {
    font-weight: 700;
}

@media screen and (max-width: 768px) {
    .opusmeds-filters-accordion {
        margin-bottom: var(--regular-space);
    }

    .opusmeds-filters-toggle {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .opusmeds-filters-panel {
        padding-top: var(--small-space);
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
}