/* styles/02-layout.css — Каркас экрана, базовый layout */
  .pcard{flex:none;width:158px;background:var(--card);border-radius:var(--r);overflow:hidden;cursor:pointer;border:1px solid var(--sep)}
  .pcard .thumb{height:118px;position:relative;display:flex;align-items:flex-end;padding:10px}
  .pcard .thumb .gl{position:absolute;top:10px;right:10px;font-size:30px}
  .pcard .badge{position:absolute;top:10px;left:10px;background:var(--acc);color:var(--accTx);font-size:11px;font-weight:800;padding:3px 8px;border-radius:9px}
  .pcard .pname{padding:9px 11px 2px;font-size:14px;font-weight:600;line-height:1.2;min-height:34px;color:var(--label)}
  .pcard .pmeta{padding:0 11px 10px;display:flex;justify-content:space-between;align-items:center}
  .pcard .kcal{font-size:12px;color:var(--label2)}
  .pcard .price{font-size:15px;font-weight:800;color:var(--label)}

  .listcard{margin:4px 16px;background:var(--card);border-radius:var(--r);overflow:hidden;border:1px solid var(--sep)}
  .row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--sep);cursor:pointer}
  .row:last-child{border-bottom:0}
  .row .ic{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}
  .row .gname{flex:1;font-size:16px;font-weight:500;color:var(--label)}
  .row .sub{font-size:13px;color:var(--label2)}
  .row .chev{color:var(--label3)}
  .row .rprice{font-weight:800;font-size:16px}

  .tags{display:flex;flex-wrap:wrap;gap:6px}
  .tag{font-size:11px;font-weight:700;padding:3px 8px;border-radius:8px}
  .t-sugar{background:rgba(52,199,89,.16);color:#5BE584}
  .t-prot{background:rgba(139,123,255,.18);color:#B3A8FF}
  .t-fat{background:rgba(48,176,199,.16);color:#5BD0E0}
  .t-nut{background:rgba(232,160,74,.16);color:#F0B25E}

  .btn{display:block;width:100%;border:0;border-radius:14px;padding:15px;font-size:17px;font-weight:700;cursor:pointer;background:var(--acc);color:var(--accTx);font-family:inherit}
  .btn:active{opacity:.85}
  .btn.sec{background:rgba(255,255,255,.09);color:var(--label)}
  .btn.green{background:var(--acc);color:var(--accTx)}
  .btn.ghost{background:transparent;color:var(--acc)}
  .btn[disabled]{opacity:.4}

  #tabbar{position:absolute;left:0;right:0;bottom:0;height:84px;display:flex;background:rgba(16,17,21,.88);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep);padding-bottom:env(safe-area-inset-bottom,0)}
  .tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--label3);cursor:pointer;font-size:10px;font-weight:600;padding-top:8px;position:relative}
  .tab.on{color:var(--acc)}
  .tab .cnt{position:absolute;top:5px;left:54%;background:var(--pink);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}

  .hero{height:230px;display:flex;align-items:flex-end;padding:18px;position:relative}
  .hero .gl{position:absolute;top:24px;right:22px;font-size:64px}
  .hero .badge{background:var(--acc);color:var(--accTx);font-size:12px;font-weight:800;padding:4px 10px;border-radius:10px}
  .pad{padding:16px}
  .h1{font-size:24px;font-weight:800;letter-spacing:-.4px;line-height:1.15;color:var(--label)}
  .muted{color:var(--label2);font-size:15px}
  .kbju{display:flex;gap:10px;margin:14px 0}
  .kb{flex:1;background:var(--card);border-radius:var(--r2);padding:12px 8px;text-align:center;border:1px solid var(--sep)}
  .kb .v{font-size:19px;font-weight:800;color:var(--label)}
  .kb .l{font-size:11px;color:var(--label2);margin-top:2px}
  .block{background:var(--card);border-radius:var(--r);padding:14px 16px;margin:12px 0;border:1px solid var(--sep)}
  .block h3{font-size:13px;text-transform:uppercase;letter-spacing:.3px;color:var(--label2);margin-bottom:6px;font-weight:600}
  .block p{font-size:15px;line-height:1.45;color:var(--label)}
  .stickybar{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 16px 16px;background:linear-gradient(to top,var(--bg) 72%,transparent)}