.side-bar-filters .offcanvas-start {top: 38px;left: 0;width: 370px;border-right: none;padding: 22px;}
.side-bar-filters img {width: 100%;max-width: 120px;}
.side-bar-filters .offcanvas-header {padding: 0px;}
.side-bar-filters .btn-close {background-image: none;opacity: unset;}
.side-bar-filters .btn-close:focus {box-shadow: unset;}
.side-bar-filters a {text-decoration: none; display: flex; gap: 5px; color: var(--bs-text-color-black); }
.side-fliter {margin: 30px 0px;display: flex;gap: 11px;font-size: 16px;}
.side-bar-filters .offcanvas-body { padding: 0px;}
.side-bar-filters input.search-input {width: 100%;border-radius: 6px 0px 0px 6px;border: 1px solid #c6c6c6;padding-left: 15px;font-size: 14px;}
.side-bar-filters .search-form {display: flex;margin-bottom: 20px;}
.side-bar-filters button.subscribe-btn {border-radius: 0px 6px 6px 0px;}
.side-bar-filters button.subscribe-btn svg {fill: white;}
.side-bar-filters  input:focus-visible {outline:none;}
.side-bar-filters input.search-input::placeholder{color: var(--bs-text-color-black);}
.line hr {background-color: rgb(33 37 41 / 38%);border: 0;opacity: .30;}
.category-title h3 {font-size: 18px;margin: 0px;line-height: 29px;font-weight: 600;}
.check-item  input[type="checkbox"] {appearance: none;-webkit-appearance: none;width: 18px;height: 18px;border: 1px solid #b7b7b7;position: relative;cursor: pointer;transition: all 0.3s ease;line-height: 35px;}
.form-check-input:checked {background-color:var(--bs-theme-color);border-color: var(--bs-theme-color);border: 1px solid #fff !important;}
.check-item label {font-size: 14px;padding-left: 6px;color: var(--bs-text-color-black);display: -webkit-box;}
.check-item .form-check {margin-bottom: 6px; padding-left: 4px;}
.check-item .form-check-input {float: left;margin-left: 0;}
input[type="checkbox"]:focus {box-shadow: 0 0 0 .25rem rgb(0 232 166 / 53%);border-color: var(--bs-color-theme);}
.check-item {margin-bottom: 30px;}
.rating-filter i {font-size: 18px;color: #fabb05;cursor: pointer;padding-right: 4px;}
.rating-filter label {padding-left: 0px;display: flex;gap: 9px;line-height: 26px;}
.filled-grey i {color: #7f7f7f;}
.offcanvas-body::-webkit-scrollbar { width: 3px; /* Adjust thickness */}
.side-bar-filters .slider-title {display: block;font-size: 14px;color:var(--bs-text-color-black);margin-bottom: 16px;}
/* Price Inputs (Boxes) */
.side-bar-filters .price-inputs {display: flex;align-items: center;justify-content: space-between;margin-bottom: 24px;}
.side-bar-filters .input-box {width: 160px;height: 45px;border: 1px solid #b3b3b3;border-radius: 6px;display: flex;align-items: center;justify-content: center;font-size: 16px;color:var(--bs-text-color-black);background-color: #fff;}
.side-bar-filters .separator {color:var(--bs-text-color-black);font-size: 14px;margin: 0 10px;}
/* Slider Track and Inputs Wrapper */
.side-bar-filters .slider-wrapper {position: relative;width: 100%;height: 30px;display: flex;align-items: center;}
/* Background tracks */
.side-bar-filters .slider-track {position: absolute;width: 100%;height: 6px;border-radius: 3px;background: #cccccc;z-index: 1;}
/* Overlapping range inputs */
.side-bar-filters .slider-input {position: absolute;width: 100%;background: none;pointer-events: none;-webkit-appearance: none;appearance: none;height: 6px;margin: 0;z-index: 2;}
/* Custom Thumbs (The green circular handles) */
.side-bar-filters .slider-input::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 22px;height: 22px;border-radius: 50%;background:var(--bs-theme-color);cursor: pointer;pointer-events: auto; /* Re-enables interaction for the thumb */}
.side-bar-filters .slider-input::-moz-range-thumb {width: 22px;height: 22px;border-radius: 50%;background:var(--bs-theme-color);cursor: pointer;border: none;pointer-events: auto;}
/* Bottom Label Text */.side-bar-filters .price-display {margin-top: 18px;font-size: 16px;color: var(--bs-text-color-black);margin-bottom: 30px;}
.reset-btn a {color:var(--bs-text-color-white);font-size: 16px;}
.reset-btn {margin: 40px 0px;margin-bottom: 0px;}


.check-item .form-check {display: flex;align-items: center;}
.research-title h1 {font-size: 24px;font-weight: 700;margin: 0px;line-height: 29px;}
.research-title p {font-size: 14px;line-height: 29px;margin-bottom: 0px;color: var(--bs-text-color-black);}
.research-bg-info {width: 100%;padding: 80px 0;background-color: var(--bs-bg-mint-color);background-size: cover;background-repeat: no-repeat;}

.research-bg-info .quality-badge {display: inline-flex;align-items: center;gap: 14px;padding: 10px 22px 10px 12px;border-radius: 50px;background: linear-gradient(90deg, #f8fffd 0%, #eafcf7 100%);border: 1px solid rgba(23, 212, 165, 0.12);box-shadow: 0 8px 25px rgba(23, 212, 165, 0.08);margin-bottom: 25px;}
.research-bg-info .badge-icon {width: 42px;height: 42px;border-radius: 50%;background: #ffffff;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 15px rgba(23, 212, 165, 0.12);flex-shrink: 0;}
.research-bg-info .quality-badge span {font-size: 14px;font-weight: 700;color: #17D4A5;letter-spacing: .5px;font-family: sans-serif;}
.research-title {margin-bottom: 10px;}

.side-bar-filters {background: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 18px;border: 1px solid #bdbdbd75;border-radius: 10px;}
#products-container .product-bottom {white-space: nowrap;}
#products-container .cart-btn {padding: 8px 15px;line-height: normal;}
#products-container .product-card, #products-container .product-content {padding: 12px;}
#products-container .product--items {margin-top: 0;margin-bottom: 25px;}
 
.mobile-filter-btn {display: none;}
.side-bar-filters .filter {display: none;justify-content: space-between;align-items: center;}
.side-bar-filters .filter button.filter-btn {font-size: 14px;line-height: 1.4;border: unset;background: url();color: var(--bs-color-theme);font-weight: 600;}
.side-bar-filters .close-filter {border: unset;display: none;}
.product--container{position: relative;}
@media (max-width: 1366px) {
    #products-container .product-bottom {flex-direction: column;display: flex;}
    #products-container .cart-btn{order: 2;}
    #products-container .product-title{font-size: 16px;font-weight: 600;}
}

@media (min-width: 768px) and (max-width: 1024px) {
    .side-bar-filters .offcanvas-start {top: 0px;left: 0;width: 370px;border-right: none;padding: 22px;}   
}
@media (max-width: 991px) {
    .side-bar-filters {position: fixed;top: 0;left: -100%;height: 100vh;width: 100%;max-width: 380px;z-index: 9999;overflow-y: auto;transition: left 0.3s ease;border-radius: 0px;}
    .side-bar-filters.active {left: 0;} 
    .side-bar-filters .filter {display: flex;} 
    .mobile-filter-btn {display: flex;padding: 10px;background:var(--bs-theme-color);color: #fff;border: none;line-height: normal;border-radius: 10px;width: auto;align-items: center;gap: 5px;position: absolute;top: 0;}
    .side-bar-filters .close-filter {border: unset;display: block;font-size: 22px;background: unset;width: 100%;text-align: right;display: block;margin-bottom: 30px;}
    .side-bar-filters .filter button.filter-btn {position: absolute;right: 50px;} 
    .research-bg-info {padding: 40px 0;}
    .research-bg-info .badge-icon {width: 25px;height: 25px;}
    .research-bg-info .badge-icon svg{width: 20px;height: 20px;}
}
@media (max-width: 767px) { 
    .side-bar-filters .offcanvas-start { top: 0px; width: 380px;}
    .research-bg-info .quality-badge{padding:8px 18px 8px 10px;}
    .research-bg-info .badge-icon{width:36px;height:36px;}
    .research-bg-info .quality-badge span{font-size:16px;}
    .research-bg-info .badge-icon {width: 22px;height: 22px;}
    .research-bg-info .badge-icon svg{width: 18px;height: 18px;}
    .research-bg-info .quality-badge span {font-size: 12px;}

}