.navBar{z-index:1000;background-color:#0000;grid-template-columns:auto auto auto;align-items:center;gap:24px;width:100%;min-width:400px;height:80px;padding:0 40px;transition:height .3s,background-color .3s,opacity .3s;display:grid;position:fixed;top:0;left:0}.navBar nav{background-color:var(--green-700);border-radius:12px;justify-content:start;width:fit-content;height:58px;display:flex}.navBar nav ul{justify-content:center;align-items:center;margin-bottom:0;display:flex}.navBar nav ul li{white-space:nowrap;margin:0 1rem;position:relative}.navBar nav ul li a{color:#323232;text-decoration:none;transition:all .3s;display:flex}.navBar nav ul li a:hover{color:var(--green-200)}.navBar nav ul li a:hover path{stroke:var(--green-200)}.activeBasket{border-radius:50%;width:15px;height:15px;display:inline-block}.activeCircle{background-color:var(--green-200);border-radius:50%;width:7px;height:7px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.navBar nav ul li.active-item:after{content:"";background-color:var(--green-100);z-index:4;border-radius:15px;width:16px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.navBar nav ul li a,.navBar nav ul li button{color:var(--grey-100);font:inherit;cursor:pointer;background:0 0;border:none;text-decoration:none;transition:all .3s;display:flex}.navBar nav ul li a.active,.navBar nav ul li button.active{color:var(--green-100);font-weight:600}.navBar .logo{justify-content:center;display:flex}@media (max-width:500px){.navBar .logo{justify-content:start;margin-right:17px}}.navBar .logo a{width:59px;transition:all .3s;display:block}.navBar .logo a:hover{transform:scale(1.1)}.navBar .loginButton{justify-content:end;display:flex}.navBar .loginButton a{background-color:var(--green-300);color:var(--color-text-light);border-radius:19px;padding:8px 30px;text-decoration:none;transition:all .3s;box-shadow:1.95px 1.95px 2.6px #00000026;font-family:MainFont!important}.navBar .loginButton a:hover{transform:translateY(-3px)}.navBar .leftSide{justify-content:center;display:flex}.navBar .hambergerBtn{display:none}.navBar .accountIcon{width:50px}.navBar .logOut{background-color:var(--green-100);color:var(--color-text-light);border-radius:19px;margin-left:20px;padding:8px 30px;text-decoration:none;box-shadow:1.95px 1.95px 2.6px #00000026;font-family:MainFont!important}@media (max-width:500px){.navBar{grid-template-columns:150px 55px;justify-content:space-between;padding:0 15px}.navBar nav{display:none}.navBar .hambergerBtn{background-color:#0000;border:.5px solid #1d221d;border-radius:6px;justify-content:center;align-items:center;width:45px;height:40px;padding:2px;display:inline-flex;font-family:"inherit"!important}.navBar .loginButton,.navBar .leftSide{display:none}}.sidebar{color:#fff;z-index:5;background-color:#f7f2ef;width:250px;height:100%;padding:100px 30px 10px;transition:right .3s;position:fixed;top:0;right:-250px}.sidebar nav{padding-top:35px}.overlay{z-index:4;background:#00000080;width:100%;height:100%;position:fixed;top:0;left:0}.sidebar.open{right:0}.sidebar .close{background-color:#0000;border:.5px solid #1d221d;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:5px;display:flex;position:absolute;top:95px;left:15px}.sidebar .close img{width:100%}.sidebar nav ul li{margin-bottom:15px}.sidebar nav ul li a{color:#323232;text-decoration:none;transition:all .3s;display:block}.sidebar nav ul li a.active{color:#aca299}.sidebar nav ul li a:hover{color:var(--green-200)}.sidebar .loginButton{display:flex}.sidebar .loginButton a{color:#323232;border-radius:5px;padding:8px 30px;text-decoration:none;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326;font-family:MainFont!important}