html body{background-color:rgb(var(--bg-color))}*{box-sizing:border-box}a,button{outline:none !important;cursor:pointer}.filter{width:100%;max-width:1400px;margin:auto;display:flex;gap:15px;font-size:16px;flex-direction:column}@media only screen and (min-width:1024px){.filter{gap:30px;flex-direction:row}}@media only screen and (min-width:1024px){.filter.filter-right{flex-direction:row-reverse}}@media only screen and (min-width:1024px){.filter.filter-top{flex-direction:column}.filter.filter-top .filter__form__box__search{flex:0 0 calc(25% - 15px)}}@media only screen and (min-width:1024px){.filter.filter-top .filter__left{flex:1}}@media only screen and (min-width:1024px){.filter.filter-top .filter__form{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:0 20px}}@media only screen and (min-width:1024px){.filter.filter-top .filter__form__box{flex:0 0 calc(25% - 15px)}}@media only screen and (min-width:1024px){.filter.filter-top .filter__form__box__button{flex:0 0 calc(25% - 15px);margin-left:auto}}.filter__title{color:rgb(var(--primary-color));margin:0 auto 30px !important;max-width:1400px;text-align:center;border-bottom:1px solid rgba(var(--primary-color)/0.2);padding-bottom:20px}.filter__left{position:fixed;z-index:9;background:rgb(var(--bg-color));padding:30px;inset:0;display:none}@media only screen and (min-width:1024px){.filter__left{padding:0;display:block;position:unset;flex:0 0 300px}}.filter__left.active{display:block}.filter__right{flex:1}.filter__right__showing{margin-bottom:15px}.filter__item{display:flex;gap:15px;flex-wrap:wrap}@media only screen and (min-width:1024px){.filter__item{gap:30px}}.filter__item__card{flex:0 0 calc(50% - 7.5px);background-color:rgb(var(--bg-color));border-radius:6px;overflow:hidden;border:1px solid rgba(var(--primary-color)/0.2);display:flex;flex-direction:column;transition:.5s}@media only screen and (min-width:768px){.filter__item__card{border-radius:10px;flex:0 0 calc(33.33% - 10px)}}@media only screen and (min-width:1400px){.filter__item__card{flex:0 0 calc(25% - 23px)}}.filter__item__card:hover{box-shadow:0 0 15px rgba(var(--primary-color)/0.1)}.filter__item__card__content{padding:15px;display:flex;flex-direction:column;align-items:flex-start;height:100%}@media only screen and (min-width:1024px){.filter__item__card__content{padding:20px}}.filter__item__card__price{margin-top:auto;margin-bottom:15px;font-size:18px;color:rgb(var(--primary-color))}.filter__item__card__price__span{margin-left:6px;text-decoration:line-through;opacity:.5;font-size:14px}.filter__item__card__image{width:100%;object-fit:cover;aspect-ratio:1/1}.filter__item__card__title{display:block;font-size:14px;text-decoration:none;margin-bottom:15px;line-height:normal;color:rgb(var(--primary-color))}@media only screen and (min-width:1024px){.filter__item__card__title{font-size:20px}}.filter__item__card__link{background-color:rgb(var(--primary-color));color:rgb(var(--secondary-color));text-decoration:none;padding:4px 15px;display:inline-block;border-radius:6px;font-size:12px;white-space:nowrap;transition:.2s}.filter__item__card__link:hover{box-shadow:0 0 0 5px rgba(var(--primary-color)/0.1)}@media only screen and (min-width:1400px){.filter__item__card__link{border-radius:10px;padding:8px 30px;font-size:16px}}.filter__pagination{display:flex;justify-content:center;gap:10px}.filter__pagination__item{border:1px solid rgba(var(--primary-color)/0.2);color:rgb(var(--primary-color));background-color:rgba(var(--primary-color)/0.05);text-decoration:none;height:30px;border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:12px;min-width:30px;padding:0 10px}@media only screen and (min-width:1024px){.filter__pagination__item{font-size:16px;height:40px;min-width:40px;border-radius:10px}}.filter__pagination__item.active{background-color:rgb(var(--primary-color));color:rgb(var(--secondary-color));border-color:rgb(var(--primary-color))}.filter__pagination__wrapper{margin:40px auto 0;display:flex;justify-content:center}.filter__pagination__loadmore{border:1px solid #ccc;background-color:rgba(204,204,204,.2);color:rgb(var(--primary-color));text-decoration:none;height:30px;border-radius:6px;display:flex;justify-content:center;align-items:center;font-size:12px;min-width:30px;padding:0 30px;transition:.2s}.filter__pagination__loadmore:hover{box-shadow:0 0 0 5px rgba(204,204,204,.1)}@media only screen and (min-width:1024px){.filter__pagination__loadmore{font-size:16px;height:40px;min-width:40px;border-radius:10px}}.filter__form{max-height:calc(100vh - 30px);overflow:auto;padding:5px;max-width:500px;margin:auto}@media only screen and (min-width:1024px){.filter__form{padding:0;overflow:unset;max-height:unset;max-width:none;margin:0}}.filter__form__box{padding-bottom:20px;transition:.5s;background:rgb(var(--bg-color))}.filter__form__box__inner{transition:.5s;max-height:200px;overflow:auto;padding:0 10px}.filter__form__box__inner::-webkit-scrollbar{width:5px;height:5px}.filter__form__box__inner::-webkit-scrollbar-track{background:rgba(var(--primary-color)/0.1)}.filter__form__box__inner::-webkit-scrollbar-thumb{background:rgba(var(--primary-color)/0.3)}.filter__form__box__inner::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color)/0.5)}.filter__form__box__title{margin:0;background-color:rgba(var(--primary-color)/0.05);padding:10px 20px;border-radius:6px;margin-bottom:20px;border-left:2px solid rgb(var(--primary-color));text-transform:capitalize;display:flex;gap:15px;align-items:center;justify-content:space-between;color:rgb(var(--primary-color));position:relative}.filter__form__box__title:after{content:"";display:block;position:absolute;right:18px;top:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgb(var(--primary-color));transform:translateY(-50%) rotate(180deg);transition:.2s}.filter__form__box__search{position:relative}.filter__form__box__search:after{content:"";display:block;height:2px;width:8px;position:absolute;top:25px;left:21px;background:rgb(var(--primary-color));transform:rotate(45deg)}.filter__form__box__search:before{content:"";display:block;height:12px;width:12px;position:absolute;border:2px solid rgb(var(--primary-color));border-radius:50%;top:11px;left:10px}.filter__form__box__search__input{width:100%;border:1px solid rgba(var(--primary-color)/0.5);background-color:rgb(var(--bg-color));padding:11px 20px;border-radius:6px;outline:none;font-size:16px;transition:.2s}.filter__form__box__search__input:focus{box-shadow:0 0 0 5px rgba(var(--primary-color)/0.05)}.filter__form__box__search__input::placeholder{color:rgba(var(--primary-color)/0.5)}.filter__form__box__button{display:flex;gap:20px}.filter__form__box__button__apply{color:rgb(var(--secondary-color));background-color:rgb(var(--primary-color));border:1px solid rgb(var(--primary-color));text-decoration:none;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px 20px;width:100%;font-size:16px;transition:.2s}.filter__form__box__button__apply:hover{box-shadow:0 0 0 5px rgba(var(--primary-color)/0.1)}.filter__form__box__button__clear{color:rgb(var(--primary-color));background-color:rgba(var(--primary-color)/0.05);border:1px solid rgba(var(--primary-color)/0.2);text-decoration:none;border-radius:10px;display:flex;justify-content:center;align-items:center;padding:10px 20px;width:100%;font-size:16px;transition:.2s}.filter__form__box__button__clear:hover{box-shadow:0 0 0 5px rgba(var(--primary-color)/0.1)}.filter__form__box__icon{display:block;height:16px;width:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800px' height='800px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat no-repeat;background-position:center center;background-size:26px;transform:rotate(180deg);transition:.5s}.filter__form__box.hide{padding-bottom:0}.filter__form__box.hide .filter__form__box__title:after{transform:rotate(0deg)}.filter__form__box.hide .filter__form__box__icon{transform:rotate(0deg)}.filter__form__box.hide .filter__form__box__inner{max-height:0;overflow:hidden}.filter__checkbox{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:15px}.filter__checkbox__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.filter__checkbox__input:checked+.filter__checkbox__tick{background-color:rgb(var(--primary-color));border-color:rgb(var(--primary-color))}.filter__checkbox__input:checked+.filter__checkbox__tick:after,.filter__checkbox__input:checked+.filter__checkbox__tick:before{opacity:1}.filter__checkbox__tick{height:24px;width:24px;min-width:24px;border:1px solid rgba(var(--primary-color)/0.2);border-radius:4px;position:relative}.filter__checkbox__tick:after{content:"";display:block;background:rgb(var(--secondary-color));height:12px;width:2px;transform:rotate(45deg);position:absolute;left:12px;top:5px;opacity:0}.filter__checkbox__tick:before{content:"";display:block;background:rgb(var(--secondary-color));height:6px;width:2px;transform:rotate(-45deg);position:absolute;left:6px;top:10px;opacity:0}.filter__checkbox__title{text-transform:capitalize;margin:0;color:rgb(var(--primary-color))}.filter__radio{position:relative;display:flex;align-items:center;gap:15px;margin-bottom:15px}.filter__radio__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.filter__radio__tick{height:24px;width:24px;min-width:24px;border:1px solid rgba(var(--primary-color)/0.2);border-radius:50%;position:relative}.filter__radio__tick:after{content:"";display:block;height:12px;width:12px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.filter__radio__input:checked+.filter__radio__tick{border-color:rgb(var(--primary-color))}.filter__radio__input:checked+.filter__radio__tick:after{background:rgb(var(--primary-color))}.filter__radio__title{text-transform:capitalize;margin:0;color:rgb(var(--primary-color))}.filter__mobile__button{color:rgb(var(--secondary-color));background-color:rgb(var(--primary-color));border:1px solid rgb(var(--primary-color));text-decoration:none;border-radius:6px;display:flex;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;max-width:90px}@media only screen and (min-width:1024px){.filter__mobile__button{display:none}}.filter__loader{position:fixed;inset:0;z-index:99;display:none;justify-content:center;align-items:center;background-color:rgba(var(--secondary-color)/0.5);backdrop-filter:blur(5px);width:100%;height:100%;margin:0 !important;max-width:100%}.filter__loader.active{display:flex}.filter__loader__image{height:50px;width:50px}.filter__click{cursor:pointer}.filter__no__product{background-color:rgb(var(--secondary-color));border-radius:6px;border:1px solid rgba(var(--primary-color)/0.2);color:rgb(var(--primary-color));padding:50px;width:100%;text-align:center;text-transform:capitalize}.price__wrapper{display:flex;gap:15px;align-items:center}.price__wrapper__separator{color:rgb(var(--primary-color))}.price__wrapper__input{width:100%;border:1px solid rgba(var(--primary-color)/0.5);background-color:rgb(var(--bg-color));padding:11px 20px;border-radius:6px;outline:none;font-size:16px;transition:.2s;appearance:none;-moz-appearance:textfield}.price__wrapper__input::-webkit-outer-spin-button,.price__wrapper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price__wrapper__input:focus{box-shadow:0 0 0 5px rgba(204,204,204,.2)}.price__wrapper__input::placeholder{color:rgba(var(--primary-color)/0.5)}.main__search{margin-bottom:20px;padding:11px 20px 11px 40px;color:rgb(var(--primary-color))}.main__search::placeholder{color:rgba(var(--primary-color)/0.5)}