/* LORD_MENU_UI_20261017 */

#lordMenuView{
  display:none;
}

html.lord-menu-active #lordTodayStats,
html.lord-menu-active .status-strip,
html.lord-menu-active .toolbar,
html.lord-menu-active .workspace{
  display:none !important;
}

html.lord-menu-active #lordMenuView{
  display:flex;
}

.lord-menu-view{
  position:fixed;
  left:160px;
  right:0;
  top:150px;
  bottom:0;
  z-index:55;

  background:#f5f2eb;
  border-top:1px solid rgba(60,45,25,.10);

  min-width:0;
  overflow:hidden;
}

.lord-menu-categories{
  width:220px;
  min-width:220px;

  padding:18px 12px 22px;

  background:#fff;
  border-right:1px solid #e8e0d5;

  overflow-y:auto;
}

.lord-menu-categories-title{
  padding:0 10px 12px;

  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;

  color:#847563;
}

.lord-menu-category{
  width:100%;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;

  border:0;
  background:transparent;

  border-radius:10px;

  padding:10px 11px;
  margin:1px 0;

  text-align:left;

  font-size:14px;
  font-weight:650;

  color:#40382f;

  cursor:pointer;
}

.lord-menu-category:hover{
  background:#f3efe8;
}

.lord-menu-category.active{
  background:#2f251c;
  color:#fff;
}

.lord-menu-category b{
  min-width:26px;

  text-align:center;

  border-radius:999px;
  padding:3px 7px;

  font-size:11px;

  background:rgba(127,111,91,.13);
}

.lord-menu-category.active b{
  background:rgba(255,255,255,.17);
}

.lord-menu-content{
  flex:1;
  min-width:0;

  display:flex;
  flex-direction:column;
}

.lord-menu-tools{
  min-height:66px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  padding:11px 20px;

  background:rgba(255,255,255,.92);
  border-bottom:1px solid #e8e0d5;
}

.lord-menu-tools > div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.lord-menu-tools strong{
  font-size:18px;
  color:#30281f;
}

.lord-menu-tools small{
  font-size:12px;
  color:#8a7c6c;
}

.lord-menu-search{
  width:min(340px,38vw);
  height:40px;

  display:flex;
  align-items:center;
  gap:8px;

  padding:0 12px;

  background:#f6f3ee;
  border:1px solid #ddd4c8;
  border-radius:10px;
}

.lord-menu-search span{
  color:#8c7b68;
  font-size:18px;
}

.lord-menu-search input{
  width:100%;
  min-width:0;

  border:0;
  outline:0;
  background:transparent;

  font:inherit;
  color:#352e26;
}

.lord-menu-body{
  flex:1;
  min-height:0;

  overflow-y:auto;

  padding:18px 20px 28px;
}

.lord-menu-grid{
  display:grid;

  grid-template-columns:
    repeat(auto-fill,minmax(205px,1fr));

  gap:14px;
}

.lord-menu-card{
  min-width:0;

  display:flex;
  flex-direction:column;

  padding:0;

  overflow:hidden;

  background:#fff;

  border:1px solid #e4dcd1;
  border-radius:14px;

  text-align:left;

  cursor:pointer;

  box-shadow:
    0 2px 8px rgba(61,48,33,.05);
}

.lord-menu-card:hover{
  transform:translateY(-1px);

  border-color:#cfc0ae;

  box-shadow:
    0 7px 18px rgba(61,48,33,.10);
}

.lord-menu-photo{
  height:145px;

  background:#eae4dc;

  overflow:hidden;
}

.lord-menu-photo img{
  width:100%;
  height:100%;

  display:block;

  object-fit:cover;
}

.lord-menu-photo-empty{
  width:100%;
  height:100%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:38px;
}

.lord-menu-card-body{
  flex:1;

  display:flex;
  flex-direction:column;

  padding:12px;
}

.lord-menu-card-name{
  min-height:40px;

  font-size:15px;
  font-weight:750;
  line-height:1.25;

  color:#332b23;
}

.lord-menu-card-line{
  margin-top:8px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}

.lord-menu-card-line strong{
  font-size:16px;
  color:#9a452b;
}

.lord-menu-card-line span{
  font-size:11px;
  color:#8a7b69;
}

.lord-menu-kbzhu{
  display:flex;
  flex-wrap:wrap;
  gap:4px;

  margin-top:9px;
}

.lord-menu-kbzhu span{
  padding:3px 5px;

  border-radius:6px;

  background:#f1eee8;

  font-size:10px;
  font-weight:700;

  color:#716452;
}

.lord-menu-mod-badge{
  margin-top:9px;

  font-size:11px;
  font-weight:700;

  color:#776755;
}

.lord-menu-loading,
.lord-menu-empty{
  min-height:240px;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#8c7d6c;
}

