.products-container{width:100%;height:100%;min-height:36.9vh}.products-navbar{gap:30px;width:100%;font-size:.8rem}.products-category-btn{display:flex;align-items:center;justify-content:center;gap:15px}.products-category-btn>h2{cursor:pointer;font-size:1.1rem;font-family:var(--font-m)}.category-title{font-family:var(--font-m);font-size:1rem}.productsPage-list{direction:rtl;width:100%;height:auto;display:flex;align-items:center;justify-content:center;gap:29px;flex-wrap:wrap}.dropdown-container{position:relative;display:inline-block}.dropdown-toggle{background-color:transparent;color:var(--black);padding:10px 20px;font-size:1rem;cursor:pointer;font-family:var(--font-m);transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:row-reverse;gap:2px}.dropdown-menu,.dropdown-toggle{border:1px solid var(--light-gray);border-radius:10px 0 10px 10px}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--pure-white);box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:10;min-width:160px;padding:10px 0;margin-top:5px}.dropdown-item{padding:10px 20px;font-size:1rem;color:#333;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.dropdown-item:hover{background-color:var(--white)}.dropdown-item:hover h2{color:var(--primary-orange)}.dropdown-item h2{margin:0;font-size:1rem;transition:all .2s}@media screen and (max-width:480px){.category-title{display:none}.products-category-btn>*{font-size:.85rem}.productsPage-list{justify-content:center}.products-category-btn>h2{display:none}.dropdown-toggle{padding:0}.dropdown-menu{right:0;left:auto;min-width:166px}.products-navbar .trace{display:none}.fav-navbar .trace{display:flex}.fav-navbar .category-title{display:block}}@media screen and (min-width:480px) and (max-width:780px){.category-title{display:none}.products-category-btn>*{font-size:1rem}.productsPage-list{justify-content:center}.products-navbar .trace{display:none}.fav-navbar .trace{display:flex}.fav-navbar .category-title{display:block}}@media screen and (min-width:780px) and (max-width:1024px){.navbar-container{padding:0 15px}.products-category-btn>*{font-size:1rem}.productsPage-list{justify-content:center}}