/* Applies to: is_product_category() · is_product_tag() · is_shop() */
.rbb-page-title {
    background-image: none;
    background: none;
}

.star-rating {
    --rbb-rating-icon-size: 0.8rem; 
}
.rbb-accordion-title {
    height: 41.7778px;
    margin-top: -0.125px;
}
.category-tags-scrollbar {
    margin: 0 -6em 0 -10px;
}
#category-tags-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* overflow-x:auto clips vertically too; when the row lands on a fractional
       offset iOS rounds the clip edge into the tags' bottom border. Room to
       spare inside the clip, cancelled by the margin so nothing moves. */
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: -2px;
    margin-bottom: -2px;
}
#category-tags-scrollbar::-webkit-scrollbar {
    display: none;
}
.category-tags-wrapper {
    position: relative;
    padding-bottom: 14px;
}
#category-tags-track,
#active-filters-track {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 4rem;
    height: 4px;
    background: #b3b3b3;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.3s;
}
#active-filters-track {
    margin-right:  30px;
}
.category-tags-wrapper.load #category-tags-track,
.category-tags-wrapper.load-af #active-filters-track {
    opacity: 1;
}
.category-tags-wrapper.hide-tag-track #category-tags-track {
    opacity: 0;
}
#category-tags-thumb,
#active-filters-thumb {
    position: absolute;
    top: 0;
    height: 100%;
    background: var(--rbb-general-primary-color);
    border-radius: 4px;
    cursor: grab;
}
#category-tags-thumb {
    left: var(--thumb-x, 0px);
    width: var(--thumb-width, 20px);
}
#active-filters-thumb {
    left: var(--af-thumb-x, 0px);
    width: var(--af-thumb-width, 20px);
}
#category-tags-thumb:active,
#active-filters-thumb:active {
    cursor: grabbing;
}
.category-tag-link:first-child {
    margin-left: 15px;
}
.category-tag-link:last-child {
    margin-right: 5em;
}
.rbb-sidebar-shop-filter-title{
    padding-bottom:12px;
    margin-top: 0;
}
.rbb-sidebar-shop-filter-left .sidebar-shop-filter-widget .sidebar-shop-filter-group, .rbb-sidebar-shop-filter-right .sidebar-shop-filter-widget .sidebar-shop-filter-group {
    padding: 0;
    border: none;
    margin-top: 15px;
}
.rbb-sidebar-shop-filter-left .sidebar-shop-filter-widget .sidebar-shop-filter-group .widget-content:before, .rbb-sidebar-shop-filter-right .sidebar-shop-filter-widget .sidebar-shop-filter-group .widget-content:before {
    display: none;
}

.rbb-product-catalog .woocommerce-pagination .rbb-load-more.loading:after {
    background-image: var(--rbb-button-loading-hover);
}
.rbb-load-more.loading {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.7;
}
/* Hide the label while the spinner runs, keeping the button at its resting size. */
.rbb-load-more.loading .rbb-load-more__label {
    visibility: hidden;
}
.rbb-price-filter {
    padding-top: 8px;
}
.rbb-widget--product-rating .star-rating:before, .rbb-widget--product-rating .star-rating span:before{
    height: 1rem;
    background-size: 1rem;
}
.rbb-widget--product-rating .star-rating{
    height: 1rem;
    width: calc(1rem * 5 - 0.67px);
}
.rbb-active-filters-bar .star-rating{
    display: inline-flex;
    top: 2px;
}
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget .sidebar-shop-filter-group .widget-content {
    padding-top: 0;
    margin-bottom: 15px;
}
.rbb-sidebar-shop-filter .widget-content-inner li{
    margin-bottom: 0;
}
.rbb-sidebar-shop-filter .widget-content-inner li:nth-child(n+1){
    padding-top: 4px;
}
.rbb-widget--product-categories .widget-content-inner li:nth-child(n+1){
    padding-top: 0;
}
.rbb-sidebar-shop-filter .rbb-widget--product-categories .widget-content .widget-content-inner .level-0 .item:not(:last-child){
    margin-bottom: 4px;
}
.rbb-sidebar-shop-filter .rbb-widget--product-categories .widget-content .widget-content-inner .level-0 .item:last-child {
    margin-bottom: 0;
}
.rbb-sidebar-shop-filter .widget-content-inner li:last-child {
    margin-bottom: 8px;
}
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget.rbb-widget--attribute-filter .widget-content-inner .rbb-attribute-filter-item.checkbox-style.active-item a, .rbb-sidebar-shop-filter .sidebar-shop-filter-widget.rbb-widget--attribute-filter .widget-content-inner .rbb-attribute-filter-item.normal-style.active-item a {
    font-weight: 600;
}
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget .widget-content .widget-content-inner .level-0 .item.active-item>a {
    color: var(--rbb-general-button-bg-hover-color);
    font-weight: 600;
}
.rbb-sidebar-shop-filter.filter-loading .widget-content-inner li:not(.active-item):not(.chosen):not(.filter-pending),
.rbb-sidebar-shop-filter.filter-loading .rbb-price-filter {
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 0.15s;
}
.rbb-sidebar-shop-filter .filter-pending > a:before {
    border: 2px solid #d6e7d6 !important;
    border-top-color: #4CAF50 !important;
    border-radius: 50% !important;
    background: transparent !important;
    transition: none !important;
    animation: bs-filter-spin 0.7s linear infinite;
}
@keyframes bs-filter-spin {
    from { transform: translateY(-50%) rotate(0deg); }
    to   { transform: translateY(-50%) rotate(360deg); }
}

