.mainContainer{direction:rtl;background-color:#fff;border-radius:4px;flex-direction:column;gap:25px;margin:20px;padding:15px;display:flex;box-shadow:0 0 10px -1px #0003}.mainContainer .filterContainer{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.mainContainer .filterContainer .dropMenu{position:relative}.mainContainer .filterContainer .dropMenu button{cursor:pointer;color:#626262;background-color:#fff;border:1px solid #b5b5b5;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;width:11.1875rem;padding:5px;font-size:.875rem;transition:border .15s;display:flex}.mainContainer .filterContainer .dropMenu button:hover{border:1px solid #d3d3d3}.mainContainer .filterContainer .dropMenu .options{z-index:4;background-color:#fff;border:1px solid #b5b5b5;border-radius:4px;flex-direction:column;width:100%;display:flex;position:absolute;top:115%;right:0}.mainContainer .filterContainer .dropMenu .options li{cursor:pointer;color:#626262;border-bottom:1px solid #b5b5b5;padding:9px;font-size:.83rem;transition:background-color .15s}.mainContainer .filterContainer .dropMenu .options li:last-of-type{border-bottom:none}.mainContainer .filterContainer .dropMenu .options li:hover{background-color:#f8f8f8}.mainContainer .filterContainer .mobileDropMenu .mainButton{cursor:pointer;color:#26345d;background-color:#fff;border:1px solid #26345d;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;padding:5px;font-size:1.3rem;transition:border .15s;display:flex}.mainContainer .filterContainer .mobileDropMenu .optionsBackground{z-index:998;background-color:#0000004d;width:100vw;height:100vh;position:fixed;bottom:0;right:0}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options{background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;position:absolute;bottom:0}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options .buttonContainer{text-align:left;width:100%;padding:10px}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options .buttonContainer button{color:#26345d;background-color:#fff;border:none;border-radius:50%;padding:5px;font-size:1.525rem;transition:background-color .12s}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options .buttonContainer button:hover{background-color:#26345d1a}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options li{cursor:pointer;color:#626262;border-bottom:1px solid #b5b5b5;padding:15px 10px;font-size:1rem;transition:background-color .15s}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options li:first-of-type{border-top:1px solid #b5b5b5}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options li:last-of-type{border-bottom:none}.mainContainer .filterContainer .mobileDropMenu .optionsBackground .options li:hover{background-color:#f8f8f8}.mainContainer .filterContainer .mobileDropMenu{display:none}.mainContainer .filterContainer .numberOfResult{color:#626262;font-size:clamp(.775rem,3.7vw,.9rem)}.mainContainer .productsContainer{grid-template-columns:1fr 1fr 1fr 1fr;align-content:center;gap:10px;display:grid}.mainContainer .moreButtonContainer{justify-content:center;display:flex}.mainContainer .moreButtonContainer button{cursor:pointer;color:#2856e0;background-color:#fff;border:2px solid #2856e0;justify-content:center;align-items:center;width:clamp(13.7rem,30vw,15.7rem);height:2.9rem;transition:background-color .15s;display:flex}.mainContainer .moreButtonContainer button:hover{background-color:#2856e01a}.mainContainer .noResults{text-align:center;flex-direction:column;align-items:center;gap:10px;margin:20px 0;line-height:1.5625rem;display:flex}.mainContainer .noResults h4{color:#26345d;font-size:1.4375rem;font-weight:600;line-height:2.1875rem}@media (max-width:75rem){.mainContainer{gap:15px;margin:10px;padding:10px}.mainContainer .filterContainer .dropMenu{display:none}.mainContainer .filterContainer .mobileDropMenu{display:inline}.mainContainer .productsContainer{grid-template-columns:1fr 1fr;gap:5px}.mainContainer .productsContainer section{max-width:100%}.mainContainer .productsContainer section h3{padding:0 5px}.mainContainer .productsContainer section button{font-size:clamp(.555rem,3.6vw,1.0625rem)}}