.lg-menu-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  border-radius:22px;
  box-shadow:0 18px 35px rgba(127,91,76,0.12);
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 68%, rgba(0,0,0,0.88) 78%, rgba(0,0,0,0.45) 92%, transparent 100%);
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 68%, rgba(0,0,0,0.88) 78%, rgba(0,0,0,0.45) 92%, transparent 100%);
}
.img-fade-wrap{
position:relative;
overflow:hidden;
border-radius:24px;
}

.img-fade-wrap img{
display:block;
width:100%;
height:220px;
object-fit:cover;
border-radius:24px;
transition:.35s ease;
}

.img-fade-wrap:hover img{
transform:scale(1.03);
}

.img-fade-wrap:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
border-radius:24px;
box-shadow:
inset 0 18px 22px -18px rgba(247,238,230,.75),
inset 0 -18px 22px -18px rgba(247,238,230,.75),
inset 18px 0 22px -18px rgba(247,238,230,.75),
inset -18px 0 22px -18px rgba(247,238,230,.75);
}
.menu-page{
  padding:42px 30px 30px;
}

.menu-hero-card{
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg, rgba(255,255,255,0.72), rgba(255,255,255,0.42));
  border:1px solid rgba(255,255,255,0.75);
  box-shadow:0 18px 50px rgba(127,91,76,0.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.menu-tag{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.7);
  border:1px solid rgba(235,214,202,0.9);
  color:#d98283;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:.74rem;
  font-weight:800;
  box-shadow:0 8px 20px rgba(127,91,76,0.06);
}

.menu-hero-card h1{
  margin:18px 0 0;
  font-size:clamp(2.4rem,5vw,4.6rem);
  line-height:.95;
  letter-spacing:-.04em;
  color:#5f4d46;
}

.menu-hero-card h1 span{
  display:block;
  color:#5e9891;
}

.menu-hero-card p{
  margin:18px 0 0;
  max-width:900px;
  line-height:1.9;
  color:#7e6b63;
  font-size:1.05rem;
}

.menu-infos-inline{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.menu-infos-inline span{
  display:inline-flex;
  align-items:center;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.8);
  border:1px solid #ebd6ca;
  font-weight:800;
  color:#5f4d46;
  box-shadow:0 10px 24px rgba(0,0,0,0.04);
  transition:.28s ease;
}

.menu-infos-inline span:hover{
  transform:translateY(-3px) scale(1.02);
  border-color:rgba(232,157,154,0.6);
  box-shadow:0 18px 30px rgba(127,91,76,0.1);
}

.menu-tabs-section{
  margin-top:24px;
}

.menu-tabs-wrap{
  overflow-x:auto;
  padding-bottom:6px;
}

.menu-tabs{
  display:flex;
  gap:12px;
  min-width:max-content;
}

.menu-tab{
  border:none;
  cursor:pointer;
  padding:14px 18px;
  border-radius:999px;
  background:rgba(255,255,255,0.78);
  border:1px solid #ebd6ca;
  font:inherit;
  font-weight:800;
  color:#5f4d46;
  box-shadow:0 10px 24px rgba(0,0,0,0.04);
  transition:.28s ease;
}

.menu-tab:hover{
  transform:translateY(-3px) scale(1.02);
  border-color:rgba(232,157,154,0.55);
}

.menu-tab.active{
  background:linear-gradient(135deg, #e89d9a, #d98283);
  color:#fff;
  border-color:transparent;
  box-shadow:0 16px 30px rgba(217,130,131,0.28);
}

.menu-panels{
  margin-top:22px;
}

.menu-panel{
  padding:28px;
  border-radius:32px;
  background:rgba(255,255,255,0.58);
  border:1px solid rgba(255,255,255,0.75);
  box-shadow:0 18px 42px rgba(0,0,0,0.05);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.menu-panel-head{
  margin-bottom:24px;
}

.menu-panel-head h2{
  margin:0;
  font-size:2rem;
  color:#5e9891;
}

.menu-panel-head p{
  margin:10px 0 0;
  color:#7e6b63;
  line-height:1.8;
}

.menu-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.menu-card{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,0.78);
  border:1px solid rgba(236,220,207,0.95);
  box-shadow:0 10px 24px rgba(0,0,0,0.04);
  transition:.28s ease;
}

.menu-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 34px rgba(127,91,76,0.1);
  border-color:rgba(232,157,154,0.45);
}

.menu-card h3{
  margin:0;
  font-size:1.25rem;
  color:#5f4d46;
}

.menu-price{
  margin-top:14px;
  font-size:1.4rem;
  font-weight:900;
  color:#d98283;
}

.menu-price-list{
  display:grid;
  gap:7px;
  margin-top:14px;
}

.menu-price-list span{
  color:#d98283;
  font-weight:800;
}

.menu-card p{
  margin:14px 0 0;
  line-height:1.85;
  color:#7e6b63;
}

.menu-badge{
  display:inline-block;
  margin-bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(124,181,173,0.14);
  color:#5e9891;
  font-weight:800;
  font-size:.88rem;
}

.menu-footer-note{
  margin-top:24px;
}

.menu-footer-note-card{
  padding:24px;
  border-radius:28px;
  background:linear-gradient(135deg, rgba(232,157,154,0.16), rgba(124,181,173,0.14), rgba(255,255,255,0.6));
  border:1px solid rgba(255,255,255,0.78);
  box-shadow:0 18px 46px rgba(127,91,76,0.08);
  text-align:center;
}

.menu-footer-note-card p{
  margin:0;
  line-height:1.9;
  color:#5f4d46;
}

@media (max-width: 1024px){
  .menu-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 820px){
  .menu-page{
    padding-left:18px;
    padding-right:18px;
  }

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

  .menu-panel{
    padding:22px;
  }
}

@media (max-width: 560px){
  .menu-hero-card{
    padding:22px;
  }

  .menu-hero-card h1{
    font-size:2.2rem;
  }

  .menu-tab{
    padding:12px 16px;
    font-size:.95rem;
  }
}