.navbar{justify-content:center;flex-direction:column}.navbar,.navbar__container{display:flex;align-items:center}.navbar__container{width:100%;max-width:90%;padding:20px}.navbar__container__right{display:flex;flex:1 1;justify-content:end;gap:12px}.navbar__container__right__icon{font-size:20px;color:#343333}.navbar__container__right__cart{position:relative}.navbar__container__right__cart__cartCount{position:absolute;top:-45%;right:-50%;color:#fff;background-color:red;padding:2px;border-radius:50%;border:.2px solid tomato}.navbar__container__right__user{position:relative}.navbar__container__right__user__profile{position:absolute;background-color:#fff;z-index:2;width:max-content;top:100%;left:50%;transform:translateX(-50%);border-radius:6px;padding:10px;box-shadow:2px 1px 11px -3px #42445a;display:flex;flex-direction:column;gap:6px;animation:fade .5s ease}.navbar__container__right__user__profile:before{content:"";position:absolute;top:-8px;right:50%;transform:translateX(50%);width:0;height:0;border-right:8px solid rgba(0,0,0,0);border-left:8px solid rgba(0,0,0,0);border-bottom:8px solid #fff}.navbar__container__right__user__profile__btn{background-color:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:6px}.navbar__container__right__user__profile__btn:nth-child(2){background-color:#fff;color:#000;border:1px solid gray}.navbar__container__right__user__profile__profile-items{display:flex;flex-direction:column;gap:6px}.navbar__container__right__user__profile__profile-items__item{display:flex;align-items:center;gap:10px;border-bottom:1px solid gray;padding:6px 0;cursor:pointer;color:#4a4646}.navbar__container__right__user__profile__profile-items__item :first-child{color:rgba(59,130,246,.5019607843);font-size:25px}.navbar__container__right__user__profile__profile-items__item:last-child{border-bottom:none}.navbar__container__center{flex:2 1;background-color:#e5e7eb;display:flex;align-items:center;border-radius:25px;overflow:hidden;padding:10px 20px}.navbar__container__center__icon{color:#716e6e}.navbar__container__center input{background-color:inherit;flex-grow:1;padding:10px;border:none;outline:none;font-size:16px;font-weight:300}.navbar__container__left{flex:1 1;display:flex;align-items:center;gap:12px}.navbar__container__left__selectLan{position:relative}.selectLan{box-shadow:2px 1px 11px -3px #42445a;z-index:2;background-color:#fff;top:130%;width:100px;display:flex;flex-direction:column;gap:10px;padding:10px;border-radius:6px;animation:fade .5s ease}.selectLan,.selectLan:before{position:absolute;right:50%;transform:translateX(50%)}.selectLan:before{content:"";top:-8px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid #fff}.selectLan__items{display:flex;flex-direction:column;gap:14px}.selectLan__items__item{display:flex;align-items:center;align-items:end;gap:6px;cursor:pointer}.selectLan__items__item img{width:20px;height:20px}@keyframes fade{0%{opacity:0}to{opacity:1}}.menu{width:100%;max-width:90%;position:relative}.menu,.menu .menuItems{display:flex;align-items:center;justify-content:center}.menu .menuItems{width:max-content;list-style-type:none}.menu .menuItems li{position:relative;padding:4px 20px;cursor:pointer}.menu .menuItems li:after{width:100%;transform:scaleX(0);height:100%;content:"";background-color:#e5e7eb;position:absolute;bottom:0;right:0;z-index:-1;transform-origin:right;transition:transform .2s ease}.menu .menuItems li:hover:after{transform:scaleX(1);transform-origin:left}.subMenu{width:100%;height:max-content;background-color:#fff;position:absolute;top:100%;z-index:2}.subMenu .subItems{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px;list-style-type:none}.subMenu .subItems p{font-weight:600;cursor:pointer;margin-bottom:2px}.subMenu .subItems .childs{cursor:pointer;margin:4px}