  .menu-hero{background:var(--peach);border-bottom:5px solid var(--ink);overflow:hidden;min-height:410px;display:flex;align-items:center}
  .mh-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:52px 26px;width:100%}
  .menu-hero h1{font-family:"Poppins";font-weight:900;font-size:clamp(34px,5vw,60px);color:var(--red);line-height:.96;letter-spacing:-0.03em;margin:10px 0}
  .menu-hero p{max-width:46ch;font-size:16px;color:var(--maroon);font-weight:600}
  .mh-photo{position:relative;height:250px}
  .mh-photo img{position:absolute;border-radius:var(--r-lg);border:4px solid var(--ink);box-shadow:var(--pop-lg);object-fit:cover}
  .mh-photo img:nth-child(1){width:56%;aspect-ratio:1.2;top:6px;right:0;transform:rotate(3deg);z-index:1}
  .mh-photo img:nth-child(2){width:46%;aspect-ratio:1;bottom:6px;left:4%;transform:rotate(-5deg);z-index:2}

  .shop{display:grid;grid-template-columns:248px 1fr;gap:38px;align-items:start}
  .cat-side{position:sticky;top:96px;background:var(--paper);border:2.5px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--pop);padding:14px;align-self:start}
  .cat-side h3{font-family:"Poppins";font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--red);padding:10px 14px 12px}
  .cat-tree{list-style:none}
  .cat-link{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:"Poppins";font-weight:700;font-size:14px;padding:10px 14px;border-radius:var(--r-sm);transition:background .16s,color .16s;color:var(--ink)}
  .cat-link:hover{background:var(--peach)}
  .cat-link.active{background:var(--ink);color:var(--cream)}
  .cat-link .ar{width:14px;height:14px;opacity:.5;flex:0 0 auto}
  .cat-link:hover .ar,.cat-link.active .ar{opacity:1}
  .cat-row{display:flex;align-items:center;gap:2px}
  .cat-row .cat-link{flex:1;min-width:0}
  .cat-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;background:none;border:none;border-radius:var(--r-sm);color:var(--ink);cursor:pointer;transition:background .16s}
  .cat-toggle:hover{background:var(--peach)}
  .cat-toggle .chev{width:13px;height:13px;transition:transform .25s var(--ease)}
  .has-children.open .cat-toggle{background:var(--peach)}
  .has-children.open .cat-toggle .chev{transform:rotate(90deg)}
  .cat-sub{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s var(--ease);padding-left:12px}
  .has-children.open .cat-sub{max-height:600px}
  .cat-link.sub{font-size:13px;font-weight:600;padding:8px 14px}
  .toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
  .toolbar .tright{margin-left:auto;display:flex;gap:10px;align-items:center}
  .select,.shop-search input{font-family:"Poppins";font-weight:700;font-size:13px;background:var(--paper);border:2px solid var(--ink);padding:10px 14px;border-radius:var(--r-pill);color:var(--ink)}
  .shop-search{position:relative}
  .shop-search input{padding-left:36px;width:220px;font-weight:600}
  .shop-search input:focus{outline:none}
  .shop-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px}
  .legend{display:flex;gap:7px;flex-wrap:wrap;padding:2px 0 4px}
  .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .empty{text-align:center;padding:70px 24px;background:var(--paper);border:2.5px dashed var(--line);border-radius:var(--r-lg)}
  .empty h3{font-family:"Poppins";font-weight:900;font-size:22px;margin-bottom:8px}
  .empty p{color:oklch(0.45 0.02 50);margin-bottom:20px}
  @media(max-width:1080px){.grid-3{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:980px){
    .shop{grid-template-columns:1fr;gap:24px}
    .cat-side{position:static}
    .cat-tree{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}
    .cat-tree li.has-children{grid-column:1/-1}
  }
  @media(max-width:620px){.grid-3{grid-template-columns:1fr}.cat-tree{grid-template-columns:1fr}.shop-search input{width:160px}}
  @media(max-width:820px){.mh-grid{grid-template-columns:1fr;text-align:center;padding:40px 26px 48px}.mh-photo{height:210px;margin-top:10px}.menu-hero p{margin-left:auto;margin-right:auto}}
