.ourDistributors{width:100vw;height:calc(100dvh - var(--site-navbar-offset,88px) - var(--bars-height,0px));min-height:calc(100dvh - var(--site-navbar-offset,88px) - var(--bars-height,0px));position:relative}.sideBar{background-color:var(--card-bg);min-width:450px;max-width:450px;height:100%;color:var(--foreground)}.distributorsContainer{gap:10px;width:100%;height:90%;padding:20px;overflow-y:scroll}.distributor{background-color:var(--secondary-offWhite);width:100%;height:75px;color:var(--foreground);border-radius:10px;gap:10px;padding:20px;font-size:12px;text-decoration:none;transition:all .2s}.distributorLogo{object-fit:cover;border-radius:10px;width:50px;height:50px}.distributor:hover{background-color:var(--main1-primary);color:#fff;cursor:pointer}.searchBar{border:1px solid var(--gray-light);background-color:var(--secondary-offWhite);height:50px;color:var(--foreground);outline:none}.searchBar input{color:var(--foreground);background:0 0;border:none;outline:none}.searchBar input::placeholder{color:var(--gray)}.searchBar i{color:var(--foreground)}.sidebarTitle{color:var(--foreground);font-size:1.5rem;font-weight:600}.noSearchResult{color:var(--gray);padding:20px;font-size:1rem}.detailsBtn{background-color:var(--secondary-offWhite);color:var(--foreground);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:12px 20px;font-size:.9rem;text-decoration:none;transition:all .2s}.detailsBtn:hover{background-color:var(--main1-primary);color:var(--card-bg)}.sideBar .opacity-75{opacity:.75}.sideBar .hdiv{background-color:var(--gray-light)}@media (max-width:768px){.ourDistributors{width:100%;height:calc(100dvh - var(--site-navbar-offset,88px) - var(--bars-height,0px));min-height:calc(100dvh - var(--site-navbar-offset,88px) - var(--bars-height,0px));max-height:calc(100dvh - var(--site-navbar-offset,88px) - var(--bars-height,0px));flex-direction:column;gap:0;overflow:hidden}.mapContainer{order:1;min-height:300px;max-height:56dvh;width:100%!important;height:46dvh!important}.sideBar{background:#fff;border-radius:18px 18px 0 0;order:2;width:100%;min-width:0;max-width:none;height:auto;min-height:0;box-shadow:0 -10px 24px #02061714;padding-top:14px!important;padding-bottom:16px!important}.sidebarTitle{font-size:1.2rem}.distributorsContainer{-webkit-overflow-scrolling:touch;gap:8px;height:auto;max-height:44dvh;padding:12px;overflow-y:auto}.distributor{height:auto;min-height:74px;padding:12px}.searchBar{max-width:460px;width:100%!important}.detailsButtons{flex-wrap:wrap;justify-content:center;width:100%}.detailsBtn{min-height:44px}}