.category-tag-link:hover {
    background-color: var(--rbb-general-primary-color, #333);
    border-color: var(--rbb-general-primary-color, #333);
}

.category-tag-link:hover {
    color: white;
}

.category-top-bar {
    max-width: 100%;
    width: 100%;
}

.category-tags-wrapper {
    max-width: 100%;
    width: 100%;
    padding-right: 5em;
    margin-left: -10px;
}
.category-tags-wrapper:after {
    content: "";
    position: absolute;
    width: 4em;
    height: 50px;
    top: 0;
    right: 0;
    background-image: linear-gradient(90deg, #ffffff00, #ffffff 33.33%);
}
.woocommerce .rbb-sidebar-shop-filter-title{
    font-size: 1.25em !important;
}
.category-top-bar .woocommerce-ordering {
    margin-left: auto;
    flex-shrink: 0;
}
.rbb-product-catalog.category-right .category-top-bar {
    background-color: transparent;
}
.product-content .button {
    line-height: 1.5;
}
.rbb-price-filter__input {
    display: none;
}
.rbb-price-filter__range-input {
    margin-bottom: 0;
}
.ajaxdisable {
    opacity: 0.3;
}
.ajaxdisable .rbb-price-filter__range-input input[type=range]:hover::-webkit-slider-thumb {
    background: white;
    cursor: default;
}
.rbb_woo_products .product-content .trigger-popup {
    opacity: 1;
    transform: translateY(0);
    visibility: inherit;
}
.filter-product .product-popup,
.skeleton-glow .bg-product {
    display: none; /*handle filter ajax loading*/
}
/*override botanica's default loading*/
body.pace-running.filter-product .products-category .item .item-product:before {
    display: none;
}
body.pace-running.filter-product .products-category .item .item-product .product_info,
body.pace-running.filter-product .products-category .item .item-product .product_title,
body.pace-running.filter-product .products-category .item .item-product .thumbnail-container,
body.pace-running.filter-product .products-category .item .item-product .thumbnail-container img {
    opacity: inherit
}

.woocommerce-mini-cart-item {
    outline-color: var(--rbb-general-secondary-color);
}
.custom-outline {
    outline: 2px solid var(--rbb-general-secondary-color);
}
.category-product-top {
    position: relative;
    z-index: 1;
}
.category-product-top p:last-of-type {
    margin-bottom: 0;
}
.rbb-page-title .heading {
    color: var(--rbb-general-heading-color);
}
.filter-group .item{
    border: 1px solid #C9973A;
    border-radius: 99px;
    padding: 4px 12px;
    margin-top: 4px;
    margin-bottom: 4px;
    white-space: nowrap;
    background-color: #FFF8E1;
    color: #C9973A;
}

.filter-group .item a {
    pointer-events: none;
    color: #C9973A;
}
.filter-group {
    display: inline;
}
.pseudo-x {
    margin-left: 2px;
}

.rbb-active-filters-bar-tablet {
    overflow-x: scroll;
    padding: 8px 100px 10px 0;
    user-select: none;

}

.rbb-active-filters-bar-tablet .remove-filter {
    white-space: nowrap;
}

.rbb-sidebar-shop-filter #rbb-active-filters-bar .filter-group .item:not(:first-child):before,
.filter-group .filter-group-title,
.remove-filter-group,
.clear-all,
.rbb-sidebar-shop-filter #rbb-active-filters-bar,
.dummy-block .pseudo-x  {
    display: none !important;
}
.woocommerce .sidebar-filter {
    width: max-content;
    white-space: nowrap;
}
.rbb-accordion-content {
    width: max-content;
}
/* Sort dropdown entrance -- category.js opens it instantly and this does the
   motion with opacity/transform only, so it stays on the compositor. */
.woocommerce-ordering .rbb-accordion-content.bs-sort-open {
    animation: bs-sort-open 0.15s ease-out;
}
@keyframes bs-sort-open {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: none; }
}
.pseudo-clear-all {
    position: absolute;
    top: 1px;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 1;
    background: linear-gradient(to left, #fff 85%, transparent);
    text-decoration: none;
    height: 40px;
    padding-left: 24px;
    padding-right: 24px;
}
.category-tags-active-filters .pseudo-clear-all {
    position: relative;
    right: auto;
    background: none;
    height: auto;
    padding-left: 8px;
}
.rbb-active-filters-bar,
.category-tags-active-filters {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.rbb-active-filters-bar::-webkit-scrollbar,
.category-tags-active-filters::-webkit-scrollbar {
    display: none;
}
.rbb-active-filters-bar {
    padding-left: 15px;
    padding-right: 93px;
}
.rbb-active-filters-bar .block {
    display: flex;
    gap: 1rem;
}
.rbb-active-filters-bar .category-tags-scrollbar  {
    padding-left: 10px;
}
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget.rbb-widget--product-rating .widget-content-inner .wc-layered-nav-rating.chosen a:before {
    border: 1px solid var(--rbb-general-button-bg-hover-color);
}
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget .widget-content .widget-content-inner .level-0 .item>a:before,
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget .widget-content .widget-content-inner .level-0 .item>a:after,
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget.rbb-widget--product-rating .widget-content-inner .wc-layered-nav-rating a:before,
.rbb-sidebar-shop-filter .sidebar-shop-filter-widget.rbb-widget--product-rating .widget-content-inner .wc-layered-nav-rating a:after{
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (min-width: 768px){
    .rbb-page-title {
        padding: 100px 0;
    }
    .sidebar-filter {
        margin-top: 30px;
    }
    .woocommerce-shop .rbb-page-title {
        padding-bottom: 0;
        padding-top: 50px;
    }

    h1.heading {
        margin: 0;
        padding-top: 0;
        font-size: 3.75rem;
        line-height: 1;
    }
    .woocommerce-shop h1.heading {
        font-size: 2.5rem;
    }
    .category-product-top {
        max-width: 50%;
        padding-top: 20px;
    }
    .woocommerce-ordering {
        margin-right: -10px;
    }
    .pseudo-clear-all {
        top: 2px;
        padding-right: 0;
        padding-left: 42px;
    }
}
@media (max-width: 1310px) and (min-width: 768px){
    .rbb-product-catalog .products-category.products .item {
        width: 33.333%;
    }
}
@media screen and (max-width: 1023px) {
    .rbb-sidebar-shop-filter .sidebar-shop-filter-widget .sidebar-shop-filter-group .sidebar-shop-filter-title {
        padding-top: 15px;
    }
    .rbb-sidebar-shop-filter .sidebar-shop-filter-widget .sidebar-shop-filter-group .widget-content{
        padding-top: 15px;
    }
    .rbb-sidebar-shop-filter-left,
    .rbb-sidebar-shop-filter-right {
        max-width: 350px;
    }
    /* Slide the drawer with transform instead of the parent theme's 0.5s
       `left` transition: it stays on the compositor and keeps pace with the
       page push in style.css (same timing). */
    .rbb-sidebar-shop-filter-left {
        left: 0;
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .rbb-sidebar-shop-filter-left.active {
        transform: none;
    }
}
@media screen and (max-width: 1023px) and (min-width: 768px){
    .woocommerce-shop #rbb-primary.grid,
    .tax-product_cat #rbb-primary.grid  {
        display: block;
    }
}
@media (max-width: 1023px){
    .woocommerce .rbb-sidebar-shop-filter-title {
        margin: 0;
    }
}
@media (max-width: 767px) {
    .rbb-page-title .heading {
        font-size: 2.5rem;
        line-height: 1;
        padding-top:0;
        margin: 0;
    }
    .woocommerce-shop .rbb-page-title {
        padding: 60px 0 0;
    }
    .woocommerce-shop h1 {
        text-align: center;
        font-size: 1.5rem;
    }
    .woocommerce-shop .rbb-breadcrumb {
        text-align: center;
    } 
    .rbb-product-catalog.category-right {
        margin-top: -38px;
        overflow: hidden;
    }
    .category-tags-scrollbar{
        max-width: 100vw;
        padding-right: 3rem;
        scroll-snap-type: x mandatory;
        scroll-padding-left: 0;
        overscroll-behavior-x: contain;
    }
    #category-tags-scrollbar {
        padding-right: 15px;
        margin-left: 0;
    }
    .rbb-product-catalog.category-right .category-top-bar{
        flex-direction: column-reverse;
        padding: 0;
        gap: 0;
    }
    .category-tags-wrapper{
        padding-right: 0;
        margin-bottom: 10px;
        width: 100vw;
        margin-left: -15px;
        margin-right: -15px;
        align-self: self-start;
    }
    .category-tags-wrapper:after {
        width: 0;
    }
    .category-tags-scrollbar .category-tag-link:last-child {
        margin-right: 2.5em;
    }
    #category-tags-scrollbar .category-tag-link:last-child {
        margin-right: 0;
    }
    #category-tags-track {
        right: -15px;
    }
    .woocommerce .sidebar-filter{
        font-size: 1em;
        position: relative;
        margin-bottom: 2px;
        margin-top: 14px;
    }
    .woocommerce-ordering {
        margin-bottom: -8px;
    }
    .woocommerce-shop .sidebar-filter {
        margin-top: 50px;
    }
    .rbb-page-title .heading, 
    .rbb-breadcrumb,
    .category-product-top {
        text-align: center;
    }
    .category-product-top {
        padding-top: 10px;
    }
    .rbb-product-catalog.category-right .category-top-bar .woocommerce-ordering .rbb-accordion-title {
        border: none;
        justify-content: end;
        min-width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    
    .rbb-product-catalog.category-right .category-top-bar .woocommerce-ordering .rbb-accordion-title i {
        margin-left: 0;
        padding-left: 12px;
    }
    .pseudo-clear-all{
        padding-right: 0;
        padding-left: 2.25rem;
        right: -15px;
    }
    .rbb-accordion-content {
        border-top-right-radius: 10px;
    }
    .woocommerce-no-products-found {
        padding-left:80px;
    }
}

/* Sticky mobile filter/sort capsule bar -- see assets/js/category.js
   initStickyFilterBar(). Built entirely in JS, not a PHP template, since
   it's just a client-side shortcut onto controls that already exist
   further down the page (the off-canvas filter drawer, the sort
   dropdown, the accordions). The bar element itself is created/destroyed
   by JS on mobile enable/disable, so no rule here needs to hide it
   outside this breakpoint. */
@media (max-width: 767px) {
    .bs-sticky-filter-bar {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        /* Just under the header: the pinned .header-mobile's own 999 only
           counts inside #rbb-default-header (relative, z-30), so against
           this body-level bar the header is 30. At 998 the bar slid over
           the header whenever the two overlapped on fast scrolls. Still
           above all catalog content (sort dropdown 20, wishlist 10). */
        z-index: 29;
        /* Always translates fully off-screen from a fixed top:0, however
           tall the bar is -- the header offset below is only ever applied
           in the .bs-sticky-active rule, never here, so the hidden state
           can never land inside (or overlapping) the viewport. */
        transform: translateY(-100%);
        transition: transform 0.25s ease;
        background: #fff;
        /* No left/right padding -- .bs-sticky-filter-row below needs to
           span edge-to-edge so the capsules can scroll flush to the
           viewport, not just to this bar's own inset. */
        padding: 12px 0;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }
    .bs-sticky-filter-bar.bs-sticky-active {
        transform: translateY(var(--sticky-header-offset, 0px));
    }
    /* The bar tucks under the header, so the header's shadow would fall
       across it. Drop it while the bar is out -- the bar's own shadow then
       closes off the stack -- and the header gets it back once the bar
       leaves. */
    body.bs-sticky-filter-bar-active .header-mobile {
        box-shadow: none;
    }
    /* Tuck the bar back out of view while mobile search is open. Keyed off
       .search-mobile.active, which the header's search toggle adds and
       search-customization.js's closeSearchForm() removes on every close
       path (icon, overlay, Escape) -- so no JS needs to track it here. */
    body.bs-search-open .bs-sticky-filter-bar.bs-sticky-active {
        transform: translateY(-100%);
    }
    .bs-sticky-filter-row {
        display: flex;
        align-items: center;
        gap: 10px;
        /* Becomes scrollable only once bs-sticky-scrollable is added,
           after the entrance animation finishes -- see the JS. */
        overflow-x: hidden;
    }
    /* Resting breathing room lives on the end capsules themselves (like
       .category-tag-link:first-child/:last-child elsewhere in this file),
       not as padding on the row -- that way the row's scrollable bounds
       still reach the true viewport edges. */
    .bs-sticky-filter-row .bs-sticky-capsule:first-child {
        margin-left: 15px;
    }
    .bs-sticky-filter-row .bs-sticky-capsule:last-child {
        margin-right: 15px;
    }
    .bs-sticky-filter-row.bs-sticky-scrollable {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    .bs-sticky-filter-row.bs-sticky-scrollable::-webkit-scrollbar {
        display: none;
    }
    .woocommerce .rbb-sidebar-shop-filter-title  {
        margin-top: -1.5rem;
        padding-bottom: 0;
    }
    .bs-sticky-capsule {
        display: inline-flex;
        align-items: center;
        flex-shrink: 0;
        border: 1px solid var(--rbb-general-primary-color, #163317);
        border-radius: 99px;
        min-height: 37px;
        box-sizing: border-box;
        padding: 8px 18px;
        background: transparent;
        color: var(--rbb-general-primary-color, #163317);
        font-size: 1rem;
        font-weight: 600;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
    }
    .bs-sticky-capsule .count {
        margin-left: 2px;
    }
    .bs-sticky-capsule--filter i {
        margin-right: 4px;
        font-size: 0.9em;
    }
    /* Taxonomy capsules (Mood/Difficulty/Yield/Ratings) slide in with a
       stagger once the bar itself becomes active; Filter/Sort ride in
       with the bar's own transform above and don't need this. */
    .bs-sticky-capsule[data-target] {
        opacity: 0;
        transform: translateX(16px);
        transition: opacity 0.25s ease, transform 0.25s ease;
        transition-delay: 0.05s;
    }
    .bs-sticky-capsule[data-target="difficulty"] { transition-delay: 0.1s; }
    .bs-sticky-capsule[data-target="yield"] { transition-delay: 0.15s; }
    .bs-sticky-capsule[data-target="ratings"] { transition-delay: 0.2s; }
    .bs-sticky-active .bs-sticky-capsule[data-target] {
        opacity: 1;
        transform: none;
    }
    /* Sort capsule: the icon stays put -- the "Sort" label expands into
       view next to it, which is what reads as the icon "sliding over". */
    /* The icon is absolute (so it doesn't add to the capsule's line
       height), which takes it out of the capsule's width too -- so its
       space is reserved here as left padding instead of on the label.
       That way the capsule never collapses below icon size, whatever
       state the label is in. 36px = 14px side padding + 16px icon + 6px gap. */
    .bs-sticky-capsule--sort {
        padding-left: 36px;
    }
    .bs-sticky-capsule--sort .label {
        display: inline-block;
        max-width: 0;
        opacity: 0;
        overflow: hidden;
        /* Leaving: hold the label open until the bar's own 0.25s slide
           out has finished, so the capsule doesn't visibly shrink while
           it's still on screen. */
        transition: max-width 0.25s ease 0.25s, opacity 0.2s ease 0.25s;
    }
    .bs-sticky-active .bs-sticky-capsule--sort .label {
        max-width: 60px;
        opacity: 1;
        /* Entering: expand right away. */
        transition: max-width 0.25s ease, opacity 0.2s ease;
    }
    .bs-sticky-capsule--sort .mobile-sort-icon {
        width: 16px;
        height: 16px;
        display: block;
        margin-left: 0;
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
    }
    /* The real sort dropdown is position:absolute, anchored to the
       original .woocommerce-ordering control inside .category-top-bar --
       which is scrolled off-screen whenever the sticky bar is visible.
       Pin it under the sticky bar instead while that's the case (class +
       --sticky-dropdown-top set in category.js's updateStickyPosition),
       so opening it from the Sort capsule actually shows it somewhere.
       Centered horizontally via left/right:0 + auto margins on a
       shrink-to-fit width (rather than a translateX, which could fight
       any transform the theme animates the dropdown with). */
    body.bs-sticky-filter-bar-active .woocommerce-ordering .rbb-accordion-content {
        position: fixed;
        top: var(--sticky-dropdown-top, 60px);
        left: 0;
        right: 0;
        width: max-content;
        max-width: calc(100vw - 30px);
        margin-left: auto;
        margin-right: auto;
    }
    /* Pulled in via openAccordionFor()/highlightAccordion() in category.js
       right after scrollIntoView(), so the eye is drawn to wherever the
       page just jumped to instead of the jump alone. */
    .bs-accordion-highlight {
        transform-origin: center;
        animation: bs-accordion-highlight-pulse 0.5s ease-out;
    }
    .bs-accordion-highlight .sidebar-shop-filter-title,
    .bs-accordion-highlight .widget-content-inner .filter-link {
        /* No explicit color at 0%/100% -- the browser interpolates from
           and back to whatever each element's color would normally be, so
           this doesn't need to know/hardcode those values. Holds at the
           secondary color for ~1.5s (10%-90% of 1.8s) rather than just
           flashing through it. */
        animation: bs-accordion-highlight-color 1.2s ease-out;
    }
    @keyframes bs-accordion-highlight-pulse {
        0% { transform: scale(1); }
        40% { transform: scale(1.035); }
        100% { transform: scale(1); }
    }
    @keyframes bs-accordion-highlight-color {
        10% { color: var(--rbb-general-secondary-color, #f3bd66); }
        90% { color: var(--rbb-general-secondary-color, #f3bd66); }
    }
}
@media screen and (min-width: 768px) {
    .rbb-active-filters-bar {
        padding-right: 15px;
        padding-left: 0;
    }
    .category-tags-wrapper {
        max-width: calc( 100% - 165px);
    }
    #category-tags-track, 
    #active-filters-track {
        left: 0;
    }
    .category-tags-wrapper:after {
        right: -24px;
        width: 100px;
    }
    #category-tags-track {
        left: 5px;
    }
}
@media screen and (min-width: 1023px) {
    .sidebar-shop-filter-widget + .sidebar-shop-filter-widget {
        border-top: 1px solid #eee;
    }
}
@media (min-width: 1024px){
    .category-tags-wrapper {
        margin-left: -7px;
    }
    #category-tags-scrollbar {
        margin-left: 0;
    }
    #category-tags-track {
        left: 0;
    }
    .category-tag-link:first-child {
        margin-left: 0;
    }
    .category-top-bar {
        align-items: flex-start;
    }
    .category-product-top  {
        max-width: 33%;
    }
    .rbb-product-catalog {
        padding: 100px 0;
    }
    .rbb-product-catalog,
    .rbb-sidebar-shop-filter {
        padding-top: 50px;
    }
    .woocommerce-shop .rbb-product-catalog,
    .woocommerce-shop .rbb-sidebar-shop-filter {
        padding-top: 40px;
    }
    .tablet-wrapper {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1310px;
        padding-left: calc(1280px * 0.25);
        padding-right: 15px;
    }
    .rbb-active-filters-bar-tablet {
        margin-left: -10px;
    }

    .tablet-bar-wrapper {
        min-width: 0;
    }

}