.elementor-581 .elementor-element.elementor-element-561cc7f{--display:flex;--min-height:80vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-581 .elementor-element.elementor-element-1938df5{--display:flex;--padding-top:20px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-581 .elementor-element.elementor-element-ab7c08d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-581 .elementor-element.elementor-element-945f81e{--display:flex;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-581 .elementor-element.elementor-element-385e137{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:var( --e-global-color-secondary );--n-accordion-icon-size:15px;--n-accordion-icon-normal-color:var( --e-global-color-secondary );}:where( .elementor-581 .elementor-element.elementor-element-385e137 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-581 .elementor-element.elementor-element-fbea80c{--display:flex;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-581 .elementor-element.elementor-element-1eac466{--grid-columns:3;--e-loop-nothing-found-message-align:center;--grid-column-gap:10px;--e-loop-nothing-found-message-color:var( --e-global-color-secondary );}.elementor-581 .elementor-element.elementor-element-1eac466 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-581 .elementor-element.elementor-element-1eac466 .e-loop-nothing-found-message__text{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}@media(min-width:768px){.elementor-581 .elementor-element.elementor-element-1938df5{--width:25%;}.elementor-581 .elementor-element.elementor-element-ab7c08d{--width:25%;}.elementor-581 .elementor-element.elementor-element-fbea80c{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-581 .elementor-element.elementor-element-1938df5{--width:30%;}.elementor-581 .elementor-element.elementor-element-fbea80c{--width:70%;}}@media(max-width:1024px){.elementor-581 .elementor-element.elementor-element-561cc7f{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-581 .elementor-element.elementor-element-1eac466{--grid-columns:2;--grid-column-gap:10px;}.elementor-581 .elementor-element.elementor-element-1eac466 > .elementor-widget-container{padding:0px 0px 20px 0px;}.elementor-581 .elementor-element.elementor-element-1eac466 .e-loop-nothing-found-message__text{font-size:15px;}}@media(max-width:767px){.elementor-581 .elementor-element.elementor-element-945f81e{--padding-top:10px;--padding-bottom:10px;--padding-left:3px;--padding-right:3px;}.elementor-581 .elementor-element.elementor-element-385e137{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-font-size:16px;--n-accordion-icon-size:20px;}.elementor-581 .elementor-element.elementor-element-1eac466{--grid-columns:1;}.elementor-581 .elementor-element.elementor-element-1eac466 .e-loop-nothing-found-message__text{font-size:12px;}}/* Start custom CSS for shortcode, class: .elementor-element-d638f1c */.wpf_item .wpf_item_count{
    display:none !important;
}

.wpf_item li{
    justify-content:flex-start !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94aceff */.wpf_item .wpf_item_count{
    display:none !important;
}

.wpf_item li{
    justify-content:flex-start !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-94aceff */.wpf_item .wpf_item_count{
    display:none !important;
}

.wpf_item li{
    justify-content:flex-start !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1eac466 */.productloop-1 .elementor-image-carousel-wrapper,
.productloop-1 .swiper{
    width:100% !important;
    max-width:100%;
}

.productloop-1 .swiper-slide{
    width:100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-561cc7f *//* Scope to e-bicycle page only */

/* Desktop only */
@media (min-width: 768px) {

    body.page-id-581 {
        overflow: hidden; /* stop page scroll */
    }

    /* Lock main container to viewport height minus header */
    body.page-id-581 .productpagemain {
        height: calc(100vh - 90px); /* adjust 90px to match your actual header height */
        overflow: hidden;
        align-items: flex-start;
    }

    /* Independent scroll for filter panel */
    body.page-id-581 .productpageright {
        height: 100%;
        overflow-y: auto;
    }

    /* Independent scroll for product grid */
    body.page-id-581 .productpageleft {
        height: 100%;
        overflow-y: auto;
    }
}

/* Mobile & Tablet */
@media (max-width: 767px) {

    body.page-id-581 {
        overflow: auto;
    }

    body.page-id-581 .productpagemain,
    body.page-id-581 .productpageright,
    body.page-id-581 .productpageleft {
        height: auto;
        overflow: visible;
    }
}

/* ===== Filter groups styling ===== */

.wpf_form_filters {
    font-family: 'Roboto', sans-serif;
}

/* Each filter group */
.wpf_form_filters .wpf_item {
    border-radius: 14px;
    box-shadow: 0px 6px 10px rgba(0,0,0,0.08);
    background: #fff;
    padding: 0 16px !important;
    margin-bottom: 16px;
}
.wpf_form_filters .wpf_item:hover{
    background: #f8f8f8;
}


/* Group heading */
.wpf_form_filters .wpf_item_name {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 56px !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    border-bottom: none !important;
    box-sizing: border-box;
}

.wpf_form_filters .wpf_grouped_label::after,
.wpf_form_filters .wpf_grouped_label::before {
    top: 50% !important;
    transform: translateY(-50%);
}

/* Labels, counts, slider text */
.wpf_form_filters label,
.wpf_form_filters .wpf_item_count,
.wpf_form_filters .wpf-slider-label,
.wpf_form_filters .wpf-slider-label span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.wpf_form_filters .wpf_item .wpf_item_name {
    border-bottom: none !important;
}

.wpf_reset_btn {
    text-align: center;
    margin-top: 2px;
    padding:  5px 12px;
    
}

.wpf_reset_btn input[type="reset"] {
    display: inline-block;
    color: #000 !important;
    font-weight: 700 !important;
    font-family: 'Roboto', sans-serif;
    background: #fff;
    border: 2px solid #000;
    border-radius: 8px;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 15px;
}

.wpf_reset_btn input[type="reset"]:hover {
    background: #000;
    color: #fff !important;
}/* End custom CSS */