.lord-menu-error{
  min-height:260px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;

  color:#5a4a3a;
}

.lord-menu-error strong{
  font-size:18px;
}

.lord-menu-error span{
  max-width:520px;
  text-align:center;
  color:#8a6f60;
}

.lord-menu-error button{
  margin-top:8px;

  border:0;
  border-radius:9px;

  padding:9px 14px;

  background:#33291f;
  color:#fff;

  cursor:pointer;
}

.lord-menu-modal[hidden]{
  display:none !important;
}

.lord-menu-modal{
  position:fixed;
  inset:0;

  z-index:200;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:26px;
}

.lord-menu-modal-backdrop{
  position:absolute;
  inset:0;

  background:rgba(25,19,14,.50);

  backdrop-filter:blur(2px);
}

.lord-menu-detail{
  position:relative;
  z-index:1;

  width:min(720px,94vw);
  max-height:88vh;

  overflow-y:auto;

  background:#fff;

  border-radius:18px;

  box-shadow:
    0 24px 70px rgba(0,0,0,.28);
}

.lord-menu-detail-close{
  position:absolute;

  top:10px;
  right:10px;

  width:38px;
  height:38px;

  border:0;
  border-radius:50%;

  background:rgba(20,15,10,.70);
  color:#fff;

  font-size:25px;
  line-height:1;

  cursor:pointer;

  z-index:2;
}

.lord-menu-detail-image{
  width:100%;
  height:300px;

  display:block;

  object-fit:cover;
}

.lord-menu-detail-content{
  padding:22px;
}

.lord-menu-detail-content h2{
  margin:0;

  font-size:26px;
  line-height:1.2;

  color:#30271f;
}

.lord-menu-detail-price{
  margin-top:10px;

  display:flex;
  align-items:center;
  gap:10px;

  font-size:21px;
  font-weight:800;

  color:#a04b2f;
}

.lord-menu-detail-price small{
  font-size:13px;
  font-weight:600;

  color:#8e7b68;
}

.lord-menu-description{
  margin:15px 0 0;

  font-size:14px;
  line-height:1.55;

  color:#685b4e;
}

.lord-menu-nutrition{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;

  margin-top:18px;
}

.lord-menu-nutrition > div{
  padding:10px;

  border-radius:10px;

  background:#f5f1eb;

  text-align:center;
}

.lord-menu-nutrition span{
  display:block;

  margin-bottom:3px;

  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;

  color:#8d7f6e;
}

.lord-menu-nutrition strong{
  font-size:15px;

  color:#44392e;
}

.lord-menu-addons{
  margin-top:22px;
}

.lord-menu-addons h3{
  margin:0 0 10px;

  font-size:17px;

  color:#3b3026;
}

.lord-menu-addon-group{
  margin-top:10px;

  padding:12px;

  border:1px solid #e8dfd3;
  border-radius:10px;
}

.lord-menu-addon-group > strong{
  display:block;

  margin-bottom:6px;

  font-size:13px;

  color:#685745;
}

.lord-menu-addon{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  padding:6px 0;

  border-top:1px solid #f0ebe4;

  font-size:13px;
}

.lord-menu-addon:first-of-type{
  border-top:0;
}

.lord-menu-addon b{
  white-space:nowrap;
  color:#9a4a31;
}

@media (max-width:1100px){

  .lord-menu-categories{
    width:185px;
    min-width:185px;
  }

  .lord-menu-grid{
    grid-template-columns:
      repeat(auto-fill,minmax(185px,1fr));
  }

}

@media (max-width:900px){

  .lord-menu-view{
    left:0;
    top:96px;

    flex-direction:column;
  }

  .lord-menu-categories{
    width:100%;
    min-width:0;

    padding:8px;

    display:flex;

    overflow-x:auto;
    overflow-y:hidden;

    border-right:0;
    border-bottom:1px solid #e8e0d5;
  }

  .lord-menu-categories-title{
    display:none;
  }

  #lordMenuCategories{
    display:flex;
    gap:5px;
  }

  .lord-menu-category{
    width:auto;
    min-width:max-content;

    margin:0;

    padding:8px 10px;
  }

  .lord-menu-tools{
    align-items:stretch;
    flex-direction:column;
    gap:8px;

    padding:10px 12px;
  }

  .lord-menu-search{
    width:100%;
  }

  .lord-menu-body{
    padding:12px;
  }

  .lord-menu-grid{
    grid-template-columns:
      repeat(2,minmax(0,1fr));

    gap:9px;
  }

  .lord-menu-photo{
    height:125px;
  }

  .lord-menu-card-name{
    font-size:13px;
  }

  .lord-menu-nutrition{
    grid-template-columns:repeat(2,1fr);
  }

}

@media (max-width:520px){

  .lord-menu-grid{
    grid-template-columns:1fr;
  }

}