/* ============================================================
   landing.css — страницы под поиск: доставка, категории, карточки.

   Оформление то же, что на витрине, но вёрстка простая и статичная:
   эти страницы читает и человек, и поисковый робот, поэтому никакого
   кода для показа содержимого здесь нет.
   ============================================================ */
.lp{margin:0;background:var(--bg,#fff);color:var(--text,#111110);
  font:16px/1.55 var(--font,-apple-system,BlinkMacSystemFont,Inter,'Segoe UI',Roboto,sans-serif)}
.lp a{color:inherit}

.lp__top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;
  padding:14px 20px;border-bottom:1px solid var(--line,#e8e6e0)}
.lp__logo{font-weight:800;font-size:17px;text-decoration:none;letter-spacing:-.01em}
.lp__contacts{display:flex;flex-direction:column;font-size:13px;color:var(--muted,#7d7a73)}
.lp__contacts a{font-weight:700;color:inherit;text-decoration:none;font-size:15px}
/* Цвет текста кнопок задаём через .lp a, иначе общее правило .lp a{color:inherit}
   оказывается сильнее и буквы становятся чёрными на чёрном: кнопка выглядит
   пустой плашкой. */
.lp a.lp__order{background:var(--ink,#111110);color:#fff;text-decoration:none;font-weight:600;
  font-size:14px;padding:10px 18px;border-radius:999px}

.lp__crumbs{max-width:900px;margin:14px auto 0;padding:0 20px;font-size:13px;
  color:var(--muted,#7d7a73);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.lp__crumbs a{text-decoration:none;color:inherit}
.lp__crumbs a:hover{text-decoration:underline}
.lp__crumbs b{color:var(--text,#111110);font-weight:600}

.lp__main{max-width:900px;margin:0 auto;padding:18px 20px 60px}
.lp__main h1{font-size:clamp(24px,4vw,34px);line-height:1.12;margin:12px 0 10px}
.lp__main h2{font-size:clamp(18px,2.6vw,23px);margin:28px 0 10px}
.lp__lead{font-size:16.5px;line-height:1.55;color:#4a473f;max-width:62ch;margin:0 0 6px}
.lp__note{font-size:14px;color:var(--muted,#7d7a73);max-width:62ch}
.lp__ing{font-size:14.5px;color:#4a473f}

.lp a.lp__btn{display:inline-block;background:var(--ink,#111110);color:#fff;text-decoration:none;
  font-weight:600;padding:13px 22px;border-radius:999px;margin-top:10px;margin-right:8px}
.lp__more{margin-top:26px}

/* карточка блюда */
.lp__item{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:26px;
  align-items:start;margin-top:10px}
.lp__shot img{width:100%;height:auto;border-radius:18px;display:block}
.lp__sizes{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.lp__sizes li{display:flex;gap:8px;align-items:baseline;background:var(--surface,#f5f4f1);
  border-radius:12px;padding:9px 14px;font-size:15px}
.lp__sizes b{font-weight:600}

/* список блюд в категории */
.lp__grid{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:16px;
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.lp__card{background:var(--card,#fff);border:1px solid var(--line,#e8e6e0);border-radius:16px;
  padding:12px;display:flex;flex-direction:column;gap:6px}
.lp__card a{text-decoration:none;display:flex;flex-direction:column;gap:8px;font-size:15.5px}
.lp__card img{width:100%;height:auto;border-radius:12px;display:block}
.lp__desc{font-size:13px;color:var(--muted,#7d7a73);line-height:1.35}
.lp__price{font-weight:700}

/* таблица зон и списки */
.lp__table{width:100%;border-collapse:collapse;margin-top:12px;font-size:15px}
.lp__table th,.lp__table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line,#e8e6e0)}
.lp__table th{font-size:13px;color:var(--muted,#7d7a73);font-weight:600}
.lp__list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.lp__list li{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;
  border-bottom:1px solid var(--line,#e8e6e0);padding-bottom:10px}
.lp__list b{font-weight:650;min-width:160px}
.lp__list span{color:#4a473f}

.lp__q{border-bottom:1px solid var(--line,#e8e6e0);padding:12px 0}
.lp__q summary{cursor:pointer;font-weight:600;font-size:16px}
.lp__q p{margin:8px 0 0;color:#4a473f}

.lp__foot{border-top:1px solid var(--line,#e8e6e0);padding:22px 20px 40px;display:flex;
  flex-wrap:wrap;gap:18px;justify-content:space-between;font-size:14px;color:var(--muted,#7d7a73)}
.lp__foot b{display:block;color:var(--text,#111110);font-size:15px;margin-bottom:4px}
.lp__foot span{display:block}
.lp__links{display:flex;flex-wrap:wrap;gap:16px}
.lp__links a{text-decoration:none}
.lp__links a:hover{text-decoration:underline}

@media(max-width:700px){
  /* таблица зон в четыре колонки на телефоне шире экрана: пусть прокручивается
     сама, иначе вбок едет вся страница, а поиск считает это неудобством */
  .lp__tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .lp__table{min-width:420px}
  .lp__item{grid-template-columns:1fr}
  .lp__order{display:none}
  .lp__main{padding:14px 16px 48px}
  .lp__crumbs{padding:0 16px}
}
@media(prefers-color-scheme:dark){
  .lp{background:#111;color:#f2f2f2}
  .lp__card{background:#1c1c1e;border-color:rgba(255,255,255,.12)}
  .lp__lead,.lp__ing,.lp__list span,.lp__q p{color:#c9c7c2}
  .lp__sizes li{background:#1c1c1e}
  .lp a.lp__btn,.lp a.lp__order{background:#fff;color:#111}
}

/* отзывы */
.lp__revs{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.lp__rev{background:var(--card,#fff);border:1px solid var(--line,#e8e6e0);
  border-radius:16px;padding:14px 16px}
.lp__rev-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.lp__rev p{margin:8px 0 6px;color:#4a473f;font-size:15px;line-height:1.5}
.lp__stars{color:#f5a623;letter-spacing:1px;font-size:14px}
@media(prefers-color-scheme:dark){
  .lp__rev{background:#1c1c1e;border-color:rgba(255,255,255,.12)}
  .lp__rev p{color:#c9c7c2}
}