.filter-main-container{background-color:var(--secondary);border-radius:8px;position:sticky;top:10px}@media (max-width:767px){.filter-main-container{border-radius:0;height:100%;overflow:auto}}.filter-main-container .main-heading-filter{padding:15px}.filter-main-container .main-heading-filter h3{color:#fff;margin-bottom:16px;font-size:20px;font-weight:600}.filter-main-container .main-heading-filter h4{color:#fff;margin-bottom:0;font-size:16px;font-weight:600}.filter-main-container .ant-divider{border-color:#ffffff80;margin:0}.filter-main-container .common-filters-list{padding:20px 15px}.filter-main-container .common-filters-list .title{justify-content:space-between;align-items:center;display:flex}.filter-main-container .common-filters-list .title h3,.filter-main-container .common-filters-list .title p{color:#fff;font-size:16px;font-weight:500;line-height:24px}.filter-main-container .common-filters-list .ant-slider .ant-slider-rail{background-color:#fff}.filter-main-container .common-filters-list .ant-slider .ant-slider-track{background-color:var(--primary)}.filter-main-container .common-filters-list .ant-slider .ant-slider-handle{--ant-slider-handle-color:var(--primary)}.filter-main-container .common-filters-list .ant-slider .ant-slider-handle:after{background-color:var(--primary)}.filter-main-container .common-filters-list h3{color:#fff;margin-bottom:15px;font-size:14px;font-weight:400;line-height:17.64px}.filter-main-container .common-filters-list .ant-checkbox-label,.filter-main-container .common-filters-list .ant-radio-label{color:var(--light-text);font-size:14px;font-weight:600;line-height:20px}.filter-main-container .common-filters-list .ant-checkbox-checked .ant-checkbox-inner{border-color:var(--primary)!important;background-color:#0000!important}.filter-main-container .common-filters-list .ant-checkbox-inner{background-color:#0000;border-radius:4px;width:20px;height:20px}.filter-main-container .common-filters-list .ant-checkbox-inner:after{border-color:var(--primary);width:6px;height:12px}.filter-main-container .common-filters-list .ant-checkbox-wrapper:hover .ant-checkbox-inner,.filter-main-container .common-filters-list .ant-checkbox:hover .ant-checkbox-inner{border-color:var(--primary)!important}.filter-main-container .common-filters-list .ant-collapse{background-color:#0000;border:0}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-panel{background-color:#0000;border-top:0}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-panel .ant-collapse-body{padding:15px 10px}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-header{background-color:#0000;flex-direction:row-reverse;align-items:center;padding:0}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-header .ant-collapse-title{color:#fff;font-size:16px;font-weight:500;line-height:24px}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-header .ant-collapse-expand-icon{padding-inline-end:0}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-header .ant-collapse-expand-icon svg{width:15px;height:15px}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-header .ant-collapse-expand-icon svg path{fill:#91949a}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-content{background-color:#0000;border:0}.filter-main-container .common-filters-list .ant-collapse .ant-collapse-content .ant-collapse-content-box{padding:0}.filter-main-container .common-filters-list .list-wrapper,.filter-main-container .common-filters-list .list-wrapper .ant-radio-group{flex-direction:column;align-items:flex-start;gap:.5vmax;display:flex}.filter-main-container .bottom-btn{justify-content:space-between;align-items:center;gap:20px;padding:20px 15px;display:flex}.filter-main-container .bottom-btn .clear-btn{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:8px;padding:12px 15px;font-size:16px;font-weight:700;transition:all .35s}.filter-main-container .bottom-btn button{width:100%;padding:12px 15px}
.products-wrapper{padding-top:10px;padding-bottom:50px}.products-wrapper .filter-btn{display:none}@media (max-width:991px){.products-wrapper .filter-btn{z-index:10;background-color:var(--primary);border:1px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-bottom:10px;display:flex;position:sticky;top:80px;box-shadow:0 2px 6px #4d4d4d}}.products-wrapper .filter-btn svg{width:17px;height:17px;margin-top:2px}@media (max-width:991px){.products-wrapper .filter-col{z-index:1001;background:0 0;width:85%;max-width:320px;height:100vh;transition:transform .35s;position:fixed;top:0;left:0;transform:translate(-100%);padding-inline:0!important}.products-wrapper.filter-active .filter-col{transform:translate(0)}}.products-wrapper .pagination-card{border:1px solid var(--border);background-color:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;margin-bottom:45px;padding:6px 15px;display:flex}.products-wrapper .pagination-card .pagination-left{align-items:center;gap:10px;display:flex}.products-wrapper .pagination-card .pagination-left span{color:#000;white-space:nowrap;font-size:14px}.products-wrapper .pagination-card .pagination-left .ant-select-selector{box-shadow:none!important;border:none!important;padding:0!important}.products-wrapper .pagination-card .ant-pagination{justify-content:flex-end;margin-bottom:0}@media (max-width:767px){.products-wrapper .pagination-card .ant-pagination{justify-content:center;margin:auto}}.products-wrapper .top-selling-wrapper .common-heading h3{margin-bottom:0}.filter-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;position:fixed;inset:0}
.product-listing-wrap .heading-title{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}@media (max-width:767px){.product-listing-wrap .heading-title{align-items:flex-start}}.product-listing-wrap .heading-title .left-heading h3{color:var(--text);margin-bottom:5px;font-size:32px;font-weight:700}@media (max-width:767px){.product-listing-wrap .heading-title .left-heading h3{font-size:25px}}.product-listing-wrap .heading-title .left-heading p{color:var(--light-text);margin-bottom:0;font-size:14px;font-weight:500}
